@charset "UTF-8";
* {
  -webkit-font-smoothing: subpixel-antialiased !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes buttonLoad {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes swipe {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
/* ============================================================
   Core Brand
   ============================================================ */
/* ============================================================
   Primary Action Colors (UI-safe, Fluent-style)
   ============================================================ */
/* Blue – primary actions */
/* Green – success / positive */
/* Yellow – warning / attention */
/* Red – destructive / error */
/* ============================================================
   Semantic Mapping
   ============================================================ */
/* ============================================================
   Secondary & Neutral Buttons
   ============================================================ */
/* ============================================================
   Removal / Special States
   ============================================================ */
/* ============================================================
   Accent Colors (used sparingly)
   ============================================================ */
/* ============================================================
   Text
   ============================================================ */
/* ============================================================
   Borders
   ============================================================ */
/* ============================================================
   Backgrounds
   ============================================================ */
/* ============================================================
   Messages & Alerts
   ============================================================ */
/* ============================================================
   Notification Center
   ============================================================ */
:root {
  --sidebar-bg: #0c1b48;
  --sidebar-bg-darker: rgb(10.08, 22.68, 60.48);
  --sidebar-bg-dark: rgb(11.04, 24.84, 66.24);
  --sidebar-bg-light: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  --sidebar-text: #ffffff;
  --sidebar-accent: #3a7bd5;
  --sidebar-accent-soft: rgba(58, 123, 213, 0.08);
  --sidebar-panel-bg: #f8fbfe;
  --sidebar-panel-border: #dce4ec;
  --sidebar-panel-text: #2a3f56;
  --toolbar-bg: #ffffff;
  --toolbar-border: #dee2e6;
  --toolbar-text: #606060;
  --toolbar-muted: #525b65;
  --toolbar-accent: #3a7bd5;
  --toolbar-text-strong: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.uib-modal-window,
.uib-modal-window .modal-dialog,
.uib-modal-window .modal-content,
.uib-modal-window .modal-body {
  overflow: visible !important;
}

/* Your full-screen modal may also set overflow: hidden; undo that */
.u-media-grid-modal,
.u-media-grid-modal .modal-body {
  overflow: visible !important;
}

.cselect,
.cselect * {
  z-index: auto;
}

.cselect .cselect-menu,
.cselect .dropdown-menu,
.cselect__menu { /* or this name */
  position: absolute;
  z-index: 2051; /* > bootstrap modal backdrop (1040) and modal (1050) */
}

html, body {
  font-family: "Encode Sans", sans-serif;
  font-size: 0.9rem;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  width: 100%;
}

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

* {
  outline: none !important;
}

a {
  color: #525b65;
  text-decoration: none;
}

body.syncLoader {
  position: relative;
}
body.syncLoader:before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  opacity: 0.7;
  z-index: 9999;
}

.mce-notification {
  display: none !important;
}

.loader-container {
  margin-top: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100px; /* Adjust height as needed */
}

.loader-circle {
  position: relative;
  width: 50px; /* Adjust size of the circle */
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.loader-ring {
  width: 100%;
  height: 100%;
  border: 4px solid transparent;
  border-top: 4px solid #3498db; /* Set the color of the ring */
  border-radius: 50%;
  animation: spin 2s linear infinite;
}

.loader-text {
  color: #333;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
u-inbox {
  display: none;
}

u-navigation {
  display: flex;
}

body.has-notificationcenter {
  background-color: transparent;
  height: 100vh;
}
body.has-notificationcenter u-inbox {
  display: flex;
  flex: 1;
  flex-direction: row-reverse;
}

body .u-navigation {
  transition: left 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.pagewrapper {
  height: 100vh;
  display: flex;
  flex-direction: column;
  flex: 1;
}

h2 {
  color: #232323;
  font-family: "Encode Sans", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 38px;
  margin: 0;
  padding: 0;
}

h1 {
  color: #232323;
  font-family: "Encode Sans", sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 38px;
  margin: 0;
  padding: 0;
}
h1.cutoff {
  max-width: 640px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
h1 a {
  color: #606060;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
h1 a[href]:hover {
  color: #6c757d;
}
h1 > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center;
  align-content: center;
}
h1 > span > a {
  margin-right: 5px;
}
h1 > span > .headerDing {
  margin-left: 5px;
}

#viewport {
  flex: 1;
}
#viewport .help a {
  color: rgb(101.52, 109.98, 117.5);
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
#viewport {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 1;
}
#viewport > * {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#viewport > * > * {
  display: flex;
  flex-direction: column;
}
#viewport header {
  max-width: 2160px;
  background: var(--toolbar-bg, #ffffff);
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
  border-bottom: 1px solid var(--toolbar-border, #dee2e6);
  padding: 10px;
  z-index: 1000;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
@media (max-width: 500px) {
  #viewport header {
    flex-direction: column;
    align-items: flex-start;
  }
}
#viewport header .left h1 {
  color: var(--toolbar-text, #606060);
  display: inline-block;
  vertical-align: middle;
}
#viewport header .left .count {
  color: var(--toolbar-accent, #3a7bd5);
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
#viewport header .version {
  line-height: 38px;
  vertical-align: middle;
  font-weight: 400;
  display: inline-block;
  color: var(--toolbar-text-strong, rgb(63.7180327869, 70.7114754098, 78.4819672131));
  padding-left: 50px;
}
#viewport header .version .version-title {
  font-weight: 400;
  color: var(--toolbar-muted, #525b65);
}
#viewport section#main {
  display: flex;
  flex: 1;
  max-width: 2160px;
  width: 100%;
  margin: 0 auto;
  flex-direction: column;
}
#viewport aside#sidebar {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-bottom: none;
  z-index: 500;
}
#viewport aside#sidebar h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
#viewport aside#sidebar .tree {
  position: absolute;
}
#viewport aside#sidebar .toggle-sidebar {
  position: absolute;
  right: 15px;
  top: 2px;
  z-index: 99999;
}
#viewport aside#sidebar .sidebarOptions {
  z-index: 10;
  box-sizing: border-box;
  visibility: visible !important;
  height: 45px;
  background: #fafafa;
  display: flex;
  border-top: 1px solid #dee2e6;
  justify-content: space-between;
  line-height: 24px;
  padding: 10px 20px 10px 20px;
  vertical-align: middle;
}
#viewport aside#sidebar .sidebarOptions .cswitch {
  margin-left: 14px;
}
#viewport aside#sidebar .sidebarOptions .cswitch.on {
  background: #6c757d;
  border-color: rgb(101.52, 109.98, 117.5);
}
#viewport.has-sidebar #main.sidebar {
  flex: 1;
}

.grid table td.text {
  white-space: initial;
  min-width: 300px;
}

.gridcontrols::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols {
  padding: 10px;
  position: relative;
}
.gridcontrols h1 {
  display: inline-block;
  font-size: 1.1rem;
  font-weight: 400;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0 20px 0 0 !important;
}
.gridcontrols .left {
  display: flex;
  gap: 4px;
  float: left;
}
.gridcontrols .right {
  display: flex;
  gap: 4px;
  float: right;
}
.gridcontrols .count {
  color: var(--toolbar-accent, #3a7bd5);
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.gridcontrols .cselect,
.gridcontrols .paginator {
  margin: 0 5px;
}
.gridcontrols .pagination .ippcontrol::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols .pagination .ippcontrol {
  display: inline-block;
  margin: 0 0 0 20px;
}
.gridcontrols .pagination .ippcontrol label {
  color: #525b65;
  display: inline-block;
  line-height: 14px;
  padding: 10px 0;
  vertical-align: middle;
}
.gridcontrols .pagination .pcontrol::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols .pagination .pcontrol {
  display: inline-block;
  margin: 0 0 0 20px;
}
.gridcontrols .pagination .pcontrol label {
  color: #525b65;
  display: inline-block;
  line-height: 14px;
  padding: 10px 0;
  vertical-align: middle;
}
.gridcontrols .pagination .pcontrol label > span {
  font-weight: 400;
}

.inputcomment {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}
.inputcomment:hover {
  color: #3a7bd5;
}

.inputerror {
  position: absolute;
  right: -20px;
  top: 8px;
}
.inputerror .tooltip {
  transition: opacity 0.2s linear 0, margin 0s linear 0.2s;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  bottom: 170%;
  color: #232323;
  cursor: default;
  line-height: 14px;
  margin-right: 1000px;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: -1px;
  text-align: left;
  white-space: nowrap;
  z-index: 100;
}
.inputerror .tooltip:before {
  bottom: -10px;
  display: block;
  content: "";
  border-color: #dee2e6 transparent transparent transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  right: 10px;
  z-index: 1;
}
.inputerror .tooltip:after {
  bottom: -8px;
  display: block;
  content: "";
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  right: 10px;
  z-index: 2;
}
.inputerror:hover {
  color: #3a7bd5;
}
.inputerror:hover .tooltip {
  margin-right: 0;
  opacity: 1;
  transition: opacity 0s linear 0.2s, margin 0.2s linear 0s;
}

.generalContent {
  padding-left: 40px;
}
.generalContent h1 {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 34px;
}
.generalContent h2 {
  margin: 0;
  padding: 10px 20px 10px 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 30px;
}
.generalContent p {
  padding: 0 20px 10px 0;
  margin: 0;
  color: #6d798c;
}
.generalContent p.example {
  color: black;
  margin: 0 20px 0;
  background: #f5faff;
  border: 1px solid #dee2e6;
  padding: 20px 20px;
  display: inline-block;
}

h3 {
  font-weight: 400;
}

.completeness {
  border-radius: 0.2rem;
  display: inline-block;
  margin: 0 0 0 0;
  position: relative;
  vertical-align: middle;
  background-color: #dee2e6;
}
.completeness .percentage {
  float: left;
}
.completeness .partial.blue {
  background-color: #51a3ff !important;
}
.completeness .partial.orange {
  background-color: #fd7e14 !important;
}
.completeness .partial.pink {
  background-color: #e83e8c !important;
}
.completeness .partial.cyan {
  background-color: #0dcaf0 !important;
}
.completeness .partial.purple {
  background-color: #6f42c1 !important;
}
.completeness .partial.yellow {
  background-color: #e3b341 !important;
}
.completeness .partial.red {
  background-color: #d14343 !important;
}
.completeness .incomplete {
  position: relative;
  background-color: #e5e5e5;
}
.completeness .partial {
  background-color: #b2c6cd;
  left: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  border-radius: 50px;
}
.completeness.bar {
  display: inline-block !important;
  height: 5px;
  width: 80px !important;
}
.completeness .tooltip {
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #313949;
  cursor: default;
  display: none;
  font-weight: 400;
  right: -16px;
  line-height: 20px;
  margin: 0 -85px;
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 175px;
  z-index: 100;
}
.completeness .tooltip:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}
.completeness .tooltip:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.completeness .tooltip .label {
  color: #6d798c;
  font-weight: 400;
}
.completeness .tooltip i {
  border-radius: 0.2rem;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.completeness .tooltip i.orange {
  background-color: #ff8b24;
}
.completeness .tooltip i.pink {
  background-color: #ef438c;
}
.completeness .tooltip i.blue {
  background-color: #4e9ee8;
}
.completeness .tooltip i.cyan {
  background-color: #42cfd1;
}
.completeness .tooltip i.purple {
  background-color: #da6ab4;
}
.completeness .tooltip i.yellow {
  background-color: #ffc619;
}
.completeness:hover .tooltip {
  display: block;
}

button.icon, a.icon {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  background-color: white;
  border: 1px solid #dee2e6;
  white-space: nowrap;
  padding: 8px 10px;
  line-height: 1.42857143;
  border-radius: 0.2rem;
  color: #525b65;
}
button.icon.no-border, a.icon.no-border {
  border-color: transparent;
}
button.icon:hover, a.icon:hover {
  border-color: #3a7bd5;
  color: #3a7bd5;
}
button.icon.active, a.icon.active {
  border-color: #3a7bd5;
  background-color: #3a7bd5;
  color: white;
}
button.icon.sm, a.icon.sm {
  padding: 4px;
}

.icon-colorIndicator:before {
  content: " ";
  display: inline-block;
  border: 2px solid black;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  margin-top: -8px;
  margin-bottom: -6px;
}
.icon-colorIndicator.small:before {
  width: 4px;
  height: 4px;
  margin-left: 5px;
  margin-bottom: 0;
  transition: all 1s linear;
  transform: scale(1);
}
.icon-colorIndicator.small.hidden:before {
  transform: scale(0);
}
.icon-colorIndicator.orange:before {
  border-color: #fd7e14;
}
.icon-colorIndicator.pink:before {
  border-color: #e83e8c;
}
.icon-colorIndicator.blue:before {
  border-color: #51a3ff;
}
.icon-colorIndicator.cyan:before {
  border-color: #0dcaf0;
}
.icon-colorIndicator.purple:before {
  border-color: #6f42c1;
}
.icon-colorIndicator.yellow:before {
  border-color: #e3b341;
}
.icon-colorIndicator.green:before {
  border-color: #3fa36c;
}
.icon-colorIndicator.red:before {
  border-color: rgba(255, 255, 255, 0.24);
}
.icon-colorIndicator.default:before {
  border-color: #dee2e6;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

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

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(0, 0, 0, 0.32);
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: auto;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before,
.clearfix:after,
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

.modal-content .modal-header .modal-title {
  display: inline-block;
  margin: 8px 0;
}
.modal-content .modal-header .close-button {
  float: right;
}
.modal-content .modal-footer .cbutton {
  margin-left: 5px;
}

.modal-dialog.modal-fullscreen {
  margin: 20px auto;
  width: calc(100vw - 40px);
}
.modal-dialog.modal-fullscreen .modal-content .modal-body {
  height: calc(100vh - 180px);
  overflow-y: auto;
  padding: 0;
}

.u-profile {
  width: 100%;
  height: 100%;
}
.u-profile .notification-settings {
  color: #525b65;
  padding: 5px 20px 10px;
}
.u-profile .notification-settings table {
  border-spacing: 0;
  border-collapse: collapse;
  line-height: 50px;
  margin-bottom: 10px;
  width: 100%;
}
.u-profile .notification-settings table tr:hover td {
  background-color: #f1f4fa;
  border-bottom: 1px solid #cbd3e7;
  border-top: 1px solid #cbd3e7 !important;
}
.u-profile .notification-settings table th, .u-profile .notification-settings table td {
  transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  box-sizing: border-box;
  background-color: #fff;
  border-bottom: 1px solid #1e1e30;
  height: 50px;
  line-height: 50px;
  margin: 0;
  padding: 0 10px;
}
.u-profile .notification-settings table th:first-child, .u-profile .notification-settings table td:first-child {
  text-align: left;
}
.u-profile .notification-settings table th:nth-child(2), .u-profile .notification-settings table th:nth-child(3), .u-profile .notification-settings table td:nth-child(2), .u-profile .notification-settings table td:nth-child(3) {
  text-align: center;
}
.u-profile .notification-settings table th {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
}
.u-profile .notification-settings table td {
  border-top: 1px solid #1e1e30;
  color: #525b65;
}
.u-profile .notification-settings table td:nth-child(1) {
  width: 50%;
}
.u-profile .notification-settings table td:nth-child(2), .u-profile .notification-settings table td:nth-child(3) {
  width: 140px;
}
.u-profile .notification-settings table td:nth-child(4) {
  width: calc(50% - 280px);
}
.u-profile .notification-settings table.noborder th, .u-profile .notification-settings table.noborder td {
  border: none;
}
.u-profile .notification-settings table .cselect {
  min-width: 108px;
}
.u-profile .notification-settings h4 {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
  margin: 20px 0 0;
  padding: 0 10px;
  line-height: 40px;
}
.u-profile .notification-settings div.digests {
  margin: 0;
  line-height: 34px;
}
.u-profile .notification-settings div.digests .checkbox {
  margin-top: -2px;
}

.auth-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: #0b1b48;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.auth-shell {
  width: 100%;
  max-width: 500px;
  display: grid;
  grid-template-columns: 420px 1fr;
  gap: 18px;
}
@media (max-width: 920px) {
  .auth-shell {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
}

.auth-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.2rem;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

.auth-header {
  padding: 18px 18px 12px 18px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(180deg, rgba(12, 27, 72, 0.04), rgba(255, 255, 255, 0));
}

.utomo-logo {
  margin-bottom: 18px;
  margin-top: 10px;
  align-self: center;
  width: 200px;
  height: 30px;
  background: url("/app/images/logo.png") no-repeat center center/contain;
}

.auth-title-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.auth-title {
  font-size: 18px;
  font-weight: 400;
  color: #0c1b48;
  line-height: 22px;
}

.auth-version {
  font-size: 12px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  white-space: nowrap;
}

.auth-subtitle {
  margin-top: 8px;
  font-size: 13px;
  color: #525b65;
  line-height: 18px;
}

.auth-body {
  padding: 18px;
}
.auth-body .cinput {
  width: 100%;
}

.auth-row {
  display: flex;
  margin-bottom: 12px;
}
.auth-row:last-child {
  margin-bottom: 0;
}

.auth-actions {
  margin-top: 14px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}
.auth-loading {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.auth-form-error {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 0.2rem;
  border: 1px solid #f5c6cb;
  background: #f8d7da;
  color: #721c24;
  font-size: 12px;
  line-height: 16px;
}

.auth-strength {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 0.2rem;
  background: #f5faff;
}

.auth-strength-title {
  font-size: 12px;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  margin-bottom: 10px;
}

.auth-strength-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 12px;
}
@media (max-width: 520px) {
  .auth-strength-grid {
    grid-template-columns: 1fr;
  }
}

.auth-strength-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: #525b65;
}
.auth-strength-item i {
  font-size: 12px;
  opacity: 0.85;
}
.auth-strength-item.ok {
  color: #3fa36c;
}
.auth-strength-item.ok i {
  opacity: 1;
}

.auth-aside {
  background: white;
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 0.2rem;
  padding: 18px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 920px) {
  .auth-aside {
    min-height: 0;
  }
}

.auth-aside-kicker {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #3a7bd5;
}

.auth-aside-title {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #0c1b48;
  line-height: 22px;
}

.auth-aside-text {
  margin-top: 10px;
  font-size: 13px;
  color: #525b65;
  line-height: 18px;
  max-width: 520px;
}

.auth-article {
  margin-top: 12px;
  padding: 14px;
}

.auth-article-title {
  font-size: 14px;
  font-weight: 400;
  color: #0c1b48;
  line-height: 18px;
}

.auth-article-meta {
  margin-top: 8px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.auth-article-meta i {
  color: #3a7bd5;
}

.auth-article-body {
  margin-top: 10px;
  font-size: 13px;
  color: #525b65;
  line-height: 18px;
}

.auth-article-pills {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.auth-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 0.2rem;
  background: rgba(12, 27, 72, 0.06);
  border: 1px solid rgba(12, 27, 72, 0.1);
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-size: 12px;
  font-weight: 400;
}
.auth-pill i {
  color: #3a7bd5;
}

.auth-aside-foot {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.auth-footnote {
  font-size: 12px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}

.product-categories tab-content {
  display: flex;
}
.product-categories .sortable-tree {
  margin: 16px;
  width: 100%;
  max-width: 800px;
}

.u-milestone-configure {
  height: 100%;
  max-width: 1280px;
}
.u-milestone-configure .mc-attribute-set-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u-milestone-configure .mc-attribute-set-item {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  overflow: visible;
  background: #fff;
}
.u-milestone-configure .mc-attribute-set-header {
  background: #fafafa;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
}
.u-milestone-configure .mc-attribute-set-header-main {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
}
.u-milestone-configure .mc-attribute-set-title {
  font-weight: 400;
}
.u-milestone-configure .mc-attribute-set-toggle {
  flex: 1;
  display: flex;
  justify-content: space-between;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 1;
  padding: 2px 6px;
}
.u-milestone-configure .mc-attribute-set-toggle:disabled {
  opacity: 0.4;
  cursor: default;
}
.u-milestone-configure .mc-attribute-set-body {
  padding: 8px 10px 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.u-milestone-configure .mc-group-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 26px;
}
.u-milestone-configure .mc-due-date-row {
  display: grid;
  grid-template-columns: 170px minmax(240px, 1fr);
  gap: 10px;
  align-items: center;
  padding: 2px 0 8px 26px;
}
.u-milestone-configure .mc-due-date-row .cselect {
  width: 100%;
}
.u-milestone-configure .mc-due-date-row .cselect.is-open {
  z-index: 30;
}
.u-milestone-configure .mc-due-date-label {
  color: #536172;
  font-size: 12px;
  font-weight: 500;
}
.u-milestone-configure .mc-group-item {
  padding: 4px 0;
}
.u-milestone-configure .mc-group-title {
  font-weight: 400;
}
.u-milestone-configure .mc-empty-groups,
.u-milestone-configure .mc-empty-attribute-sets {
  padding: 8px 10px;
  color: #9e9e9e;
  font-style: italic;
}

@keyframes closemessagedel {
  0% {
    width: 36px;
    opacity: 1;
    background-color: #d14343;
  }
  33% {
    width: 320px;
    opacity: 1;
    background-color: #d14343;
  }
  100% {
    width: 320px;
    opacity: 1;
    background-color: #d14343;
  }
}
@keyframes closemessagedeli {
  0% {
    right: -15px;
  }
  33% {
    right: -299px;
  }
  100% {
    right: -299px;
  }
}
@keyframes closemessage {
  0% {
    height: 90px;
    padding: 12px 40px 14px 40px;
  }
  100% {
    height: 0;
    padding: 0 40px 0 40px;
    border: none;
  }
}
.u-notification {
  margin: 5px;
  margin-right: -21px;
  border-bottom: solid 1px rgb(16.8685714286, 37.9542857143, 101.2114285714);
  background: rgb(10.08, 22.68, 60.48);
}
.u-notification.hoverright.deleted .delete, .u-notification.deleted .delete {
  animation: closemessagedel 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1;
}
.u-notification.hoverright.deleted .delete i, .u-notification.deleted .delete i {
  animation: closemessagedeli 0.45s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1;
}
.u-notification.deleted {
  animation: closemessage 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s 1;
  animation-fill-mode: forwards;
}
.u-notification {
  transition: padding 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  box-sizing: border-box;
  overflow: hidden;
  padding: 4px 40px 14px 40px;
}
.u-notification .top-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 25px;
}
.u-notification .top-line .title {
  font-weight: 400;
  margin: 0;
  margin-left: -21px;
  color: #ddd;
}
.u-notification .top-line .title i {
  border: 2px solid transparent;
  border-radius: 5px;
  display: inline-block;
  height: 6px;
  margin-right: 10px;
  width: 6px;
}
.u-notification .top-line .title i.product {
  border-color: #3a7bd5;
}
.u-notification .top-line .title i.system {
  border-color: #e3b341;
}
.u-notification .top-line .title i.user {
  border-color: #e83e8c;
}
.u-notification .top-line .title i.export {
  border-color: #0dcaf0;
}
.u-notification .top-line .title i.export-finished-download {
  border-color: #0dcaf0;
}
.u-notification .top-line .title i.sap {
  border-color: #3fa36c;
}
.u-notification .top-line .datetime {
  color: rgb(166, 167, 170);
  margin-bottom: 20px;
}
.u-notification .bottom-line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-notification .bottom-line .content {
  margin: 0;
  margin-right: 10px;
  color: #ddd;
}
.u-notification .bottom-line .content em {
  font-style: normal;
  color: #ffffff;
}
.u-notification .bottom-line .content a {
  color: #3a7bd5;
  text-decoration: none;
  cursor: pointer;
  font-weight: 400;
}
.u-notification .bottom-line .content a.download-link {
  display: block;
}
.u-notification .bottom-line .content a.download-link:before {
  vertical-align: middle;
  margin-right: 5px;
}
.u-notification .bottom-line .read-buttons {
  display: flex;
  flex-direction: row;
}
.u-notification.viewed .top-line .title {
  opacity: 0.5;
}
.u-notification.viewed .bottom-line .content {
  opacity: 0.5;
}

u-inbox {
  padding: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 60px;
  bottom: 0;
}

.u-inbox {
  width: 400px;
  z-index: 9999;
  background-color: rgb(10.08, 22.68, 60.48);
  flex-direction: column;
  display: flex;
  padding-top: 2px;
}
.u-inbox header {
  border-bottom: solid 1px rgba(78, 85, 106, 0.1607843137);
  padding: 0 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.u-inbox header h2 {
  color: rgba(255, 255, 255, 0.85);
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 48px;
  padding: 4px 0 6px 0;
  margin: 0;
}
.u-inbox header .close {
  -webkit-text-stroke: 1px rgb(10.08, 22.68, 60.48);
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 0.3;
  cursor: pointer;
  padding: 0 9px;
  color: white;
}
.u-inbox header .close:hover {
  transition: all 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
}
.u-inbox header .close i {
  font-size: 18px;
}
.u-inbox .notifications {
  flex: 1;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}
.u-inbox .notifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 100%;
}
.u-inbox .notifications ul li {
  box-sizing: border-box;
  color: #ffffff;
  font-weight: 300;
  line-height: 20px;
  padding: 0;
  overflow: hidden;
}
.u-inbox .no-notifications {
  display: table;
  opacity: 0;
  z-index: -10;
  width: 100%;
}
.u-inbox .no-notifications span {
  line-height: 48px;
  color: rgba(255, 255, 255, 0.5);
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.u-inbox .no-notifications span i {
  display: block;
  font-size: 38px;
  color: rgba(255, 255, 255, 0.3);
  margin-bottom: -10px;
}
.u-inbox .no-notifications.number-0 {
  transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  margin-top: 45px;
}
.u-inbox footer {
  justify-content: flex-end;
  padding: 6px;
  display: flex;
}
.u-inbox footer .button, .u-inbox footer button {
  width: 100%;
}
.u-inbox footer .button {
  margin: 0 4px;
}

.pushNotifications {
  float: right;
  height: 200px;
  margin: 10px 10px 0;
  width: 305px;
}
.pushNotifications ul::after {
  content: "";
  display: table;
  clear: both;
}
.pushNotifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pushNotifications ul li {
  box-sizing: border-box;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.pushNotifications ul li header {
  line-height: 30px;
}
.pushNotifications ul li .txt {
  line-height: 20px;
}
.pushNotifications ul li .close {
  cursor: pointer;
  position: absolute;
  right: 18px;
  top: 14px;
}
.pushNotifications ul li.message {
  background-color: rgba(255, 243, 205, 0.95);
  border: 1px solid rgba(255, 238, 186, 0.95);
  border-radius: 2px;
  padding: 10px 0 12px 18px;
}
.pushNotifications ul li.message > header {
  color: #856404;
}
.pushNotifications ul li.message > div {
  color: #856404;
}
.pushNotifications ul li.error {
  background-color: rgba(248, 215, 218, 0.95);
  border: 1px solid rgba(245, 198, 203, 0.95);
  border-radius: 2px;
  padding: 10px 0 12px 18px;
}
.pushNotifications ul li.error > header {
  color: #721c24;
}
.pushNotifications ul li.error > div {
  color: #721c24;
}
.pushNotifications ul li.notification {
  background-color: rgba(63.7180327869, 70.7114754098, 78.4819672131, 0.95);
  border-radius: 2px;
  padding: 10px 0 12px 16px;
}
.pushNotifications ul li.notification > header {
  color: #ffffff;
}
.pushNotifications ul li.notification > div {
  color: #ced4da;
}
.pushNotifications ul li.notification.status {
  border-right: 2px solid #6c757d;
}
.pushNotifications ul li.notification.update {
  border-right: 2px solid #e3b341;
}

.u-roles-overview {
  height: 100%;
}

.u-roles-detail {
  height: 100%;
}
.u-roles-detail table {
  margin-top: 15px;
  width: 100%;
}
.u-roles-detail .module-access .acl-ability-col {
  cursor: pointer;
}
.u-roles-detail .module-access .acl-ability-col span {
  margin-left: 6px;
}
.u-roles-detail .module-access .acl-ability-col .fa-check-circle {
  color: #da302b;
}
.u-roles-detail .attribute-set-permissions .attribute-set-row {
  background: #f1f1f5;
}
.u-roles-detail .attribute-set-permissions .ability-col,
.u-roles-detail .attribute-set-permissions .set-ability-col {
  text-align: center;
  cursor: pointer;
}
.u-roles-detail .attribute-set-permissions .ability-col .fa-check-circle,
.u-roles-detail .attribute-set-permissions .set-ability-col .fa-check-circle {
  color: #da302b;
}
.u-roles-detail .attribute-set-permissions .attribute-set-header,
.u-roles-detail .attribute-set-permissions .attribute-group-header {
  text-align: left;
}
.u-roles-detail .restrictions-wrapper {
  color: #525b65;
  padding: 0 40px;
}

.u-users-overview {
  height: 100%;
}

.u-profile-detail {
  height: 100%;
}

.u-users-detail {
  height: 100%;
}
.u-users-detail ul {
  margin-top: 0;
  color: #525b65;
}
.u-users-detail .mail-tab {
  padding: 16px;
}
.u-users-detail .mail-tab h2 {
  margin: 0;
  color: #525b65;
}
.u-users-detail .mail-tab p {
  margin: 6px 0 0 0;
  color: #525b65;
  max-width: 900px;
  line-height: 1.4;
}
.u-users-detail .mail-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1200px) {
  .u-users-detail .mail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .u-users-detail .mail-grid {
    grid-template-columns: 1fr;
  }
}
.u-users-detail .mail-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 0.2rem;
}
.u-users-detail .mail-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f6f9ff;
  border-bottom: 1px solid #dee2e6;
}
.u-users-detail .mail-card-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.u-users-detail .mail-domain-name {
  font-weight: 400;
  color: #525b65;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-users-detail .mail-domain-subtitle {
  color: #525b65;
}
.u-users-detail .mail-card-body {
  padding: 12px;
}
.u-users-detail .mail-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.u-users-detail .mail-empty {
  margin-top: 14px;
}
.u-users-detail .mail-empty-card {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 16px;
  background: #fff;
}
.u-users-detail .mail-empty-card h3 {
  margin: 0;
  color: #525b65;
}
.u-users-detail .mail-empty-card p {
  margin: 6px 0 0 0;
  color: #525b65;
}
.u-users-detail .mail-checklist {
  margin-top: 16px;
  border-radius: 0.2rem;
  padding: 14px 16px;
  background: #fff;
}
.u-users-detail .mail-checklist h3 {
  margin: 0 0 10px 0;
  color: #525b65;
}
.u-users-detail .mail-checklist ul {
  margin: 0;
  padding-left: 18px;
}
.u-users-detail .mail-checklist ul li {
  margin: 6px 0;
  color: #525b65;
}
.u-users-detail .addresses li {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  padding: 20px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.u-users-detail .addresses li .field {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.u-users-detail .addresses li .field span {
  width: 100px;
  text-align: right;
  margin-right: 20px;
}

.u-portal-price-detail {
  height: 100%;
}

.price-detail-product {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.price-detail-product a {
  color: #6c757d;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
.price-detail-product a[href] {
  color: #6c757d;
}
.price-detail-product .sidebar {
  border-right: solid 1px #dee2e6;
  display: flex;
  flex-direction: column;
}
.price-detail-product .sidebar > div {
  padding: 10px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.price-detail-product .sidebar > div h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
.price-detail-product .sidebar .sidebar-options {
  border-top: solid 1px #dee2e6;
  background: #f3f3f3;
}
.price-detail-product .sidebar .sidebar-options .cswitch.on {
  background: #3fa36c;
  border-color: rgb(59.22, 153.22, 101.52);
}
.price-detail-product .sidebar .tree {
  margin: 0;
  padding: 0 20px;
  max-height: 100%;
  position: absolute;
}
.price-detail-product .sidebar tree {
  position: relative;
  overflow: hidden;
  width: 240px;
  flex: 1;
}
.price-detail-product header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.price-detail-product header > div {
  display: flex;
  align-items: center;
}
.price-detail-product header > div h1 {
  color: #606060 !important;
}
.price-detail-product header > div .results {
  display: flex;
  align-items: center;
  padding-left: 14px;
  color: #3a7bd5;
}
.price-detail-product section {
  flex: 1;
  height: 50px;
  display: flex;
}
.price-detail-product section .overview {
  background: #f7f7f7;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.price-detail-product section .overview .filters {
  padding: 10px;
  border-radius: 0.2rem;
  border: solid 1px #dee2e6;
  border-top: none;
  background: white;
}
.price-detail-product section .overview .controls {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  border-bottom: Solid 1px #dee2e6;
  align-items: center;
  flex-wrap: wrap;
}
.price-detail-product section .overview .controls .page-selector {
  width: 40px !important;
}
.price-detail-product section .overview .controls .page-selector input {
  text-align: center;
}
.price-detail-product section .overview .wrapper {
  position: relative;
  overflow: auto;
  flex: 1;
}
.price-detail-product section .overview .wrapper table {
  background: white;
  width: 100%;
  position: absolute;
  border-left: solid 1px #dee2e6;
  border-collapse: collapse;
  flex: 1;
}
.price-detail-product section .overview .wrapper table.loading thead tr td {
  opacity: 0.5;
  transition: opacity 0.2s;
}
.price-detail-product section .overview .wrapper table.loading tbody tr td {
  border-color: rgba(255, 181, 196, 0.05);
  transition: opacity 0.2s;
  opacity: 0.1;
}
.price-detail-product section .overview .wrapper table thead td:first-child {
  padding: 6px 0;
}
.price-detail-product section .overview .wrapper table thead td {
  background: #fafafa;
  white-space: nowrap;
  padding: 6px 15px;
  color: #656b78;
  line-height: 14px;
  text-align: left;
  border-bottom: solid 1px #dee2e6;
  border-right: solid 1px #dee2e6;
  cursor: pointer;
}
.price-detail-product section .overview .wrapper table thead td span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price-detail-product section .overview .wrapper table thead td span .fa-sort-desc {
  top: -3px;
}
.price-detail-product section .overview .wrapper table thead td span .fa-sort-asc {
  top: 3px;
}
.price-detail-product section .overview .wrapper table thead td span i {
  color: #3a7bd5;
  margin-left: 10px;
  position: relative;
}
.price-detail-product section .overview .wrapper table tbody tr:hover {
  background-color: #f1f4fa;
  border: 1px double #cbd3e7;
  cursor: pointer;
}
.price-detail-product section .overview .wrapper table tbody tr:hover i.fa-times {
  -webkit-text-stroke: 1px #f1f4fa;
}
.price-detail-product section .overview .wrapper table tbody tr td:first-child {
  padding: 5px;
}
.price-detail-product section .overview .wrapper table tbody tr td {
  color: #606060;
  white-space: nowrap;
  font-weight: 400;
  padding: 4px 20px;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
  border-right: solid 1px #dee2e6;
}
.price-detail-product section .overview .wrapper table tbody tr td.image, .price-detail-product section .overview .wrapper table tbody tr td.media, .price-detail-product section .overview .wrapper table tbody tr td.bool {
  text-align: center;
}
.price-detail-product section .overview .wrapper table tbody tr td.timeline, .price-detail-product section .overview .wrapper table tbody tr td.milestone {
  white-space: nowrap;
}
.price-detail-product section .overview .wrapper table tbody tr td.text {
  text-align: center;
  min-width: 300px;
  white-space: initial !important;
}
.price-detail-product section .overview .wrapper table tbody tr td i.fa-times {
  -webkit-text-stroke: 1px white;
}
.price-detail-product section .overview .wrapper table tbody tr td i.fa-check {
  color: #52b266;
}
.price-detail-product section .overview .wrapper table tbody tr td i.fa-times {
  color: #9c9c9c;
}

.u-portal-price-overview {
  height: 100%;
}

.u-portal-order-detail {
  height: 100%;
}
.u-portal-order-detail .styled-table {
  border-radius: 0.2rem;
  overflow: hidden;
  border: solid 1px #f1f3f5;
  margin: 12px;
  border-collapse: collapse;
  min-width: 400px;
  box-shadow: 0 0 0 1px lightgrey;
}
.u-portal-order-detail .styled-table thead tr {
  color: black;
  text-align: left;
}
.u-portal-order-detail .styled-table th {
  background: #f1f3f5;
}
.u-portal-order-detail .styled-table th, .u-portal-order-detail .styled-table td {
  padding: 12px 15px;
}
.u-portal-order-detail .styled-table tbody tr {
  border-bottom: 1px solid #f1f3f5;
}
.u-portal-order-detail .styled-table tbody tr:last-of-type {
  border-bottom: none;
}
.u-portal-order-detail .addresses-container {
  width: 100%;
}
.u-portal-order-detail .addresses-container .white {
  float: right;
  margin: 20px 20px;
}
.u-portal-order-detail .addresses-container .green {
  float: right;
  margin: 0 20px;
}
.u-portal-order-detail .addresses-container ul {
  padding: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-portal-order-detail .addresses-container ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
}
.u-portal-order-detail .addresses-container ul li input {
  min-width: 200px;
}

.u-portal-order-overview {
  height: 100%;
}

.u-portal-order-packaging {
  padding: 28px;
}
.u-portal-order-packaging .styled-table {
  border-radius: 0.2rem;
  overflow: hidden;
  margin: 0;
  border: solid 1px #f1f3f5;
  border-collapse: collapse;
  width: calc(100% - 60px);
  box-shadow: 0 0 0 1px lightgrey;
}
.u-portal-order-packaging .styled-table thead tr {
  color: black;
  text-align: left;
}
.u-portal-order-packaging .styled-table .field-error {
  color: #d14343;
}
.u-portal-order-packaging .styled-table .input-error {
  border: dashed 1px #f5c6cb;
  background: #f8d7da;
  color: #721c24;
}
.u-portal-order-packaging .styled-table th {
  background: #f1f3f5;
}
.u-portal-order-packaging .styled-table th, .u-portal-order-packaging .styled-table td {
  padding: 12px 15px;
}
.u-portal-order-packaging .styled-table tbody tr {
  border-bottom: 1px solid #f1f3f5;
}
.u-portal-order-packaging .styled-table tbody tr:last-of-type {
  border-bottom: none;
}
.u-portal-order-packaging .styled-table input, .u-portal-order-packaging .styled-table select {
  box-sizing: border-box;
  color: inherit;
  display: block;
  line-height: 16px;
  height: 100%;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  width: 100%;
}

.u-portal-order-packaging-modal .quote-dropdown-wrap {
  max-width: 520px;
  margin: 0 auto;
  padding: 1.3rem 1rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap h2 {
  margin-bottom: 0.7rem;
  font-size: 1.3rem;
  text-align: center;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-dropdown {
  width: 100%;
  padding: 0.5rem 0.7rem;
  font-size: 1.07rem;
  border: 1px solid #d0d3dc;
  border-radius: 0.2rem;
  margin-bottom: 1.1rem;
  background: #f7f8fa;
  transition: border 0.13s;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-dropdown:focus {
  border-color: #217aff;
  outline: none;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card {
  padding: 1rem 1rem 0.8rem 1.2rem;
  margin-top: 0.4rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.7rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-header .service-type {
  font-weight: 400;
  font-size: 1.1rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-header .price {
  font-size: 1.2rem;
  font-weight: 400;
  color: #217aff;
  letter-spacing: 0.5px;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .delivery-dates {
  margin-bottom: 0.5rem;
  font-size: 1rem;
  color: #616161;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .delivery-dates strong {
  color: #121212;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-details {
  background: #f9f9fc;
  border-radius: 0.2rem;
  padding: 0.6rem 0.8rem;
  margin-bottom: 0.5rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-details .sp-name {
  font-weight: 400;
  margin-bottom: 2px;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-details .sp-address {
  font-size: 0.95rem;
  color: #444;
  line-height: 1.2;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-details .sp-distance {
  font-size: 0.94rem;
  color: #217aff;
  margin-top: 2px;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-meta {
  font-size: 0.94rem;
  color: #858585;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 30px;
  margin-bottom: 0.8rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-meta .expires {
  font-weight: 400;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .select-btn {
  background: #217aff;
  color: #fff;
  padding: 0.5rem 1.1rem;
  border-radius: 0.2rem;
  border: none;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  transition: background 0.15s;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .select-btn:hover {
  background: #174fa6;
}
@media (max-width: 480px) {
  .u-portal-order-packaging-modal .quote-dropdown-wrap {
    padding: 0.5rem 0.1rem;
  }
  .u-portal-order-packaging-modal .quote-details-card {
    padding: 0.7rem 0.5rem;
    font-size: 0.96rem;
  }
}

.u-portal-order-shipping-modal .shipment-quote-card header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #e7e7ee;
  padding-bottom: 0.6rem;
  margin-bottom: 1.1rem;
}
.u-portal-order-shipping-modal .shipment-quote-card header .vendor {
  color: #187cff;
  font-weight: 400;
  margin-left: 0.6em;
  letter-spacing: 0.3px;
}
.u-portal-order-shipping-modal .shipment-quote-card header .delivery-type {
  margin-left: 1em;
  background: #edf4ff;
  color: #256ccf;
  font-size: 0.92em;
  border-radius: 0.2rem;
  padding: 0.14em 0.5em;
  text-transform: uppercase;
  font-weight: 400;
}
.u-portal-order-shipping-modal .shipment-quote-card header .price-total {
  text-align: right;
}
.u-portal-order-shipping-modal .shipment-quote-card header .price-total .price {
  font-size: 1.25em;
  font-weight: 400;
  color: #187cff;
}
.u-portal-order-shipping-modal .shipment-quote-card header .price-total .price-label {
  display: block;
  font-size: 0.91em;
  color: #7a8bb4;
  font-weight: 400;
}
.u-portal-order-shipping-modal .shipment-quote-card .quote-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 32px;
  font-size: 0.98rem;
  margin-bottom: 1.1rem;
}
.u-portal-order-shipping-modal .shipment-quote-card .quote-meta > div {
  display: flex;
  gap: 0.5em;
  align-items: baseline;
  min-width: 160px;
}
.u-portal-order-shipping-modal .shipment-quote-card .quote-meta a {
  color: #187cff;
  text-decoration: underline;
  font-weight: 400;
}
.u-portal-order-shipping-modal .shipment-quote-card .addresses {
  display: flex;
  gap: 20px;
  margin-bottom: 1rem;
}
.u-portal-order-shipping-modal .shipment-quote-card .addresses .address-block {
  background: #f5f6fa;
  border-radius: 0.2rem;
  padding: 0.6em 0.9em 0.6em 0.7em;
  flex: 1;
}
.u-portal-order-shipping-modal .shipment-quote-card .addresses .address-block .addr-label {
  font-weight: 400;
  font-size: 1.03em;
  margin-bottom: 0.08em;
  color: #657098;
}
.u-portal-order-shipping-modal .shipment-quote-card .addresses .address-block div:not(:first-child) {
  font-size: 0.97em;
}
.u-portal-order-shipping-modal .shipment-quote-card .package-block {
  background: #f7fafc;
  border-radius: 0.2rem;
  padding: 0.5em 0.7em;
  margin-bottom: 0.4em;
  font-size: 0.97em;
  color: #365672;
}
.u-portal-order-shipping-modal .shipment-quote-card footer {
  border-top: 1px solid #eceff7;
  margin-top: 1.1rem;
  padding-top: 0.7rem;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 30px;
  font-size: 0.96em;
}
.u-portal-order-shipping-modal .shipment-quote-card footer .vendor-ref {
  font-weight: 400;
  color: #657098;
}
.u-portal-order-shipping-modal .shipment-quote-card footer .btn-view {
  background: #187cff;
  color: #fff;
  padding: 0.3em 1.1em;
  border-radius: 0.2rem;
  text-decoration: none;
  font-size: 0.97em;
  font-weight: 400;
  transition: background 0.13s;
}
.u-portal-order-shipping-modal .shipment-quote-card footer .btn-view:hover {
  background: #185b99;
}
@media (max-width: 600px) {
  .u-portal-order-shipping-modal .shipment-quote-card {
    padding: 0.8rem 0.4rem;
    font-size: 0.97rem;
  }
  .u-portal-order-shipping-modal .shipment-quote-card .addresses {
    flex-direction: column;
    gap: 10px;
  }
  .u-portal-order-shipping-modal .shipment-quote-card footer {
    flex-direction: column;
    gap: 6px;
  }
}

.u-portal-users-overview {
  height: 100%;
}

.u-portal-users-detail {
  height: 100%;
}
.u-portal-users-detail ul {
  margin-top: 0;
  color: #525b65;
}
.u-portal-users-detail {
  /* =========================
     ACCESS TAB
     ========================= */
}
.u-portal-users-detail .access-tab {
  padding: 16px;
}
.u-portal-users-detail .access-tab h2 {
  margin: 0;
  color: #525b65;
}
.u-portal-users-detail .access-tab p {
  margin: 6px 0 0 0;
  color: #525b65;
  max-width: 900px;
  line-height: 1.4;
}
.u-portal-users-detail .access-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1200px) {
  .u-portal-users-detail .access-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .u-portal-users-detail .access-grid {
    grid-template-columns: 1fr;
  }
}
.u-portal-users-detail .access-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
}
.u-portal-users-detail .access-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f6f9ff;
  border-bottom: 1px solid #dee2e6;
}
.u-portal-users-detail .access-card-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.u-portal-users-detail .access-domain-name {
  font-weight: 400;
  color: #525b65;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-portal-users-detail .access-domain-subtitle {
  color: #525b65;
}
.u-portal-users-detail .access-card-toggle {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.u-portal-users-detail .access-card-body {
  padding: 12px;
}
.u-portal-users-detail .access-card-body.is-disabled {
  display: none;
}
.u-portal-users-detail .access-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.u-portal-users-detail .access-field {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.u-portal-users-detail .access-field label {
  color: #525b65;
}
.u-portal-users-detail .access-card-footer {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: flex-end;
}
.u-portal-users-detail .access-status {
  font-weight: 400;
  color: #525b65;
}
.u-portal-users-detail .access-status.muted {
  color: #525b65;
}
.u-portal-users-detail .access-empty {
  padding: 12px 0;
}
.u-portal-users-detail .access-empty-card {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 16px;
  background: #fff;
}
.u-portal-users-detail .access-empty-card h3 {
  margin: 0;
  color: #525b65;
}
.u-portal-users-detail .access-empty-card p {
  margin: 6px 0 0 0;
  color: #525b65;
}
.u-portal-users-detail {
  /* =========================
     MAIL TAB
     ========================= */
}
.u-portal-users-detail .mail-tab {
  padding: 16px;
}
.u-portal-users-detail .mail-tab h2 {
  margin: 0;
  color: #525b65;
}
.u-portal-users-detail .mail-tab p {
  margin: 6px 0 0 0;
  color: #525b65;
  max-width: 900px;
  line-height: 1.4;
}
.u-portal-users-detail .mail-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
@media (max-width: 1200px) {
  .u-portal-users-detail .mail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 800px) {
  .u-portal-users-detail .mail-grid {
    grid-template-columns: 1fr;
  }
}
.u-portal-users-detail .mail-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  overflow: hidden;
}
.u-portal-users-detail .mail-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  background: #f6f9ff;
  border-bottom: 1px solid #dee2e6;
}
.u-portal-users-detail .mail-card-title {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.u-portal-users-detail .mail-domain-name {
  font-weight: 400;
  color: #525b65;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-portal-users-detail .mail-domain-subtitle {
  color: #525b65;
}
.u-portal-users-detail .mail-card-body {
  padding: 12px;
}
.u-portal-users-detail .mail-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.u-portal-users-detail .mail-empty {
  margin-top: 14px;
}
.u-portal-users-detail .mail-empty-card {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 16px;
  background: #fff;
}
.u-portal-users-detail .mail-empty-card h3 {
  margin: 0;
  color: #525b65;
}
.u-portal-users-detail .mail-empty-card p {
  margin: 6px 0 0 0;
  color: #525b65;
}
.u-portal-users-detail .mail-checklist {
  margin-top: 16px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 14px 16px;
  background: #fff;
}
.u-portal-users-detail .mail-checklist h3 {
  margin: 0 0 10px 0;
  color: #525b65;
}
.u-portal-users-detail .mail-checklist ul {
  margin: 0;
  padding-left: 18px;
}
.u-portal-users-detail .mail-checklist ul li {
  margin: 6px 0;
  color: #525b65;
}

.u-portal-country-overview {
  height: 100%;
}

.u-portal-country-detail {
  height: 100%;
}
.u-portal-country-detail .addresses-container {
  width: 100%;
}
.u-portal-country-detail .addresses-container .white {
  float: right;
  margin: 20px 20px;
}
.u-portal-country-detail .addresses-container .green {
  float: right;
  margin: 0 20px;
}
.u-portal-country-detail .addresses-container ul {
  padding: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-portal-country-detail .addresses-container ul li {
  display: flex;
  justify-content: space-between;
  bcountry-bottom: solid 1px #dee2e6;
}
.u-portal-country-detail .addresses-container ul li input {
  min-width: 200px;
}

.u-portal-shipment-overview {
  height: 100%;
}

.u-portal-shipment-detail {
  height: 100%;
}
.u-portal-shipment-detail .addresses-container {
  width: 100%;
}
.u-portal-shipment-detail .addresses-container .white {
  float: right;
  margin: 20px 20px;
}
.u-portal-shipment-detail .addresses-container .green {
  float: right;
  margin: 0 20px;
}
.u-portal-shipment-detail .addresses-container ul {
  padding: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-portal-shipment-detail .addresses-container ul li {
  display: flex;
  justify-content: space-between;
  bshipment-bottom: solid 1px #dee2e6;
}
.u-portal-shipment-detail .addresses-container ul li input {
  min-width: 200px;
}

.u-portal-payment-overview {
  height: 100%;
}

.u-portal-payment-detail {
  height: 100%;
}
.u-portal-payment-detail .addresses-container {
  width: 100%;
}
.u-portal-payment-detail .addresses-container .white {
  float: right;
  margin: 20px 20px;
}
.u-portal-payment-detail .addresses-container .green {
  float: right;
  margin: 0 20px;
}
.u-portal-payment-detail .addresses-container ul {
  padding: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-portal-payment-detail .addresses-container ul li {
  display: flex;
  justify-content: space-between;
  bpayment-bottom: solid 1px #dee2e6;
}
.u-portal-payment-detail .addresses-container ul li input {
  min-width: 200px;
}

.u-portal-groups-detail {
  height: 100%;
}

.u-portal-roles-overview {
  height: 100%;
}

.u-portal-roles-detail {
  height: 100%;
}
.u-portal-roles-detail .restrictions-wrapper {
  color: #525b65;
  padding: 0 40px;
}
.u-portal-roles-detail .restrictions-wrapper .available-statuses-wrapper {
  padding-top: 15px;
  padding-left: 10px;
}
.u-portal-roles-detail .restrictions-wrapper .available-statuses-wrapper label {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 34px;
  margin: 0;
  padding: 20px 0;
}
.u-portal-roles-detail .restrictions-wrapper .available-statuses-wrapper .cselect .options {
  max-height: initial !important;
  min-width: 275px;
}

.u-portal-forms-overview {
  height: 100%;
}

.u-portal-forms-tooltip .textfield {
  width: 100%;
}

.u-portal-forms-detail {
  height: 100%;
}
.u-portal-forms-detail .form-builder {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
}
.u-portal-forms-detail .form-builder .form-order {
  display: flex;
  align-content: center;
  background: #0b1a47;
  color: white;
  border-radius: 0.2rem;
  width: 20px;
  margin-right: 7px;
  height: 20px;
  justify-content: center;
  margin-top: 10px;
}
.u-portal-forms-detail .form-builder .form-sidebar {
  max-width: 200px;
  padding: 10px;
  padding-top: 5px;
  flex: 1;
}
.u-portal-forms-detail .form-builder .form-sidebar h3 {
  font-weight: 400;
}
.u-portal-forms-detail .form-builder .form-sidebar .elements {
  padding-top: 6px;
  padding-bottom: 11px;
}
.u-portal-forms-detail .form-builder .form-sidebar .elements .title-row {
  display: flex;
}
.u-portal-forms-detail .form-builder .form-sidebar .elements .fa-arrows-alt {
  margin-top: 19px;
  margin-left: 0;
  margin-right: 13px;
}
.u-portal-forms-detail .form-builder .form-sidebar ul {
  margin: 0;
  padding: 0;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li {
  cursor: move;
  display: flex;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 5px;
  border-radius: 0.2rem;
  border: solid 1px #dee2e6;
  justify-content: flex-start;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li:hover {
  background: #dee2e6;
  border: solid 1px #3a7bd5;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li i {
  color: #dee2e6;
  margin-right: 15px;
}
.u-portal-forms-detail .form-builder .form-dropzone {
  display: flex;
  position: absolute;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.u-portal-forms-detail .form-builder .form-dropzone .dropzone-no-items {
  color: #afafaf;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.u-portal-forms-detail .form-builder .form-dropzone ul {
  list-style: none;
}
.u-portal-forms-detail .form-builder .form-dropzone ul.dotted {
  border: dotted 4px #afafaf;
  padding: 15px !important;
  margin: 5px !important;
}
.u-portal-forms-detail .form-builder .form-dropzone ul[dnd-list] {
  min-height: 50px;
  background: white;
  border-radius: 0.2rem;
  padding: 5px 5px 70px;
  flex: 1;
}
.u-portal-forms-detail .form-builder .form-dropzone ul[dnd-list].is-dotted {
  border: dotted 2px #dee2e6;
}
.u-portal-forms-detail .form-builder .form-dropzone h3 {
  width: 100%;
}
.u-portal-forms-detail .form-builder .form-dropzone > ul > li {
  cursor: pointer;
  border: solid 1px #dee2e6;
}
.u-portal-forms-detail .form-builder .form-dropzone ul {
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li {
  display: flex;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin: 5px;
  border-radius: 0.2rem;
  justify-content: flex-start;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container {
  flex: 1;
  display: flex;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .invalid {
  border: dashed 1px #d14343;
  background: #f8d7da;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container > .fa-bars {
  align-self: flex-start;
  margin-right: 15px;
  margin-left: 10px;
  margin-top: 12px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container dnd-nodrag {
  display: flex;
  flex: 1;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .cbutton {
  margin: 2px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .textfield {
  box-sizing: border-box;
  border-radius: 0;
  border: none;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 99%;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .textfield iframe {
  border: solid 1px #dee2e6;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content > .cinput {
  margin: 2px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content > .cinput input {
  border: none;
  border-bottom: solid 1px #d8e1e5 !important;
  border-radius: 0;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content {
  flex: 1;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .cinput {
  width: 100%;
  padding-right: 15px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .cinput input {
  border: none;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .field-options {
  padding-left: 20px;
  flex: 1;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .field-options .cinput {
  width: 50%;
  padding-right: 15px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .field-options .cinput input {
  border-radius: 0;
  border-bottom: solid 1px #d7e1e5;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .field-options .small-value .cinput {
  width: 150px;
  padding-right: 15px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li .field-container .field-content .field-options .small-value .cinput input {
  border-radius: 0;
  border-bottom: solid 1px #d7e1e5;
}
.u-portal-forms-detail .form-builder .form-dropzone ul li i {
  align-self: center;
  color: #dee2e6;
}
.u-portal-forms-detail .form-builder .mce-tinymce-inline {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}
.u-portal-forms-detail .form-builder .mce-content-body {
  padding: 10px;
}
.u-portal-forms-detail .form-builder .dndPlaceholder {
  background-color: #ddd !important;
  display: block;
  min-height: 50px;
  margin: 15px;
}
.u-portal-forms-detail .form-builder {
  gap: 14px;
  padding: 14px;
  background: linear-gradient(180deg, #f6f9fc 0%, #f1f6fa 100%);
  border-radius: 0.2rem;
}
.u-portal-forms-detail .form-builder .form-sidebar {
  max-width: 245px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #d9e3ea;
  border-radius: 0.2rem;
  box-shadow: 0 2px 8px rgba(27, 55, 79, 0.06);
}
.u-portal-forms-detail .form-builder .form-sidebar .elements {
  padding: 0;
}
.u-portal-forms-detail .form-builder .form-sidebar .title-row h3 {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6f7f90;
  margin: 12px 0 6px;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li {
  padding: 8px 10px;
  border: 1px solid #dfe8ee;
  background: #fbfdff;
  font-size: 13px;
  color: #2f3a45;
  transition: all 0.16s ease;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li:hover {
  background: #eef5fb;
  border-color: #9ebfda;
  transform: translateY(-1px);
}
.u-portal-forms-detail .form-builder .template-icon {
  margin-right: 12px;
  color: #6d8ca8 !important;
}
.u-portal-forms-detail .form-builder .form-canvas {
  position: relative;
  flex: 1;
  overflow: auto;
  margin: 0;
  padding: 10px;
  border: 1px solid #d6e1e8;
  background: #f7fbff;
  border-radius: 0.2rem;
}
.u-portal-forms-detail .form-builder .form-dropzone ul[dnd-list] {
  background: #ffffff;
  border: 1px dashed #bdd0de;
  border-radius: 0.2rem;
  padding: 10px 10px 80px;
}
.u-portal-forms-detail .form-builder .form-dropzone ul.dotted {
  border: 2px dashed #9ab4c7 !important;
  background: #f5fbff;
}
.u-portal-forms-detail .form-builder .form-dropzone > ul > li {
  border: none;
  background: #ffffff;
  border-radius: 0.2rem;
  box-shadow: 0 1px 4px rgba(17, 41, 61, 0.08);
}
.u-portal-forms-detail .form-builder .field-container {
  gap: 8px;
  align-items: flex-start;
}
.u-portal-forms-detail .form-builder .drag-handle {
  margin: 10px 8px 0 4px;
  color: #8ea5b9 !important;
}
.u-portal-forms-detail .form-builder .field-type-icon {
  margin: 10px 10px 0 0;
  color: #6f8ba4 !important;
}
.u-portal-forms-detail .form-builder .field-content {
  background: #fcfeff;
  border: 1px solid #edf2f6;
  border-radius: 0.2rem;
  padding: 6px 6px 4px;
}
.u-portal-forms-detail .form-builder .field-options {
  padding-left: 0 !important;
  margin-top: 4px;
}
.u-portal-forms-detail .form-builder .field-options li {
  margin: 3px 0 !important;
  padding: 6px 8px !important;
  background: #f5f9fc;
  border: 1px solid #e1ebf2;
}
.u-portal-forms-detail .form-builder .range-label {
  padding: 0 10px;
  font-size: 12px;
  color: #6b7b8c;
}
.u-portal-forms-detail .form-builder .add-option-btn {
  margin-left: 15px;
}
@media (max-width: 980px) {
  .u-portal-forms-detail .form-builder {
    flex-direction: column;
  }
  .u-portal-forms-detail .form-builder .form-sidebar {
    max-width: none;
  }
}

.u-portal-results-detail {
  height: 100%;
}
.u-portal-results-detail .result-page {
  padding: 20px;
}
.u-portal-results-detail .result-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.u-portal-results-detail .result-meta.compact {
  display: block;
  background: #fff;
  border: 1px solid #d7e1e5;
  border-radius: 0.2rem;
  padding: 10px 12px;
  margin-bottom: 10px;
}
.u-portal-results-detail .result-meta.compact > div {
  color: #2a3642;
  padding: 4px 0;
  word-break: break-word;
}
.u-portal-results-detail .status-pill {
  display: inline-block;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  background: #fdecc8;
  color: #58420a;
}
.u-portal-results-detail .status-pill.is-read {
  background: #dff5e1;
  color: #1f5a2e;
}
.u-portal-results-detail .answers-list {
  background: #fff;
  border: 1px solid #d7e1e5;
  border-radius: 0.2rem;
}
.u-portal-results-detail .answers-list.compact {
  padding: 4px 10px;
}
.u-portal-results-detail .answer-row {
  display: grid;
  grid-template-columns: minmax(180px, 260px) 1fr;
  gap: 8px;
  padding: 8px 0;
  border-bottom: 1px solid #eef2f4;
}
.u-portal-results-detail .answer-row:last-child {
  border-bottom: none;
}
.u-portal-results-detail .answer-question {
  font-size: 12px;
  color: #7a8694;
  margin-bottom: 0;
}
.u-portal-results-detail .answer-value {
  color: #2f3a45;
  white-space: pre-wrap;
  word-break: break-word;
}
@media (max-width: 768px) {
  .u-portal-results-detail .answer-row {
    grid-template-columns: 1fr;
    gap: 2px;
  }
}

.u-portal-domains-overview {
  height: 100%;
}

.u-portal-domains-detail {
  height: 100%;
}
.u-portal-domains-detail .jsoneditor-menu, .u-portal-domains-detail .jsoneditor {
  background: transparent;
  border: transparent;
}

.u-channels-overview {
  height: 100%;
}
.u-channels-overview .channel-icon {
  display: block;
  text-align: center;
}
.u-channels-overview .channel-icon img {
  max-width: 80px;
  max-height: 80px;
  margin-bottom: 5px;
}

.u-channels-detail .logs li {
  white-space: pre-line;
  padding: 5px;
  border-bottom: solid 1px gainsboro;
}
.u-channels-detail .logs li .log-date {
  color: #3a7bd5;
}
.u-channels-detail .logs li .log-text {
  white-space: pre-line;
}

.u-channels-detail {
  height: 100%;
}
.u-channels-detail .tabs {
  height: 100%;
}
.u-channels-detail h3 {
  margin-left: 15px;
  font-weight: 400;
}
.u-channels-detail .template-grid {
  display: flex;
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.u-channels-detail .template-grid li {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
}
.u-channels-detail .template-grid li div {
  background: #dee2e6;
  width: 160px;
  text-align: center;
  border: solid 1px #d6e1e4;
  border-top: none;
  color: #2f3949;
}
.u-channels-detail .template-grid li img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  align-self: center;
  min-width: 130px;
  min-height: 130px;
  border: solid 1px #d6e1e4;
  object-fit: scale-down;
  padding: 15px;
}
.u-channels-detail .template-grid li:hover img,
.u-channels-detail .template-grid li:hover div {
  border-color: #51a3ff;
}
.u-channels-detail .channel-api-help {
  max-width: 920px;
  padding: 16px 8px;
}
.u-channels-detail .channel-api-help h1 {
  margin-bottom: 10px;
}
.u-channels-detail .channel-api-help h2 {
  margin: 0;
  font-weight: 400;
}
.u-channels-detail .channel-api-intro {
  max-width: 720px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  opacity: 0.9;
  margin-bottom: 14px;
}
.u-channels-detail .channel-api-card {
  background: #fff;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  padding: 12px 12px;
  margin-bottom: 12px;
}
.u-channels-detail .channel-api-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.u-channels-detail .channel-api-card-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-channels-detail .channel-api-helptext {
  margin: 0 0 10px 0;
  opacity: 0.9;
}
.u-channels-detail .channel-api-endpoints {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.u-channels-detail .channel-api-endpoint {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 10px 10px;
  background: rgba(255, 255, 255, 0.24);
}
.u-channels-detail .channel-api-endpoint-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 6px;
}
.u-channels-detail .channel-api-endpoint-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-channels-detail .channel-api-example {
  background: #fbfcff;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.u-channels-detail .channel-api-example strong {
  white-space: nowrap;
}
.u-channels-detail .channel-api-example-url {
  background: #fff;
}
.u-channels-detail .channel-api-copy {
  height: 26px;
  border-radius: 0.2rem;
  border: 1px solid #f1f3f5;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
.u-channels-detail .channel-api-copy:hover {
  background: #eef0f7;
  border-color: #dee2e6;
}
.u-channels-detail .channel-api-list {
  margin: 8px 0 0 0;
  padding-left: 18px;
}
.u-channels-detail .channel-api-list li {
  margin: 4px 0;
}
.u-channels-detail .channel-api-pre {
  margin: 0;
  padding: 10px 12px;
  border-radius: 0.2rem;
  border: 1px solid #f1f3f5;
  background: #fbfcff;
  overflow: auto;
}
.u-channels-detail .channel-api-tip {
  margin-top: 10px;
  border-radius: 0.2rem;
  border: 1px solid #dfe6f5;
  background: #f6f8ff;
  padding: 10px 12px;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.u-channels-detail .channel-api-tip-title {
  font-weight: 400;
  white-space: nowrap;
}
.u-channels-detail .channel-api-tip-body {
  opacity: 0.95;
}
.u-channels-detail .channel-api-toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  background: rgba(25, 25, 30, 0.92);
  color: #fff;
  padding: 10px 12px;
  border-radius: 0.2rem;
  z-index: 9999;
}

u-category-overview {
  flex: 1;
}

.u-category-overview .category-toolbar {
  align-self: flex-end;
  display: flex;
  gap: 8px;
}
.u-category-overview .tree-search {
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.24);
}
.u-category-overview .tree-search u-search-input {
  width: 100%;
}
.u-category-overview .tree-search .u-search-input {
  flex: 1;
  width: 100%;
  border: solid 1px #dee2e6;
}
.u-category-overview .tree-search i.fa-search {
  color: #525b65;
}
.u-category-overview .tree-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-category-overview .tree-search .clear {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 2px 4px;
}
.u-category-overview .tree-search .clear i {
  color: #525b65;
}
.u-category-overview .tree-wrap {
  flex: 1;
  border: solid 1px #dee2e6;
  padding: 8px 12px;
  position: relative;
}
.u-category-overview .angular-ui-tree-nodes {
  position: relative;
  margin: 0;
  padding-left: 24px;
  list-style: none;
}
.u-category-overview .angular-ui-tree-node {
  position: relative;
  margin: 0;
  padding: 0;
}
.u-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -12px;
  width: 12px;
  border-top: 1px dotted #dee2e6;
}
.u-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -12px;
  bottom: -10px;
  border-left: 1px dotted #dee2e6;
}
.u-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node:last-child::after {
  bottom: auto;
  height: 22px;
}
.u-category-overview .root-list > .angular-ui-tree-node:first-child::before,
.u-category-overview .root-list > .angular-ui-tree-node:first-child::after {
  content: none;
}
.u-category-overview .root-list.angular-ui-tree-nodes {
  padding-left: 0;
}
.u-category-overview .node-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 20px;
  transition: background 0.15s ease-in-out;
}
.u-category-overview .node-row:hover {
  background: #f8f9fa;
}
.u-category-overview .twisty {
  width: 16px;
  min-width: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #525b65;
  cursor: pointer;
}
.u-category-overview .twisty .fa-folder-o {
  color: #525b65;
}
.u-category-overview .node-drag-handle {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  color: #525b65;
  cursor: move;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.u-category-overview .node-row:hover .node-drag-handle {
  background: #eef0f7;
  border-color: #f1f3f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-category-overview .node-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
}
.u-category-overview .node-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s linear;
}
.u-category-overview .node-row:hover .node-actions {
  opacity: 1;
  pointer-events: auto;
}
.u-category-overview .node-action-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #525b65;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.u-category-overview .node-action-button:hover {
  background: #eef0f7;
  border-color: #f1f3f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-category-overview .node-action-button-danger:hover {
  background: #fde9ec;
  border-color: #f4b6c1;
  color: #b71833;
}
.u-category-overview .hidden {
  display: none;
}
.u-category-overview mark {
  background: #fff3cd;
  color: inherit;
  padding: 0 2px;
  border-radius: 0.2rem;
}

.angular-ui-tree-placeholder {
  margin: 2px 0;
  height: 20px;
  border: 1px dashed #dee2e6;
  background: transparent;
}

.angular-ui-tree-handle {
  cursor: move;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.95;
  box-sizing: border-box;
}

.angular-ui-tree-drag .node-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  min-width: 240px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.angular-ui-tree-drag .angular-ui-tree-node::before,
.angular-ui-tree-drag .angular-ui-tree-node::after {
  content: none;
}

.u-products-overview {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-products-overview .results {
  color: #3a7bd5;
  margin-left: 14px;
  margin-top: 1px;
}

.u-products-detail {
  flex: 1;
}
.u-products-detail .right {
  display: flex;
  gap: 4px;
}
.u-products-detail .product-name-container {
  position: relative;
  cursor: pointer;
  border: solid 1px #dee2e6;
  background: #dee2e6;
  border-radius: 0.2rem;
  display: flex;
}
.u-products-detail .product-name-container .product-name-input {
  border: none;
  border-radius: 0.2rem;
  background: #dee2e6;
  margin-right: 20px;
  padding: 7px;
  width: 100%;
}
.u-products-detail .product-name-container .product-name-icon {
  right: 0;
  position: absolute;
  padding: 5px 10px;
  color: grey;
}
.u-products-detail .product-name-container:hover {
  border: solid 1px #3a7bd5;
}
.u-products-detail .product-name-container:hover .product-name-icon {
  color: #6c757d;
}
.u-products-detail #main {
  display: flex;
  flex-direction: row !important;
}
.u-products-detail #main tab-content {
  display: flex;
  transition: opacity 0.5s ease;
}
.u-products-detail #main tab-content.is-loading {
  opacity: 0.2;
}
.u-products-detail #main .product-sidebar .product-sidebar-container {
  border-bottom-right-radius: 5px;
  border-right: solid 1px gainsboro;
  border-bottom: solid 1px gainsboro;
  width: 250px;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item {
  border-bottom: solid 1px gainsboro;
  padding: 8px 15px;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item:first-child {
  border-radius: 0.2rem 0.2rem 0 0;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item:last-child {
  border-bottom: none;
  border-radius: 0 0 0.2rem 0.2rem;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item:hover {
  color: #3a7bd5;
  cursor: pointer;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item.active {
  color: #3a7bd5;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item.active:before {
  content: "❯";
  margin-right: 5px;
}
.u-products-detail #main .product-content {
  border-radius: 0.2rem;
  width: 100%;
  height: fit-content;
}
.u-products-detail #main .product-content .product-content-container {
  width: 100%;
}
.u-products-detail #main .product-content .product-content-container ng-switch > * {
  justify-content: flex-start;
  flex: 1;
}
.u-products-detail #main .product-content .product-content-container thead td {
  padding: 8px 15px;
  border-bottom: solid 1px gainsboro;
}
.u-products-detail #main .product-content .product-content-container tbody td {
  padding: 8px 15px;
}
.u-products-detail #main .product-content .product-content-container tbody td .cselect, .u-products-detail #main .product-content .product-content-container tbody td .textfield {
  width: 100%;
}
.u-products-detail #main .product-content .product-content-container tbody td .product-content-item-value {
  padding: 4px 10px;
  color: #6d798c;
  border: solid 1px gainsboro;
  background: #dee2e6;
  min-height: 26px;
  align-items: center;
  display: flex;
}
.u-products-detail .category-override {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  margin: 0 0 8px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fafafa;
}
.u-products-detail .category-override .label {
  font-size: 0.9rem;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 500;
}
.u-products-detail .category-override .hint {
  font-size: 0.8rem;
  color: #525b65;
}

.product-associations.compact {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 16px;
  width: 1000px;
  min-height: 300px;
}

/* =========================
   TYPES SIDEBAR
   ========================= */
.product-associations.compact .types {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  overflow: hidden;
}

.product-associations.compact .types li {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-bottom: 1px solid #f1f3f5;
  cursor: pointer;
  transition: background 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.product-associations.compact .types li:last-child {
  border-bottom: 0;
}
.product-associations.compact .types li:hover {
  background: #fafafa;
}
.product-associations.compact .types li.active {
  background: #f5f9ff;
  color: #3a7bd5;
}
.product-associations.compact .types li.active .badge {
  background: #3a7bd5;
  color: #fff;
}

.product-associations.compact .types .type-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-associations.compact .types .badge {
  min-width: 22px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef2f7;
  line-height: 18px;
  text-align: center;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

/* =========================
   CONTENT AREA
   ========================= */
.product-associations.compact .content {
  display: grid;
  gap: 14px;
  min-width: 640px;
}

.product-associations.compact .section {
  display: grid;
  gap: 6px;
}

.product-associations.compact .section-title {
  font-size: 1rem;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

/* =========================
   CARD
   ========================= */
.product-associations.compact .card {
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  overflow: hidden;
}

/* =========================
   TOOLBAR
   ========================= */
.product-associations.compact .toolbar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-bottom: 1px solid #f1f3f5;
  background: #fafafa;
}

.product-associations.compact .u-search-input {
  flex: 1;
  min-width: 220px;
  padding: 8px 10px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.product-associations.compact .pageSize {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #525b65;
  white-space: nowrap;
}
.product-associations.compact .pageSize select {
  padding: 6px 8px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

/* =========================
   TABLE
   ========================= */
.product-associations.compact .assocTable {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.product-associations.compact .assocTable thead th {
  padding: 10px 12px;
  background: #fafafa;
  border-bottom: 1px solid #f1f3f5;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  text-align: left;
  white-space: nowrap;
}

.product-associations.compact .assocTable tbody td {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f5f9;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  vertical-align: middle;
}

.product-associations.compact .assocTable tbody tr:hover {
  background: #fcfcfc;
}

.product-associations.compact .assocTable tbody tr:last-child td {
  border-bottom: 0;
}

/* =========================
   INPUTS
   ========================= */
.product-associations.compact .qty {
  width: 90px;
  padding: 6px 8px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.product-associations.compact .radioWrap {
  display: inline-flex;
  align-items: center;
}

/* =========================
   PAGER
   ========================= */
.product-associations.compact .pager {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  padding: 10px;
  border-top: 1px solid #f1f3f5;
  background: #fafafa;
}
.product-associations.compact .pager span {
  color: #525b65;
}

/* =========================
   EMPTY / MUTED STATES
   ========================= */
.product-associations.compact .empty,
.product-associations.compact .muted {
  padding: 12px;
  color: #525b65;
}

.product-associations.compact .associations-empty {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 18px 20px;
  border: 1px dashed #f1f3f5;
  border-radius: 0.2rem;
  background: #f8fafc;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.product-associations.compact .associations-empty .empty-text {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.product-associations.compact .associations-empty .cbutton {
  height: 28px;
}

.product-snapshots .grid table {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  border-radius: 0.2rem;
  background: #ffffff;
  width: 100%;
}
.product-snapshots .grid table th {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  white-space: nowrap;
  height: 46px;
  padding: 18px;
  background: rgb(250, 250, 250);
}
.product-snapshots .grid table td {
  border: 1px solid #dee2e6;
  padding: 8px 20px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
}
.product-snapshots .grid table th, .product-snapshots .grid table td {
  color: #606060;
  text-align: left;
}
.product-snapshots .grid table tbody {
  border: 1px double #dee2e6;
}
.product-snapshots .grid table tbody tr {
  transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.product-snapshots .grid table tbody tr:hover {
  background-color: #f1f4fa;
  border: 1px double #cbd3e7;
}
.product-snapshots .meta {
  color: #525b65;
  white-space: nowrap;
}
.product-snapshots .actions {
  display: flex;
  gap: 8px;
  align-items: center;
}
.product-snapshots .btn {
  padding: 6px 12px;
  border: 1px solid #dee2e6;
  background: rgba(255, 255, 255, 0.24);
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  border-radius: 0.2rem;
  cursor: pointer;
  transition: background 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.product-snapshots .btn:hover {
  background: #f8f9fa;
}
.product-snapshots .btn:active {
  background: #e9ecef;
}
.product-snapshots .btn--primary {
  background: #3a7bd5;
  border-color: #3a7bd5;
  color: #fff;
}
.product-snapshots .btn--primary:hover {
  background: rgb(69.82, 130.92, 215.52);
  border-color: rgb(69.82, 130.92, 215.52);
}
.product-snapshots .btn--primary:active {
  background: rgb(44.7660251046, 114.0467782427, 209.9739748954);
  border-color: rgb(44.7660251046, 114.0467782427, 209.9739748954);
}
.product-snapshots .btn--danger {
  background: #d14343;
  border-color: #d14343;
  color: #fff;
}
.product-snapshots .btn--danger:hover {
  background: rgb(211.76, 78.28, 78.28);
  border-color: rgb(211.76, 78.28, 78.28);
}
.product-snapshots .btn--danger:active {
  background: rgb(205.7446153846, 53.6953846154, 53.6953846154);
  border-color: rgb(205.7446153846, 53.6953846154, 53.6953846154);
}
.product-snapshots .details {
  background: #fff;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  padding: 12px;
  margin-top: 10px;
}
.product-snapshots .diff-grid {
  display: grid;
  grid-template-columns: 220px 120px 1fr 1fr 120px;
  gap: 8px;
  align-items: start;
}
.product-snapshots .diff-grid .h {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  padding-bottom: 6px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.product-snapshots .diff-row {
  position: relative;
}
.product-snapshots .diff-row.changed:before,
.product-snapshots .diff-row.added:before,
.product-snapshots .diff-row.removed:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  bottom: 0;
  width: 4px;
  border-radius: 0.2rem;
}
.product-snapshots .diff-row.changed:before {
  background: #e3b341;
}
.product-snapshots .diff-row.added:before {
  background: rgb(70.9168141593, 183.4831858407, 121.5716814159);
}
.product-snapshots .diff-row.removed:before {
  background: #d14343;
}
.product-snapshots .key {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.product-snapshots .val {
  background: #fff;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  padding: 6px;
  max-height: 160px;
  overflow: auto;
  color: #525b65;
}
.product-snapshots mark.diff-ins {
  background: rgb(136.1975221239, 209.0824778761, 168.9957522124);
  padding: 0 0.15em;
  border-radius: 0.2rem;
}
.product-snapshots mark.diff-del {
  background: rgb(223.72, 127.16, 127.16);
  padding: 0 0.15em;
  border-radius: 0.2rem;
}
.product-snapshots .badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  text-align: center;
  min-width: 70px;
}
.product-snapshots .badge.changed {
  background: #e3b341;
  border-color: rgb(223.2495412844, 168.8201834862, 39.5504587156);
  color: #000;
}
.product-snapshots .badge.removed {
  background: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}
.product-snapshots .badge.added {
  background: rgb(136.1975221239, 209.0824778761, 168.9957522124);
  border-color: rgb(91.1345132743, 191.6654867257, 136.3734513274);
  color: #3fa36c;
}
.product-snapshots .diff-num-up {
  color: #3fa36c;
}
.product-snapshots .diff-num-down {
  color: #d14343;
}
.product-snapshots .controls {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 10px 0 14px;
}
.product-snapshots .empty {
  color: #525b65;
  padding: 14px 0;
}

u-products-media {
  flex: 1;
}

.u-products-media {
  flex: 1;
}
.u-products-media .media-controls {
  display: flex;
  gap: 16px;
  margin-bottom: 10px;
}
.u-products-media .media-controls .toggle {
  display: flex;
  gap: 6px;
  align-items: center;
  font-family: "Encode Sans", sans-serif;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-products-media .media-group {
  padding: 8px 0 0;
}
.u-products-media .media-group + .media-group {
  margin-top: 12px;
}
.u-products-media .media-group-header {
  padding: 6px 4px;
  font-family: "Encode Sans", sans-serif;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  border-bottom: 1px solid #f1f3f5;
  background: #f8f9fa;
  border-radius: 0.2rem;
  margin: 0 0 6px;
}
.u-products-media .assetGrid {
  list-style: none;
  margin: 0;
  padding: 8px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-auto-rows: 1fr;
  gap: 2px;
  align-items: stretch;
}
.u-products-media .assetGrid li {
  display: flex;
  min-width: 0;
}
.u-products-media .assetGrid .card {
  width: 100%;
  height: 100%;
  position: relative;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.u-products-media .assetGrid .card.archived {
  opacity: 0.7;
}
.u-products-media .assetGrid .card .card-body {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-products-media .assetGrid .card .card-body:hover {
  transform: translateY(-2px);
}
.u-products-media .assetGrid .card .card-body:focus {
  outline: 2px solid #6c757d;
  outline-offset: 2px;
}
.u-products-media .assetGrid .card .card-body .thumb {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
}
.u-products-media .assetGrid .card .card-body .thumb img {
  padding: 4px;
  width: 150px;
  height: 150px;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.u-products-media .assetGrid .card .card-body .thumb .noThumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.u-products-media .assetGrid .card .card-body .thumb .fileBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  padding: 8px 10px;
  border-radius: 0.2rem;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  background: #f8f9fa;
  border: 1px solid #f1f3f5;
}
.u-products-media .assetGrid .card .card-body .meta {
  padding: 10px;
  display: grid;
  gap: 6px;
}
.u-products-media .assetGrid .card .card-body .meta .name {
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-products-media .assetGrid .card .card-body .meta .sub {
  color: #525b65;
  display: flex;
  gap: 6px;
  align-items: center;
}
.u-products-media .assetGrid .card .card-body .meta .sub .ext {
  padding: 2px 6px;
  border: 1px solid #f1f3f5;
  border-radius: 999px;
  background: #f8f9fa;
  font-weight: 400;
}
.u-products-media .assetGrid .card .card-body .meta .tags {
  display: flex;
  gap: 6px;
}
.u-products-media .assetGrid .card .card-body .meta .tags .tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 6px;
  border-radius: 0.2rem;
  font-weight: 400;
  border: 1px solid #f1f3f5;
  background: #f8f9fa;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-products-media .assetGrid .card .card-body .meta .tags .tag.master {
  background: rgb(225.6, 227.4, 229);
  border-color: #6c757d;
}
.u-products-media .assetGrid .card .card-body .meta .tags .tag.archived {
  background: rgb(248.1, 226.8, 226.8);
  border-color: #d14343;
}
.u-products-media .assetGrid .card .actions {
  display: flex;
  padding: 8px 10px 10px;
  border-top: 1px solid #f1f3f5;
}
.u-products-media .assetGrid .card .actions .btn-remove {
  appearance: none;
  border: 1px solid #f1f3f5;
  background: #f8f9fa;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-family: "Encode Sans", sans-serif;
  border-radius: 0.2rem;
  padding: 6px 10px;
  cursor: pointer;
}
.u-products-media .assetGrid .card .actions .btn-remove[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.u-products-media .placeholder {
  padding: 24px;
  color: #525b65;
}
.u-products-media .placeholder.error {
  color: #d14343;
}

.products-create-modal {
  padding: 24px;
}
.products-create-modal .u-products-create {
  gap: 12px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.products-create-modal .u-products-create .form-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.products-create-modal .u-products-create .form-group .form-label {
  width: 100px;
}
.products-create-modal .u-products-create .form-group .form-input {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.products-create-modal .u-products-create .form-group .form-input > span, .products-create-modal .u-products-create .form-group .form-input .cinput, .products-create-modal .u-products-create .form-group .form-input .cselect {
  flex: 1;
  display: flex;
}
.products-create-modal .u-products-create .form-group .form-input .override-checkbox-only {
  margin: 0;
  cursor: pointer;
}
.products-create-modal .u-products-create .form-group cbutton {
  align-self: flex-start;
  padding: 10px 20px;
  font-weight: 400;
  border-radius: 0.2rem;
}
.products-create-modal .u-products-create .form-group cbutton.green {
  background-color: #4caf50;
  color: white;
  border: none;
}
.products-create-modal .u-products-create .form-group cbutton.green:hover {
  background-color: #43a047;
}
.products-create-modal .u-products-create .form-group cbutton.green:disabled {
  background-color: #a5d6a7;
  cursor: not-allowed;
}
.products-create-modal .u-products-create ~ .alert.alert-danger {
  max-width: 600px;
  margin: 20px auto;
  padding: 16px;
  color: #721c24;
  background-color: #f8d7da;
  border-radius: 0.2rem;
  border: 1px solid #f5c6cb;
  text-align: center;
}

.u-attribute-overview {
  height: 100%;
}

.attribute-overview-modal .preview {
  display: none;
}

.u-attribute-detail {
  height: 100%;
}
.u-attribute-detail .usage {
  list-style: none;
}
.u-attribute-detail .usage li {
  padding: 10px;
}
.u-attribute-detail .usage li a {
  color: black;
}

.u-attribute-set-overview {
  height: 100%;
}

.u-attribute-set-detail {
  height: 100%;
}

.attribute-set-milestone {
  max-width: 1280px;
}
.attribute-set-milestone .milestone-heading {
  font-weight: 400;
  margin: 0 0 4px;
}
.attribute-set-milestone .milestone-header-text {
  color: #555;
  margin-bottom: 12px;
  line-height: 1.4;
}
.attribute-set-milestone .milestone-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.attribute-set-milestone .milestone-item {
  border: solid 1px #dee2e6;
  border-radius: 0.2rem;
  overflow: hidden;
}
.attribute-set-milestone .milestone-header {
  background: #fafafa;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
}
.attribute-set-milestone .milestone-header-main {
  display: flex;
  align-items: center;
  gap: 8px;
}
.attribute-set-milestone .milestone-toggle,
.attribute-set-milestone .group-toggle {
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 1;
  padding: 2px 6px;
}
.attribute-set-milestone .milestone-toggle:disabled,
.attribute-set-milestone .group-toggle:disabled {
  opacity: 0.4;
  cursor: default;
}
.attribute-set-milestone .milestone-description {
  padding: 6px 10px;
  color: #616161;
}
.attribute-set-milestone .milestone-body {
  padding: 8px 10px 10px;
  border-top: 1px solid #eee;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.attribute-set-milestone .group {
  padding-left: 30px;
  border-radius: 0.2rem;
  background: #ffffff;
}
.attribute-set-milestone .group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  padding-left: 28px;
}
.attribute-set-milestone .group-header label {
  display: flex;
  align-items: center;
}
.attribute-set-milestone .group-title {
  margin-left: 8px;
  font-weight: 400;
}
.attribute-set-milestone .attribute-list {
  padding: 4px 8px 8px;
  padding-left: 40px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.attribute-set-milestone .attribute-item {
  color: #424242;
}
.attribute-set-milestone .attribute-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-set-milestone .empty-groups,
.attribute-set-milestone .empty-milestones {
  padding: 8px 10px;
  color: #9e9e9e;
  font-style: italic;
}

.u-product-status-overview {
  height: 100%;
}

.u-product-status-detail {
  height: 100%;
}

.u-content-overview {
  height: 100%;
}
.u-content-overview .grid {
  margin: 0 8px;
}

.u-content-detail {
  height: 100%;
}

u-content-category-overview {
  flex: 1;
}

u-content-category-overview .category-toolbar {
  align-self: flex-end;
  display: flex;
  gap: 8px;
}
u-content-category-overview .tree-search {
  display: flex;
  align-items: center;
  border-radius: 0.2rem;
  margin-bottom: 12px;
  background: rgba(255, 255, 255, 0.24);
}
u-content-category-overview .tree-search .u-search-input {
  width: 100%;
}
u-content-category-overview .tree-search u-search-input {
  width: 100%;
  border: solid 1px #dee2e6;
}
u-content-category-overview .tree-search i.fa-search {
  color: #525b65;
}
u-content-category-overview .tree-search input {
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
u-content-category-overview .tree-search .clear {
  border: 0;
  background: transparent;
  cursor: pointer;
  padding: 2px 4px;
}
u-content-category-overview .tree-search .clear i {
  color: #525b65;
}
u-content-category-overview .tree-wrap {
  flex: 1;
  border: solid 1px #dee2e6;
  padding: 8px 12px;
  position: relative;
}
u-content-category-overview .angular-ui-tree-nodes {
  position: relative;
  margin: 0;
  padding-left: 24px;
  list-style: none;
}
u-content-category-overview .angular-ui-tree-node {
  position: relative;
  margin: 0;
  padding: 0;
}
u-content-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node::before {
  content: "";
  position: absolute;
  top: 16px;
  left: -12px;
  width: 12px;
  border-top: 1px dotted #dee2e6;
}
u-content-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -12px;
  bottom: -10px;
  border-left: 1px dotted #dee2e6;
}
u-content-category-overview .angular-ui-tree-nodes > .angular-ui-tree-node:last-child::after {
  bottom: auto;
  height: 22px;
}
u-content-category-overview .root-list > .angular-ui-tree-node:first-child::before,
u-content-category-overview .root-list > .angular-ui-tree-node:first-child::after {
  content: none;
}
u-content-category-overview .root-list.angular-ui-tree-nodes {
  padding-left: 0;
}
u-content-category-overview .node-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 20px;
  transition: background 0.15s ease-in-out;
}
u-content-category-overview .node-row:hover {
  background: #f8f9fa;
}
u-content-category-overview .twisty {
  width: 16px;
  min-width: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #525b65;
  cursor: pointer;
}
u-content-category-overview .twisty .fa-folder-o {
  color: #525b65;
}
u-content-category-overview .node-drag-handle {
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  color: #525b65;
  cursor: move;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
u-content-category-overview .node-row:hover .node-drag-handle {
  background: #eef0f7;
  border-color: #f1f3f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
u-content-category-overview .node-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
}
u-content-category-overview .node-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.12s linear;
}
u-content-category-overview .node-row:hover .node-actions {
  opacity: 1;
  pointer-events: auto;
}
u-content-category-overview .node-action-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #525b65;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
u-content-category-overview .node-action-button:hover {
  background: #eef0f7;
  border-color: #f1f3f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
u-content-category-overview .node-action-button-danger:hover {
  background: #fde9ec;
  border-color: #f4b6c1;
  color: #b71833;
}
u-content-category-overview .hidden {
  display: none;
}
u-content-category-overview mark {
  background: #fff3cd;
  color: inherit;
  padding: 0 2px;
  border-radius: 0.2rem;
}

.angular-ui-tree-placeholder {
  margin: 2px 0;
  height: 20px;
  border: 1px dashed #dee2e6;
  background: transparent;
}

.angular-ui-tree-handle {
  cursor: move;
  min-height: 20px;
  line-height: 20px;
}

.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.95;
  box-sizing: border-box;
}

.angular-ui-tree-drag .node-row {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 6px;
  background: rgba(255, 255, 255, 0.24);
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  min-width: 240px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.angular-ui-tree-drag .angular-ui-tree-node::before,
.angular-ui-tree-drag .angular-ui-tree-node::after {
  content: none;
}

.u-approval-overview {
  height: 100%;
}
.u-approval-overview .tab-pane, .u-approval-overview tab-content, .u-approval-overview .tab-content {
  width: 100%;
}

.u-approval-detail {
  height: 100%;
}
.u-approval-detail .tabs.horizontal > .tab-content .tab-pane.active {
  display: block;
}
.u-approval-detail .tab-pane {
  display: block;
  height: 100%;
}

.u-locales-overview {
  height: 100%;
}

.u-locales-detail {
  height: 100%;
}

.u-export-templates-edit {
  flex: 1;
}
.u-export-templates-edit .tabs {
  flex: 1;
}
.u-export-templates-edit .tab-pane.active {
  flex: 1;
  display: flex !important;
}
.u-export-templates-edit tab-content {
  display: block;
  flex: 1;
}
.u-export-templates-edit .tab-content {
  flex: 1;
  padding-bottom: 0 !important;
}

.main-exporttemplates {
  display: flex;
}

.u-export-builder {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: row;
}
.u-export-builder ul {
  list-style: none;
}
.u-export-builder ul .dotted {
  border-style: dotted;
  border-width: 2px;
  border-color: #9c9c9c;
  padding: 15px !important;
  margin: 5px !important;
}
.u-export-builder .u-export-builder-sidebar {
  max-width: 200px;
  background: #e6e6e6;
  padding: 5px 10px 10px;
  border-right: solid 1px gainsboro;
  flex: 1;
}
.u-export-builder .u-export-builder-sidebar h3 {
  font-weight: 400;
}
.u-export-builder .u-export-builder-sidebar .elements {
  padding-top: 6px;
  padding-bottom: 11px;
}
.u-export-builder .u-export-builder-sidebar .elements .title-row {
  display: flex;
}
.u-export-builder .u-export-builder-sidebar .elements .fa-arrows-alt {
  margin-top: 19px;
  margin-left: 0;
  margin-right: 13px;
}
.u-export-builder .u-export-builder-sidebar ul {
  margin: 0;
  padding: 0;
}
.u-export-builder .u-export-builder-sidebar ul li {
  cursor: move;
  display: flex;
  align-content: center;
  align-items: center;
  padding: 5px;
  margin-top: 5px;
  border-radius: 0.2rem;
  border: solid 1px #7c7c7c;
  background: #d7d7d7;
  justify-content: flex-start;
}
.u-export-builder .u-export-builder-sidebar ul li:hover {
  border: solid 1px #eb5d55;
}
.u-export-builder .u-export-builder-sidebar ul li i {
  margin-right: 15px;
}
.u-export-builder .u-export-builder-sidebar .preview {
  margin-top: 0;
  padding-top: 6px;
  padding-bottom: 5px;
}
.u-export-builder .u-export-builder-sidebar .preview .title-row {
  display: flex;
}
.u-export-builder .u-export-builder-sidebar .preview .title-row .fa-eye {
  margin-top: 19px;
  margin-left: 0;
  margin-right: 13px;
}
.u-export-builder .u-export-builder-sidebar .preview .preview-inner {
  margin-left: 10px;
  height: 123px;
}
.u-export-builder .u-export-builder-sidebar .preview .preview-inner p {
  margin-top: 3px;
  color: #555;
}
.u-export-builder .u-export-builder-sidebar .preview .preview-inner .cselect {
  width: 100%;
}
.u-export-builder .u-export-builder-sidebar .preview .preview-inner .cbutton {
  width: 100%;
}
.u-export-builder .u-export-builder-sidebar .preview .preview-inner .cbutton .inner {
  width: 100%;
}
.u-export-builder .u-export-builder-sidebar .settings {
  padding-top: 6px;
  padding-bottom: 5px;
  margin-top: 0;
}
.u-export-builder .u-export-builder-sidebar .settings .title-row {
  display: flex;
  cursor: pointer;
}
.u-export-builder .u-export-builder-sidebar .settings .settings-inner {
  margin-left: 10px;
  transition: 0.2s;
  height: 385px;
  overflow: hidden;
}
.u-export-builder .u-export-builder-sidebar .settings .settings-inner p {
  margin-top: 3px;
  color: #555;
}
.u-export-builder .u-export-builder-sidebar .settings .collapsed {
  height: 0;
}
.u-export-builder .u-export-builder-sidebar .settings .fa-chevron-right,
.u-export-builder .u-export-builder-sidebar .settings .fa-chevron-down {
  margin-top: 19px;
  margin-left: 74px;
}
.u-export-builder .u-export-builder-sidebar .settings .fa-cog {
  margin-top: 19px;
  margin-left: 0;
  margin-right: 13px;
}
.u-export-builder .u-export-builder-sidebar .settings .size-inputgroup-outer {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.u-export-builder .u-export-builder-sidebar .settings span {
  width: 52%;
}
.u-export-builder .u-export-builder-sidebar .settings label {
  margin-top: 8px;
}
.u-export-builder .u-export-builder-sidebar .settings .size-inputgroup-inner {
  width: 84px;
}
.u-export-builder .u-export-builder-sidebar .settings .size-inputgroup-inner .checkWrapper {
  top: 5px;
}
.u-export-builder .u-export-builder-sidebar .settings .size-inputgroup-inner .fa-check {
  color: white;
}
.u-export-builder .u-export-builder-sidebar .settings .cinput {
  width: 70%;
}
.u-export-builder .u-export-builder-dropzone {
  position: relative;
  background: #ffffff;
  overflow: auto;
}
.u-export-builder .u-export-builder-dropzone .dndDraggingSource {
  display: none !important;
}
.u-export-builder .u-export-builder-dropzone li.dndDragging .dropzone-group-item-contents {
  display: none;
}
.u-export-builder .u-export-builder-dropzone ul[dnd-list] {
  min-height: 50px;
  padding-left: 0;
  margin: 5px;
  border-radius: 0.2rem;
  flex: 1;
}
.u-export-builder .u-export-builder-dropzone ul[dnd-list].is-dotted {
  border: dotted 2px #dee2e6;
}
.u-export-builder .u-export-builder-dropzone {
  flex: 1;
}
.u-export-builder .u-export-builder-dropzone h3 {
  width: 100%;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group {
  flex: 1;
  padding-bottom: 10px;
  display: flex;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group.minimized .dropzone-group-contents {
  display: none;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container {
  flex-direction: column;
  display: flex;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container .dropzone-group-option {
  width: 24px;
  display: flex;
  height: 24px;
  border: solid 1px #dee2e6;
  border-right: none;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container .dropzone-group-option:hover {
  background: #f0f4fa;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container .dropzone-group-option:hover i {
  cursor: pointer;
  color: #7c7c7c;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container .dropzone-group-option:first-child {
  cursor: move;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-options .dropzone-group-option-container .dropzone-group-option:last-child {
  border-top: none;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content {
  flex: 1;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content.toc {
  border: solid 1px #51a3ff;
  background: #51a3ff;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content.toc .dropzone-group-header {
  border: none;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content.toc i {
  color: #fff;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content.group .dropzone-group-header {
  background: #d7d7d7;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content.group i {
  color: #000000;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header {
  background: #d7d7d7;
  border: solid 1px #7c7c7c;
  border-radius: 0.2rem;
  justify-content: space-between;
  flex: 1;
  max-height: 50px;
  display: flex;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header i {
  padding: 10px;
  cursor: pointer;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header i:hover {
  color: #7c7c7c;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header input, .u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header .cinput {
  border: none;
  color: black;
  background: transparent;
  width: 100%;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header input::placeholder, .u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-header .cinput::placeholder {
  color: black;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item {
  border: solid 1px #cccccc;
  border-radius: 0.2rem;
  background: white;
  margin: 5px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-header {
  justify-content: space-between;
  padding: 5px;
  border-bottom: solid 1px #7c7c7c;
  display: flex;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-header input, .u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-header .cinput {
  border: none;
  color: black;
  background: transparent;
  width: 100%;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-header i {
  margin: 5px;
  cursor: pointer;
  color: #7c7c7c;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-contents {
  flex: 1;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-contents .textfield {
  border: none;
  border-radius: 0;
  width: 100%;
}
.u-export-builder .u-export-builder-dropzone .dropzone-group .dropzone-group-content .dropzone-group-contents .dropzone-group-item .dropzone-group-item-contents i {
  color: #7c7c7c;
}
.u-export-builder .u-export-builder-dropzone ul {
  margin: 0;
  padding: 0;
  padding-bottom: 15px;
}
.u-export-builder .u-export-builder-dropzone ul li {
  display: flex;
  align-content: center;
  align-items: center;
  border-radius: 0.2rem;
  justify-content: flex-start;
}
.u-export-builder .u-export-builder-dropzone ul li i {
  align-self: center;
  color: #dee2e6;
}
.u-export-builder .group-item.public .dropzone-group {
  background: whitesmoke;
}
.u-export-builder .group-item.public .dropzone-group-item-header, .u-export-builder .group-item.public .dropzone-group-header, .u-export-builder .group-item.public .dropzone-group-item, .u-export-builder .group-item.public .dropzone-group-content {
  border: none !important;
  background: transparent !important;
}
.u-export-builder .mce-tinymce-inline {
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
}
.u-export-builder .mce-content-body {
  padding: 10px;
}
.u-export-builder .dndDragging {
  opacity: 0.5;
}
.u-export-builder .dndDraggingSource {
  opacity: 1;
}
.u-export-builder .dndPlaceholder {
  background-color: #ddd !important;
  display: block;
  min-height: 50px;
  margin: 15px;
}

.u-export-builder-save .modal-title {
  flex: 1;
}
.u-export-builder-save .modal-body i {
  display: inline;
  color: #d4dde0;
  cursor: pointer;
  padding: 11px;
  border: solid 1px #dee2e6;
  border-radius: 0.2rem;
  position: relative;
  top: 1px;
}
.u-export-builder-save .modal-header {
  display: flex;
  justify-content: space-between;
}

.u-export-template-detail {
  height: 100%;
}

.u-export-templates-overview {
  height: 100%;
}
.u-export-templates-overview .addButton {
  display: none !important;
}

.u-export-jobs-edit {
  height: 100%;
}
.u-export-jobs-edit .tab-pane, .u-export-jobs-edit tab-content {
  width: 100%;
}
.u-export-jobs-edit .queue-tab {
  margin: 20px 5px;
}
.u-export-jobs-edit .destinations-container {
  width: 100%;
}
.u-export-jobs-edit .destinations-container .white {
  float: right;
  margin: 20px 20px;
}
.u-export-jobs-edit .destinations-container .green {
  float: right;
  margin: 0 20px;
}
.u-export-jobs-edit .destinations-container ul {
  padding: 8px;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-export-jobs-edit .destinations-container ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
}
.u-export-jobs-edit .destinations-container ul li input {
  min-width: 200px;
}

.u-export-jobs-overview {
  height: 100%;
}
.u-export-jobs-overview .tab-content {
  width: 100%;
}
.u-export-jobs-overview .tab-content .tab-pane {
  width: 100%;
}
.u-export-jobs-overview .tab-content .tab-pane tab-content {
  width: 100%;
}

.u-export-queue-detail {
  height: 100%;
}
.u-export-queue-detail .tab-pane, .u-export-queue-detail tab-content {
  width: 100%;
}
.u-export-queue-detail .destinations-container {
  width: 100%;
}
.u-export-queue-detail .destinations-container ul {
  padding: 0;
  display: flex;
  list-style-type: none;
  justify-content: center;
  flex-direction: column;
}
.u-export-queue-detail .destinations-container ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
}

.u-export-queue-overview {
  height: 100%;
}

.u-export-filters-edit {
  height: 100%;
}

.u-export-filters-overview {
  height: 100%;
}
.u-export-filters-overview .tab-content {
  width: 100%;
}
.u-export-filters-overview .tab-content .tab-pane {
  width: 100%;
}
.u-export-filters-overview .tab-content .tab-pane tab-content {
  width: 100%;
}

.u-transfer-detail {
  height: 100%;
}
.u-transfer-detail .transfer-table {
  width: calc(100% - 20px);
  margin: 10px;
  border-top: solid 1px #d7d7d7;
  border-left: solid 1px gainsboro;
}
.u-transfer-detail .transfer-table th {
  text-align: left;
  background: #fafafa;
  padding: 15px;
  font-weight: 400;
  border-right: solid 1px gainsboro;
  border-bottom: solid 1px gainsboro;
}
.u-transfer-detail .transfer-table td {
  padding: 15px;
  border-right: solid 1px gainsboro;
  border-bottom: solid 1px gainsboro;
}

.u-transfer-overview {
  height: 100%;
}

.u-dashboard-overview {
  overflow: auto;
  height: 100%;
}
.u-dashboard-overview .dashboard {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.u-dashboard-overview .dashboard .dashboard-visibility-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  padding: 10px 12px;
  border: 1px solid var(--sidebar-panel-border, #dce4ec);
  border-radius: 8px;
  background: var(--sidebar-panel-bg, #f8fbfe);
}
.u-dashboard-overview .dashboard .dashboard-visibility-control {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--sidebar-panel-text, #2a3f56);
  cursor: pointer;
  margin: 0;
}
.u-dashboard-overview .dashboard .dashboard-visibility-control input[type=checkbox] {
  margin: 0;
}
.u-dashboard-overview .dashboard .dashboard-row {
  position: relative;
  padding-top: 0;
}
.u-dashboard-overview .dashboard .widget-filter-row {
  padding: 8px 12px 6px;
  border-bottom: 1px solid #edf2f7;
}
.u-dashboard-overview .dashboard .timeline-filter-row .filter-chip {
  opacity: 1;
}
.u-dashboard-overview .dashboard .timeline-filter-row .filter-chip.active {
  opacity: 1;
}
.u-dashboard-overview .dashboard .timeline-filter-row .filter-chip .fa-check {
  font-size: 11px;
}
.u-dashboard-overview .dashboard .dashboard-filter-chips {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.u-dashboard-overview .dashboard .filter-chip {
  border: 1px solid #d3deea;
  background: #fff;
  color: #42586f;
  border-radius: 999px;
  padding: 4px 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
  font-size: 12px;
  line-height: 1.2;
}
.u-dashboard-overview .dashboard .filter-chip.active {
  background: #fff;
  border-color: #3a7bd5;
  color: #3a7bd5;
}
.u-dashboard-overview .dashboard .color-ring-indicator {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  width: 10px;
  height: 10px;
  border: 2px solid #7e8793;
  border-radius: 999px;
  box-sizing: border-box;
  flex: 0 0 10px;
}
.u-dashboard-overview .dashboard .kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 8px;
  margin: 0;
}
.u-dashboard-overview .dashboard .kpi-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 10px 8px;
  border: 1px solid #dce4ec;
  border-radius: 8px;
  background: #fff;
  text-decoration: none;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  transition: border-color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-dashboard-overview .dashboard .kpi-card:hover {
  border-color: #bfd0e2;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.u-dashboard-overview .dashboard .kpi-card .kpi-pie {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-dashboard-overview .dashboard .kpi-card .kpi-pie-inner {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f3145;
  font-weight: 600;
  font-size: 12px;
}
.u-dashboard-overview .dashboard .kpi-card .kpi-label {
  color: #445a72;
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}
.u-dashboard-overview .dashboard .kpi-card .kpi-sub {
  display: flex;
  justify-content: center;
  gap: 4px;
  color: #6f7f92;
  font-size: 11px;
}
.u-dashboard-overview .dashboard .kpi-card .kpi-sub b {
  color: #2a3f56;
  font-weight: 600;
}
.u-dashboard-overview .dashboard .kpi-card .kpi-limit {
  color: #b42318;
  font-weight: 500;
  font-size: 11px;
}
.u-dashboard-overview .dashboard .kpi-card.over-limit {
  border-color: #f3b0ab;
  background: linear-gradient(180deg, #fff7f6 0%, #fff 100%);
}
.u-dashboard-overview .dashboard .kpi-card.over-limit .kpi-label {
  color: #912018;
}
.u-dashboard-overview .dashboard .kpi-card.over-limit .kpi-pie-inner {
  color: #b42318;
}
.u-dashboard-overview .dashboard .kpi-card.over-limit .kpi-sub {
  color: #9e3a31;
}
.u-dashboard-overview .dashboard .milestone-widgets {
  display: block;
}
.u-dashboard-overview .dashboard .milestone-widgets-expanded {
  margin-top: -2px;
}
.u-dashboard-overview .dashboard .dashboard-widgets {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  align-items: start;
}
@media (max-width: 768px) {
  .u-dashboard-overview .dashboard .dashboard-widgets {
    grid-template-columns: 1fr;
  }
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
  .u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets {
    grid-template-columns: 1fr;
  }
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .dashboard-widget-list li b,
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .dashboard-widget-list li b a {
  font-size: 12px;
  font-weight: 400;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget {
  grid-column: 1/-1;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .dashboard-widget-body {
  max-height: none;
  overflow: visible;
  padding: 0;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widgets-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px 12px 12px;
}
@media (max-width: 1200px) {
  .u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widgets-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  .u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widgets-grid {
    grid-template-columns: 1fr;
  }
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widget-panel {
  overflow: hidden;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widget-panel .dashboard-widget-list {
  max-height: 280px;
  overflow: auto;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .activity-hub-widget .activity-widget-panel-title {
  margin: 0;
  padding: 8px 10px;
  border-bottom: 1px solid #e9eff6;
  font-size: 13px;
  font-weight: 600;
  color: #2a3d52;
  background: #f8fbfe;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .limitations-widget {
  grid-column: 1/-1;
}
.u-dashboard-overview .dashboard .dashboard-widgets.full-width-widgets .limitations-widget .dashboard-widget-body {
  max-height: none;
  overflow: visible;
  padding: 10px 12px 12px;
}
.u-dashboard-overview .dashboard .dashboard-widget {
  overflow: auto;
  color: #313948;
  height: 100%;
  border-radius: 8px;
  flex-grow: 1;
  align-self: start;
  opacity: 1;
  text-align: left;
  border: 1px solid #dce4ec;
  box-shadow: 0 2px 12px 0 rgba(40, 60, 140, 0.03);
  transition: box-shadow 0.23s cubic-bezier(0.27, 0.72, 0.61, 1.03), opacity 0.46s cubic-bezier(0.17, 0.74, 0.37, 1.01);
  background: #fff;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-body {
  max-height: 340px;
  overflow: auto;
}
.u-dashboard-overview .dashboard .dashboard-widget.ng-enter, .u-dashboard-overview .dashboard .dashboard-widget.ng-appear {
  opacity: 0;
}
.u-dashboard-overview .dashboard .dashboard-widget.ng-enter-active, .u-dashboard-overview .dashboard .dashboard-widget.ng-appear-active {
  opacity: 1;
  transition: all 0.48s cubic-bezier(0.25, 0.76, 0.4, 1.06);
}
.u-dashboard-overview .dashboard .dashboard-widget:hover {
  box-shadow: 0 8px 24px 0 rgba(40, 60, 140, 0.11);
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-wrapper {
  color: #313948;
}
.u-dashboard-overview .dashboard .dashboard-widget.loading {
  cursor: wait;
  opacity: 0.5;
  pointer-events: none;
}
.u-dashboard-overview .dashboard .dashboard-widget.loading .dashboard-widget-list li {
  font-size: 0;
  line-height: 0;
}
.u-dashboard-overview .dashboard .dashboard-widget.loading .dashboard-widget-list li::before,
.u-dashboard-overview .dashboard .dashboard-widget.loading .dashboard-widget-list li::after {
  content: "MMMMMMMMMMM";
  background: #dcdcdc;
  color: #dcdcdc;
  height: 16px;
  margin: 12px 0 12px;
  visibility: visible;
  line-height: 16px;
  display: block;
  border-radius: 0.2rem;
  animation: pulseBg 1.2s infinite alternate;
}
.u-dashboard-overview .dashboard .dashboard-widget.loading .dashboard-widget-listheader {
  color: #dcdcdc;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-title {
  color: #1f3145;
  font-weight: 500;
  background: #f8fbfe;
  border-bottom: 1px solid #e5ebf2;
  margin: 0;
  text-align: left;
  padding: 12px 14px;
  letter-spacing: 0.02em;
  border-radius: 8px 8px 0 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-title-text {
  display: inline-block;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-title-actions {
  margin-left: auto;
  display: inline-flex;
  gap: 4px;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-title-actions button {
  border: 1px solid #d3deea;
  background: #fff;
  color: #42586f;
  border-radius: 6px;
  width: 24px;
  height: 24px;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-title-actions button:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list {
  margin: 0;
  padding: 0;
  text-align: left;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li {
  list-style-type: none;
  border-top: 1px solid #edf1f5;
  padding: 10px 12px;
  display: grid;
  gap: 3px;
  background: transparent;
  transition: background 0.19s;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li:first-child {
  border-top: none;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li:hover {
  background: #f7f9fc;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li a {
  color: #3a7bd5;
  text-decoration: none;
  font-weight: 400;
  transition: color 0.17s;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li a:hover {
  color: #3a7bd5;
  text-decoration: underline;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li small {
  color: #6f7f92;
}
.u-dashboard-overview .dashboard .dashboard-widget .grouped-list > li {
  border-top: none;
  padding: 0;
}
.u-dashboard-overview .dashboard .dashboard-widget .group-title {
  padding: 8px 12px;
  color: #111827;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #dfe7ef;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row {
  border-left: 3px solid #cbd5e1;
  padding-left: 10px;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row b,
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row a {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.35;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row.status-success {
  border-left-color: transparent;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row.status-failed {
  border-left-color: #b42318;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row.status-running {
  border-left-color: #1f4e80;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row.status-pending {
  border-left-color: #9b5f07;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li.export-row.status-neutral {
  border-left-color: #6b7280;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-empty {
  padding: 14px 12px;
  color: #6f7f92;
  font-size: 13px;
}
.u-dashboard-overview .dashboard .alert-widget .dashboard-widget-list li.severity-critical {
  border-left: 3px solid #d14343;
}
.u-dashboard-overview .dashboard .alert-widget .dashboard-widget-list li.severity-warning {
  border-left: 3px solid #df8a13;
}
.u-dashboard-overview .dashboard .milestone-widget.milestone-command-center .dashboard-widget-body {
  max-height: none;
  overflow: visible;
  padding-bottom: 6px;
}
.u-dashboard-overview .dashboard .milestone-widget .dashboard-widget-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-title-icon {
  font-size: 14px;
  line-height: 1;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-title-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-title-row small {
  color: #6f7f92;
  font-size: 11px;
  font-weight: 500;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-product-list li {
  gap: 6px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-priority-list li {
  gap: 6px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-priority-list li.is-warning {
  border-left: 3px solid #d14343;
  background: #fff6f6;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-priority-list li.is-warning:hover {
  background: #ffefef;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-priority-list li.is-almost-warning {
  border-left: 3px solid #df8a13;
  background: #fff9f2;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-product-topline {
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-product-meta {
  color: #4f647d;
}
.u-dashboard-overview .dashboard .milestone-widget .timeline-product-status {
  color: #6f7f92;
  font-size: 11px;
}
.u-dashboard-overview .dashboard .milestone-widget .warning-label {
  color: #b42318;
  font-weight: 600;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone {
  line-height: 1;
}
.u-dashboard-overview .dashboard .milestone-widget small.is-overdue {
  color: #b42318;
  font-weight: 500;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-columns {
  display: grid;
  gap: 10px;
  padding: 10px 12px 2px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 8px;
}
@media (max-width: 980px) {
  .u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-columns {
    grid-template-columns: 1fr;
  }
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-more {
  border-top: 1px solid #e8eff6;
  padding: 8px 12px 10px;
  text-align: right;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column {
  min-height: 120px;
  overflow: hidden;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column .dashboard-widget-list li {
  margin: 4px;
  padding: 9px 10px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column .dashboard-widget-empty {
  padding: 10px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column.is-missed-column .color-ring-indicator {
  background: #d14343;
  border-color: #d14343 !important;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column.is-missed-column .milestone-priority-list li {
  border-left: 3px solid #d14343;
  background: #fff6f6;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-deadline-column.is-missed-column .milestone-priority-list li:hover {
  background: #ffefef;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-stats-column .milestone-stats-list {
  margin: 0;
  padding: 8px 10px;
  display: grid;
  gap: 6px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-stats-column .milestone-stats-list li {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #edf2f7;
  color: #4f647d;
  font-size: 12px;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-stats-column .milestone-stats-list li:last-child {
  border-bottom: 0;
}
.u-dashboard-overview .dashboard .milestone-widget .milestone-stats-column .milestone-stats-list b {
  color: #1f3145;
  font-weight: 600;
}
.u-dashboard-overview .dashboard .milestone-widget .timeline-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 7px 9px;
  border-bottom: 1px solid #edf2f7;
  color: #3a526a;
  font-size: 12px;
  font-weight: 600;
}
.u-dashboard-overview .dashboard .milestone-widget .timeline-card-header b {
  font-size: 11px;
  line-height: 1;
  border-radius: 999px;
  padding: 3px 7px;
  background: rgba(31, 49, 69, 0.09);
}
.u-dashboard-overview .dashboard .trend-widget .trend-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 8px 16px 0;
}
.u-dashboard-overview .dashboard .trend-widget .trend-tabs button {
  border: 1px solid #d3deea;
  background: #fff;
  color: #42586f;
  border-radius: 999px;
  padding: 4px 10px;
  cursor: pointer;
  transition: all 0.15s ease;
}
.u-dashboard-overview .dashboard .trend-widget .trend-tabs .dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.u-dashboard-overview .dashboard .trend-widget .trend-tabs button.active {
  background: #e9f2fe;
  border-color: #8db3e1;
  color: #1b4f86;
}
.u-dashboard-overview .dashboard .trend-widget .trend-granularity {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 8px 16px;
}
.u-dashboard-overview .dashboard .trend-widget .trend-granularity button {
  border: 1px solid #d3deea;
  background: #fff;
  color: #42586f;
  border-radius: 6px;
  padding: 4px 10px;
  cursor: pointer;
}
.u-dashboard-overview .dashboard .trend-widget .trend-granularity button.active {
  background: #eff6ff;
  border-color: #9fc0e5;
  color: #1f4e80;
}
.u-dashboard-overview .dashboard .trend-widget .trend-year-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 8px 16px 12px;
}
.u-dashboard-overview .dashboard .trend-widget .trend-year-nav button {
  border: 1px solid #d3deea;
  background: #fff;
  color: #42586f;
  border-radius: 6px;
  padding: 4px 10px;
  cursor: pointer;
  transition: all 0.15s ease;
  min-width: 32px;
}
.u-dashboard-overview .dashboard .trend-widget .trend-year-nav button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.u-dashboard-overview .dashboard .trend-widget .trend-year-nav span {
  min-width: 130px;
  text-align: center;
  color: #35526f;
  font-weight: 500;
  font-size: 12px;
}
.u-dashboard-overview .dashboard .trend-widget .trend-canvas {
  padding: 10px 12px 4px;
}
.u-dashboard-overview .dashboard .trend-widget .trend-canvas .js-dashboard-trend-canvas {
  display: block;
  width: 100%;
  height: 260px;
  background: #fff;
}
.u-dashboard-overview .dashboard .hero-trend {
  width: 100%;
  margin: 0;
  border-radius: 8px;
  border: 1px solid #dce4ec;
  box-shadow: 0 2px 12px 0 rgba(40, 60, 140, 0.03);
  background: #fff;
}
.u-dashboard-overview .dashboard .hero-trend .dashboard-widget-title {
  color: #1f3145;
  background: #f8fbfe;
  border-bottom: 1px solid #e5ebf2;
  padding: 12px 14px;
}
.u-dashboard-overview .dashboard .hero-trend .dashboard-widget-body {
  max-height: none;
}
.u-dashboard-overview .dashboard .timeline-release-widgets {
  display: block;
}
.u-dashboard-overview .dashboard .timeline-release-widget .dashboard-widget-body {
  max-height: none;
  overflow: visible;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-calendar-controls {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  padding: 8px 12px 6px;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-group {
  position: relative;
  display: inline-grid;
  grid-template-columns: repeat(3, max-content);
  border: 0;
  background: transparent;
  border-radius: 7px;
  padding: 0;
  overflow: hidden;
  width: fit-content;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-slider {
  position: absolute;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 33.3333%;
  border-radius: 6px;
  background: transparent;
  pointer-events: none;
  transition: transform 0.22s ease;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-slider.is-pos-0 {
  transform: translateX(0%);
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-slider.is-pos-1 {
  transform: translateX(100%);
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-slider.is-pos-2 {
  transform: translateX(200%);
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-btn {
  position: relative;
  z-index: 1;
  border: 0 !important;
  background: transparent;
  color: #4f647d;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  padding: 7px 10px;
  cursor: pointer;
  transition: color 0.16s ease;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-btn.active {
  color: #3a7bd5;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-mode-btn.is-selected {
  color: #3a7bd5 !important;
  font-weight: 600;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-calendar-nav-actions {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border-radius: 10px;
  border: 0;
  background: transparent;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-nav-btn {
  border: 0 !important;
  background: transparent;
  color: #4f647d;
  border-radius: 6px;
  width: 28px;
  height: 28px;
  padding: 0;
  font-size: 14px;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-nav-btn:hover {
  background: transparent;
  opacity: 0.8;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-nav-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-calendar-range {
  font-size: 12px;
  color: #42586f;
  font-weight: 500;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-release-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  display: inline-block;
  flex: 0 0 10px;
  border: 1px solid rgba(31, 49, 69, 0.16);
}
.u-dashboard-overview .dashboard .timeline-release-widget .color-ring-indicator {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  width: 10px;
  height: 10px;
  border: 2px solid #7e8793;
  border-radius: 999px;
  box-sizing: border-box;
  flex: 0 0 10px;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-deadline-columns {
  overflow-x: auto;
}
@media (max-width: 980px) {
  .u-dashboard-overview .dashboard .timeline-release-widget .timeline-deadline-columns {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 680px) {
  .u-dashboard-overview .dashboard .timeline-release-widget .timeline-deadline-columns {
    grid-template-columns: 1fr !important;
  }
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-deadline-column.is-today-column {
  border: 0;
  background: transparent;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-deadline-column.is-today-column .timeline-card-header span {
  color: #3a7bd5;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-deadline-column .dashboard-widget-list.milestone-priority-list {
  max-height: 252px;
  overflow-y: auto;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-priority-list li {
  gap: 2px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-left: 3px solid transparent;
  padding-left: 10px;
  margin: 6px 4px;
  border-radius: 0;
  background: #f5f7fa;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-priority-list li:hover {
  background: #eef2f6;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-product-topline {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
}
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-product-topline b,
.u-dashboard-overview .dashboard .timeline-release-widget .milestone-product-topline a {
  display: inline;
  max-width: none;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
  vertical-align: top;
}
.u-dashboard-overview .dashboard .timeline-release-widget .timeline-release-meta {
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  word-break: break-word;
}
.u-dashboard-overview .dashboard .users-show-all {
  text-align: right;
  margin-top: 5px;
}
.u-dashboard-overview .dashboard .users-show-all a {
  color: #2a83e6;
  font-weight: 400;
  text-decoration: underline;
  transition: color 0.15s;
}
.u-dashboard-overview .dashboard .users-show-all a:hover {
  color: #135cc2;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulseBg {
  from {
    opacity: 0.48;
  }
  to {
    opacity: 1;
  }
}
.u-dashboard-denied {
  overflow: auto;
  height: 100%;
}

.u-asset-media-overview {
  box-sizing: border-box;
  height: 100%;
}
.u-asset-media-overview li[dnd-list] .dndDraggingSource, .u-asset-media-overview ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-asset-media-overview li[dnd-list] .dndPlaceholder, .u-asset-media-overview ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
}
.u-asset-media-overview .category-list-item {
  padding: 5px 20px;
  cursor: pointer;
  color: #525b65;
  display: flex;
  align-items: center;
}
.u-asset-media-overview .category-list-item i {
  color: rgb(109, 121, 140);
  margin-right: 10px;
}
.u-asset-media-overview .category-list-item:hover {
  color: #3a7bd5;
}
.u-asset-media-overview .u-media-grid {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.u-asset-media-overview .u-media-grid *, .u-asset-media-overview .u-media-grid *:before, .u-asset-media-overview .u-media-grid *:after {
  box-sizing: inherit;
}
.u-asset-media-overview .u-media-grid .grid .gridcontrols {
  padding: 10px 10px 0 10px;
  width: 100%;
  min-width: 0;
}
.u-asset-media-overview .u-media-grid .grid .gridcontrols .cselect {
  margin: 0;
}
.u-asset-media-overview .u-media-grid .grid .gridcontrols .count {
  color: #3a7bd5;
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.u-asset-media-overview .u-media-grid .grid .media-upload {
  width: 100%;
  height: calc(100% - 58px);
}
.u-asset-media-overview .u-media-grid .grid .media-grid {
  width: 100%;
  padding: 5px 10px 10px 5px;
  display: flex;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .no-results {
  width: 100%;
  text-align: center;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item {
  position: relative;
  flex-grow: 1;
  margin: 5px 0 0 5px;
  border: 1px solid #dee2e6;
  cursor: pointer;
  border-radius: 0.2rem;
  background-color: #FFFFFF;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item:hover, .u-asset-media-overview .u-media-grid .grid .media-grid .media-item.selected {
  border-color: rgb(69.82, 130.92, 215.52);
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-thumb {
  background-color: #FFFFFF;
  border-radius: 0.2rem;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-thumb.archived:hover img.media-img {
  opacity: 1;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-thumb.archived img.media-img {
  opacity: 0.2;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-thumb img.media-img {
  display: block;
  margin: 0 auto;
  object-fit: scale-down;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-controls {
  padding: 5px;
  justify-content: space-between;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-controls .media-button:hover {
  color: #3a7bd5;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid {
  flex-wrap: wrap;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid .media-item .media-info {
  height: 100%;
  border-radius: 0.2rem;
  padding: 10px;
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #f8f9fa;
  opacity: 0.8;
  overflow-wrap: break-word;
  font-size: 0.8rem;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid .media-item .media-info .media-title {
  margin-bottom: 15px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid .media-item .media-controls {
  position: absolute;
  display: none;
  width: 100%;
  bottom: 0;
  left: 0;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid .media-item.selected .media-controls {
  display: flex;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-lg .media-item:hover .media-info {
  display: block;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-lg .media-item:hover .media-controls {
  display: flex;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-lg .media-item img.media-img {
  width: 200px;
  height: 200px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-sm .media-item .media-controls {
  padding: 3px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-sm .media-item:hover .media-controls {
  display: block;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.grid-sm img.media-img {
  width: 100px;
  height: 100px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list {
  flex-flow: row wrap;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list .media-item {
  flex: 1 100%;
  display: flex;
  flex-flow: row nowrap;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list .media-item .media-thumb {
  flex: 0;
  margin: 5px;
  border: 1px solid #dee2e6;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list .media-item .media-thumb img.media-img {
  width: 100px;
  height: 100px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list .media-item .media-info {
  flex: 1;
  vertical-align: middle;
  padding: 5px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-list .media-item .media-file-size {
  flex: 1 100px 100px;
  vertical-align: middle;
  padding: 5px;
}

.u-asset-scopes-overview {
  height: 100%;
}

.u-asset-scopes-detail {
  height: 100%;
}

.u-info-modal .modal-body {
  font-size: 0.9rem;
}

.u-form-modal .entity-editor label {
  width: 100px;
}

.export-template-builder {
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.export-template-builder .builder-columns {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}
.export-template-builder .builder-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.export-template-builder .builder-column-groups {
  flex: 1 1 auto;
}
.export-template-builder .builder-column-columns {
  flex: 0 0 400px;
  max-width: 400px;
}
.export-template-builder .builder-panel {
  width: 100%;
  border: 1px solid #e3e7ef;
  background: #ffffff;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.2rem;
}
.export-template-builder .builder-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.export-template-builder .builder-panel-header-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.export-template-builder .builder-header-button {
  height: 32px;
  padding: 0 0.65rem;
}
.export-template-builder .builder-search-input {
  width: 100%;
  border-radius: 0.2rem;
  border: 1px solid #dde2ec;
  padding: 10px;
  box-sizing: border-box;
  outline: none;
}
.export-template-builder .builder-search-input:focus {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 1px rgba(58, 123, 213, 0.08);
}
.export-template-builder .builder-groups-scroll {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 2px;
}
.export-template-builder .group-item + .group-item {
  margin-top: 0.45rem;
}
.export-template-builder .group-item {
  padding: 0.5rem 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.2rem;
  border: 1px solid #e9edf7;
  background: #fbfcff;
}
.export-template-builder .group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.export-template-builder .group-title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  min-width: 0;
}
.export-template-builder .group-title i {
  color: #6a738b;
  width: 18px;
  text-align: center;
}
.export-template-builder .group-title:hover i {
  color: #3a7bd5;
}
.export-template-builder .group-title-content {
  display: flex;
  align-items: center;
  min-width: 0;
}
.export-template-builder .group-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.export-template-builder .group-title-input {
  width: 220px;
  max-width: 340px;
  border-radius: 0.2rem;
  border: 1px solid #dde2ec;
  padding: 6px 8px;
  outline: none;
  box-sizing: border-box;
}
.export-template-builder .group-title-input:focus {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 1px rgba(58, 123, 213, 0.08);
}
.export-template-builder .group-header-right {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.export-template-builder .group-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.export-template-builder .group-action-button {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #7b8195;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.export-template-builder .group-action-button[disabled] {
  opacity: 0.35;
  cursor: default;
}
.export-template-builder .group-action-button:not([disabled]):hover {
  background: #edf1fb;
  border-color: #cfd8ef;
  color: #3a7bd5;
}
.export-template-builder .group-menu-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.export-template-builder .group-menu-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #8f94a8;
}
.export-template-builder .group-menu-button:hover {
  background: #eef0f7;
  border-color: #d3d6e5;
  color: #555a70;
}
.export-template-builder .group-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 150px;
  border-radius: 0.2rem;
  background: #fff;
  border: 1px solid #d6dae6;
  box-shadow: 0 4px 12px rgba(20, 20, 45, 0.12);
  padding: 0.25rem 0;
  z-index: 30;
}
.export-template-builder .group-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.7rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #404458;
  text-align: left;
  white-space: nowrap;
}
.export-template-builder .group-menu-item:hover {
  background: #eef0f7;
}
.export-template-builder .group-menu-item-danger {
  color: #b71833;
}
.export-template-builder .group-menu-item-danger:hover {
  background: #fde9ec !important;
}
.export-template-builder .group-tree {
  margin-top: 0.25rem;
  padding-left: 0.85rem;
  position: relative;
}
.export-template-builder .group-tree::before {
  content: "";
  position: absolute;
  left: 0.35rem;
  top: 0;
  bottom: 34px;
  border-left: 1px dotted #d0d6eb;
}
.export-template-builder .group-columns {
  list-style: none;
  padding: 0.25rem 0.25rem 0.25rem 0;
  min-height: 2rem;
  margin-left: -12px;
}
.export-template-builder .column-node {
  margin-bottom: 0.15rem;
}
.export-template-builder .column-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-radius: 0.2rem;
  cursor: move;
  transition: background-color 0.12s ease;
}
.export-template-builder .column-item:hover {
  background: #eef2ff;
}
.export-template-builder .column-item-left {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}
.export-template-builder {
  /* === Available columns stacked layout === */
}
.export-template-builder .column-item-stacked {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.export-template-builder .column-label-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}
.export-template-builder .column-type-tag {
  line-height: 1;
  padding: 3px 6px;
  border-radius: 0.2rem;
  background: #eef1f8;
  color: #5d647a;
  white-space: nowrap;
  flex-shrink: 0;
}
.export-template-builder .column-code {
  color: #8b91a6;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.export-template-builder .column-remove {
  opacity: 0.45;
  padding-left: 0.35rem;
}
.export-template-builder .column-tree {
  margin-top: 0.75rem;
}
.export-template-builder .column-list {
  list-style: none;
  padding: 0.25rem;
  max-height: 460px;
  overflow-y: auto;
}
.export-template-builder .column-item-available {
  background: #ffffff;
  border: 1px solid transparent;
}
.export-template-builder .column-item-available:hover {
  background: #f7f9ff;
  border-color: #dde3f5;
}
.export-template-builder .column-meta {
  opacity: 0.6;
  margin-left: 0.3rem;
}
@media (max-width: 960px) {
  .export-template-builder .builder-columns {
    flex-direction: column;
  }
  .export-template-builder .builder-column-columns {
    flex: 1 1 auto;
    max-width: none;
  }
}

.u-title {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.u-title__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}
.u-title__titles {
  min-width: 0;
}
.u-title__title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.88);
}
.u-title__subtitle {
  margin: 0.35rem 0 0 0;
  font-size: 0.9rem;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.6);
  max-width: 70ch;
}
.u-title__help {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: rgb(255, 255, 255);
  color: rgba(0, 0, 0, 0.55);
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.u-title__help i {
  opacity: 0.9;
  font-size: 1em !important;
}
.u-title__help:hover {
  background: rgba(0, 0, 0, 0.03);
  border-color: rgba(0, 0, 0, 0.16);
  color: rgba(0, 0, 0, 0.8);
  transform: translateY(-1px);
}
.u-title__help:active {
  transform: translateY(0);
}
.u-title__help:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.08);
}

.u-timeline {
  display: flex;
  align-items: stretch;
  border: solid 1px #dee2e6;
  border-radius: 0.2rem;
}

.timeline-block {
  padding: 5px;
  flex: 1 1 0;
  height: 28px;
  background: #f8f9fa;
  border-right: solid 1px #dee2e6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timeline-block:last-child {
  border-right: none;
}

.timeline-label {
  font-size: 12px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.65);
  user-select: none;
}

.timeline-block.is-filled .timeline-label {
  color: rgba(255, 255, 255, 0.92);
}

single-select {
  flex: 1;
}

.single-select {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.single-select.is-disabled, .single-select.is-readonly {
  opacity: 0.65;
}
.single-select.is-disabled .select-control, .single-select.is-readonly .select-control {
  cursor: not-allowed;
}
.single-select.is-invalid .select-control {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.single-select .select-control {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background: #fff;
  color: rgba(0, 0, 0, 0.86);
  cursor: pointer;
  user-select: none;
}
.single-select .select-control:disabled {
  cursor: not-allowed;
}
.single-select .select-control:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.02);
}
.single-select .select-control:focus {
  outline: none;
  border-color: rgba(12, 27, 72, 0.35);
  box-shadow: 0 0 0 3px rgba(12, 27, 72, 0.1);
}
.single-select .select-text {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  white-space: nowrap;
}
.single-select .select-trigger {
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}
.single-select .select-trigger i {
  position: relative;
  top: -1px;
}
.single-select .select-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  width: 100%;
  z-index: 1000;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background: #fff;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
}
.single-select .select-options {
  display: flex;
  flex-direction: column;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.single-select .select-option {
  width: 100%;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border: none;
  border-bottom: 1px solid #dee2e6;
  background: #fff;
  padding: 0 12px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.84);
}
.single-select .select-option:last-child {
  border-bottom: none;
}
.single-select .select-option:hover {
  background: rgba(0, 0, 0, 0.02);
}
.single-select .select-option.is-selected {
  color: #3a7bd5;
  font-weight: 400;
}
.single-select .select-option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-select .select-empty {
  padding: 10px 12px;
  color: rgba(0, 0, 0, 0.55);
}
.single-select .inputerror {
  position: absolute;
  right: -20px;
  top: 10px;
}

multi-select {
  flex: 1;
}

.multi-select {
  width: 100%;
  position: relative;
}
.multi-select.is-disabled, .multi-select.is-readonly {
  opacity: 0.65;
}
.multi-select.is-disabled .select-option, .multi-select.is-readonly .select-option {
  cursor: not-allowed;
}
.multi-select.is-invalid .select-box {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.multi-select .select-box {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 202.4px;
}
.multi-select .select-option {
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  border: none;
  border-bottom: 1px solid #dee2e6;
  background: #fff;
  padding: 0 12px;
  text-align: left;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.84);
}
.multi-select .select-option:last-child {
  border-bottom: none;
}
.multi-select .select-option:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.02);
}
.multi-select .select-option:disabled {
  cursor: not-allowed;
}
.multi-select .select-option.is-selected {
  color: #3a7bd5;
  font-weight: 400;
}
.multi-select .select-option-text {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multi-select .select-empty {
  padding: 10px 12px;
  color: rgba(0, 0, 0, 0.55);
}
.multi-select .inputerror {
  position: absolute;
  right: -20px;
  top: 10px;
}

.calendar {
  max-width: fit-content;
  color: #222222;
}
.calendar table {
  border-radius: 0.2rem;
  border: solid 1px #dddddd;
  border-collapse: collapse;
}
.calendar td, .calendar th {
  width: 200px;
  height: 80px;
  color: #222222;
  border: solid 1px #dddddd;
}
.calendar .different-month {
  background: #fafafa;
}
.calendar .today {
  background: #f5f9ff;
}
.calendar .day {
  padding: 5px;
  justify-content: flex-end;
  display: flex;
}
.calendar .events {
  top: 10px;
}
.calendar .events .event {
  border-radius: 0.2rem;
  background: #0c1b47;
  border: solid 1px #0b1942;
  padding: 2px 5px;
  color: white;
  margin-bottom: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.calendar .header {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  padding-bottom: 5px;
}
.calendar .header > div {
  flex: 1;
  text-align: right;
  margin: auto 0;
  font-weight: 400;
}

.font-size {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

.font-size-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

.font-size-label {
  font-size: 0.9rem;
  opacity: 0.9;
}

.font-size-dropdown {
  position: absolute;
  top: calc(100% + 0.4rem);
  right: 0;
  min-width: 16rem;
  padding: 0.8rem;
  border-radius: 0.2rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  background: #fff;
  z-index: 20;
}

.font-size-row {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 0.6rem;
}

.font-size-slider {
  width: 100%;
}

.font-size-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.35rem;
  margin-top: 0.7rem;
}

.font-size-step {
  text-align: left;
  padding: 0.45rem 0.6rem;
  border-radius: 0.2rem;
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 0.9rem;
}

.font-size-step.active {
  background: rgba(0, 0, 0, 0.06);
}

.generate {
  position: relative;
  background: #fff;
}
.generate .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 8px;
}
.generate .modal-header .close-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.generate .modal-body {
  position: relative;
  min-height: 420px;
}
.generate .modal-body.loading {
  opacity: 0.9;
}
.generate .form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  padding-top: 8px;
}
.generate .form-header {
  display: flex;
  align-items: center;
  gap: 12px;
}
.generate .form-header .form-title {
  font-family: "Encode Sans", sans-serif;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.generate .template-desc {
  margin: 0 20px 6px;
  color: #525b65;
}
.generate .modal-body form {
  margin: 0 20px 20px;
  text-align: left;
}
.generate .modal-body form .inputfield::after {
  content: "";
  display: table;
  clear: both;
}
.generate .modal-body form .inputfield {
  display: block;
  margin: 0 0 10px;
}
.generate .modal-body form label {
  position: relative;
  clear: both;
  color: #606060;
  float: left;
  font-family: "Encode Sans", sans-serif;
  line-height: 20px;
  margin: 0 10px 0 0;
  text-align: right;
  width: 240px;
  padding: 9px 22px 0 0;
}
.generate .modal-body form label .label-text {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.generate .modal-body form .cinput {
  width: 320px;
}
.generate .modal-body form .cselect {
  width: 320px;
}
.generate .modal-body form .static {
  width: 320px;
  line-height: 38px;
}
.generate .loading-overlay {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, 0.65);
}
.generate .loading-overlay .spinner {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 3px solid #f1f3f5;
  border-top-color: #6c757d;
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.generate .template-global-icon {
  opacity: 0.6;
  margin-left: 10px;
}
.generate .template-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}
.generate .template-row-left {
  display: flex;
  align-items: center;
  gap: 24px;
  min-width: 0;
  flex: 1;
}
.generate .template-file-icon {
  align-self: center;
}
.generate .template-file-icon i {
  opacity: 0.5;
}
.generate .template-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.generate .template-desc-line {
  opacity: 0.8;
}
.generate .global-toggle {
  display: inline-flex;
  align-items: center;
  height: 38px;
}
.generate .global-toggle-inner {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  user-select: none;
}
.generate .global-toggle-inner input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.generate .global-toggle-inner .global-toggle-text {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.generate .box-filters {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 2px 6px;
}
.generate .filter-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  user-select: none;
  cursor: pointer;
}
.generate .filter-toggle input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin: 0;
}
.generate .filter-toggle .filter-label {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.generate .filter-toggle .filter-label i {
  opacity: 0.7;
}
.generate .template-selector.compact {
  display: flex;
  flex-direction: row;
  gap: 24px;
  min-width: 500px;
  min-height: 420px;
}
.generate .template-selector.compact .panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 8px;
}
.generate .template-selector.compact .panel-title {
  font-size: 1rem;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  padding: 0 2px;
}
.generate .template-selector.compact .panel-desc.info-text {
  color: #525b65;
  padding: 0 2px 2px;
}
.generate .template-selector.compact .box {
  display: grid;
  flex: 1;
  grid-template-rows: auto auto 1fr auto;
  border: none;
  border-radius: 0.2rem;
  min-height: 0;
  overflow: hidden;
}
.generate .template-selector.compact .box-list {
  position: relative;
  min-height: 0;
}
.generate .template-selector.compact .box-list-inner {
  position: absolute;
  inset: 0;
  overflow: auto;
  padding: 8px 0;
}
.generate .template-selector.compact .item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  margin-bottom: 2px;
  border: 1px solid #f1f3f5;
  cursor: pointer;
}
.generate .template-selector.compact .item .name {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
}
.generate .template-selector.compact .item:hover {
  background: #fafafa;
}
.generate .template-selector.compact .item.is-selected {
  background: #f2f7ff;
  color: #3a7bd5;
  border-color: #3a7bd5;
}
.generate .template-selector.compact .item.is-selected .name {
  color: #3a7bd5;
}
.generate .template-selector.compact .empty {
  color: #525b65;
  padding: 10px 14px;
}
.generate .template-selector.compact .box-footer {
  border-top: 1px solid #f1f3f5;
  background: #fff;
  padding: 8px 10px;
}
.generate .template-selector.compact .pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.generate .template-selector.compact .pager .pg-btn {
  min-width: 28px;
  height: 28px;
  padding: 0 6px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
}
.generate .template-selector.compact .pager .pg-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.generate .template-selector.compact .pager .pg-info {
  padding: 0 6px;
  color: #525b65;
}
@media (max-width: 900px) {
  .generate .template-selector.compact {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.textfield {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.textfield.fullwidth iframe {
  height: 200px;
}
.textfield .mce-fullscreen {
  padding: 30px;
  background: #f1f3f5;
  border: solid 1px red !important;
  top: 120px;
  right: 30px;
  bottom: 0;
}
.textfield .mce-fullscreen .mce-container-body {
  height: 100%;
  margin-right: 30px;
}
.textfield .mce-fullscreen .mce-edit-area {
  height: 100%;
  margin-right: 30px;
}
.textfield .mce-fullscreen iframe {
  height: 100% !important;
}
.textfield .fa-exclamation-circle {
  color: #6d798b;
}
.textfield.disabled {
  pointer-events: none;
}
.textfield .mce-edit-area iframe {
  border-top: solid 1px #dee2e6 !important;
}
.textfield .mce-panel {
  border-width: 0 !important;
}
.textfield .mce-tinymce {
  border-radius: 0.2rem;
}
.textfield .mce-tinymce, .textfield .mce-top-part::before {
  box-shadow: none !important;
}
.textfield .mce-flow-layout-item.mce-last {
  display: none !important;
}
.textfield textarea {
  box-sizing: border-box;
  border: none;
  color: inherit;
  display: block;
  font-family: "Encode Sans", sans-serif;
  height: 100%;
  line-height: 14px;
  min-height: 100px;
  padding: 8px 10px;
  resize: none;
  width: 100%;
}
.textfield.focus {
  border-color: #6c757d;
  border-style: solid;
}
.textfield.invalid {
  border-color: #d14343;
  border-style: dashed;
}
.textfield.invalid textarea {
  background: #f8d7da;
}
.textfield.invalid .mce-top-part {
  background: #f8d7da;
}
.textfield.invalid.focus {
  border-style: solid;
}
.textfield.disabled textarea {
  background-color: #f8f8f8;
  color: #808080;
}
.textfield.readonly textarea {
  background-color: #f8f8f8;
}

u-category-viewer {
  position: relative;
  overflow: auto;
  width: 240px;
  flex: 1;
}

.u-category-viewer {
  margin: 0;
  max-height: 100%;
  position: absolute;
  color: #525b65;
}
.u-category-viewer > .tree-root {
  padding-left: 0 !important;
  margin-left: 0 !important;
}
.u-category-viewer .tree-root > li > .tree-branch > .tree-row > .tree-label:before {
  display: none;
}
.u-category-viewer .tree-root, .u-category-viewer ul {
  list-style: none;
  margin: 0;
  padding-left: 22px;
  position: relative;
}
.u-category-viewer ul > li {
  position: relative;
  padding-left: 0;
}
.u-category-viewer ul > li:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #f1f3f5;
  z-index: 0;
}
.u-category-viewer ul > li:last-child:before {
  height: 18px;
}
.u-category-viewer .tree-root > li:before {
  display: none;
}
.u-category-viewer .tree-branch {
  position: relative;
  min-height: 24px;
}
.u-category-viewer .tree-root > li > .tree-branch:before {
  display: none;
}
.u-category-viewer .tree-row.selected .tree-label {
  background-color: #f1f3f5;
  border-radius: 0.2rem;
  padding: 2px 4px;
  color: #3a7bd5;
  font-weight: 400;
}
.u-category-viewer .tree-row {
  margin-left: 22px;
  display: flex;
  align-items: center;
  min-height: 24px;
  position: relative;
  z-index: 1;
  padding-left: 0;
  background: none;
  border-radius: 0.2rem;
  cursor: pointer;
}
.u-category-viewer .tree-row .fa {
  color: #525b65;
  margin-right: 7px;
  margin-left: 1px;
  vertical-align: middle;
  transition: color 0.15s;
}
.u-category-viewer .tree-row .tree-label {
  color: #525b65;
  user-select: none;
  padding: 2px 0;
  transition: color 0.14s;
  cursor: pointer;
}
.u-category-viewer .tree-row .tree-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 18px;
  height: 1px;
  border-top: 1px solid #f1f3f5;
  z-index: 1;
  pointer-events: none;
}
.u-category-viewer .tree-row:hover .tree-label {
  color: #3a7bd5;
  text-decoration: underline;
}
.u-category-viewer ul.collapsed {
  display: block;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0.5;
  transition: max-height 0.24s cubic-bezier(0.7, 0.2, 0.4, 1), opacity 0.12s;
  pointer-events: none;
}
.u-category-viewer ul:not(.collapsed) {
  opacity: 1;
  transition: max-height 0.32s cubic-bezier(0.7, 0.2, 0.4, 1), opacity 0.18s;
}

.product-tabs {
  margin-top: 10px;
  display: flex;
}
.product-tabs .product-tab {
  cursor: pointer;
  border-radius: 0.2rem;
  margin-right: 5px;
  display: flex;
  align-items: center;
  border: solid 1px gainsboro;
}
.product-tabs .product-tab:hover, .product-tabs .product-tab.active {
  border: solid 1px #3a7bd5;
}
.product-tabs .product-tab .product-tab-remove {
  padding: 5px 10px;
  border-left: solid 1px gainsboro;
}
.product-tabs .product-tab-container {
  position: absolute;
}

.status-selector-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1001;
  background: rgba(38, 50, 56, 0.22);
}

.status-selector {
  display: flex;
  align-items: center;
  gap: 0.7em;
}
.status-selector .more-btn {
  background: none;
  border: none;
  color: #1976d2;
  font-size: 1.28em;
  cursor: pointer;
  padding: 0.18em 0.6em;
  line-height: 1;
  border-radius: 0.2rem;
}
.status-selector .more-btn:hover, .status-selector .more-btn:focus {
  background: #f3f8fe;
  color: #174ea6;
}
.status-selector .status-selector-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1020;
  background: #fff;
  border: 1px solid #e1e6ed;
  border-radius: 0.2rem;
  box-shadow: 0 10px 36px 0 rgba(36, 54, 85, 0.13), 0 2px 4px rgba(25, 118, 210, 0.08);
  width: 400px;
  min-height: 150px;
  animation: fadeIn 0.14s;
}
.status-selector .status-selector-modal .status-modal-title {
  font-size: 1.17em;
  margin-bottom: 1em;
  color: #174ea6;
  font-weight: 400;
}
.status-selector .status-selector-modal .status-selector-add-row {
  display: flex;
  gap: 0.7em;
  align-items: center;
  margin: 1em 0 1.5em 0;
}
.status-selector .status-selector-modal .status-selector-add-row button {
  padding: 0.42em 1.1em;
  border-radius: 0.2rem;
  border: 1px solid #1976d2;
  background: #1976d2;
  color: #fff;
  font-weight: 400;
  cursor: pointer;
}
.status-selector .status-selector-modal .status-selector-add-row button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.status-selector .status-selector-modal table {
  width: 100%;
  border-collapse: collapse;
}
.status-selector .status-selector-modal table th, .status-selector .status-selector-modal table td {
  text-align: left;
  padding: 0.45em 0.2em;
  font-size: 1em;
}
.status-selector .status-selector-modal table th {
  color: #4065ad;
  background: #f5f7fa;
  font-weight: 400;
  border-bottom: 1px solid #e1e6ed;
}
.status-selector .status-selector-modal table tr + tr td {
  border-top: 1px solid #f0f0f0;
}
.status-selector .status-selector-modal .status-actions .status-select-row {
  display: flex;
  align-items: center;
  gap: 0.3em;
}
.status-selector .status-selector-modal .status-actions .status-select-row .delete-btn {
  background: none;
  border: none;
  color: #d23b3b;
  font-size: 1.23em;
  cursor: pointer;
  padding: 0.1em 0.35em;
  border-radius: 0.2rem;
  transition: background 0.13s;
  margin-left: 0.1em;
}
.status-selector .status-selector-modal .status-actions .status-select-row .delete-btn:hover {
  background: #ffeaea;
  color: #a80e0e;
}
.status-selector .status-selector-modal .close {
  margin-top: 1.3em;
  background: none;
  color: #1976d2;
  border: none;
  cursor: pointer;
  font-size: 1.09em;
  float: right;
  padding: 0.35em 1.15em;
  border-radius: 0.2rem;
  transition: background 0.12s, color 0.12s;
}
.status-selector .status-selector-modal .close:hover {
  background: #e3eefd;
  color: #174ea6;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translate(-50%, -38%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
product-picker {
  flex: 1;
}

.product-picker {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.product-picker a {
  color: #6c757d;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
.product-picker a[href] {
  color: #6c757d;
}
.product-picker .sidebar {
  display: flex;
  flex-direction: column;
}
.product-picker .sidebar > div {
  padding: 10px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.product-picker .sidebar > div h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
.product-picker .sidebar .sidebar-options {
  border-top: solid 1px #dee2e6;
  border-right: solid 1px #dee2e6;
  background: #f3f3f3;
}
.product-picker header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.product-picker header > div {
  display: flex;
  align-items: center;
}
.product-picker header > div h1 {
  color: #606060 !important;
}
.product-picker header > div .results {
  display: flex;
  align-items: center;
  padding-left: 14px;
  color: #3a7bd5;
}
.product-picker section {
  flex: 1;
  height: 50px;
  display: flex;
}
.product-picker section .overview {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.product-picker section .overview .filters {
  padding: 10px;
  border-radius: 0.2rem;
  margin-bottom: 10px;
  border: solid 1px #dee2e6;
}
.product-picker section .overview .controls {
  padding: 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
}
.product-picker section .overview .controls .page-selector {
  width: 40px !important;
}
.product-picker section .overview .controls .page-selector input {
  text-align: center;
}
.product-picker section .overview .wrapper {
  position: relative;
  overflow: auto;
  flex: 1;
  z-index: 0;
}
.product-picker section .overview .wrapper table {
  border-left: solid 1px #dee2e6;
  background: white;
  width: 100%;
  position: absolute;
  border-collapse: collapse;
  flex: 1;
}
.product-picker section .overview .wrapper table.loading thead tr th {
  opacity: 0.5;
  transition: opacity 0.2s;
}
.product-picker section .overview .wrapper table.loading tbody tr td {
  transition: opacity 0.2s;
  opacity: 0.1;
}
.product-picker section .overview .wrapper table thead th {
  transition: box-shadow 1s ease;
  position: sticky;
  top: 0;
  z-index: 2;
  background: #f1f3f5;
  white-space: nowrap;
  padding: 15px;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  line-height: 14px;
  text-align: left;
  border-top: solid 1px #dee2e6;
  border-right: solid 1px #dee2e6;
  cursor: pointer;
}
.product-picker section .overview .wrapper table thead th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #dee2e6;
}
.product-picker section .overview .wrapper table thead th span {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-picker section .overview .wrapper table thead th span .fa-sort-desc {
  top: -3px;
  right: -6px;
}
.product-picker section .overview .wrapper table thead th span .fa-sort-asc {
  top: 3px;
  right: -6px;
}
.product-picker section .overview .wrapper table thead th span i {
  color: #3a7bd5;
  position: relative;
}
.product-picker section .overview .wrapper table thead.scrolled th::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #dee2e6;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
}
.product-picker section .overview .wrapper table thead th:first-child {
  padding: 6px 0;
}
.product-picker section .overview .wrapper table tbody tr:nth-child(even) td {
  background: #fafafa;
}
.product-picker section .overview .wrapper table tbody tr:hover {
  cursor: pointer;
}
.product-picker section .overview .wrapper table tbody tr:hover i.fa-times {
  -webkit-text-stroke: 1px #f1f4fa;
}
.product-picker section .overview .wrapper table tbody tr td:first-child {
  padding: 5px;
}
.product-picker section .overview .wrapper table tbody tr td {
  color: #606060;
  white-space: nowrap;
  font-weight: 400;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
  border-right: solid 1px #dee2e6;
}
.product-picker section .overview .wrapper table tbody tr td.image, .product-picker section .overview .wrapper table tbody tr td.media, .product-picker section .overview .wrapper table tbody tr td.bool {
  text-align: center;
}
.product-picker section .overview .wrapper table tbody tr td.timeline, .product-picker section .overview .wrapper table tbody tr td.milestone {
  white-space: nowrap;
}
.product-picker section .overview .wrapper table tbody tr td.text {
  min-width: 300px;
  white-space: initial !important;
}
.product-picker section .overview .wrapper table tbody tr td i.fa-times {
  -webkit-text-stroke: 1px white;
}
.product-picker section .overview .wrapper table tbody tr td i.fa-check {
  color: #52b266;
}
.product-picker section .overview .wrapper table tbody tr td i.fa-times {
  color: #9c9c9c;
}

product-picker-inline {
  display: flex;
  width: 100%;
}

.product-picker-inline {
  display: flex;
  flex: 1;
  align-items: center;
  gap: 10px;
  padding: 4px 20px;
  cursor: pointer;
}

.inline-display {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.inline-value {
  flex: 1;
  display: inline-flex;
  align-items: center;
  min-width: 0;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.inline-media,
.inline-milestone {
  display: inline-flex;
  flex: 1;
  align-items: center;
}

.inline-edit {
  border: 1px solid #f1f3f5;
  background: #f8f9fa;
  border-radius: 0.2rem;
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.inline-edit i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}

.product-picker-inline:hover .inline-edit {
  opacity: 1;
}

.u-product-picker-modal .modal-body {
  font-size: 0.9rem;
}
.u-product-picker-modal .editor-loading,
.u-product-picker-modal .editor-error {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  color: #525b65;
}
.u-product-picker-modal .editor-error {
  color: #d14343;
}
.u-product-picker-modal .editor-attribute-meta {
  padding-bottom: 12px;
  border-bottom: 1px solid #f1f3f5;
  margin-bottom: 12px;
}
.u-product-picker-modal .editor-product-sub {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
  font-size: 1.1rem;
}
.u-product-picker-modal .editor-top-controls {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 10px 0 12px 0;
  border-bottom: 1px solid #f1f3f5;
  margin-bottom: 12px;
}
.u-product-picker-modal .editor-control {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.u-product-picker-modal .editor-control label {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
}
.u-product-picker-modal .editor-save {
  background: #3a7bd5;
  color: white;
  border: 1px solid #3a7bd5;
  border-radius: 0.2rem;
  padding: 8px 12px;
  font-weight: 400;
  cursor: pointer;
}
.u-product-picker-modal .readonly-value {
  display: inline-flex;
  padding: 10px 0;
  color: #525b65;
  font-weight: 400;
}
.u-product-picker-modal .pim-attribute-input {
  margin-top: 8px;
}
.u-product-picker-modal .pim-attribute-input.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.u-product-picker-modal .pim-attribute-input input[type=text],
.u-product-picker-modal .pim-attribute-input input[type=number],
.u-product-picker-modal .pim-attribute-input input[type=date] {
  width: 100%;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  padding: 10px 12px;
  font-size: 0.9rem;
  background: white;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-product-picker-modal .select-list {
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  overflow: hidden;
  background: white;
  flex: 1;
}
.u-product-picker-modal .select-list.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.u-product-picker-modal .select-list-options {
  max-height: 320px;
  overflow: auto;
}
.u-product-picker-modal .select-list-option {
  padding: 10px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f1f3f5;
}
.u-product-picker-modal .select-list-option:last-child {
  border-bottom: 0;
}
.u-product-picker-modal .select-list-option.selected {
  background: #f8f9fa;
  font-weight: 400;
}
.u-product-picker-modal .checkmark {
  width: 18px;
  display: inline-flex;
  justify-content: center;
}
.u-product-picker-modal .three-state-toggle {
  display: inline-flex;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  overflow: hidden;
  background: white;
}
.u-product-picker-modal .three-state-toggle.disabled {
  opacity: 0.6;
  pointer-events: none;
}
.u-product-picker-modal .three-state-toggle span {
  width: 44px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-right: 1px solid #f1f3f5;
}
.u-product-picker-modal .three-state-toggle span:last-child {
  border-right: 0;
}
.u-product-picker-modal .three-state-toggle span.false,
.u-product-picker-modal .three-state-toggle span.null,
.u-product-picker-modal .three-state-toggle span.true {
  background: #f8f9fa;
}
.u-product-picker-modal .editor-unsupported {
  padding: 12px;
  border: 1px dashed #f1f3f5;
  border-radius: 0.2rem;
  color: #525b65;
  background: #f8f9fa;
}

.object-selector.compact {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 24px;
  min-width: 500px;
  min-height: 420px;
}

.object-selector.compact .panel {
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 10px;
}

.object-selector.compact .panel-title {
  font-size: 1rem;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  padding: 0 2px;
}

.object-selector.compact .box {
  display: grid;
  grid-template-rows: auto 1fr;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  background: #fff;
  min-height: 0;
  overflow: hidden;
}

.object-selector.compact .box-search {
  padding: 12px;
}

.object-selector.compact .box-search .input {
  width: calc(100% - 24px);
  padding: 10px 12px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}

.object-selector.compact .box-list {
  position: relative;
  min-height: 0;
}

.object-selector.compact .box-list-inner {
  position: absolute;
  inset: 0;
  overflow: auto;
  padding: 8px 0;
}

.object-selector.compact .item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: 8px 14px;
  cursor: pointer;
}

.object-selector.compact .item:first-child {
  border-top-color: #dee2e6;
}

.object-selector.compact .item:hover {
  background: #fafafa;
}

.object-selector.compact .item.is-selected {
  background: #f2f7ff;
  color: #3a7bd5;
  border-color: #3a7bd5;
}

.object-selector.compact .name {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.object-selector.compact .icon-btn {
  width: 26px;
  height: 26px;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  line-height: 22px;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.16s ease;
}

.object-selector.compact .item:hover .icon-btn {
  opacity: 1;
}

.object-selector.compact .icon-btn.add {
  border-color: #3a7bd5;
  color: #3a7bd5;
}

.object-selector.compact .icon-btn.remove {
  border-color: #d14343;
  color: #d14343;
}

.object-selector.compact .empty {
  color: #525b65;
  padding: 10px 14px;
}

.object-selector.compact .is-dragover {
  outline: 2px dashed #3a7bd5;
  outline-offset: -6px;
}

.selector-middle {
  display: grid;
  grid-auto-rows: min-content;
  align-content: center;
  gap: 12px;
}

.selector-middle .mid-btn {
  width: 36px;
  height: 36px;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  background: #fff;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  display: grid;
  place-items: center;
  cursor: pointer;
}

.selector-middle .mid-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 900px) {
  .object-selector.compact {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .selector-middle {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.attribute-set-builder {
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.attribute-set-builder .builder-columns {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}
.attribute-set-builder .builder-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.attribute-set-builder .builder-column-groups {
  flex: 1 1 auto;
}
.attribute-set-builder .builder-column-attributes {
  flex: 0 0 400px;
  max-width: 400px;
}
.attribute-set-builder .builder-panel {
  width: 100%;
  border: 1px solid #e3e7ef;
  background: #ffffff;
  padding: 1rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  border-radius: 0.2rem;
}
.attribute-set-builder .builder-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.attribute-set-builder .builder-panel-header-actions {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.attribute-set-builder .builder-header-button {
  height: 32px;
  padding: 0 0.65rem;
}
.attribute-set-builder .builder-search-input {
  width: 100%;
  border-radius: 0.2rem;
  border: 1px solid #dde2ec;
  padding: 10px;
  box-sizing: border-box;
  outline: none;
}
.attribute-set-builder .builder-search-input:focus {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 1px rgba(58, 123, 213, 0.08);
}
.attribute-set-builder .builder-groups-scroll {
  max-height: 460px;
  overflow-y: auto;
  padding-right: 2px;
}
.attribute-set-builder .group-item + .group-item {
  margin-top: 0.45rem;
}
.attribute-set-builder .group-item {
  padding: 0.5rem 0.55rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  border-radius: 0.2rem;
  border: 1px solid #e9edf7;
  background: #fbfcff;
}
.attribute-set-builder .group-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.attribute-set-builder .group-title {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  cursor: pointer;
  min-width: 0;
}
.attribute-set-builder .group-title i {
  color: #6a738b;
  width: 18px;
  text-align: center;
}
.attribute-set-builder .group-title:hover i {
  color: #3a7bd5;
}
.attribute-set-builder .group-title-content {
  display: flex;
  align-items: center;
  min-width: 0;
}
.attribute-set-builder .group-title-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-set-builder .group-title-input {
  width: 220px;
  max-width: 340px;
  border-radius: 0.2rem;
  border: 1px solid #dde2ec;
  padding: 6px 8px;
  outline: none;
  box-sizing: border-box;
}
.attribute-set-builder .group-title-input:focus {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 1px rgba(58, 123, 213, 0.08);
}
.attribute-set-builder .group-header-right {
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.attribute-set-builder .group-actions {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}
.attribute-set-builder .group-action-button {
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #7b8195;
  transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
}
.attribute-set-builder .group-action-button[disabled] {
  opacity: 0.35;
  cursor: default;
}
.attribute-set-builder .group-action-button:not([disabled]):hover {
  background: #edf1fb;
  border-color: #cfd8ef;
  color: #3a7bd5;
}
.attribute-set-builder .group-menu-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.attribute-set-builder .group-menu-button {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  color: #8f94a8;
}
.attribute-set-builder .group-menu-button:hover {
  background: #eef0f7;
  border-color: #d3d6e5;
  color: #555a70;
}
.attribute-set-builder .group-menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  min-width: 150px;
  border-radius: 0.2rem;
  background: #fff;
  border: 1px solid #d6dae6;
  box-shadow: 0 4px 12px rgba(20, 20, 45, 0.12);
  padding: 0.25rem 0;
  z-index: 30;
}
.attribute-set-builder .group-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.4rem 0.7rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #404458;
  text-align: left;
  white-space: nowrap;
}
.attribute-set-builder .group-menu-item:hover {
  background: #eef0f7;
}
.attribute-set-builder .group-menu-item-danger {
  color: #b71833;
}
.attribute-set-builder .group-menu-item-danger:hover {
  background: #fde9ec !important;
}
.attribute-set-builder .group-tree {
  margin-top: 0.25rem;
  padding-left: 0.85rem;
  position: relative;
}
.attribute-set-builder .group-tree::before {
  content: "";
  position: absolute;
  left: 0.35rem;
  top: 0;
  bottom: 34px;
  border-left: 1px dotted #d0d6eb;
}
.attribute-set-builder .group-attributes {
  list-style: none;
  padding: 0.25rem 0.25rem 0.25rem 0;
  min-height: 2rem;
  margin-left: -12px;
}
.attribute-set-builder .attribute-node {
  margin-bottom: 0.15rem;
}
.attribute-set-builder .attribute-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  border-radius: 0.2rem;
  cursor: move;
  transition: background-color 0.12s ease;
}
.attribute-set-builder .attribute-item:hover {
  background: #eef2ff;
}
.attribute-set-builder .attribute-item-left {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}
.attribute-set-builder {
  /* === Available attributes stacked layout === */
}
.attribute-set-builder .attribute-item-stacked {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
.attribute-set-builder .attribute-label-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  min-width: 0;
}
.attribute-set-builder .attribute-type-tag {
  line-height: 1;
  padding: 3px 6px;
  border-radius: 0.2rem;
  background: #eef1f8;
  color: #5d647a;
  white-space: nowrap;
  flex-shrink: 0;
}
.attribute-set-builder .attribute-code {
  color: #8b91a6;
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attribute-set-builder .attribute-remove {
  opacity: 0.45;
  padding-left: 0.35rem;
}
.attribute-set-builder .attribute-tree {
  margin-top: 0.75rem;
}
.attribute-set-builder .attribute-list {
  list-style: none;
  padding: 0.25rem;
  max-height: 460px;
  overflow-y: auto;
}
.attribute-set-builder .attribute-item-available {
  background: #ffffff;
  border: 1px solid transparent;
}
.attribute-set-builder .attribute-item-available:hover {
  background: #f7f9ff;
  border-color: #dde3f5;
}
.attribute-set-builder .attribute-meta {
  opacity: 0.6;
  margin-left: 0.3rem;
}
@media (max-width: 960px) {
  .attribute-set-builder .builder-columns {
    flex-direction: column;
  }
  .attribute-set-builder .builder-column-attributes {
    flex: 1 1 auto;
    max-width: none;
  }
}

product-editor {
  flex: 1;
}

.milestoneMarkers.attributeMilestones {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
}

.product-editor-group.hasChanges {
  background: #fff6d6;
  border-color: #ffce69;
}

.milestoneMarkers {
  display: flex;
}
.milestoneMarkers.showRequired:after {
  position: absolute;
  content: " ";
  vertical-align: middle;
  background-color: #3a7bd5;
  border-radius: 0.2rem;
  display: inline-block;
  height: 4px;
  left: -11px;
  top: 8px;
  width: 4px;
}
.milestoneMarkers .milestoneMarker .tooltip {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #313949;
  cursor: default;
  display: none;
  font-weight: 400;
  right: -18px;
  line-height: 20px;
  margin: 0 -85px;
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 175px;
  z-index: 100;
}
.milestoneMarkers .milestoneMarker .tooltip:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}
.milestoneMarkers .milestoneMarker .tooltip:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.milestoneMarkers .milestoneMarker .tooltip .label {
  color: #6d798c;
  font-weight: 400;
}
.milestoneMarkers .milestoneMarker .tooltip i {
  border-radius: 0.2rem;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.milestoneMarkers .milestoneMarker:not(.hidden):hover .tooltip {
  display: block;
}
.milestoneMarkers .milestoneMarker.orange .tooltip i {
  background-color: #ff8b24;
}
.milestoneMarkers .milestoneMarker.pink .tooltip i {
  background-color: #ef438c;
}
.milestoneMarkers .milestoneMarker.blue .tooltip i {
  background-color: #4e9ee8;
}
.milestoneMarkers .milestoneMarker.cyan .tooltip i {
  background-color: #42cfd1;
}
.milestoneMarkers .milestoneMarker.purple .tooltip i {
  background-color: #da6ab4;
}
.milestoneMarkers .milestoneMarker.yellow .tooltip i {
  background-color: #ffc619;
}

.product-editor {
  display: flex;
}
.product-editor .unsaved-change {
  border: 1px dashed gold !important;
}
.product-editor .product-editor-table-options {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 8px;
}
.product-editor .product-editor-table-options .options-left,
.product-editor .product-editor-table-options .options-center,
.product-editor .product-editor-table-options .options-right {
  display: flex;
  align-items: center;
  gap: 14px;
}
.product-editor .product-editor-table-options .options-center {
  flex: 1;
  justify-content: center;
}
.product-editor .product-editor-table-options .options-center .comparison-label {
  display: flex;
  align-items: center;
  font-weight: 400;
  color: #4a4a4a;
}
.product-editor .product-editor-table-options .options-center .comparison-label i {
  color: #bbc0c6;
  margin-right: 7px;
}
.product-editor .product-editor-table-options .options-center single-select {
  flex: initial;
}
.product-editor .product-editor-table-options .options-center single-select .single-select .select-control {
  width: fit-content !important;
}
.product-editor .product-editor-table-options .options-center single-select .single-select .select-menu {
  width: fit-content !important;
}
.product-editor .product-editor-table-options .options-right .unsaved-changes-text {
  background: #fff3cd;
  color: #a87e00;
  border-radius: 0.2rem;
  padding: 10px 10px;
}
.product-editor .product-editor-table-options .options-right .unsaved-changes-text i {
  color: #ffb900;
  margin-right: 6px;
}
.product-editor .product-editor-table-options .options-right .discard-btn {
  background: #fff;
  color: #c0392b;
  border: 1px solid #ffd6d3;
  border-radius: 0.2rem;
  font-weight: 400;
  transition: background 0.12s, color 0.12s;
}
.product-editor .product-editor-table-options .options-right .discard-btn:hover {
  background: #ffd6d3;
  color: #c0392b;
}
@media (max-width: 800px) {
  .product-editor .product-editor-table-options {
    flex-direction: column;
    gap: 12px;
  }
  .product-editor .product-editor-table-options .options-center {
    justify-content: flex-start;
    width: 100%;
  }
  .product-editor .product-editor-table-options .options-right {
    width: 100%;
    justify-content: flex-end;
  }
  .product-editor .product-editor-table-options .options-left {
    width: 100%;
    justify-content: flex-start;
  }
}
.product-editor .three-state-toggle {
  padding: 1px;
  cursor: pointer;
  width: fit-content;
  gap: 2px;
  display: flex;
  border-radius: 0.2rem;
  border: solid 1px #dee2e6;
}
.product-editor .three-state-toggle span {
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 0.2rem;
  color: #888;
}
.product-editor .three-state-toggle span.false {
  color: #ffffff;
  background: #dc3545;
}
.product-editor .three-state-toggle span.null {
  color: #ffffff;
  background: #888;
}
.product-editor .three-state-toggle span.true {
  color: #ffffff;
  background: #52b266;
}
.product-editor .three-state-toggle.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.product-editor .pim-attribute-input {
  flex: 1;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.product-editor .pim-attribute-input.disabled .select-list {
  border: solid 1px #dee2e6;
  background: #f7f7f7;
  border-radius: 0.2rem;
  color: #222;
}
.product-editor .pim-attribute-input.disabled .select-list .select-list-option {
  background: transparent;
}
.product-editor .pim-attribute-input.disabled input,
.product-editor .pim-attribute-input.disabled textarea {
  border: solid 1px #dee2e6;
  background: #f7f7f7;
  border-radius: 0.2rem;
  color: #222;
}
.product-editor .product-editor-label {
  padding-right: 25px;
  position: relative;
  white-space: nowrap;
  top: 8px;
}
.product-editor .u-search-input {
  width: 100%;
  margin-bottom: -1px;
}
.product-editor .product-editor-sidebar {
  width: 270px;
  min-width: 270px;
  margin-right: 18px;
}
.product-editor .product-editor-sidebar .product-editor-filter-bar {
  border-radius: 0.2rem;
}
.product-editor .product-editor-sidebar .product-editor-group {
  padding: 9px 16px;
  cursor: pointer;
  color: #222;
  font-weight: 400;
  transition: background 0.09s;
  border: 1px solid #ddd;
  border-bottom: none;
  border-collapse: collapse;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.product-editor .product-editor-sidebar .product-editor-group:last-child {
  border-radius: 0 0 3px 3px;
  border-bottom: 1px solid #ddd;
}
.product-editor .product-editor-sidebar .product-editor-group.selected {
  color: #2371c6;
}
.product-editor .product-editor-sidebar .product-editor-group .product-editor-milestone-orbs {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.product-editor .product-editor-sidebar .product-editor-group .milestone-orb {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.product-editor .product-editor-main {
  width: 100%;
  display: flex;
}
.product-editor .readonly-value,
.product-editor input[type=text],
.product-editor input[type=number],
.product-editor input[type=date],
.product-editor textarea {
  min-height: 16px;
  line-height: 18px;
  flex: 1;
  border: solid 1px #dee2e6;
  background: #f7f7f7;
  border-radius: 0.2rem;
  color: #222;
  padding: 9px;
  width: 100%;
  box-sizing: border-box;
}
.product-editor input[type=text]:not(:disabled),
.product-editor input[type=date]:not(:disabled),
.product-editor input[type=number]:not(:disabled),
.product-editor textarea:not(:disabled) {
  background: #fff;
}
.product-editor input:disabled,
.product-editor textarea:disabled {
  color: #222;
}
.product-editor .has-error {
  border: 1.5px dashed #d21e1e !important;
}
.product-editor .select-list {
  border: 1px solid #dadada;
  border-radius: 0.2rem;
  background: #fff;
  flex: 1;
  max-height: 200px;
  overflow-y: auto;
  margin-bottom: 4px;
}
.product-editor .select-list.disabled {
  background: #f6f8fa;
  opacity: 0.8;
  pointer-events: none;
}
.product-editor .select-list .select-list-options {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.product-editor .select-list .select-list-option {
  padding: 7px 12px;
  cursor: pointer;
  background: #fff;
  border-bottom: 1px solid #dadada;
  color: #222;
  border-radius: 0.2rem;
  margin: 1px 0;
  user-select: none;
  transition: background 0.07s;
  padding-left: 20px;
}
.product-editor .select-list .select-list-option:last-child {
  border-bottom: none;
}
.product-editor .select-list .select-list-option.selected {
  font-weight: 400;
  color: #3a7bd5;
  padding-left: 0;
}
.product-editor .select-list .select-list-option .checkmark {
  margin-right: 6px;
  color: #fff;
}
.product-editor .align-top {
  vertical-align: top !important;
  padding-top: 10px;
}
.product-editor .checkbox-cell-content {
  display: flex;
  justify-content: center;
}
.product-editor .help-tooltip-container,
.product-editor .help-icon,
.product-editor .error-icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-left: 8px;
}
.product-editor .help-icon {
  color: #fff;
  margin-top: -2px;
  background: grey;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
}
.product-editor .translation-quick-trigger {
  border: 0;
  background: transparent;
  color: #4f647d;
  cursor: pointer;
  margin-left: 8px;
  padding: 0;
  line-height: 1;
}
.product-editor .translation-quick-trigger:hover {
  color: #3a7bd5;
}
.product-editor .pim-attribute-value {
  position: relative;
}
.product-editor .translation-quick-popup {
  position: fixed;
  top: 86px;
  left: 16px;
  z-index: 2400;
  width: min(1100px, 100vw - 32px);
  max-height: calc(100vh - 130px);
  overflow: auto;
  background: #fff;
  border: 1px solid #d7e0ea;
  border-radius: 0.2rem;
  box-shadow: 0 8px 24px rgba(23, 39, 63, 0.16);
  padding: 12px;
  display: grid;
  gap: 8px;
}
.product-editor .translation-quick-popup-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #2f4358;
  font-weight: 600;
  padding-bottom: 6px;
  border-bottom: 1px solid #edf2f7;
}
.product-editor .translation-quick-popup-header button {
  border: 0;
  background: transparent;
  color: #6f7f92;
  cursor: pointer;
  padding: 0;
}
.product-editor .translation-quick-popup-row {
  display: grid;
  grid-template-columns: 170px 1fr;
  gap: 10px;
  align-items: start;
}
.product-editor .translation-quick-popup-row .locale {
  color: #4f647d;
  font-size: 12px;
  font-weight: 500;
}
.product-editor .translation-quick-popup-row .locale label {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.product-editor .translation-quick-popup-row .locale label.is-default-locale {
  color: #1f4e80;
  font-weight: 600;
}
.product-editor .translation-quick-popup-row .locale .default-locale-badge {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 999px;
  background: #eaf3ff;
  border: 1px solid #bfd5f0;
  color: #1f4e80;
  font-weight: 600;
  text-transform: uppercase;
}
.product-editor .translation-quick-popup-row select[multiple] {
  min-height: 74px;
  width: 100%;
}
.product-editor .translation-attribute-input {
  min-width: 0;
}
.product-editor .translation-quick-popup-footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 4px;
  border-top: 1px solid #edf2f7;
}
.product-editor .error-icon {
  color: #fff;
  margin-top: -2px;
  background: #d14343;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
}
.product-editor .custom-tooltip {
  display: none;
  position: absolute;
  z-index: 20;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  min-width: 200px;
  max-width: 400px;
  background: #fff;
  color: #222;
  border: 1px solid #dadada;
  border-radius: 0.2rem;
  padding: 8px 12px;
  opacity: 0;
}
.product-editor .help-tooltip-container:hover .custom-tooltip,
.product-editor .help-tooltip-container:focus .custom-tooltip {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
.product-editor .empty-message {
  color: #999;
  font-style: italic;
  text-align: center;
  padding: 32px 0;
}

.pim-attribute-label {
  padding-right: 25px;
  text-align: right;
}

.product-editor-showonly {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 5px;
}
.product-editor-showonly .btn {
  border: 1px solid #dadada;
  background: #fff;
  padding: 4px 11px;
  border-radius: 0.2rem;
  color: #222;
  cursor: pointer;
  min-width: 75px;
}
.product-editor-showonly .btn.active {
  border-color: #3a7bd5;
  color: rgb(44.7660251046, 114.0467782427, 209.9739748954);
  background: #eaf3fb;
}

.product-editor-table-wrapper {
  flex: 1;
  padding-top: 4px;
}
.product-editor-table-wrapper .group-container {
  margin-bottom: 8px;
}
.product-editor-table-wrapper .group-search-header {
  background: #f3f3f3;
  font-weight: 400;
  color: #111;
  border-radius: 0.2rem;
  padding: 7px 14px;
  cursor: pointer;
}
.product-editor-table-wrapper .product-editor-table {
  width: 100%;
}
.product-editor-table-wrapper .product-editor-table th {
  padding: 4px;
  background: #f8f9fa;
}
.product-editor-table-wrapper .product-editor-table .product-table-label {
  color: #888;
  white-space: nowrap;
  margin-right: 25px;
}
.product-editor-table-wrapper .product-editor-table .pim-attribute-value {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}

product-text {
  flex: 1;
}

.product-text {
  flex: 1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.product-text .mce-edit-area iframe {
  border-top: solid 1px #dee2e6 !important;
}
.product-text .mce-panel {
  border-width: 0 !important;
}
.product-text .mce-tinymce {
  border-radius: 0.2rem;
}
.product-text .mce-tinymce, .product-text .mce-top-part::before {
  box-shadow: none !important;
}
.product-text .mce-flow-layout-item.mce-last {
  display: none !important;
}
.product-text .has-error textarea {
  border: 1px solid #e74c3c;
}
.product-text .unsaved-change textarea {
  border-left: 3px solid #f39c12;
}

u-category-selector {
  position: relative;
  display: block;
  height: 100%;
}

.u-category-selector {
  border: solid 1px #dee2e6;
  position: absolute;
  display: flex;
  width: 600px;
  flex-direction: column;
  color: #525b65;
}
.u-category-selector.readonly .tree-row {
  cursor: default;
}
.u-category-selector.readonly .tree-row .tree-label:hover {
  color: #525b65;
  text-decoration: none;
}
.u-category-selector .category-search {
  z-index: 2;
  background: #fff;
  padding: 8px 10px 6px;
  border-bottom: 1px solid #dee2e6;
}
.u-category-selector .category-search cinput, .u-category-selector .category-search .cinput {
  width: 100%;
  display: block;
}
.u-category-selector .tree-root-container {
  position: relative;
  overflow: auto;
}
.u-category-selector .tree-root {
  padding: 10px;
  list-style: none;
  padding-left: 0;
  margin: 0;
  flex: 1;
}
.u-category-selector .tree-root,
.u-category-selector .tree-root ul {
  list-style: none;
  margin: 0;
  padding-left: 22px;
}
.u-category-selector .tree-root ul {
  position: relative;
}
.u-category-selector .tree-root li {
  position: relative;
  padding-left: 0;
}
.u-category-selector .tree-root > li:before {
  display: none;
}
.u-category-selector .tree-root ul > li:before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #f1f3f5;
  z-index: 0;
}
.u-category-selector .tree-root ul > li:last-child:before {
  height: 18px;
}
.u-category-selector .tree-branch {
  position: relative;
  min-height: 26px;
}
.tree-root > .u-category-selector .tree-branch::before {
  display: none;
}
.u-category-selector .tree-row {
  margin-left: 22px;
  display: flex;
  align-items: center;
  min-height: 26px;
  position: relative;
  z-index: 1;
  background: none;
  border-radius: 0.2rem;
  cursor: pointer;
}
.u-category-selector .tree-row .fa {
  color: #525b65;
  margin-right: 7px;
  margin-left: 1px;
  vertical-align: middle;
  transition: color 0.15s ease;
}
.u-category-selector .tree-row input[type=checkbox] {
  margin: 0 6px 0 0;
  z-index: 2;
  flex: 0 0 auto;
  cursor: inherit;
}
.u-category-selector .tree-row .tree-label {
  color: #525b65;
  user-select: none;
  padding: 2px 0;
  transition: color 0.14s ease;
  position: relative;
}
.u-category-selector .tree-row .tree-label:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 18px;
  height: 1px;
  border-top: 1px solid #f1f3f5;
  z-index: 1;
  pointer-events: none;
}
.u-category-selector .tree-row:hover .tree-label {
  color: #3a7bd5;
  text-decoration: underline;
}
.u-category-selector .tree-row.selected .tree-label {
  background-color: #f1f3f5;
  border-radius: 0.2rem;
  padding: 2px 4px;
  color: #3a7bd5;
  font-weight: 400;
  text-decoration: none;
}
.u-category-selector .tree-row.has-children .fa {
  color: #525b65;
}
.u-category-selector ul.collapsed {
  display: block;
  max-height: 0 !important;
  overflow: hidden !important;
  opacity: 0.5;
  transition: max-height 0.24s cubic-bezier(0.7, 0.2, 0.4, 1), opacity 0.12s ease;
  pointer-events: none;
}
.u-category-selector ul:not(.collapsed) {
  max-height: 9999px;
  opacity: 1;
  transition: max-height 0.32s cubic-bezier(0.7, 0.2, 0.4, 1), opacity 0.18s ease;
}
.u-category-selector .tree-row:focus-within .tree-label,
.u-category-selector .tree-row:focus .tree-label {
  outline: none;
  box-shadow: 0 0 0 2px rgba(58, 123, 213, 0.2);
  border-radius: 0.2rem;
}
.u-category-selector .loading {
  padding: 8px 10px;
  color: #525b65;
}

.u-user-icon {
  display: inline-block;
  cursor: pointer;
}
.u-user-icon.circle .u-user-icon-wrapper {
  border-radius: 100%;
  width: 30px;
  height: 30px;
}
.u-user-icon .u-user-icon-wrapper {
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  height: 40px;
  border-radius: 0.2rem;
  margin: 0;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.u-user-icon .u-user-icon-wrapper a, .u-user-icon .u-user-icon-wrapper span, .u-user-icon .u-user-icon-wrapper a:hover, .u-user-icon .u-user-icon-wrapper span:hover {
  color: #dee2e6;
}
.u-user-icon .u-user-icon-wrapper img {
  object-fit: cover;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

.users-on-page {
  display: inline-block;
  vertical-align: middle;
  color: #525b65;
}
.users-on-page .users {
  position: relative;
  display: inline-block;
  height: 35px;
  margin: 0 8px 0 0;
  text-align: right;
  vertical-align: middle;
  cursor: default;
}
.users-on-page .users > span {
  vertical-align: middle;
  margin-right: 2px;
}
.users-on-page .users .tooltipNobreak {
  white-space: nowrap;
}
.users-on-page .userIcon {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.users-on-page .userIcon img {
  display: inline-block;
  min-height: 101%;
  min-width: 101%;
  width: 100%;
  object-fit: cover;
}

.u-navigation {
  justify-content: space-between;
  display: flex;
  width: 100%;
  background: var(--sidebar-bg, #0c1b48);
  align-items: stretch;
  user-select: none;
  z-index: 101;
}
.u-navigation .nav-container {
  max-width: 2160px;
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.u-navigation .mobile-sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  width: 250px;
  height: calc(100% - 60px);
  background: var(--sidebar-bg-darker, rgb(10.08, 22.68, 60.48));
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 120;
  overflow-y: auto;
}
.u-navigation .mobile-sidebar.open {
  transform: translateX(0);
}
.u-navigation .mobile-sidebar .nav-left {
  position: initial !important;
  flex-direction: column;
  width: 100%;
  height: auto;
}
.u-navigation .mobile-sidebar .nav-left .submenu {
  background: var(--sidebar-bg, #0c1b48) !important;
  width: 100%;
  padding-left: 20px;
  position: initial !important;
}
.u-navigation .mobile-sidebar .nav-left > li {
  background: var(--sidebar-bg-darker, rgb(10.08, 22.68, 60.48)) !important;
  flex-direction: column;
  width: 100%;
  position: initial !important;
  justify-content: flex-start;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.u-navigation .mobile-sidebar .nav-left > li > a {
  width: 200px;
  padding: 0 20px;
}
.u-navigation .mobile-sidebar .nav-left > li:not(.expandable) > a {
  justify-content: flex-start;
}
@media (max-width: 1024px) {
  .u-navigation .fullscreen {
    display: none !important;
  }
}
.u-navigation li {
  list-style: none !important;
}
.u-navigation .logo a {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.u-navigation .logo a img {
  height: 29px;
  margin-top: -4px;
  display: block;
}
.u-navigation .mobile-logo {
  display: none;
}
.u-navigation .nav-left .hamburger {
  display: none;
  align-items: center;
  padding: 0 14px;
  cursor: pointer;
  color: white;
}
@media (max-width: 1024px) {
  .u-navigation .nav-left .hamburger {
    display: flex;
  }
}
.u-navigation .nav-right li > span {
  padding: 0 !important;
}
.u-navigation .nav-right li > span a {
  padding: 0 10px !important;
}
.u-navigation .nav-left, .u-navigation .nav-right {
  display: flex;
  align-items: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
  height: 60px;
}
.u-navigation .nav-left > li, .u-navigation .nav-right > li {
  list-style: none !important;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}
.u-navigation .nav-left > li.expandable, .u-navigation .nav-right > li.expandable {
  cursor: pointer;
}
.u-navigation .nav-left > li:not(.expandable), .u-navigation .nav-right > li:not(.expandable) {
  cursor: default;
}
.u-navigation .nav-left > li:not(.expandable) > a, .u-navigation .nav-right > li:not(.expandable) > a {
  cursor: pointer;
}
.u-navigation .nav-left > li:not(.expandable) .fa-caret-down, .u-navigation .nav-right > li:not(.expandable) .fa-caret-down {
  display: none;
}
.u-navigation .nav-left > li.open ul, .u-navigation .nav-right > li.open ul {
  display: block;
}
.u-navigation .nav-left > li.active > a, .u-navigation .nav-left > li.active > span, .u-navigation .nav-left > li.highlight > a, .u-navigation .nav-left > li.highlight > span, .u-navigation .nav-right > li.active > a, .u-navigation .nav-right > li.active > span, .u-navigation .nav-right > li.highlight > a, .u-navigation .nav-right > li.highlight > span {
  color: var(--sidebar-text, #fff);
  background: var(--sidebar-bg-darker, rgb(10.08, 22.68, 60.48));
}
.u-navigation .nav-left > li > a, .u-navigation .nav-left > li > span, .u-navigation .nav-right > li > a, .u-navigation .nav-right > li > span {
  display: flex;
  align-items: center;
  padding: 0 14px;
  height: 60px;
  line-height: 60px;
  color: var(--sidebar-text, white);
  text-decoration: none;
  transition: color 0.14s;
  cursor: pointer;
}
.u-navigation .nav-left > li > a:hover, .u-navigation .nav-left > li > span:hover, .u-navigation .nav-right > li > a:hover, .u-navigation .nav-right > li > span:hover {
  color: var(--sidebar-text, #fff);
}
.u-navigation .nav-left > li > a .fa-icon, .u-navigation .nav-left > li > span .fa-icon, .u-navigation .nav-right > li > a .fa-icon, .u-navigation .nav-right > li > span .fa-icon {
  opacity: 0.6;
  margin-left: 7px;
  margin-right: 5px;
}
.u-navigation .nav-left > li > a .fa-caret-down, .u-navigation .nav-left > li > span .fa-caret-down, .u-navigation .nav-right > li > a .fa-caret-down, .u-navigation .nav-right > li > span .fa-caret-down {
  margin-left: 9px;
}
.u-navigation .nav-left > li > ul, .u-navigation .nav-right > li > ul {
  position: absolute;
  left: 0;
  top: 60px;
  min-width: 175px;
  background: var(--sidebar-bg-dark, rgb(11.04, 24.84, 66.24));
  display: none;
  border-radius: 0 0 6px 6px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.13);
  z-index: 120;
  padding: 0 0;
}
.u-navigation .nav-left > li > ul li, .u-navigation .nav-right > li > ul li {
  overflow: hidden;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.u-navigation .nav-left > li > ul li:first-child, .u-navigation .nav-right > li > ul li:first-child {
  border-top: none;
}
.u-navigation .nav-left > li > ul li > a, .u-navigation .nav-left > li > ul li > span, .u-navigation .nav-right > li > ul li > a, .u-navigation .nav-right > li > ul li > span {
  display: flex;
  align-items: center;
  padding: 0 18px;
  height: 46px;
  line-height: 46px;
  color: var(--sidebar-text, white);
  background: none;
  text-align: left;
  transition: background 0.15s, color 0.12s;
  text-decoration: none;
}
.u-navigation .nav-left > li > ul li > a .fa-icon, .u-navigation .nav-left > li > ul li > span .fa-icon, .u-navigation .nav-right > li > ul li > a .fa-icon, .u-navigation .nav-right > li > ul li > span .fa-icon {
  margin-right: 8px;
}
.u-navigation .nav-left > li > ul li > a:hover, .u-navigation .nav-left > li > ul li > span:hover, .u-navigation .nav-right > li > ul li > a:hover, .u-navigation .nav-right > li > ul li > span:hover {
  background: var(--sidebar-bg-light, rgb(16.8685714286, 37.9542857143, 101.2114285714));
  color: var(--sidebar-text, #fff);
}
.u-navigation .nav-left > li > ul li.active > a, .u-navigation .nav-left > li > ul li.active > span, .u-navigation .nav-right > li > ul li.active > a, .u-navigation .nav-right > li > ul li.active > span {
  color: var(--sidebar-accent, #3a7bd5);
  background: var(--sidebar-accent-soft, rgba(58, 123, 213, 0.08));
}
.u-navigation .nav-left > li:focus-within > ul, .u-navigation .nav-right > li:focus-within > ul {
  display: block;
  animation: fadeInDown 0.21s;
}
.u-navigation .message-counter {
  background: #d14343;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 9px;
  font-size: 0.8rem;
  width: 8px;
  height: 18px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
  font-weight: 400;
  pointer-events: none;
}
.u-navigation .u-user-icon {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  margin-right: 0;
  margin-left: 2px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.u-navigation .locale-switcher {
  position: relative;
  display: inline-block;
  z-index: 120;
}
.u-navigation .locale-switcher .locale-toggle {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  border: none;
  padding: 0 10px;
  height: 60px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.u-navigation .locale-switcher .locale-toggle .icon {
  display: none;
  margin-right: 4px;
}
@media (max-width: 500px) {
  .u-navigation .locale-switcher .locale-toggle .label {
    display: none;
  }
  .u-navigation .locale-switcher .locale-toggle .icon {
    display: block;
  }
}
.u-navigation .locale-switcher .locale-toggle i.fa-caret-down {
  margin-left: 6px;
}
.u-navigation .locale-switcher .locale-toggle:hover {
  color: #fff;
}
.u-navigation .locale-switcher .locale-dropdown {
  position: absolute;
  top: 60px;
  right: 0;
  background: #fff;
  border-radius: 0.2rem;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  list-style: none;
  margin: 0;
  padding: 5px 0;
  min-width: 250px;
}
.u-navigation .locale-switcher .locale-dropdown li.active {
  color: #3a7bd5;
  background: #f1f3f5;
}
.u-navigation .locale-switcher .locale-dropdown li {
  border-bottom: 1px solid #f1f3f5;
  padding: 8px 16px;
  color: #333;
  cursor: pointer;
}
.u-navigation .locale-switcher .locale-dropdown li:hover {
  background: #f0f2f5;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
u-product-filter {
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 20px);
}

.u-product-filter {
  display: flex;
  flex-direction: column;
}
.u-product-filter .filter-row {
  display: flex;
  gap: 14px;
  padding: 2px 0;
  padding-bottom: 8px;
  border-bottom: solid 1px #eef3f6;
  min-width: 0;
}
.u-product-filter .filter-row.filled .filter-label {
  color: #3a7bd5;
}
.u-product-filter .filter-label {
  flex: 0 1 32%;
  min-width: 0;
  font-size: 1rem;
  line-height: 1.2;
  color: #2f3a45;
  text-overflow: ellipsis;
  margin-top: 8px;
}
.u-product-filter .filter-control {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}
.u-product-filter .control-text,
.u-product-filter .control-range,
.u-product-filter .control-select,
.u-product-filter .control-switch {
  flex: 1 1 auto;
  min-width: 0;
}
.u-product-filter .control-range {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
}
.u-product-filter .control-range input {
  flex: 1 1 0;
  min-width: 0;
  border: solid 1px #d6e1e6;
  border-radius: 3px;
  padding: 7px 8px;
  outline: none;
  color: #656b78;
  background: white;
  box-sizing: border-box;
}
.u-product-filter .range-sep {
  flex: 0 0 auto;
  color: #b3c6cd;
  user-select: none;
}

.u-product-filters {
  display: inline-flex;
}

.product-filters-modal {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 60px);
}
.product-filters-modal .modal-header {
  flex: 0 0 auto;
}
.product-filters-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.product-filters-modal .modal-footer {
  flex: 0 0 auto;
}
.product-filters-modal .filters-search {
  width: 100%;
  border: solid 1px #d6e1e6;
  border-radius: 3px;
  padding: 7px 8px;
  outline: none;
  color: #656b78;
  background: white;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.product-filters-modal .filters-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.product-filters-modal .modal-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.product-filters-modal .filters-clear-all {
  color: #97aab2;
  cursor: pointer;
  user-select: none;
}
.product-filters-modal .filters-clear-all:hover {
  color: #2f3a45;
}
.product-filters-modal .modal-actions {
  display: inline-flex;
  gap: 10px;
}

u-media-selector {
  flex: 1;
}

.u-media-selector {
  flex: 1;
}
.u-media-selector.invalid .cbutton > .inner, .u-media-selector.invalid input {
  border-color: #d14343;
  border-style: dashed;
  background: #f8d7da;
}
.u-media-selector {
  width: 100%;
  display: inline-flex;
}
.u-media-selector .left {
  flex: 0 1 auto;
}
.u-media-selector .middle {
  flex: 1 0 auto;
  margin-left: 2px;
}
.u-media-selector .middle .cinput {
  width: 100%;
}
.u-media-selector .right {
  flex: 0 1 auto;
  margin-left: 2px;
}

u-media-grid {
  flex: 1;
}

.u-media-grid {
  flex: 1;
  display: flex;
}
.u-media-grid .sidebar {
  display: flex;
  flex-direction: column;
}
.u-media-grid .sidebar > div {
  padding: 10px;
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.u-media-grid .sidebar h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-weight: 400;
  line-height: 24px;
}
.u-media-grid .sidebar .sidebar-body {
  overflow: auto;
  flex: 1;
  width: 240px;
  position: relative;
}
.u-media-grid .sidebar .sidebar-body u-category-viewer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.u-media-grid .sidebar .sidebar-options {
  border-top: 1px solid #dee2e6;
  background: #f3f3f3;
}
.u-media-grid .sidebar .sidebar-options .cswitch.on {
  background: #3fa36c;
  border-color: rgb(59.22, 153.22, 101.52);
}
.u-media-grid .content {
  display: flex;
  flex-direction: column;
}
.u-media-grid .content .toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.u-media-grid .content .toolbar .upload-guard {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.u-media-grid .content .toolbar .upload-guard .upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.u-media-grid .content .toolbar .upload-guard.locked .upload-btn {
  opacity: 0.85;
}
.u-media-grid .content .toolbar .toolbar-right {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  flex-wrap: wrap;
}
.u-media-grid .content .toolbar .toolbar-right .selection-count {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  padding: 0 4px;
}
.u-media-grid .content .tags-filter {
  margin: 8px 0 2px;
  padding: 10px 0 12px;
  border-top: 1px solid #f1f3f5;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.u-media-grid .content .tags-filter .tags-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.u-media-grid .content .tags-filter .tags-filter-title {
  font-size: 12px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.u-media-grid .content .tags-filter .tags-filter-clear {
  border: none;
  background: transparent;
  color: #3a7bd5;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.u-media-grid .content .tags-filter .tags-filter-clear:hover {
  color: rgb(44.7660251046, 114.0467782427, 209.9739748954);
}
.u-media-grid .content .empty-categories-message {
  margin: 8px 0 4px;
  padding: 18px 20px;
  text-align: center;
  font-size: 16px;
  color: #555;
  background: #f8f9fb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.u-media-grid .content .empty-categories-message .cbutton {
  margin-top: 10px;
}
.u-media-grid .content .selection-strip {
  position: sticky;
  top: 0;
  z-index: 6;
  margin: 8px 0 4px;
  padding: 8px 10px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.u-media-grid .content .selection-strip .selection-left {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.u-media-grid .content .selection-strip .selection-strong {
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid .content .selection-strip .selection-hint {
  color: #525b65;
}
.u-media-grid .content .selection-strip .selection-actions {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}
@media (max-width: 900px) {
  .u-media-grid .content .selection-strip {
    flex-direction: column;
    align-items: flex-start;
  }
  .u-media-grid .content .selection-strip .selection-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
.u-media-grid .content .tags-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.u-media-grid .content .tags-chips .chip.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 12px;
  line-height: 1;
  border-radius: 16px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cfd8e3;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  outline: none;
  appearance: none;
  transition: background 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-media-grid .content .tags-chips .chip.tag:hover {
  background: #f8fbff;
  border-color: #b7c7da;
}
.u-media-grid .content .tags-chips .chip.tag:focus-visible {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 2px rgba(58, 123, 213, 0.18);
}
.u-media-grid .content .tags-chips .chip.tag.selected {
  background: #f3f8ff;
  border-color: #3a7bd5;
  color: #244f86;
}
.u-media-grid .content .tags-chips .chip.tag.selected::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #3a7bd5;
}
.u-media-grid .content .assetGrid {
  list-style: none;
  margin: 0;
  padding: 12px 0 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-auto-rows: 1fr;
  gap: 12px;
  align-items: stretch;
}
.u-media-grid .content .assetGrid li {
  display: flex;
  min-width: 0;
}
.u-media-grid .content .assetGrid .card {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #d8e0ea;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: border-color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), box-shadow 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-media-grid .content .assetGrid .card.archived {
  opacity: 0.78;
}
.u-media-grid .content .assetGrid .card.selected {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 2px rgba(58, 123, 213, 0.14);
}
.u-media-grid .content .assetGrid .card:hover {
  transform: translateY(-1px);
  border-color: #c9d5e2;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.08);
}
.u-media-grid .content .assetGrid .card:focus-within {
  border-color: #3a7bd5;
  box-shadow: 0 0 0 2px rgba(58, 123, 213, 0.2);
}
.u-media-grid .content .assetGrid .card .card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px;
  background: #fbfcfe;
  border-bottom: 1px solid #e9eef4;
}
.u-media-grid .content .assetGrid .card .card-top .type-pill {
  display: inline-flex;
  align-items: center;
  max-width: 112px;
  padding: 3px 8px;
  border: 1px solid #d7e1ec;
  border-radius: 999px;
  background: #f0f4f9;
  color: #32465c;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-media-grid .content .assetGrid .card .card-top .top-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.u-media-grid .content .assetGrid .card .card-top .top-actions .icon-btn,
.u-media-grid .content .assetGrid .card .card-top .top-actions .select-btn {
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid #d5deea;
  background: #fff;
  color: #33485f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-media-grid .content .assetGrid .card .card-top .top-actions .icon-btn:hover,
.u-media-grid .content .assetGrid .card .card-top .top-actions .select-btn:hover {
  background: #f4f8fc;
  border-color: #bfd0e2;
}
.u-media-grid .content .assetGrid .card .card-top .top-actions .icon-btn:focus,
.u-media-grid .content .assetGrid .card .card-top .top-actions .select-btn:focus {
  outline: 2px solid #6c757d;
  outline-offset: 1px;
}
.u-media-grid .content .assetGrid .card .card-top .top-actions .select-btn.on {
  background: #3a7bd5;
  border-color: #3a7bd5;
  color: #fff;
}
.u-media-grid .content .assetGrid .card .preview {
  width: 100%;
  height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #f8fafd 0%, #f2f6fb 100%);
  border-bottom: 1px solid #e9eef4;
  padding: 12px;
  cursor: pointer;
}
.u-media-grid .content .assetGrid .card .preview:focus {
  outline: 2px solid #6c757d;
  outline-offset: -2px;
}
.u-media-grid .content .assetGrid .card .preview img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 190px;
  max-height: 190px;
  object-fit: contain;
}
.u-media-grid .content .assetGrid .card .preview .noThumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.u-media-grid .content .assetGrid .card .preview .fileBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid #d5deea;
  background: #fff;
  color: #31465c;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
}
.u-media-grid .content .assetGrid .card .preview .fileBadge.pdf {
  color: #fff;
  background: #d14343;
  border-color: #d14343;
}
.u-media-grid .content .assetGrid .card .info {
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto auto auto;
  gap: 5px;
  padding: 10px 12px 12px;
  background: #fff;
  cursor: pointer;
  min-height: 94px;
}
.u-media-grid .content .assetGrid .card .info:focus {
  outline: 2px solid #6c757d;
  outline-offset: -2px;
}
.u-media-grid .content .assetGrid .card .info .name {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 600;
  line-height: 1.35;
  min-height: 2.7em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-media-grid .content .assetGrid .card .info .line {
  color: #525b65;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-media-grid .content .placeholder {
  padding: 24px;
  color: #525b65;
}
.u-media-grid .content .placeholder.error {
  color: #d14343;
}
.u-media-grid .content {
  /* Inline select footer (only when grid is used directly in a view/modal without its own footer) */
}
.u-media-grid .content .grid-select-footer {
  margin-top: 8px;
  padding: 10px 8px;
  border-top: 1px solid #dee2e6;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-media-grid .content .grid-select-footer .left {
  flex: 1 1 auto;
}
.u-media-grid .content .grid-select-footer .left .hint {
  color: #525b65;
}
.u-media-grid .content .grid-select-footer .right {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.u-media-grid-details {
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 10px;
  max-height: 85vh;
  overflow: hidden;
}
.u-media-grid-details tab-content {
  padding: 16px;
}
.u-media-grid-details .cselect, .u-media-grid-details .cinput {
  width: 100%;
}
.u-media-grid-details .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  border-bottom: 1px solid #f1f3f5;
  background: #f8f9fa;
}
.u-media-grid-details .modal-header .modal-title {
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  margin: 0;
}
.u-media-grid-details .modal-header .close-button {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
  background: none;
  border: none;
}
.u-media-grid-details .modal-body {
  flex: 1;
  padding: 0;
  overflow: auto;
}
.u-media-grid-details .modal-footer {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  border-top: 1px solid #f1f3f5;
  background: #fff;
}
.u-media-grid-details .modal-footer .spacer {
  flex: 1;
}
.u-media-grid-details {
  /* General tab */
}
.u-media-grid-details .general-card {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.u-media-grid-details .general-card .thumb {
  flex: 0 0 auto;
  width: 200px;
  height: 200px;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.u-media-grid-details .general-card .thumb img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.u-media-grid-details .general-card .thumb .placeholder {
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid-details .general-card .details {
  flex: 1;
  display: grid;
  gap: 12px;
}
.u-media-grid-details .general-card .form-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.u-media-grid-details .general-card .form-row .form-label {
  width: 120px;
  font-weight: 400;
  color: #525b65;
}
.u-media-grid-details .general-card .form-row .form-control {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
}
.u-media-grid-details .general-card .form-row .form-control .hint {
  color: #525b65;
}
.u-media-grid-details .general-card .form-divider {
  border-bottom: 1px solid #f1f3f5;
  margin: 6px 0;
}
.u-media-grid-details {
  /* Linked tab */
}
.u-media-grid-details .linked-pro {
  display: flex;
  height: 500px;
  flex-direction: column;
  gap: 16px;
}
.u-media-grid-details .linked-pro .form-row .form-label {
  width: 120px;
}
.u-media-grid-details .linked-pro .form-row .form-control {
  display: flex;
  gap: 10px;
  align-items: center;
}
.u-media-grid-details .linked-pro .state {
  color: #525b65;
}
.u-media-grid-details .linked-pro .state.error {
  color: #d14343;
}
.u-media-grid-details .linked-pro .table {
  display: flex;
  flex-direction: column;
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
}
.u-media-grid-details .linked-pro .table .thead, .u-media-grid-details .linked-pro .table .row {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  gap: 12px;
  padding: 10px 12px;
}
.u-media-grid-details .linked-pro .table .thead {
  font-weight: 400;
  background: #f8f9fa;
  border-bottom: 1px solid #f1f3f5;
}
.u-media-grid-details .linked-pro .table .tbody {
  display: flex;
  flex-direction: column;
}
.u-media-grid-details .linked-pro .table .tbody .row {
  border-bottom: 1px solid #f1f3f5;
}
.u-media-grid-details .linked-pro .table .tbody .row:last-child {
  border-bottom: none;
}
.u-media-grid-details .linked-pro .table .cell.strong .attr-label {
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid-details .linked-pro .table .cell.strong .attr-code {
  color: #525b65;
}
.u-media-grid-details .linked-pro .table .filechip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border-radius: 0.2rem;
  background: #f8f9fa;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid-details .linked-pro .table .filechip.empty {
  opacity: 0.6;
}
.u-media-grid-details .linked-pro .table .filechip .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3a7bd5;
}
.u-media-grid-details .linked-pro .table .t-right {
  text-align: right;
}
.u-media-grid-details .linked-pro .empty {
  padding: 14px;
  text-align: center;
  color: #525b65;
}
.u-media-grid-details .linked-pro .empty.soft {
  background: #f8f9fa;
  border-radius: 0.2rem;
}
.u-media-grid-details {
  /* Associated tab */
}
.u-media-grid-details .assoc-pad {
  padding: 12px;
}

.u-media-grid-modal {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.u-media-grid-modal .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid #dee2e6;
  background: #fff;
}
.u-media-grid-modal .modal-header .modal-title {
  margin: 0;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid-modal .modal-header .close-button {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-grid-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.u-media-grid-modal .modal-body > u-media-grid,
.u-media-grid-modal .modal-body > .u-media-grid {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
}
.u-media-grid-modal .modal-footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 14px;
  border-top: 1px solid #dee2e6;
  background: #fff;
}
.u-media-grid-modal .modal-footer .footer-left {
  flex: 1 1 auto;
}
.u-media-grid-modal .modal-footer .footer-left .hint {
  color: #525b65;
}
.u-media-grid-modal .modal-footer .footer-right {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

/* Make the modal fullscreen & let body stretch (works with windowClass or size:'fullscreen') */
.u-media-grid-fullscreen .modal-dialog,
.modal-dialog.modal-fullscreen .modal-dialog {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  margin: 0;
}
.u-media-grid-fullscreen .modal-content,
.modal-dialog.modal-fullscreen .modal-content {
  height: 100%;
  border-radius: 0;
}
.u-media-grid-fullscreen .modal-body,
.modal-dialog.modal-fullscreen .modal-body {
  height: 100%;
  max-height: none;
}

.u-media-upload-modal .modal-body {
  max-height: 75vh;
  overflow: visible;
}
.u-media-upload-modal .upload-category {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.u-media-upload-modal .upload-category label {
  min-width: 86px;
  color: #525b65;
  font-weight: 500;
}
.u-media-upload-modal .upload-category .cselect {
  min-width: 260px;
}
.u-media-upload-modal .upload-category.selected span {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.u-media-upload-modal .upload-category .category-error {
  color: #d14343;
  font-size: 12px;
}
.u-media-upload-modal .drop-zone {
  border: 2px dashed #d6e0eb;
  border-radius: 0.2rem;
  padding: 22px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 12px;
  background: #fbfdff;
}
.u-media-upload-modal .drop-zone.drag-over {
  border-color: #3a7bd5;
  background: #f0f7ff;
}
.u-media-upload-modal .drop-zone p {
  margin: 0;
  color: #525b65;
}
.u-media-upload-modal .upload-details {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
  max-height: 50vh;
  overflow-y: auto;
  padding-right: 2px;
}
.u-media-upload-modal .upload-item {
  border: 1px solid #e3e9f0;
  border-radius: 10px;
  padding: 8px;
  background: #fff;
}
.u-media-upload-modal .upload-item-name {
  margin-top: 6px;
  font-size: 12px;
  font-weight: 400;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.9;
}
.u-media-upload-modal .upload-item-progress {
  margin-top: 8px;
  height: 6px;
  border-radius: 6px;
  background: #e7eef6;
  overflow: hidden;
}
.u-media-upload-modal .upload-item-progress .progress {
  display: block;
  height: 100%;
  width: 0;
  transition: width 0.2s ease;
  background: #8aa0b8;
}
.u-media-upload-modal .upload-item-progress .progress.uploading {
  background: #3a7bd5;
}
.u-media-upload-modal .upload-item-progress .progress.waiting {
  background: #7f8fa5;
}
.u-media-upload-modal .upload-item-progress .progress.success {
  background: #3fa36c;
}
.u-media-upload-modal .upload-item-progress .progress.error, .u-media-upload-modal .upload-item-progress .progress.cancelled {
  background: #d14343;
}
.u-media-upload-modal .upload-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #dbe5ef;
  background: #f7fafc;
}
.u-media-upload-modal .upload-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.u-media-upload-modal .upload-thumb.error, .u-media-upload-modal .upload-thumb.cancelled {
  opacity: 0.75;
}
.u-media-upload-modal .upload-check,
.u-media-upload-modal .upload-state {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
  color: #fff;
}
.u-media-upload-modal .upload-check {
  background: #3fa36c;
}
.u-media-upload-modal .upload-state.waiting {
  background: #607089;
}
.u-media-upload-modal .upload-state.error {
  background: #d14343;
}
.u-media-upload-modal .upload-state.cancelled {
  background: #7a8698;
}
.u-media-upload-modal .uploaded-assets {
  margin-top: 14px;
}
.u-media-upload-modal .uploaded-assets h4 {
  margin: 0 0 10px;
  font-size: 14px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 500;
}
.u-media-upload-modal .uploaded-assets .assetGrid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 12px;
}
.u-media-upload-modal .uploaded-assets .assetGrid li {
  display: flex;
  min-width: 0;
}
.u-media-upload-modal .uploaded-assets .card {
  position: relative;
  width: 100%;
  background: #fff;
  border: 1px solid #d8e0ea;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.u-media-upload-modal .uploaded-assets .card.archived {
  opacity: 0.78;
}
.u-media-upload-modal .uploaded-assets .card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  border-bottom: 1px solid #e8edf3;
}
.u-media-upload-modal .uploaded-assets .type-pill {
  font-size: 11px;
  color: #475569;
  background: #f2f5f8;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  padding: 2px 8px;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-media-upload-modal .uploaded-assets .top-actions {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.u-media-upload-modal .uploaded-assets .icon-btn {
  border: 0;
  background: transparent;
  color: #5b6572;
  cursor: pointer;
  width: 28px;
  height: 28px;
  border-radius: 6px;
}
.u-media-upload-modal .uploaded-assets .preview {
  height: 148px;
  background: #f7fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.u-media-upload-modal .uploaded-assets .preview img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}
.u-media-upload-modal .uploaded-assets .noThumb {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.u-media-upload-modal .uploaded-assets .fileBadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  background: #e5ecf5;
  color: #334155;
  max-width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.u-media-upload-modal .uploaded-assets .fileBadge.pdf {
  background: #fee2e2;
  color: #991b1b;
}
.u-media-upload-modal .uploaded-assets .info {
  padding: 10px;
  cursor: pointer;
}
.u-media-upload-modal .uploaded-assets .name {
  font-weight: 500;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-media-upload-modal .uploaded-assets .line {
  margin-top: 4px;
  font-size: 12px;
  color: #525b65;
}

u-media-preview {
  flex: 1;
}

.u-media-preview-modal .modal-body {
  padding: 10px;
  text-align: center;
}
.u-media-preview-modal .modal-body img {
  margin: 8px;
  width: 100%;
  max-height: 500px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

entity-editor {
  flex: 1;
  display: flex;
}

.entity-editor {
  flex: 1;
  display: flex;
}
.entity-editor .entity-table {
  padding: 0 20px;
}
.entity-editor .entity-table thead .entity-table-options td {
  border-bottom: solid 1px #dee2e6;
  border-top: none;
  padding: 7px;
  margin-bottom: 5px;
}
.entity-editor .entity-table tr td {
  padding: 6px;
}
.entity-editor .pre-fix {
  margin-right: 5px;
  border: solid 1px #d7d7d7;
  padding: 7px;
  border-radius: 0.2rem;
  background: #f7f7f7;
  color: #747f91;
}
.entity-editor .post-fix {
  margin-left: 5px;
  border: solid 1px #d7d7d7;
  padding: 7px;
  border-radius: 0.2rem;
  background: #f7f7f7;
  color: #747f91;
}
.entity-editor .filter-attribute-result {
  opacity: 0.3;
}
.entity-editor .filter-group-result {
  opacity: 0.3;
}
.entity-editor .help {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  position: relative;
  right: -6px;
}
.entity-editor .help:hover .helpIcon {
  color: #3a7bd5;
}
.entity-editor .help .helpContent {
  z-index: 100;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
  color: #525b65;
  line-height: 12px;
  position: absolute;
  border: 1px solid #dee2e6;
  width: 250px;
  top: 30px;
  margin-left: -119px;
  cursor: default;
  display: none;
}
.entity-editor .help .helpContent .helpContentWrapper {
  background: white;
  display: block;
  text-align: left;
  width: calc(100% - 40px);
  padding: 15px 20px 10px;
}
.entity-editor .help .helpContent .helpContentMore {
  width: calc(100% - 40px);
  padding: 5px 20px 15px;
}
.entity-editor .help .helpContent .helpContentMore a {
  color: #3a7bd5;
  text-decoration: none;
}
.entity-editor .help .helpContent .helpContentMore a[href]:hover {
  color: #3a7bd5;
}
.entity-editor .help .helpContent .helpContentMore i {
  margin-left: 5px;
}
.entity-editor .help .helpContent .helpContentMore i:before {
  margin-right: 5px;
  vertical-align: middle;
}
.entity-editor .help .helpContent:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}
.entity-editor .help .helpContent:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.entity-editor .help:hover .helpContent {
  display: block;
}
.entity-editor .milestoneMarkers {
  display: flex;
}
.entity-editor .milestoneMarkers.showRequired:after {
  position: absolute;
  content: " ";
  vertical-align: middle;
  background-color: #3a7bd5;
  border-radius: 0.2rem;
  display: inline-block;
  height: 4px;
  left: -11px;
  top: 8px;
  width: 4px;
}
.entity-editor .milestoneMarkers .milestoneMarker .tooltip {
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #313949;
  cursor: default;
  display: none;
  font-weight: 400;
  right: -18px;
  line-height: 20px;
  margin: 0 -85px;
  padding: 10px 20px;
  position: absolute;
  text-align: left;
  top: 30px;
  width: 175px;
  z-index: 100;
}
.entity-editor .milestoneMarkers .milestoneMarker .tooltip:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}
.entity-editor .milestoneMarkers .milestoneMarker .tooltip:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.entity-editor .milestoneMarkers .milestoneMarker .tooltip .label {
  color: #6d798c;
  font-weight: 400;
}
.entity-editor .milestoneMarkers .milestoneMarker .tooltip i {
  border-radius: 0.2rem;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.entity-editor .milestoneMarkers .milestoneMarker:not(.hidden):hover .tooltip {
  display: block;
}
.entity-editor .milestoneMarkers .milestoneMarker.orange .tooltip i {
  background-color: #ff8b24;
}
.entity-editor .milestoneMarkers .milestoneMarker.pink .tooltip i {
  background-color: #ef438c;
}
.entity-editor .milestoneMarkers .milestoneMarker.blue .tooltip i {
  background-color: #4e9ee8;
}
.entity-editor .milestoneMarkers .milestoneMarker.cyan .tooltip i {
  background-color: #42cfd1;
}
.entity-editor .milestoneMarkers .milestoneMarker.purple .tooltip i {
  background-color: #da6ab4;
}
.entity-editor .milestoneMarkers .milestoneMarker.yellow .tooltip i {
  background-color: #ffc619;
}
.entity-editor h1 {
  font-size: 1.1rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  line-height: 34px;
  margin: 0;
}
.entity-editor .entity-filters {
  align-items: center;
  display: flex;
  font-weight: 400;
}
.entity-editor .entity-filters .entity-filters-label {
  margin-left: 30px;
  color: #818c9b;
}
.entity-editor .entity-filters .entity-filters-toggle {
  cursor: pointer;
  border-radius: 0.2rem;
  padding: 0 4px;
  height: 100%;
  color: #989898;
  border: solid 1px gainsboro;
  align-items: center;
  justify-content: space-between;
  display: flex;
}
.entity-editor .entity-filters .entity-filters-toggle > span {
  margin-right: 5px;
}
.entity-editor .entity-filters .entity-filters-toggle i {
  margin-left: 5px;
}
.entity-editor .entity-filters .entity-filters-toggle.enabled {
  border: solid 1px #eb5c55;
  color: #eb5c55;
}
.entity-editor .entity-filters .entity-filters-toggle.enabled i {
  color: #eb5c55;
}
.entity-editor .invalid > a {
  display: block;
  color: #d14343;
}
.entity-editor .invalid .count {
  color: white;
  border-left: dashed 1px #d14343;
  padding-left: 10px;
}
.entity-editor .invalid.active {
  color: #3a7bd5;
}
.entity-editor .tab-heading .noneav {
  justify-content: space-between;
  display: flex;
}
.entity-editor .tab-heading .complete {
  float: right;
  margin-top: 3px;
  margin-right: 5px;
}
.entity-editor .required {
  color: #606060;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.entity-editor .required i {
  background-color: #3a7bd5;
  border-radius: 0.2rem;
  display: inline-block;
  height: 4px;
  margin: 0 3px 1px 0;
  vertical-align: middle;
  width: 4px;
}
.entity-editor .errormessages {
  box-sizing: border-box;
  border: 1px solid #d14343;
  border-radius: 0.2rem;
  margin: 20px 20px 0;
  padding: 18px 20px;
  width: 640px;
}
.entity-editor .errormessages h1 {
  margin: 0;
  padding: 0;
}
.entity-editor .errormessages strong {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
}
.entity-editor .attributes {
  position: relative;
  min-width: 790px;
}
.entity-editor .comment {
  clear: both;
  font-family: "Encode Sans", sans-serif;
  color: #606060;
  font-size: 0.8rem;
  margin-left: 5px;
}
.entity-editor .overridelabel {
  font-family: "Encode Sans", sans-serif;
  white-space: nowrap;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
  width: 149px;
}
.entity-editor .overridelabel checkbox {
  position: relative;
  top: -2px;
}
.entity-editor .applicablelabel {
  font-family: "Encode Sans", sans-serif;
  white-space: nowrap;
  width: 876px;
  display: flex;
  align-content: center;
  justify-content: flex-end;
  align-items: center;
}
.entity-editor .applicablelabel checkbox {
  position: relative;
  top: -2px;
}
.entity-editor .attribute {
  flex: 1;
  padding: 5px;
  align-items: flex-start;
  display: flex;
}
.entity-editor .attribute::after {
  content: "";
  display: table;
  clear: both;
}
.entity-editor .attribute .attribute-wrapper {
  width: 500px;
  display: inline-flex;
}
.entity-editor .attribute .override {
  width: 150px;
  justify-content: flex-end;
  display: inline-flex;
}
.entity-editor .attribute .applicable {
  width: 150px;
  justify-content: flex-end;
  display: inline-flex;
}
.entity-editor label {
  clear: both;
  color: #525b65;
  float: left;
  font-family: "Encode Sans", sans-serif;
  line-height: 20px;
  margin: 0 25px 0 0;
  padding: 9px 0;
  text-align: right;
  width: 200px;
  display: inline-flex;
  justify-content: flex-end;
}
.entity-editor .row-value {
  display: flex;
  flex: 1;
  align-items: center;
}
.entity-editor .row-value > span {
  flex: 1;
  display: flex;
}
.entity-editor .readonly-value {
  display: block;
  font-family: "Encode Sans", sans-serif;
  float: left;
  min-height: 16px;
  line-height: 18px;
  flex: 1;
  border: solid 1px #dee2e6;
  background: #f7f7f7;
  border-radius: 0.2rem;
  color: #6d798c;
  padding: 9px;
}
.entity-editor .readonly-value.invalid {
  border-color: #d14343;
  border-style: dashed;
}
.entity-editor .readonly-value p {
  margin: 0 0 10px;
}
.entity-editor .cselect {
  flex: 1;
}
.entity-editor .cinput {
  flex: 1;
}
.entity-editor .cfile {
  flex: 1;
}
.entity-editor .cdate input {
  color: #232323;
  font-family: "Encode Sans", sans-serif;
}
.entity-editor .textfield, .entity-editor textfield {
  flex: 1;
}

.amazon.simple .top {
  padding: 10px 12px;
  border-bottom: 1px solid #f1f3f5;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.amazon.simple .toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-bottom: 1px solid #f1f3f5;
  background: #fafafa;
}
.amazon.simple .toolbar .left {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.amazon.simple .toolbar .right {
  display: flex;
  align-items: center;
  gap: 8px;
}
.amazon.simple .toolbar .new-folder {
  display: flex;
  align-items: center;
  gap: 6px;
}
.amazon.simple .toolbar .bulk {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 8px;
  border-left: 1px solid #f1f3f5;
}
.amazon.simple .breadcrumbs {
  padding: 8px 12px;
  border-bottom: 1px solid #f1f3f5;
  background: #fff;
}
.amazon.simple .breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.amazon.simple .breadcrumbs li {
  position: relative;
  padding-left: 14px;
  cursor: pointer;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.amazon.simple .breadcrumbs li:before {
  content: "\f105";
  position: absolute;
  left: 0;
  top: 0;
  color: #525b65;
}
.amazon.simple .body {
  max-height: 70vh;
  overflow: auto;
  padding: 0;
}
.amazon.simple table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.amazon.simple thead th {
  text-align: left;
  background: #f7f7f9;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
  padding: 10px;
  border-bottom: 1px solid #f1f3f5;
}
.amazon.simple tbody td {
  padding: 10px;
  border-bottom: 1px solid #f0f2f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  vertical-align: middle;
}
.amazon.simple tbody tr:hover td {
  cursor: pointer;
  background: #fcfcfc;
}
.amazon.simple tbody tr.is-active td {
  background: #f1f4fa;
  color: #3a7bd5;
  border-bottom: 1px solid #dbe6fb;
}
.amazon.simple .center {
  text-align: center;
}
.amazon.simple .muted {
  color: #525b65;
  padding: 12px;
}
.amazon.simple .row-name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.amazon.simple .row-actions {
  display: none;
  gap: 6px;
}
.amazon.simple tbody tr:hover .row-actions {
  display: flex;
}
.amazon.simple .amazon-icon {
  color: #c1c1c1;
}
.amazon.simple .thumbs {
  padding: 12px;
}
.amazon.simple .state.center {
  text-align: center;
  padding: 24px;
}
.amazon.simple .thumb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}
.amazon.simple .thumb {
  border: 1px solid #f1f3f5;
  border-radius: 0.2rem;
  background: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.amazon.simple .thumb.is-active {
  outline: 2px solid #3a7bd5;
}
.amazon.simple .thumb-img {
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #fff;
}
.amazon.simple .thumb-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.amazon.simple .thumb-title {
  padding: 8px;
  border-top: 1px solid #f1f3f5;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  word-break: break-all;
  background: #fafafa;
}

.u-amazon-upload .modal-title {
  flex: 1;
}
.u-amazon-upload .modal-header {
  display: flex;
  justify-content: space-between;
}
.u-amazon-upload .drop-zone {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  margin: 10px 0 0 10px;
  min-height: 50%;
  border: 5px dashed #d3d3d3;
}
.u-amazon-upload .drop-zone p {
  flex: 1 0 content;
  text-align: center;
  color: #d3d3d3;
  font-weight: 400;
}
.u-amazon-upload .drop-zone.drag-over {
  background-color: #F8F9FB;
}
.u-amazon-upload .upload-details {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  margin: 10px 0 0 10px;
  border: 1px solid #dee2e6;
  overflow: auto;
}
.u-amazon-upload .upload-details .upload-item {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 auto;
  margin: 5px;
  border: 1px solid #dee2e6;
}
.u-amazon-upload .upload-details .upload-item .upload-item-name {
  flex: 1 0 auto;
  align-self: center;
  margin: 5px;
  text-overflow: ellipsis;
}
.u-amazon-upload .upload-details .upload-item .upload-item-controls {
  flex: 1 0 content;
  align-self: center;
  margin: 5px;
}
.u-amazon-upload .upload-details .upload-item .upload-item-info {
  flex: 1 100%;
  margin: 5px;
}
.u-amazon-upload .upload-details .upload-item .upload-item-info ul {
  list-style: none;
  float: left;
  margin: 0 5px;
  padding: 0;
}
.u-amazon-upload .upload-details .upload-item .upload-item-info img {
  float: left;
  border: 1px solid #dee2e6;
  background-color: #ffffff;
  display: block;
  object-fit: scale-down;
  width: 100px;
  height: 100px;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress {
  flex: 1 100%;
  align-self: flex-end;
  background-color: #dee2e6;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress {
  display: block;
  width: 0;
  height: 5px;
  position: relative;
  overflow: hidden;
  transition: width 0.5s linear;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.uploading {
  background-color: #6c757d;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.waiting {
  background-color: rgb(69.82, 130.92, 215.52);
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.error {
  background-color: #d14343;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.success {
  background-color: #3fa36c;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.cancelled {
  background-color: #dee2e6;
}
.u-amazon-upload .upload-details .upload-item:hover {
  background-color: #F8F9FB;
}

.u-grid-template-modal .grid-template-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.u-grid-template-modal .title-wrap {
  display: flex;
  align-items: center;
  min-width: 0;
}
.u-grid-template-modal .modal-title {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2937;
  line-height: 1.25;
}
.u-grid-template-modal .grid-template-modal-body {
  padding: 16px 20px 0;
}
.u-grid-template-modal .tab-nav {
  display: flex;
  gap: 4px;
  padding: 4px;
  margin-bottom: 14px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #f9fafb;
  width: fit-content;
}
.u-grid-template-modal .tab-nav-btn {
  border: 0;
  background: transparent;
  color: #4b5563;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.u-grid-template-modal .tab-nav-btn:hover {
  background: #eef2f7;
  color: #111827;
}
.u-grid-template-modal .tab-nav-btn.active {
  background: #ffffff;
  color: #111827;
  border: 1px solid #d1d5db;
}
.u-grid-template-modal .tab-panel {
  min-height: 420px;
  padding-bottom: 16px;
}
.u-grid-template-modal .columns-panel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}
.u-grid-template-modal .entity-editor {
  height: auto;
}
.u-grid-template-modal .grid-template-modal-footer {
  border-top: 1px solid #e5e7eb;
  padding: 12px 20px;
}

.u-grid-template-button {
  display: inline-block;
  position: relative;
}
.u-grid-template-button .u-search-input {
  width: calc(100% - 10px);
  margin: 0;
}
.u-grid-template-button .fa-sort-desc {
  position: relative;
  top: -1px;
  left: 0;
  font-size: 12px;
  color: #64748b;
}
.u-grid-template-button u-search-input {
  flex: 1;
}
.u-grid-template-button .cbutton {
  margin-right: 0;
}
.u-grid-template-button .wrapper {
  margin-top: 8px;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  z-index: 10;
  border: solid 1px #d6e1e6;
  border-radius: 12px;
  min-width: 360px;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
  overflow: hidden;
}
.u-grid-template-button .wrapper .wrapper-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  background: linear-gradient(180deg, #f8fbff 0%, #f3f7fc 100%);
  border-bottom: 1px solid #e4edf5;
}
.u-grid-template-button .wrapper .create-btn {
  white-space: nowrap;
}
.u-grid-template-button .wrapper ul {
  min-width: 300px;
  max-height: 280px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.u-grid-template-button .wrapper ul li {
  gap: 6px;
  padding: 6px 8px;
  min-height: 42px;
  border-bottom: solid 1px #eef2f6;
  display: flex;
  align-items: center;
  color: #475569;
}
.u-grid-template-button .wrapper ul li .label {
  padding: 0 2px;
  flex: 1;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.u-grid-template-button .wrapper ul li .fa-check {
  margin-left: 4px;
  color: transparent;
  width: 16px;
  text-align: center;
}
.u-grid-template-button .wrapper ul li .action-btn {
  opacity: 0.76;
  transition: opacity 0.15s ease, transform 0.12s ease;
}
.u-grid-template-button .wrapper ul li .action-btn:hover {
  opacity: 1;
  transform: translateY(-1px);
}
.u-grid-template-button .wrapper ul li:hover {
  cursor: pointer;
  background: #f1f6fc;
}
.u-grid-template-button .wrapper ul li.active {
  background: #eef4ff;
}
.u-grid-template-button .wrapper ul li.active .label {
  color: #3a7bd5;
}
.u-grid-template-button .wrapper ul li.active .fa-check {
  color: #3a7bd5;
}
.u-grid-template-button .wrapper ul li:last-child {
  border-bottom: 0;
}

.u-export-generator-modal {
  position: relative;
}
.u-export-generator-modal .modal-header h3 span {
  color: #3a7bd5;
  padding-left: 15px;
  font-weight: 400;
}
.u-export-generator-modal .modal-body.loading:before {
  content: " ";
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  left: calc(50% - 9px);
  top: calc(50% - 9px);
}
.u-export-generator-modal .modal-body form {
  margin: 0 20px 20px;
  text-align: left;
}
.u-export-generator-modal .modal-body form .inputfield::after {
  content: "";
  display: table;
  clear: both;
}
.u-export-generator-modal .modal-body form .inputfield {
  display: block;
  margin: 0 0 10px;
}
.u-export-generator-modal .modal-body form .inputerror {
  right: -20px;
}
.u-export-generator-modal .modal-body form label {
  clear: both;
  color: #606060;
  float: left;
  font-family: "Encode Sans", sans-serif;
  line-height: 20px;
  margin: 0 10px 0 0;
  text-align: right;
  width: 200px;
  padding: 9px 0 0;
}
.u-export-generator-modal .modal-body form .checkbox {
  margin-top: 5px;
}
.u-export-generator-modal .modal-body form .cinput {
  width: 240px;
}
.u-export-generator-modal .modal-body form .cselect {
  width: 240px;
}
.u-export-generator-modal .modal-body form .static {
  width: 240px;
  line-height: 38px;
}
.u-export-generator-modal .export-config-list {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-top: 30px;
  box-sizing: border-box;
  height: 300px;
  transform: translateX(0px);
  transition: transform 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
.u-export-generator-modal {
  /* category geselecteerd zonder templates eronder */
}
.u-export-generator-modal.step-2 .exportConfig.selected .icon {
  border: 1px solid #6c757d;
}
.u-export-generator-modal.step-2 .exportConfig.selected .title {
  color: #6c757d;
}
.u-export-generator-modal {
  /* category geselecteerd met templates eronder */
}
.u-export-generator-modal.step-3 .exportConfigList {
  position: relative;
}
.u-export-generator-modal.step-3 .exportConfig:not(:first-child) {
  margin: -5px 0 0 -128px;
}
.u-export-generator-modal.step-3 .exportConfig:first-child {
  margin: -5px 0 0;
}
.u-export-generator-modal.step-3 .exportConfig {
  z-index: 1;
}
.u-export-generator-modal.step-3 .exportConfig .title {
  opacity: 0;
}
.u-export-generator-modal.step-3 .exportConfig.selected {
  z-index: 2;
  left: 5px;
  top: 5px;
}
.u-export-generator-modal.step-3 .exportConfig.selected .title {
  opacity: 1;
}
.u-export-generator-modal.step-3 .exportConfig:hover .icon {
  border: 1px solid #dee2e6;
}
.u-export-generator-modal.step-3 .generatorForm {
  display: inline-block;
  width: 500px;
  max-height: 600px;
  opacity: 1;
  transition: max-height 125ms linear 200ms, width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms, opacity 200ms linear 200ms;
}
.u-export-generator-modal .generatorForm {
  max-height: 0;
  width: 0;
  display: inline-block;
  position: relative;
  vertical-align: top;
  opacity: 0;
  padding-top: 31px;
  transition: max-height 200ms linear 0ms, width 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955) 0ms;
}
.u-export-generator-modal .exportConfig {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 10px 25px 10px;
  cursor: pointer;
  margin: 0;
  top: 0;
  left: 0;
  transition: margin 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), top 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955), left 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-export-generator-modal .exportConfig .title {
  text-align: center;
  line-height: 40px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.u-export-generator-modal .exportConfig .icon {
  border: 1px solid #dee2e6;
  margin: -1px;
  border-radius: 0.2rem;
  white-space: nowrap;
  height: 135px;
}
.u-export-generator-modal .exportConfig .icon-generator {
  width: 108px;
  height: 135px;
  background-size: cover !important;
}
.u-export-generator-modal .exportConfig:hover .icon {
  border: 1px solid #6c757d;
}

.u-attribute-selector .selected .display_name {
  display: inline-block;
  min-width: 300px;
}
.u-attribute-selector .selected .display_name small {
  color: #68a1e0;
}
.u-attribute-selector .selected .attribute {
  margin-left: 10px;
}

.u-calculated-attribute-editor {
  margin: 10px;
  display: flex;
}
.u-calculated-attribute-editor .available-attributes {
  margin: 5px;
  flex: 0 1 50%;
  height: 50vh;
}
.u-calculated-attribute-editor .available-attributes .search {
  padding: 5px;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #dee2e6;
}
.u-calculated-attribute-editor .available-attributes .search .cinput {
  width: 100%;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] {
  list-style: none;
  min-height: 52px;
  padding: 0 5px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  background-color: #dee2e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%;
  overflow-y: auto;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] .dndPlaceholder {
  background-color: #f0f0f0;
  display: block;
  min-height: 46px;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  margin: 5px 0;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] > li > ul {
  list-style: none;
  padding: 5px;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] > li > ul > li {
  display: inline-block;
  margin: 5px;
  width: auto;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] > li > ul > li:first-child {
  vertical-align: middle;
  width: 20px;
}
.u-calculated-attribute-editor .available-attributes ul[dnd-list] > li > ul > li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-calculated-attribute-editor .selected-attributes {
  margin: 5px;
  flex: 0 1 50%;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] {
  list-style: none;
  min-height: 58px;
  padding-left: 0;
  margin: 0;
  background-color: #f7f7f7;
  border-radius: 0.2rem;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] .dndPlaceholder {
  background-color: #f0f0f0;
  display: block;
  min-height: 58px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li:only-child {
  border-radius: 0.2rem;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li:last-child .operator-select {
  display: none;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container {
  display: flex;
  justify-content: space-between;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul {
  list-style: none;
  padding: 5px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li {
  display: inline-block;
  margin: 5px 0;
  width: auto;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li .cinput {
  width: 240px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul.left {
  flex: 1 0 5%;
  display: flex;
  align-items: center;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul.left li:first-child {
  vertical-align: middle;
  margin: 5px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .meta-options {
  padding: 5px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .meta-options table {
  width: 100%;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .meta-options table tr td:first-child {
  text-align: right;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .meta-options table tr td:last-child {
  width: 148px;
}
.u-calculated-attribute-editor .selected-attributes ul[dnd-list] > li .meta-options table tr td {
  padding: 5px 10px;
}

.u-combined-attribute-editor {
  margin: 10px;
  display: flex;
}
.u-combined-attribute-editor .available-attributes {
  margin: 5px;
  flex: 0 1 50%;
  height: 50vh;
}
.u-combined-attribute-editor .available-attributes .search {
  padding: 5px;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #dee2e6;
}
.u-combined-attribute-editor .available-attributes .search .cinput {
  width: 100%;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] {
  list-style: none;
  min-height: 52px;
  padding: 0 5px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  background-color: #dee2e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 100%;
  overflow-y: auto;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] .dndPlaceholder {
  background-color: #f0f0f0;
  display: block;
  min-height: 46px;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  margin: 5px 0;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] > li > ul {
  list-style: none;
  padding: 5px;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] > li > ul > li {
  display: inline-block;
  margin: 5px;
  width: auto;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] > li > ul > li:first-child {
  vertical-align: middle;
  width: 20px;
}
.u-combined-attribute-editor .available-attributes ul[dnd-list] > li > ul > li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-combined-attribute-editor .selected-attributes {
  margin: 5px;
  flex: 0 1 50%;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] {
  list-style: none;
  min-height: 58px;
  padding-left: 0;
  margin: 0;
  background-color: #f7f7f7;
  border-radius: 0.2rem;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] .dndPlaceholder {
  background-color: #f0f0f0;
  display: block;
  min-height: 58px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li:only-child {
  border-radius: 0.2rem;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li:last-child .separator {
  display: none;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container {
  display: flex;
  justify-content: space-between;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul {
  list-style: none;
  padding: 5px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li {
  display: inline-block;
  margin: 5px 0;
  width: auto;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li .cinput {
  width: 100px;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul.left {
  flex: 1 0 5%;
  display: flex;
  align-items: center;
}
.u-combined-attribute-editor .selected-attributes ul[dnd-list] > li .container > ul.left li:first-child {
  vertical-align: middle;
  margin: 5px;
}
.u-tag-editor {
  display: flex;
  min-height: 200px;
  max-height: 600px;
}
.u-tag-editor .available-tags {
  margin: 5px;
  flex: 0 1 50%;
}
.u-tag-editor .available-tags .search {
  padding: 5px;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #dee2e6;
  display: flex;
  flex-flow: row nowrap;
}
.u-tag-editor .available-tags .search .cinput {
  flex: 1 0 auto;
}
.u-tag-editor .available-tags .search button {
  margin-left: 5px;
  flex: 0 0 auto;
}
.u-tag-editor .available-tags ul[dnd-list] {
  list-style: none;
  height: 400px;
  padding: 0 5px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  background-color: #dee2e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-y: auto;
}
.u-tag-editor .available-tags ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-tag-editor .available-tags ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 44px;
}
.u-tag-editor .available-tags ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  margin: 5px 0;
}
.u-tag-editor .available-tags ul[dnd-list] > li > ul {
  list-style: none;
  padding: 5px;
}
.u-tag-editor .available-tags ul[dnd-list] > li > ul > li {
  display: inline-block;
  margin: 5px;
  width: auto;
}
.u-tag-editor .available-tags ul[dnd-list] > li > ul > li:first-child {
  vertical-align: middle;
  width: 20px;
}
.u-tag-editor .available-tags ul[dnd-list] > li > ul > li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-tag-editor .selected-tags {
  margin: 5px;
  flex: 0 1 50%;
}
.u-tag-editor .selected-tags .search {
  padding: 5px;
  border: 1px solid #ddd;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #dee2e6;
}
.u-tag-editor .selected-tags .search .cinput {
  width: 100%;
}
.u-tag-editor .selected-tags ul[dnd-list] {
  list-style: none;
  height: 400px;
  padding: 0 5px;
  margin: -1px 0 0 0;
  border: 1px solid #ddd;
  background-color: #dee2e6;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-y: auto;
}
.u-tag-editor .selected-tags ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-tag-editor .selected-tags ul[dnd-list] .dndPlaceholder {
  background-color: #ddd;
  display: block;
  min-height: 48px;
}
.u-tag-editor .selected-tags ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.2rem;
  margin: 5px 0;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container {
  display: flex;
  justify-content: space-between;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container > ul {
  list-style: none;
  padding: 0 5px;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container > ul li {
  display: inline-block;
  margin: 5px 0;
  width: auto;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container > ul li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  margin: 2px auto;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container > ul.left {
  flex: 1 0 50%;
  display: flex;
  align-items: center;
}
.u-tag-editor .selected-tags ul[dnd-list] > li .container > ul.left li:first-child {
  vertical-align: middle;
  margin: 5px;
}
.u-option-editor {
  height: 100%;
}
.u-option-editor h1 {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 34px;
  margin: 0;
  padding: 20px 0 10px;
}
.u-option-editor {
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
}
.u-option-editor ul[dnd-list] {
  min-height: 52px;
  padding-left: 0;
}
.u-option-editor {
  /**
      * The dndDraggingSource class will be applied to
      * the source element of a drag operation. It makes
      * sense to hide it to give the user the feeling
      * that he's actually moving it.
      */
}
.u-option-editor ul[dnd-list] .dndDraggingSource {
  display: none;
}
.u-option-editor {
  /**
      * An element with .dndPlaceholder class will be
      * added to the dnd-list while the user is dragging
      * over it.
      */
}
.u-option-editor ul[dnd-list] .dndPlaceholder {
  background-color: #f0f0f0;
  display: block;
  min-height: 52px;
}
.u-option-editor ul[dnd-list] > li {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px;
}
.u-option-editor ul[dnd-list] > li:only-child {
  border-radius: 0.2rem;
}
.u-option-editor ul[dnd-list] > li:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.u-option-editor ul[dnd-list] > li:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.u-option-editor > ul {
  padding: 0;
}
.u-option-editor ul {
  list-style: none;
  padding: 7px;
}
.u-option-editor ul ul li {
  display: inline-block;
  margin: 0 10px 0 0;
}
.u-option-editor ul ul li:first-child {
  width: 20px;
}
.u-option-editor ul ul li:nth-last-child(2) {
  width: auto;
}
.u-option-editor ul ul li .cinput {
  width: 240px;
}
.u-option-editor ul ul li .textfield {
  width: 100%;
}
.u-option-editor ul ul li .textfield textarea {
  height: 35px;
}
.u-option-editor ul ul li .handle {
  font-size: 1.1rem;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: move;
  vertical-align: -14%;
}
.u-option-editor ul .right {
  float: right;
}
.u-option-editor ul .inputerror {
  right: -20px;
}
.u-option-editor ul .inputerror .tooltip {
  display: none;
}
.u-option-editor ul .inputerror:hover .tooltip {
  display: block;
}

.u-calculated {
  float: left;
  width: 480px;
}
.u-calculated .calc_attributes {
  position: relative;
}
.u-calculated .calc_attributes .calculated_value {
  box-sizing: border-box;
  color: #525b65;
  display: block;
  line-height: 16px;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  width: 100%;
}
.u-calculated .calc_attributes .calculated_value i {
  float: right;
  color: #525b65;
  line-height: 16px;
}
.u-calculated .calc_attributes .calculated_value i:hover {
  color: #3a7bd5;
}
.u-calculated .calc_attributes .calculated_expanded {
  margin: 5px 0;
}
.u-calculated .calc_attributes .calculated_expanded table {
  border: 1px solid #f1f3f5;
  width: auto;
  max-width: 675px;
  border-collapse: collapse;
}
.u-calculated .calc_attributes .calculated_expanded table .seperator {
  border-bottom: 1px solid #f1f3f5;
  padding: 0 20px;
}
.u-calculated .calc_attributes .calculated_expanded table th, .u-calculated .calc_attributes .calculated_expanded table td {
  text-align: right;
  padding: 5px 10px;
}
.u-calculated .calc_attributes .calculated_expanded table th.calc_prefix, .u-calculated .calc_attributes .calculated_expanded table td.calc_prefix {
  text-align: right;
}
.u-calculated .calc_attributes .calculated_expanded table th.calc_total, .u-calculated .calc_attributes .calculated_expanded table td.calc_total {
  text-align: right;
}
.u-calculated .calc_attributes .calculated_expanded table th.calc_name, .u-calculated .calc_attributes .calculated_expanded table td.calc_name {
  width: 50%;
  text-align: right;
  color: #6d798c;
  font-weight: 400;
}
.u-calculated .calc_attributes .calculated_expanded table th.calc_exclude, .u-calculated .calc_attributes .calculated_expanded table td.calc_exclude {
  text-align: center;
}
.u-calculated .calc_attributes .calculated_expanded table th.calc_comment, .u-calculated .calc_attributes .calculated_expanded table td.calc_comment {
  text-align: center;
}
.u-calculated .calc_attributes .calculated_expanded table tfoot {
  padding-top: 5px;
}
.u-calculated .calc_attributes .calculated_expanded table .cinput {
  width: 50px;
}
.u-calculated .calc_attributes .calculated_expanded table .changed .cinput input {
  border-color: #6c757d;
}
.u-calculated .calc_attributes .calculated_expanded table .changed .calc_value {
  text-decoration: line-through;
  color: red;
}
.u-calculated .calc_attributes .calculated_expanded table .changed .calc_value span {
  color: black;
}
.u-calculated .calc_attributes .calculated_expanded table .checkbox {
  float: none;
  margin: 0;
}
.u-calculated .calc_attributes .calculated_expanded table .help {
  position: relative;
  right: -5px;
  top: 0;
  color: #b2c6cd;
  margin-right: -20px;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent {
  z-index: 100;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 0.2rem;
  color: #6d798c;
  line-height: 12px;
  position: absolute;
  border: 1px solid #dee2e6;
  width: 250px;
  top: 30px;
  margin-left: -119px;
  cursor: default;
  display: none;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper {
  display: block;
  width: calc(100% - 40px);
  padding: 15px 20px 10px;
  font-weight: 400;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .changeUser, .u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .old_value {
  margin-bottom: 10px;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .changeUser span, .u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .old_value span {
  font-weight: 400;
  color: #6c757d;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .calc_comment {
  font-weight: 400;
}
.u-calculated .calc_attributes .calculated_expanded table .calc_optionsButton {
  position: relative;
}
.u-calculated .calc_attributes .calculated_expanded table .calc_optionsButton i {
  color: #525b65;
}
.u-calculated .calc_attributes .calculated_expanded table .calc_optionsButton .tooltip2 {
  top: 20px;
}
.u-calculated .calc_attributes .calculated_expanded table .calc_optionsButton:hover i {
  color: #6c757d;
}
.u-calculated .calc_attributes.collapsed .calculated_expanded {
  display: none;
}

u-milestone {
  display: flex;
  flex: 1;
  width: 100%;
}

.u-milestone {
  cursor: pointer;
  flex: 1;
  position: relative;
  display: inline-block;
}
.u-milestone .u-milestone-name {
  margin-bottom: 4px;
}
.u-milestone .u-milestone-bar {
  position: relative;
  min-width: 140px;
  width: 100%;
  height: 6px;
  background: #e5e7eb;
  border-radius: 0.2rem;
  overflow: hidden;
}
.u-milestone .u-milestone-fill {
  height: 100%;
  transition: width 0.3s ease;
}
.u-milestone .u-milestone-icon {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  color: #333;
}
.u-milestone .u-milestone-percent {
  margin-top: 4px;
  text-align: right;
}
.u-milestone .u-milestone-tooltip {
  position: absolute;
  left: 50px;
  top: 100%;
  transform: translate(-50%, 6px);
  background: #111;
  color: #fff;
  padding: 6px 8px;
  border-radius: 0.2rem;
  white-space: nowrap;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
}
.u-milestone:hover .u-milestone-tooltip {
  opacity: 1;
  visibility: visible;
}

.u-status {
  box-sizing: border-box;
  background-color: #fff;
  color: #6d798c;
  display: inline-flex;
  line-height: 16px;
  margin: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  text-overflow: ellipsis;
}
.u-status .expand-button {
  width: 20px;
  height: 36px;
  color: #bbbbbb;
  display: flex;
  cursor: pointer;
  align-items: center;
  align-self: center;
}
.u-status .expand-button i {
  margin: auto;
}
.u-status > .cselect > .trigger > i {
  right: 24px;
}
.u-status .fade, .u-status.fade {
  opacity: 0.2;
}
.u-status .expand-container {
  display: none;
}
.u-status .current-status i {
  color: #6c788c;
  position: relative;
  top: 4px;
}
.u-status .current-status .fa-sort-desc {
  top: -1px !important;
}
.u-status .current-status i {
  color: #6c788c;
  position: relative;
  top: 4px;
}
.u-status .current-status .fa-sort-desc {
  top: -1px !important;
}
.u-status div.expand {
  display: block;
  position: absolute;
  top: 41px;
  z-index: 5;
  right: 0;
  background: white;
  border: solid 1px #dee2e6;
}
.u-status div.expand ul {
  height: 100%;
  display: block;
  z-index: 5;
  list-style: none;
  padding: 10px;
  margin: 0;
}
.u-status div.expand .options-container {
  z-index: 10;
  left: -20px;
}
.u-status div.expand li {
  border-bottom: solid 1px #dee2e6;
  align-items: center;
  display: flex;
  vertical-align: middle;
}
.u-status div.expand li > div .cselect {
  border: none;
}
.u-status div.expand li > div .cbutton span {
  border-right: none;
  border-top: none;
  border-bottom: none;
}
.u-status .status-edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.u-status .status-input-group {
  display: inline-flex;
  align-items: stretch;
}
.u-status .status-select-wrap {
  display: inline-flex;
  flex-direction: column;
  gap: 4px;
}
.u-status .status-select-wrap.disabled {
  opacity: 1;
}
.u-status .status-select-wrap.disabled + .status-override-toggle {
  opacity: 1;
}
.u-status .status-override-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: -1px;
  padding: 0 8px;
  border: 1px solid #d9dfe8;
  border-left: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
  color: #3f4a5a;
  font-size: 12px;
  cursor: pointer;
  user-select: none;
}
.u-status .status-view {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
}
.u-status .status-text {
  color: #3f4a5a;
}
.u-status .override-checkbox-only {
  margin: 0;
  cursor: pointer;
}

.u-media-preview-modal .modal-body {
  padding: 0;
  text-align: center;
}
.u-media-preview-modal .modal-body ul {
  margin: 0;
  padding: 0;
}
.u-media-preview-modal .modal-body ul li:last-child {
  border: none;
}
.u-media-preview-modal .modal-body ul li {
  display: flex;
  justify-content: space-between;
  border-bottom: solid 1px #dee2e6;
  padding: 10px;
}
.u-media-preview-modal .modal-body ul li .country {
  display: flex;
  text-align: left;
  align-items: center;
  align-content: center;
  flex: 1;
}
.u-media-preview-modal .modal-body ul li .selected-country {
  padding-right: 2px;
}
.u-media-preview-modal .modal-body ul li .selected-country .cselect {
  width: 200px;
}
.u-media-preview-modal .modal-body .new {
  display: flex;
  border-top: solid 1px #dee2e6;
  padding: 8px;
}
.u-media-preview-modal .modal-body img {
  width: 100%;
  max-height: 500px;
  object-fit: contain;
}

.cbutton {
  display: inline-flex;
  align-items: stretch;
  position: relative;
  vertical-align: middle;
  height: 38px;
  border-radius: 0.2rem;
  user-select: none;
}
.cbutton.is-disabled {
  opacity: 0.65;
}
.cbutton .button-main,
.cbutton .button-trigger,
.cbutton .button-option {
  white-space: nowrap;
  border: 1px solid rgba(0, 0, 0, 0.14);
  background: transparent;
  cursor: pointer;
  transition: background 0.12s ease, transform 0.08s ease;
}
.cbutton .button-main:disabled,
.cbutton .button-trigger:disabled,
.cbutton .button-option:disabled {
  cursor: not-allowed;
}
.cbutton .button-main {
  height: 38px;
  min-width: 38px;
  padding: 0 14px;
  line-height: 36px;
  border-radius: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.cbutton .button-main:not(:disabled):active {
  transform: translateY(1px);
}
.cbutton.has-menu .button-main {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cbutton .button-trigger {
  width: 38px;
  height: 38px;
  line-height: 36px;
  border-left: none;
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cbutton .button-trigger i {
  position: relative;
  top: -2px;
  opacity: 0.7;
}
.cbutton .button-trigger:not(:disabled):active {
  transform: translateY(1px);
}
.cbutton.is-open .button-trigger {
  border-bottom-right-radius: 0;
}
.cbutton .button-menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  min-width: 100%;
  z-index: 100;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.2rem;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
  padding: 6px 0;
}
.cbutton .button-option {
  width: 100%;
  display: block;
  text-align: left;
  border: none;
  padding: 10px 14px;
  line-height: 16px;
  background: transparent;
  color: rgba(0, 0, 0, 0.84);
}
.cbutton .button-option:not(:disabled):hover {
  background: rgba(0, 0, 0, 0.05);
}
.cbutton.small {
  height: 28px;
}
.cbutton.small .button-main {
  height: 28px;
  line-height: 26px;
  padding: 0 10px;
}
.cbutton.small .button-trigger {
  height: 28px;
  width: 34px;
  line-height: 26px;
}
.cbutton.small .button-trigger i {
  top: -1px;
}
.cbutton.blue .button-main,
.cbutton.blue .button-trigger {
  background: #3a7bd5;
  border-color: #3a7bd5;
  color: #fff;
}
.cbutton.blue .button-main:not(:disabled):hover,
.cbutton.blue .button-trigger:not(:disabled):hover {
  background: rgb(69.82, 130.92, 215.52);
}
.cbutton.blue .button-main:not(:disabled):active,
.cbutton.blue .button-trigger:not(:disabled):active {
  background: rgb(44.7660251046, 114.0467782427, 209.9739748954);
}
.cbutton.green .button-main,
.cbutton.green .button-trigger {
  background: #3fa36c;
  border-color: #3fa36c;
  color: #fff;
}
.cbutton.green .button-main:not(:disabled):hover,
.cbutton.green .button-trigger:not(:disabled):hover {
  background: rgb(67.7500884956, 175.2899115044, 116.1430088496);
}
.cbutton.green .button-main:not(:disabled):active,
.cbutton.green .button-trigger:not(:disabled):active {
  background: rgb(59.22, 153.22, 101.52);
}
.cbutton.red .button-main,
.cbutton.red .button-trigger {
  background: #d14343;
  border-color: #d14343;
  color: #fff;
}
.cbutton.red .button-main:not(:disabled):hover,
.cbutton.red .button-trigger:not(:disabled):hover {
  background: rgb(211.76, 78.28, 78.28);
}
.cbutton.red .button-main:not(:disabled):active,
.cbutton.red .button-trigger:not(:disabled):active {
  background: rgb(205.7446153846, 53.6953846154, 53.6953846154);
}
.cbutton.yellow .button-main,
.cbutton.yellow .button-trigger {
  background: #e3b341;
  border-color: #e3b341;
  color: #fff;
}
.cbutton.yellow .button-main:not(:disabled):hover,
.cbutton.yellow .button-trigger:not(:disabled):hover {
  background: rgb(228.68, 183.56, 76.4);
}
.cbutton.yellow .button-main:not(:disabled):active,
.cbutton.yellow .button-trigger:not(:disabled):active {
  background: rgb(224.7497247706, 172.8921100917, 49.7302752294);
}
.cbutton.white .button-main,
.cbutton.white .button-trigger {
  background: #fff;
  border-color: #dee2e6;
  color: rgba(0, 0, 0, 0.86);
}
.cbutton.white .button-main:not(:disabled):hover,
.cbutton.white .button-trigger:not(:disabled):hover {
  background: #dee2e6;
}
.cbutton.white .button-main:not(:disabled):active,
.cbutton.white .button-trigger:not(:disabled):active {
  background: #dee2e6;
}

cdate {
  flex: 1;
}

.cdate {
  flex: 1;
}
.cdate .container {
  flex: 1;
  display: flex;
  align-items: center;
  height: 38px;
  border-radius: 0.2rem;
  border: solid 1px #dee2e6;
  padding: 0 8px;
}
.cdate .container .date-input {
  flex: 1;
  border: 0;
  background: transparent;
  outline: none;
  color: inherit;
  font: inherit;
  min-width: 0;
}

.cfile {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  position: relative;
}
.cfile .fa-exclamation-circle {
  color: #6d798b;
}
.cfile .fa-search-plus {
  -webkit-text-stroke: 1px white;
}
.cfile .hidden {
  display: none;
}
.cfile.compact {
  width: 240px;
}
.cfile.compact .button {
  float: left;
}
.cfile.compact .selected {
  margin: 2px 0 0;
  width: 240px;
}
.cfile .button {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 38px;
  min-width: 38px;
  vertical-align: middle;
  text-align: center;
  width: 115px;
}
.cfile .button .inner {
  color: #606060;
  display: block;
  font-family: "Encode Sans", sans-serif;
  font-style: normal;
  line-height: 20px;
  padding: 8px 16px;
}
.cfile .button:active {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.cfile .cbutton {
  margin-left: 2px;
  float: left;
  width: 38px;
  height: 38px;
}
.cfile .cbutton .inner {
  width: 38px;
  height: 38px;
  padding: 0;
  border-width: 0;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.cfile .cbutton .inner:hover i:before {
  color: #3a7bd5;
}
.cfile div.selected {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  display: block;
  float: left;
  margin-left: 2px;
  position: relative;
  vertical-align: middle;
  width: 323px;
}
.cfile div.selected .value,
.cfile div.selected input {
  box-sizing: border-box;
  border: 0;
  border-radius: 0.2rem;
  float: left;
  line-height: 15px;
  line-height: 16px;
  padding: 10px 32px 10px 10px;
  width: 100%;
  white-space: nowrap;
}
.cfile div.selected .delete {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  cursor: pointer;
  position: absolute;
  right: 7px;
  top: 10px;
}
.cfile div.selected .delete:hover {
  color: #6c757d;
}
.cfile div.selected .preview {
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 8px;
}
.cfile div.selected .preview:hover {
  color: #6c757d;
}
.cfile ul.selected {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  list-style: none;
  margin: 10px 0 0;
  padding: 0;
}
.cfile ul.selected li {
  padding: 8px 10px;
  position: relative;
}
.cfile ul.selected li i {
  position: absolute;
  right: 0;
  top: 5px;
}
.cfile.type-image .selected {
  float: left;
  margin-left: 2px;
  width: 342px;
}
.cfile.type-image .cbutton.preview-image {
  margin-left: 2px;
  float: left;
  width: 32px;
}
.cfile.type-image .cbutton.preview-image .inner {
  padding: 3px 16px;
}
.cfile.focus .button {
  border-color: #999;
  border-style: dotted;
}
.cfile.invalid .button {
  border-color: #d14343;
}
.cfile.invalid .selected {
  border-color: #d14343;
}
.cfile.invalid .selected input {
  background: #f8d7da;
}
.cfile.invalid.focus .button {
  border-style: dotted;
}
.cfile.disabled .button {
  background-color: #f8f8f8;
  color: #808080;
}
.cfile.disabled .selected input {
  background-color: #f8f8f8;
}
.cfile.disabled input {
  background-color: #f8f8f8;
  color: #808080;
}
.cfile.disabled .button {
  box-shadow: none;
  cursor: default !important;
}
.cfile.disabled .delete {
  cursor: default !important;
}
.cfile.readonly input {
  background-color: #f8f8f8;
}
.cfile.readonly .button {
  box-shadow: none;
  cursor: default !important;
}
.cfile.readonly .delete {
  cursor: default !important;
}

.checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: none;
  border-radius: 0.2rem;
  background: transparent;
  color: #525b65;
  cursor: pointer;
  user-select: none;
}
.checkbox:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.checkbox:not(:disabled):hover {
  background: #f8f9fa;
}
.checkbox:not(:disabled):active {
  transform: translateY(1px);
  background: #f1f3f5;
}
.checkbox:focus {
  outline: none;
}
.checkbox .checkbox-box {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}
.checkbox .checkbox-box i {
  display: block;
  font-size: 11px;
  line-height: 1;
  color: #fff;
  opacity: 0;
}
.checkbox.is-checked .checkbox-box {
  color: #3fa36c;
  border-color: #3fa36c;
}
.checkbox.is-checked .checkbox-box i {
  color: #3fa36c;
  opacity: 1;
}
.checkbox.is-checked:not(:disabled):hover .checkbox-box {
  color: rgb(67.7500884956, 175.2899115044, 116.1430088496);
  border-color: rgb(67.7500884956, 175.2899115044, 116.1430088496);
}
.checkbox.is-checked:not(:disabled):active .checkbox-box {
  background: rgb(59.22, 153.22, 101.52);
  border-color: rgb(59.22, 153.22, 101.52);
}
.checkbox .checkbox-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.checkbox .inputerror {
  position: absolute;
  right: -20px;
  top: 8px;
}

.checkboxSwitch {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  height: 32px;
  border-radius: 0.2rem;
  border: 1px solid #f1f3f5;
  background: #fff;
}
.checkboxSwitch.is-disabled {
  opacity: 0.6;
}
.checkboxSwitch.is-disabled .switch-side {
  cursor: not-allowed;
}
.checkboxSwitch.is-invalid {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.checkboxSwitch:focus {
  outline: none;
  border-color: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  box-shadow: 0 0 0 3px rgba(16.8685714286, 37.9542857143, 101.2114285714, 0.25);
}
.checkboxSwitch .thumb {
  position: absolute;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 4px);
  width: calc(50% - 3px);
  border-radius: 0.2rem;
  background: #d14343;
  transition: transform 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 0;
}
.checkboxSwitch .switch-side {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 32px;
  min-width: 36px;
  padding: 0 10px;
  border: none;
  background: transparent;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
  transition: color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.checkboxSwitch .switch-side:disabled {
  cursor: not-allowed;
}
.checkboxSwitch .switch-side i {
  display: block;
  font-size: 11px;
  line-height: 1;
}
.checkboxSwitch.is-false .thumb {
  transform: translateY(-50%) translateX(0);
  background: #d14343;
}
.checkboxSwitch.is-false .switch-false {
  color: #fff;
}
.checkboxSwitch.is-true .thumb {
  transform: translateY(-50%) translateX(100%);
  background: #3fa36c;
}
.checkboxSwitch.is-true .switch-true {
  color: #fff;
}
.checkboxSwitch .inputerror {
  position: absolute;
  right: -20px;
  top: 8px;
}

/* ============================================================
   Checkbox Tristate (false / null / true) – sliding thumb
   ============================================================ */
.checkboxTristate {
  position: relative;
  display: inline-flex;
  align-items: stretch;
  height: 32px;
  border-radius: 0.2rem;
  border: 1px solid #f1f3f5;
  background: #fff;
}
.checkboxTristate.is-disabled {
  opacity: 0.6;
}
.checkboxTristate.is-disabled .tri-side {
  cursor: not-allowed;
}
.checkboxTristate.is-invalid {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.checkboxTristate:focus {
  outline: none;
  border-color: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  box-shadow: 0 0 0 3px rgba(16.8685714286, 37.9542857143, 101.2114285714, 0.25);
}
.checkboxTristate .thumb {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  height: calc(100% - 4px);
  width: calc(33.333% - 3px);
  border-radius: 0.2rem;
  background: #d14343;
  transition: transform 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955), background 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  z-index: 0;
}
.checkboxTristate .tri-side {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  width: 36px;
  height: 32px;
  border: none;
  background: transparent;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
  transition: color 0.18s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.checkboxTristate .tri-side:disabled {
  cursor: not-allowed;
}
.checkboxTristate .tri-side i {
  display: block;
  font-size: 11px;
  line-height: 1;
}
.checkboxTristate.is-false .thumb {
  transform: translateY(-50%) translateX(-6px);
  background: #d14343;
}
.checkboxTristate.is-false .tri-false {
  color: #fff;
}
.checkboxTristate.is-null .thumb {
  transform: translateY(-50%) translateX(30px);
  background: #6c757d;
}
.checkboxTristate.is-null .tri-null {
  color: #fff;
}
.checkboxTristate.is-true .thumb {
  transform: translateY(-50%) translateX(200%);
  background: #3fa36c;
}
.checkboxTristate.is-true .tri-true {
  color: #fff;
}
.checkboxTristate .inputerror {
  position: absolute;
  right: -20px;
  top: 8px;
}

.checkboxActions {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.checkboxActions .checkbox {
  border: none;
  background: transparent;
}
.checkboxActions .checkbox:hover {
  background: #f8f9fa;
}
.checkboxActions .checkbox:active {
  transform: translateY(1px);
  background: #f1f3f5;
}
.checkboxActions .checkbox:focus {
  outline: none;
  border-color: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  box-shadow: 0 0 0 3px rgba(16.8685714286, 37.9542857143, 101.2114285714, 0.25);
}
.checkboxActions .checkbox-box {
  width: 14px;
  height: 14px;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
}
.checkboxActions .checkbox-box i {
  display: block;
  font-size: 11px;
  line-height: 1;
  margin-left: 1px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  opacity: 0.9;
}
.checkboxActions.open .checkbox-box {
  border-color: rgb(16.8685714286, 37.9542857143, 101.2114285714);
}
.checkboxActions.is-invalid .checkbox {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.checkboxActions.is-disabled {
  opacity: 0.6;
}
.checkboxActions.is-disabled .checkbox {
  cursor: not-allowed;
}
.checkboxActions .menu {
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  min-width: 160px;
  z-index: 200;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
  padding: 6px 0;
  overflow: hidden;
}
.checkboxActions .menu-item {
  width: 100%;
  border: none;
  background: transparent;
  cursor: pointer;
  display: block;
  text-align: left;
  line-height: 16px;
  padding: 10px 12px;
  color: rgba(0, 0, 0, 0.82);
  transition: background 0.1s ease, color 0.1s ease;
}
.checkboxActions .menu-item:hover {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.92);
}

.cinput {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 100%;
  height: 38px;
  min-width: 0;
}
.cinput .input {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  background: #fff;
  background-clip: padding-box;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-family: "Encode Sans", sans-serif;
  line-height: 16px;
  padding: 8px 12px;
  outline: none;
  box-shadow: none;
  transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.cinput .input::placeholder {
  color: #525b65;
}
.cinput.is-focus .input:focus {
  border-color: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  box-shadow: 0 0 0 3px rgba(16.8685714286, 37.9542857143, 101.2114285714, 0.25);
}
.cinput.is-invalid .input {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.cinput.is-invalid.is-focus .input:focus {
  box-shadow: 0 0 0 3px rgba(245, 198, 203, 0.35);
}
.cinput.is-disabled .input,
.cinput .input:disabled {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #525b65;
  cursor: not-allowed;
}
.cinput.is-readonly .input,
.cinput .input[readonly] {
  background: #fff;
  border-color: #dee2e6;
  color: #525b65;
}
.cinput .inputerror {
  position: absolute;
  right: -20px;
  top: 8px;
}

.cnumberSelect {
  position: relative;
}
.cnumberSelect .controls {
  box-sizing: border-box;
  position: absolute;
  display: block;
  border: 1px solid #dee2e6;
  text-align: center;
  width: 24px;
  cursor: pointer;
  background: #f8f9fa;
  user-select: none;
}
.cnumberSelect .numberUp {
  top: 0;
  right: 0;
  height: 20px;
}
.cnumberSelect .numberUp i {
  position: absolute;
  top: 3px;
  right: 6px;
  height: 19px;
}
.cnumberSelect .numberDown {
  top: 19px;
  right: 0;
  height: 19px;
}
.cnumberSelect .numberDown i {
  position: absolute;
  top: -3px;
  right: 6px;
  height: 19px;
}
.cnumberSelect input {
  box-sizing: border-box;
  display: block;
  padding: 4px;
  width: 38px;
  height: 38px;
  border: 1px solid #dee2e6;
  color: #525b65;
  font-family: "Encode Sans", sans-serif;
  line-height: 16px;
  margin-right: 23px;
  text-align: center;
}
.cnumberSelect {
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.cnumberSelect.focus {
  border-color: #999;
  border-style: dotted;
}
.cnumberSelect.invalid {
  border-color: #d14343;
}
.cnumberSelect.invalid.focus {
  border-style: dashed;
}
.cnumberSelect.disabled {
  background-color: #f8f8f8;
  color: #808080;
}
.cnumberSelect.disabled .value {
  cursor: default;
}
.cnumberSelect.readonly {
  background-color: #f8f8f8;
}
.cnumberSelect.readonly .value {
  cursor: default;
}

.colorSelect2 {
  box-sizing: border-box;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 100%;
  display: inline-block;
  height: 38px;
  margin: 0;
  padding: 10px 0 0 10px;
  position: relative;
  vertical-align: middle;
  width: 38px;
}
.colorSelect2 > span i.icon-colorIndicator {
  display: block;
  height: 16px;
  width: 16px;
}
.colorSelect2 > span i.icon-colorIndicator:before {
  content: none;
  border: none;
}
.colorSelect2 .icon-colorIndicator:before {
  border: 3px solid white;
  border-radius: 100%;
  content: " ";
  display: inline-block;
  height: 16px;
  margin: -3px 0 0 -3px;
  width: 16px;
}
.colorSelect2 .icon-colorIndicator.color-default, .colorSelect2 .icon-colorIndicator.default {
  background-color: #dee2e6;
}
.colorSelect2 .icon-colorIndicator.color-orange, .colorSelect2 .icon-colorIndicator.orange {
  background-color: #fd7e14;
}
.colorSelect2 .icon-colorIndicator.color-pink, .colorSelect2 .icon-colorIndicator.pink {
  background-color: #e83e8c;
}
.colorSelect2 .icon-colorIndicator.color-blue, .colorSelect2 .icon-colorIndicator.blue {
  background-color: #51a3ff;
}
.colorSelect2 .icon-colorIndicator.color-cyan, .colorSelect2 .icon-colorIndicator.cyan {
  background-color: #0dcaf0;
}
.colorSelect2 .icon-colorIndicator.color-purple, .colorSelect2 .icon-colorIndicator.purple {
  background-color: #6f42c1;
}
.colorSelect2 .icon-colorIndicator.color-yellow, .colorSelect2 .icon-colorIndicator.yellow {
  background-color: #e3b341;
}
.colorSelect2 .icon-colorIndicator.color-red, .colorSelect2 .icon-colorIndicator.red {
  background-color: #d14343;
}
.colorSelect2 .icon-colorIndicator.color-green, .colorSelect2 .icon-colorIndicator.green {
  background-color: #3a7bd5;
}
.colorSelect2 .colorpickerwrapper {
  display: inline-block;
  height: 0;
  margin-left: 8px;
  overflow: visible;
  position: absolute;
  margin-right: -50%;
}
.colorSelect2 .colorpicker {
  display: none;
  margin-left: -50%;
  margin-right: 50%;
  padding-top: 20px;
  top: 26px;
}
.colorSelect2 .colorpicker:before {
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 -5px;
  position: absolute;
  top: 11px;
  width: 0;
  z-index: 1;
}
.colorSelect2 .colorpicker:after {
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin: 0 -4px;
  position: absolute;
  top: 13px;
  width: 0;
  z-index: 2;
}
.colorSelect2 .colorpicker ul::after {
  content: "";
  display: table;
  clear: both;
}
.colorSelect2 .colorpicker ul {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 100%;
  font-size: 0;
  line-height: 0;
  list-style: none;
  margin: 0;
  padding: 10px 10px 10px 10px;
  white-space: nowrap;
  z-index: 999;
  position: relative;
}
.colorSelect2 .colorpicker ul i {
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-left: 3px;
  margin-top: 3px;
  width: 16px;
}
.colorSelect2 .colorpicker ul li {
  border: 1px solid #dee2e6;
  display: inline-block;
  margin: 0 2px 0 2px;
  height: 22px;
  position: relative;
  width: 22px;
}
.colorSelect2 .colorpicker ul li:hover .icon-colorIndicator:after {
  bottom: 5px;
  content: " ";
  display: block;
  height: 5px;
  position: absolute;
  right: 5px;
  width: 5px;
}
.colorSelect2:hover {
  border-color: #6c757d;
}
.colorSelect2:hover .colorpicker {
  display: block;
}
.colorSelect2:hover > span > i.icon-colorIndicator:before {
  bottom: 12px;
  content: " ";
  display: block;
  height: 5px;
  position: absolute;
  right: 12px;
  width: 5px;
}

.cselect {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: fit-content;
  border-radius: 0.2rem;
}
.cselect.is-disabled, .cselect.is-readonly {
  opacity: 0.65;
}
.cselect.is-disabled .select-control, .cselect.is-readonly .select-control {
  cursor: not-allowed;
}
.cselect.is-invalid .select-control {
  border: 1px dashed #d14343;
  background: #f8d7da;
}
.cselect .select-control {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: 38px;
  padding: 0 12px;
  border-radius: 0.2rem;
  border: 1px solid #dee2e6;
  background: #fff;
  color: rgba(0, 0, 0, 0.86);
  cursor: pointer;
  user-select: none;
  transition: background 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}
.cselect .select-control:disabled {
  cursor: not-allowed;
}
.cselect .select-control:not(:disabled):hover {
  background: rgba(0, 0, 0, 0.03);
}
.cselect .select-control:focus {
  outline: none;
  border-color: rgba(12, 27, 72, 0.35);
  box-shadow: 0 0 0 3px rgba(12, 27, 72, 0.1);
}
.cselect .select-text {
  display: block;
  min-width: 0;
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cselect .select-trigger {
  width: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  opacity: 0.7;
}
.cselect .select-trigger i {
  position: relative;
  top: -1px;
}
.cselect .select-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 6px);
  width: 100%;
  min-width: fit-content;
  z-index: 100;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.2rem;
  background: #fff;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.14);
}
.cselect .select-options {
  display: flex;
  flex-direction: column;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cselect .select-option {
  width: 100%;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  border: none;
  background: #fff;
  cursor: pointer;
  padding: 0 12px;
  text-align: left;
  color: rgba(0, 0, 0, 0.84);
  transition: background 0.1s ease, color 0.1s ease;
}
.cselect .select-option:hover {
  background: rgba(0, 0, 0, 0.02);
}
.cselect .select-option.is-selected {
  color: #3a7bd5;
  font-weight: 400;
}
.cselect .select-option-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cselect .select-empty {
  padding: 10px 12px;
  color: rgba(0, 0, 0, 0.55);
}
.cselect .inputerror {
  position: absolute;
  right: -20px;
  top: 10px;
}
.cselect.is-multiple {
  width: 100%;
}
.cselect.is-multiple .select-control {
  display: none;
}
.cselect.is-multiple .select-menu {
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  box-shadow: none;
  border: 1px solid rgba(0, 0, 0, 0.18);
  border-radius: 0.2rem;
}

.cswitch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 26px;
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.cswitch.disabled, .cswitch.readonly {
  cursor: default;
  opacity: 0.6;
}
.cswitch .cswitch-track {
  position: absolute;
  inset: 0;
  border-radius: 999px;
  border: 1px solid #dee2e6;
  background: #f8f9fa;
  transition: background 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.cswitch .cswitch-thumb {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #dee2e6;
  transition: transform 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955), border-color 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.cswitch.on .cswitch-track {
  background: #3fa36c;
  border-color: rgb(59.22, 153.22, 101.52);
}
.cswitch.on .cswitch-thumb {
  transform: translateX(18px);
  border-color: rgb(59.22, 153.22, 101.52);
}
.cswitch.off .cswitch-track {
  background: #f8f9fa;
  border-color: #dee2e6;
}
.cswitch:focus {
  outline: none;
}
.cswitch:focus-visible .cswitch-track {
  border-color: #3a7bd5;
}

.entitySelector {
  display: inline-block;
}
.entitySelector .column {
  display: inline-block;
  vertical-align: top;
}
.entitySelector .treeWrapper {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
}
.entitySelector .searchWrapper {
  padding: 10px;
  width: 100%;
  position: relative;
}
.entitySelector .searchWrapper input {
  height: 38px;
  color: #525b65;
  border: 1px solid #dee2e6;
  width: 100%;
  padding-left: 10px;
  padding-right: 28px;
}
.entitySelector .searchWrapper i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  position: absolute;
  right: 20px;
  top: 23px;
}
.entitySelector ul {
  padding: 0;
  margin-top: 0;
}
.entitySelector {
  max-width: 800px;
}
.entitySelector, .entitySelector * {
  user-select: none;
  box-sizing: border-box;
}
.entitySelector .entitySelectorTree.root {
  margin: 10px;
}
.entitySelector .entitySelectorTree {
  list-style-type: none;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.entitySelector .entitySelectorTree .entitySelectorLeaf {
  cursor: pointer;
  vertical-align: middle;
  list-style-type: none;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div {
  width: 100%;
  min-height: 36px;
  border: 1px solid white;
  line-height: 36px;
  position: relative;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div:hover {
  background: #f5faff;
  border: 1px solid #cfd8dc;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div .checkbox {
  vertical-align: middle;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div > i, .entitySelector .entitySelectorTree .entitySelectorLeaf > div > span {
  vertical-align: middle;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div > i:before {
  vertical-align: middle;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div > i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  margin-left: 5px;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div > span {
  padding-top: 2px;
  padding-left: 6px;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > ul > li > div {
  position: relative;
  padding: 0 39px 0 25px;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf .entitySelectorLeaf {
  color: #525b65;
}
.entitySelector .entitySelectorTree .openclose {
  position: absolute;
  right: 10px;
  top: 11px;
}
.entitySelector .entitySelectorTree .openclose:hover {
  color: #3a7bd5;
}
.entitySelector .entitySelectorTree .iconWrapper {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 0;
  right: 16px;
  padding: 0 9px;
}
.entitySelector .entitySelectorTree .iconWrapper:hover i {
  color: #3a7bd5;
}
.entitySelector .entitySelectorTree .iconWrapper i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.entitySelector .checkbox-actions {
  display: inline-block;
}
.entitySelector .selectionBucket .entitySelectorLeaf .entitySelectorLeaf {
  cursor: default;
}

.dragFrame {
  position: fixed;
  z-index: 999999;
  display: inline-block;
  margin: 10px;
  transition: all 0s linear;
}
.dragFrame ul {
  padding: 5px 10px;
  margin: 0;
  list-style-type: none;
}
.dragFrame li {
  padding: 0;
  margin: 0;
  line-height: 38px;
  color: #525b65;
}
.dragFrame li > i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.dragFrame li > span {
  max-width: 240px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dragFrame li {
  background: rgba(255, 255, 255, 0.5);
}

.entitySelectorDraggable, .entitySelectorBucket, .entitySelectorGroupBucket {
  vertical-align: top;
  display: inline-block;
  margin: 20px;
  position: relative;
  user-select: none;
  box-sizing: border-box;
  text-align: left;
}
.entitySelectorDraggable .emptyGroupMessage, .entitySelectorBucket .emptyGroupMessage, .entitySelectorGroupBucket .emptyGroupMessage {
  color: #525b65;
  text-align: center;
}
.entitySelectorDraggable *, .entitySelectorBucket *, .entitySelectorGroupBucket * {
  box-sizing: border-box;
  position: relative;
  text-align: left;
}
.entitySelectorDraggable .removeButton, .entitySelectorDraggable .addButton, .entitySelectorBucket .removeButton, .entitySelectorBucket .addButton, .entitySelectorGroupBucket .removeButton, .entitySelectorGroupBucket .addButton {
  position: absolute;
}
.entitySelectorDraggable .removeButton .inner, .entitySelectorDraggable .addButton .inner, .entitySelectorBucket .removeButton .inner, .entitySelectorBucket .addButton .inner, .entitySelectorGroupBucket .removeButton .inner, .entitySelectorGroupBucket .addButton .inner {
  position: relative;
}
.entitySelectorDraggable .removeButton .inner i, .entitySelectorDraggable .addButton .inner i, .entitySelectorBucket .removeButton .inner i, .entitySelectorBucket .addButton .inner i, .entitySelectorGroupBucket .removeButton .inner i, .entitySelectorGroupBucket .addButton .inner i {
  position: absolute;
  top: 1px;
  left: 14px;
}
.entitySelectorDraggable .addButton, .entitySelectorBucket .addButton, .entitySelectorGroupBucket .addButton {
  left: -51px;
  top: calc(50% - 28px);
}
.entitySelectorDraggable .removeButton, .entitySelectorBucket .removeButton, .entitySelectorGroupBucket .removeButton {
  right: -51px;
  top: calc(50% + 28px);
}
.entitySelectorDraggable .header, .entitySelectorBucket .header, .entitySelectorGroupBucket .header {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 34px;
  margin: 0;
  padding: 20px 0;
}
.entitySelectorDraggable .header .cbutton, .entitySelectorBucket .header .cbutton, .entitySelectorGroupBucket .header .cbutton {
  float: right;
}
.entitySelectorDraggable .searchWrapper, .entitySelectorBucket .searchWrapper, .entitySelectorGroupBucket .searchWrapper {
  width: 320px;
  padding-bottom: 15px;
}
.entitySelectorDraggable .searchWrapper input, .entitySelectorBucket .searchWrapper input, .entitySelectorGroupBucket .searchWrapper input {
  color: #525b65;
  display: block;
  line-height: 16px;
  padding: 10px 35px 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  width: 100%;
}
.entitySelectorDraggable .searchWrapper .fa-icon, .entitySelectorBucket .searchWrapper .fa-icon, .entitySelectorGroupBucket .searchWrapper .fa-icon {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  position: absolute;
  top: 9px;
  right: 9px;
}
.entitySelectorDraggable .wrapper, .entitySelectorBucket .wrapper, .entitySelectorGroupBucket .wrapper {
  border: 1px solid #dee2e6;
  padding: 15px;
  height: 485px;
}
.entitySelectorDraggable .wrapper.acceptingDrop, .entitySelectorBucket .wrapper.acceptingDrop, .entitySelectorGroupBucket .wrapper.acceptingDrop {
  border-color: #3a7bd5;
  border-style: dashed;
}
.entitySelectorDraggable .entityListWrapper, .entitySelectorDraggable .entityGroupListWrapper, .entitySelectorBucket .entityListWrapper, .entitySelectorBucket .entityGroupListWrapper, .entitySelectorGroupBucket .entityListWrapper, .entitySelectorGroupBucket .entityGroupListWrapper {
  overflow-y: auto;
  max-height: 400px;
  width: 320px;
}
.entitySelectorDraggable .entityListWrapper ul, .entitySelectorDraggable .entityGroupListWrapper ul, .entitySelectorBucket .entityListWrapper ul, .entitySelectorBucket .entityGroupListWrapper ul, .entitySelectorGroupBucket .entityListWrapper ul, .entitySelectorGroupBucket .entityGroupListWrapper ul {
  list-style-type: none;
  padding: 0 12px 55px 0;
  margin: 0;
}
.entitySelectorDraggable .entityListWrapper ul .entityListItem:hover, .entitySelectorDraggable .entityListWrapper ul .entityGroupListItem:hover, .entitySelectorDraggable .entityGroupListWrapper ul .entityListItem:hover, .entitySelectorDraggable .entityGroupListWrapper ul .entityGroupListItem:hover, .entitySelectorBucket .entityListWrapper ul .entityListItem:hover, .entitySelectorBucket .entityListWrapper ul .entityGroupListItem:hover, .entitySelectorBucket .entityGroupListWrapper ul .entityListItem:hover, .entitySelectorBucket .entityGroupListWrapper ul .entityGroupListItem:hover, .entitySelectorGroupBucket .entityListWrapper ul .entityListItem:hover, .entitySelectorGroupBucket .entityListWrapper ul .entityGroupListItem:hover, .entitySelectorGroupBucket .entityGroupListWrapper ul .entityListItem:hover, .entitySelectorGroupBucket .entityGroupListWrapper ul .entityGroupListItem:hover {
  background: #f5faff;
}
.entitySelectorDraggable .entityListWrapper ul .emptyMessage:hover, .entitySelectorDraggable .entityGroupListWrapper ul .emptyMessage:hover, .entitySelectorBucket .entityListWrapper ul .emptyMessage:hover, .entitySelectorBucket .entityGroupListWrapper ul .emptyMessage:hover, .entitySelectorGroupBucket .entityListWrapper ul .emptyMessage:hover, .entitySelectorGroupBucket .entityGroupListWrapper ul .emptyMessage:hover {
  background: #f5faff !important;
}
.entitySelectorDraggable .entityListWrapper ul .entityGroupListItem, .entitySelectorDraggable .entityGroupListWrapper ul .entityGroupListItem, .entitySelectorBucket .entityListWrapper ul .entityGroupListItem, .entitySelectorBucket .entityGroupListWrapper ul .entityGroupListItem, .entitySelectorGroupBucket .entityListWrapper ul .entityGroupListItem, .entitySelectorGroupBucket .entityGroupListWrapper ul .entityGroupListItem {
  border: 1px solid transparent;
  box-sizing: border-box;
}
.entitySelectorDraggable .entityListWrapper ul .entityGroupListItem .entityListItem:hover, .entitySelectorDraggable .entityGroupListWrapper ul .entityGroupListItem .entityListItem:hover, .entitySelectorBucket .entityListWrapper ul .entityGroupListItem .entityListItem:hover, .entitySelectorBucket .entityGroupListWrapper ul .entityGroupListItem .entityListItem:hover, .entitySelectorGroupBucket .entityListWrapper ul .entityGroupListItem .entityListItem:hover, .entitySelectorGroupBucket .entityGroupListWrapper ul .entityGroupListItem .entityListItem:hover {
  background: #f5faff;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper a, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper a, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper a, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper a, .entitySelectorBucket .entityListWrapper ul li .entityWrapper a, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper a, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper a, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper a, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper a, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper a, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper a, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper a {
  color: #3a7bd5;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorBucket .entityListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper:hover > .entityMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper:hover > .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper:hover > .entityGroupMenu {
  display: inline-block;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper, .entitySelectorBucket .entityListWrapper ul li .entityWrapper, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper {
  color: #525b65;
  padding: 0 0 0 5px;
  line-height: 38px;
  cursor: move;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper > i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > i:before, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > i:before, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > i:before, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > i:before, .entitySelectorBucket .entityListWrapper ul li .entityWrapper > i:before, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > i:before, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > i:before, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > i:before, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > i:before, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > i:before, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > i:before, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > i:before {
  vertical-align: middle;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorBucket .entityListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton:hover:not(.fa-folder), .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton:hover:not(.fa-folder) {
  color: #3a7bd5;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > i.expandButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > i.expandButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > i.expandButton {
  cursor: pointer;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper > span, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper > span, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper > span, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper > span, .entitySelectorBucket .entityListWrapper ul li .entityWrapper > span, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper > span, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper > span, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper > span, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper > span, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper > span, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper > span, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper > span {
  max-width: 230px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityWrapper span, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityWrapper span, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityWrapper span, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityWrapper span, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityWrapper span, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityWrapper span, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityWrapper span {
  max-width: 200px !important;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu {
  padding-right: 5px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu {
  display: inline-block;
  line-height: 38px;
  position: absolute;
  right: 4px;
  top: 0;
  height: 38px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton {
  display: inline-block;
  cursor: pointer;
  height: 38px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton i {
  height: 38px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 0.8rem;
  margin-top: 14px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.closeButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.closeButton:hover i {
  color: #3a7bd5;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton {
  padding-left: 5px;
  padding-right: 5px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  margin-top: 12px;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton.optionsButton:hover i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton.optionsButton:hover i {
  color: #3a7bd5;
}
.entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorDraggable .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorDraggable .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityWrapper .entityGroupMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityMenu .entityGroupMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityMenuButton > i, .entitySelectorGroupBucket .entityGroupListWrapper ul li .entityGroupWrapper .entityGroupMenu .entityGroupMenuButton > i {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.entitySelectorDraggable .entityListWrapper ul li ul, .entitySelectorDraggable .entityGroupListWrapper ul li ul, .entitySelectorBucket .entityListWrapper ul li ul, .entitySelectorBucket .entityGroupListWrapper ul li ul, .entitySelectorGroupBucket .entityListWrapper ul li ul, .entitySelectorGroupBucket .entityGroupListWrapper ul li ul {
  padding: 0 5px 0 0;
  margin-left: 29px;
}
.entitySelectorDraggable .entityListWrapper ul li ul::before, .entitySelectorDraggable .entityGroupListWrapper ul li ul::before, .entitySelectorBucket .entityListWrapper ul li ul::before, .entitySelectorBucket .entityGroupListWrapper ul li ul::before, .entitySelectorGroupBucket .entityListWrapper ul li ul::before, .entitySelectorGroupBucket .entityGroupListWrapper ul li ul::before {
  content: " ";
  display: block;
  position: absolute;
  top: -11px;
  height: calc(100% - 8px);
  border-left: 1px solid #dee2e6;
  width: 1px;
  left: -22px;
}
.entitySelectorDraggable .entityListWrapper ul li ul li:not(.hiddenEntity) > div::before, .entitySelectorDraggable .entityGroupListWrapper ul li ul li:not(.hiddenEntity) > div::before, .entitySelectorBucket .entityListWrapper ul li ul li:not(.hiddenEntity) > div::before, .entitySelectorBucket .entityGroupListWrapper ul li ul li:not(.hiddenEntity) > div::before, .entitySelectorGroupBucket .entityListWrapper ul li ul li:not(.hiddenEntity) > div::before, .entitySelectorGroupBucket .entityGroupListWrapper ul li ul li:not(.hiddenEntity) > div::before {
  content: "";
  display: block;
  position: absolute;
  right: auto;
  border-top: 1px solid #dee2e6;
  height: 1px;
  left: -22px;
  top: 50%;
  width: 21px;
}
.entitySelectorDraggable .selectedEntity > div > span, .entitySelectorDraggable .selectedEntityGroup > div > span, .entitySelectorBucket .selectedEntity > div > span, .entitySelectorBucket .selectedEntityGroup > div > span, .entitySelectorGroupBucket .selectedEntity > div > span, .entitySelectorGroupBucket .selectedEntityGroup > div > span {
  color: #3a7bd5 !important;
}
.entitySelectorDraggable .selectedEntity, .entitySelectorDraggable .selectedEntityGroup, .entitySelectorBucket .selectedEntity, .entitySelectorBucket .selectedEntityGroup, .entitySelectorGroupBucket .selectedEntity, .entitySelectorGroupBucket .selectedEntityGroup {
  background: #f5faff;
}
.entitySelectorDraggable .entityGroupListItem:hover .entityGroupWrapper .selectedEntity, .entitySelectorBucket .entityGroupListItem:hover .entityGroupWrapper .selectedEntity, .entitySelectorGroupBucket .entityGroupListItem:hover .entityGroupWrapper .selectedEntity {
  background: #f5faff, 2%;
}
.entitySelectorDraggable .hiddenEntity *, .entitySelectorDraggable .hiddenEntityGroup *, .entitySelectorBucket .hiddenEntity *, .entitySelectorBucket .hiddenEntityGroup *, .entitySelectorGroupBucket .hiddenEntity *, .entitySelectorGroupBucket .hiddenEntityGroup * {
  display: none !important;
}
.entitySelectorDraggable .dragAboveEntity::before, .entitySelectorBucket .dragAboveEntity::before, .entitySelectorGroupBucket .dragAboveEntity::before {
  top: 75% !important;
}
.entitySelectorDraggable .dragBelowEntity::before, .entitySelectorBucket .dragBelowEntity::before, .entitySelectorGroupBucket .dragBelowEntity::before {
  top: 25% !important;
}
.entitySelectorDraggable .acceptDropEntityGroup, .entitySelectorBucket .acceptDropEntityGroup, .entitySelectorGroupBucket .acceptDropEntityGroup {
  border: 1px dashed #3a7bd5 !important;
}
.entitySelectorDraggable .dragBelowEntity .dropbox::before, .entitySelectorDraggable .dragAboveEntity .dropbox::before, .entitySelectorBucket .dragBelowEntity .dropbox::before, .entitySelectorBucket .dragAboveEntity .dropbox::before, .entitySelectorGroupBucket .dragBelowEntity .dropbox::before, .entitySelectorGroupBucket .dragAboveEntity .dropbox::before {
  content: "";
  display: block;
  position: absolute;
  right: auto;
  border-top: 1px solid #dee2e6;
  height: 1px;
  left: -22px;
  top: 50%;
  width: 21px;
}
.entitySelectorDraggable .emptyMessage, .entitySelectorBucket .emptyMessage, .entitySelectorGroupBucket .emptyMessage {
  text-align: center;
  color: #525b65;
  padding: 0;
  margin: 0;
}

.entitySelectorDraggable {
  margin: 20px 20px 20px 30px;
}

.entitySelectorBucket, .entitySelectorGroupBucket {
  margin: 20px 30px 20px 20px;
  margin-left: 0;
}
.entitySelectorBucket .dropbox, .entitySelectorGroupBucket .dropbox {
  cursor: move;
  box-sizing: border-box;
  background: rgb(184.1129707113, 207.5020920502, 239.8870292887);
  border: 1px dashed #3a7bd5;
  display: none;
}
.entitySelectorBucket .dropbox.showingDropbox, .entitySelectorGroupBucket .dropbox.showingDropbox {
  position: relative;
  display: block;
  height: 39px;
}

.entitySelectorGroupBucket .emptyMessage div {
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid {
  flex: 1;
}
.grid.scroll {
  position: relative;
  overflow: auto;
}
.grid.scroll table {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.grid table {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  border-radius: 0.2rem;
  background: #ffffff;
  width: 100%;
}
.grid table .wordBreak {
  white-space: nowrap;
}
.grid table th {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  white-space: nowrap;
  height: 46px;
  padding: 0 18px;
  background: rgb(250, 250, 250);
}
.grid table th .fa-sort, .grid table th .fa-sort-desc, .grid table th .fa-sort-asc {
  margin-right: 10px;
}
.grid table th .sorting {
  display: inline-block;
  float: right;
  margin-right: -14px;
}
.grid table th .sorting:before {
  position: absolute;
}
.grid table th.grid-column .fa-icon {
  display: inline-block;
  float: right;
  margin-right: -14px;
}
.grid table th.grid-column .fa-icon:before {
  position: absolute;
}
.grid table th.timeline {
  max-width: 274px;
  width: 274px;
  min-width: 274px;
}
.grid table th.timeline span {
  width: 216px;
  display: inline-block;
}
.grid table th.timeline i {
  margin: 0 5px -3px 0;
}
.grid table td {
  border: 1px solid #dee2e6;
}
.grid table td .bool {
  text-align: center;
  display: block;
}
.grid table td .bool .green-badge {
  padding: 10px;
  color: rgb(101.52, 109.98, 117.5);
  border-radius: 0.2rem;
}
.grid table td .bool .red-badge {
  padding: 10px;
  color: rgb(101.52, 109.98, 117.5);
  border-radius: 0.2rem;
}
.grid table td .checkbox {
  margin: 0 -5px;
}
.grid table td .gridImage {
  position: relative;
  padding: 5px;
  text-align: center;
}
.grid table td .gridImage img.media-img {
  width: 100px;
  height: 100px;
  mix-blend-mode: multiply;
  object-fit: scale-down;
}
.grid table td.timeline {
  white-space: nowrap;
  padding: 10px 10px 10px 10px;
}
.grid table td.timelineLabels {
  padding: 0;
}
.grid table td .timelineLabel {
  line-height: 28px;
  padding: 8px 20px 8px 20px;
  border-top: 1px solid #dee2e6;
}
.grid table td .timelineLabel span {
  vertical-align: middle;
}
.grid table td .timelineLabel:first-child {
  border-top: none;
}
.grid table tr {
  cursor: pointer;
}
.grid table tr.not-linked {
  cursor: default;
}
.grid table tbody.loading {
  opacity: 0.5;
}
.grid table tbody tr {
  transition: background 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border-bottom: 1px solid #dee2e6;
  border-top: 1px solid #dee2e6;
}
.grid table tbody tr:hover {
  background-color: #f1f4fa;
  border: 1px double #cbd3e7;
}
.grid table tbody {
  border: 1px double #dee2e6;
}
.grid table td:not(:has(> a)) {
  padding: 8px 20px;
}
.grid table td:has(> a) > a {
  padding: 8px 20px;
}
.grid table td {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
}
.grid table td > a {
  display: flex;
  color: #6c757d;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
.grid table td > a span {
  color: #6c757d;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
.grid table td > a:hover {
  text-decoration: underline;
}
.grid table td a.executable_link {
  color: #606060;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
.grid table td a.executable_link:hover {
  text-decoration: underline;
}
.grid table th, .grid table td {
  color: #606060;
  text-align: left;
}
.grid .nowrap {
  white-space: nowrap;
}
.grid .milestone .tooltip {
  right: 15px;
  top: 12px;
}
.grid .milestone .tooltip > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grid .milestone:hover .tooltip {
  display: block;
}
.grid .completeness {
  height: 5px;
  width: 100%;
}
.grid .selectionColumn {
  text-align: center;
}

.inlineStringEditor {
  position: relative;
  display: inline-block;
  border: 1px solid transparent;
  z-index: 1700;
  padding-right: 32px;
}
.inlineStringEditor:hover {
  border: 1px solid #dee2e6;
}
.inlineStringEditor:hover .fa-pencil {
  opacity: 1;
}
.inlineStringEditor .fa-pencil {
  opacity: 0;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  top: 10px;
  right: 7px;
  position: absolute;
}
.inlineStringEditor form {
  position: absolute;
  top: calc(50% - 20px);
  left: -1px;
  min-width: 400px;
  display: none;
  z-index: 1700;
  background-color: #fff;
}
.inlineStringEditor form .inputWrapper {
  display: inline-block;
}
.inlineStringEditor form input {
  height: 36px;
  border: 1px solid #dee2e6;
  display: inline-block;
  width: 99%;
}
.inlineStringEditor form .cbutton {
  margin: 0;
}
.inlineStringEditor form .cbutton:last-child {
  margin-left: -5px;
}
.inlineStringEditor .inputWrapper {
  width: 80%;
}
.inlineStringEditor.editingMode form {
  display: inline-block;
}
.inlineStringEditor.loading .inputWrapper {
  display: inline-block;
  position: relative;
}
.inlineStringEditor.loading .inputWrapper:before {
  content: " ";
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  animation-name: spin;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.inlineStringEditor .showOverlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  right: 0;
  z-index: 1600;
}

.loader {
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  opacity: 1;
  width: 0%;
  z-index: 9999;
  background-color: #3fa36c;
  height: 3px;
  -webkit-transition: width 0.3s linear, opacity 0.3s linear 0.3s;
  -moz-transition: width 0.3s linear, opacity 0.3s linear 0.3s;
  -o-transition: width 0.3s linear, opacity 0.3s linear 0.3s;
  transition: width 0.3s linear, opacity 0.3s linear 0.3s;
}

.u-loading {
  width: 100%;
}

.u-loading-track {
  position: relative;
  height: 3px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 2px;
}

.u-loading-bar {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40%;
  width: 40%;
  background-color: currentColor;
  animation: uLoadingMove 1.2s infinite ease-in-out;
}

.u-loading-content {
  padding-top: 8px;
}

@keyframes uLoadingMove {
  0% {
    left: -40%;
  }
  100% {
    left: 100%;
  }
}
/* Animation code */
@keyframes fadeinmenu1 {
  0% {
    opacity: 0;
    display: none;
  }
  100% {
    opacity: 0;
    display: block;
  }
}
@keyframes fadeinmenu2 {
  0% {
    opacity: 0;
    margin-bottom: 0;
    max-height: 0;
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  75% {
    opacity: 0;
    margin-bottom: 5px;
    max-height: 120px;
    height: 75px;
    padding-bottom: 12px;
    padding-top: 10px;
  }
  100% {
    opacity: 0;
    margin-bottom: 5px;
    max-height: 120px;
    height: auto;
    padding-bottom: 12px;
    padding-top: 10px;
  }
}
@keyframes fadeinmenu3 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.messageCenter ul li > div {
  animation-name: "fadeinmenu1 0s ease-out 0s 1";
  animation-duration: "fadeinmenu2 0.2s ease-out 0s 1";
  animation-timing-function: "fadeinmenu3 0.5s linear 0.2s 1";
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

@keyframes fadeoutmenu1 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeoutmenu2 {
  0% {
    opacity: 0;
    margin-bottom: 5px;
    max-height: 120px;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    max-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@keyframes fadeoutmenu3 {
  0% {
    display: block;
    opacity: 0;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.messageCenter ul li > div.hidden {
  animation-name: "fadeoutmenu1 0.5s ease-out 0s 1";
  animation-duration: "fadeoutmenu2 0.25s ease-out 0.5s 1";
  animation-timing-function: "fadeoutmenu3 0s linear 0.75s 1";
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}

.messageCenter {
  position: absolute;
  top: 80px;
  right: 20px;
  z-index: 9999;
}
.messageCenter ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.messageCenter ul li {
  position: relative;
}
.messageCenter ul li > div {
  box-sizing: border-box;
  display: block;
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 120px;
  width: 305px;
}
.messageCenter ul li > div header {
  line-height: 30px;
}
.messageCenter ul li > div .txt {
  line-height: 20px;
}
.messageCenter ul li > div .txt a {
  color: #add4ff;
  text-decoration: none;
}
.messageCenter ul li > div .txt a:hover {
  text-decoration: none;
}
.messageCenter ul li > div .close {
  transition: opacity 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  cursor: pointer;
  line-height: 0;
  opacity: 0.7;
  padding: 10px;
  position: absolute;
  right: 11px;
  top: 11px;
  width: 8px;
}
.messageCenter ul li > div .close i {
  color: #fff;
}
.messageCenter ul li > div .close:hover {
  transition: opacity 0.1s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
}
.messageCenter ul li > div.message {
  top: auto !important;
  position: fixed !important;
  bottom: 0 !important;
  right: 11px !important;
  background-color: #3fa36c !important;
  border: none !important;
  border-radius: 0.2rem;
  padding: 10px 40px 12px 18px;
}
.messageCenter ul li > div.message > header {
  color: white !important;
}
.messageCenter ul li > div.message > div {
  color: white !important;
}
.messageCenter ul li > div.error {
  top: auto !important;
  position: fixed !important;
  bottom: 0 !important;
  right: 11px !important;
  background-color: #d14343 !important;
  border: none !important;
  border-radius: 0.2rem;
  padding: 10px 40px 12px 18px;
}
.messageCenter ul li > div.error > header {
  color: #fff !important;
}
.messageCenter ul li > div.error > div {
  color: #fff !important;
}
.messageCenter ul li > div.notification {
  background-color: rgba(49, 57, 73, 0.95);
  border-radius: 0.2rem;
  padding: 10px 40px 12px 16px;
}
.messageCenter ul li > div.notification > header {
  color: white;
}
.messageCenter ul li > div.notification > div {
  color: white;
}
.messageCenter ul li > div.notification .download-link {
  display: block;
}
.messageCenter ul li > div.notification .download-link:before {
  vertical-align: middle;
  margin-right: 5px;
}
.messageCenter ul li > div.notification.product {
  border-left: 4px solid #5aa8ff;
}
.messageCenter ul li > div.notification.system {
  border-left: 4px solid #fad46b;
}
.messageCenter ul li > div.notification.user {
  border-left: 4px solid #ef438c;
}
.messageCenter ul li > div.notification.export {
  border-left: 4px solid #0dcaf0;
}
.messageCenter ul li:nth-child(n+4) > div {
  opacity: 0;
  margin-bottom: 0;
  max-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.messageCenter ul.invisible li > div {
  opacity: 0;
  margin-bottom: 0;
  max-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.notifier-area {
  transition: margin 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  background-color: #81b354;
  border: 5px;
  color: #FFF;
  font-family: "Encode Sans", sans-serif;
  right: 50px;
  line-height: 18px;
  padding: 10px;
  position: fixed;
  bottom: 50px;
  text-align: center;
  z-index: 1250;
  width: 250px;
  display: block;
}
.notifier-area i {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 20px;
}
.notifier-area.notify-error {
  background-color: #d14343;
}
.notifier-area .notifier-close {
  cursor: pointer;
}
.notifier-area.ng-hide {
  transition: margin 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  display: block !important;
  margin-top: -100%;
}
.notifier-area .pill {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.2rem;
  color: #000;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  height: 22px;
  line-height: 23px;
  margin: 0 0 0 5px;
  text-align: center;
  vertical-align: middle;
  width: 22px;
}

.paginator::after {
  content: "";
  display: table;
  clear: both;
}
.paginator {
  display: inline-block;
  vertical-align: middle;
}
.paginator label {
  color: #525b65;
  float: left;
  font-family: "Encode Sans", sans-serif;
  line-height: 14px;
  padding: 10px 0;
}
.paginator button {
  background-color: #fff;
  border: 1px solid #dee2e6;
  height: 36px;
  float: left;
  padding: 0;
  width: 36px;
  line-height: 36px;
}
.paginator button i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.paginator button.prev {
  border-radius: 0.2rem 0 0 0.2rem;
  margin: 0;
}
.paginator button.prev:hover {
  border-color: #6c757d;
}
.paginator button.prev:hover i {
  color: #6c757d;
}
.paginator button.prev.disabled {
  cursor: default;
}
.paginator button.prev.disabled:hover {
  border-color: #dee2e6;
}
.paginator button.prev.disabled:hover i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.paginator button.prev.disabled i {
  opacity: 0.5;
}
.paginator button.prev:not(.disabled):active {
  border-color: #6c757d;
  background: #6c757d;
}
.paginator button.prev:not(.disabled):active i {
  color: white;
}
.paginator button.next {
  border-radius: 0 0.2rem 0.2rem 0;
  margin: 0;
}
.paginator button.next:hover {
  border-color: #6c757d;
}
.paginator button.next:hover i {
  color: #6c757d;
}
.paginator button.next.disabled {
  cursor: default;
}
.paginator button.next.disabled:hover {
  border-color: #dee2e6;
}
.paginator button.next.disabled:hover i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.paginator button.next.disabled i {
  opacity: 0.5;
}
.paginator button.next:not(.disabled):active {
  border-color: #6c757d;
  background: #6c757d;
}
.paginator button.next:not(.disabled):active i {
  color: white;
}
.paginator input {
  border-bottom: 1px solid #dee2e6;
  border-left: 0;
  border-right: 0;
  border-top: 1px solid #dee2e6;
  color: #525b65;
  float: left;
  font-family: "Encode Sans", sans-serif;
  height: 12px;
  line-height: 14px;
  padding: 11px 0;
  text-align: center;
  width: 36px;
}

.profile-widget .dashboard-widget-title .u-user-icon {
  margin: auto;
  display: block;
  width: 120px;
  height: 120px;
}
.profile-widget .profile-widget-content {
  margin-bottom: 25px;
  text-align: center;
}
.profile-widget .profile-widget-content a {
  line-height: 20px;
  text-decoration: none;
  color: #6c757d;
}
.profile-widget .profile-widget-content div {
  display: block;
  margin: 0;
  line-height: 20px;
  color: #525b65;
}
.profile-widget .profile-widget-content div span {
  display: inline-block;
  color: #525b65;
}
.profile-widget.loading .user-icon {
  background: #dcdcdc;
}
.profile-widget.loading .profile-widget-content div {
  visibility: hidden;
  font-size: 0;
}
.profile-widget.loading .profile-widget-content div::before {
  content: "MMMMMMMMMMM";
  background: #dcdcdc;
  color: #dcdcdc;
  height: 16px;
  margin: 4px 0;
  visibility: visible;
  line-height: 16px;
}

.milestone-activity {
  width: 100%;
}
.milestone-activity .milestone .tooltip {
  right: 15px;
  top: 12px;
}
.milestone-activity .milestone .tooltip > div {
  white-space: nowrap;
  overflow: inherit;
  text-overflow: ellipsis;
}
.milestone-activity .milestone:hover .tooltip {
  display: block;
}
.milestone-activity .completenes {
  height: 5px;
  width: 100%;
}
.milestone-activity .to-late {
  color: red;
}
.milestone-activity .bar {
  height: 5px !important;
  width: 100% !important;
}

.approval-widget .cbutton {
  float: right;
}
.approval-widget .cbutton .inner {
  border: none;
}

.relation-bubble {
  border-radius: 1rem;
  border: solid 1px #0b1a47;
  display: none;
  font-size: 0.8rem;
  height: 20px;
  cursor: pointer;
  line-height: 9px;
  background: white;
  margin: 0 10px 0 10px;
  padding: 0;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 20px;
}
.relation-bubble i {
  display: inline-block;
  height: 20px;
  margin: 8px 0;
  vertical-align: middle;
  width: 20px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.relation-bubble.parent {
  display: inline-block;
}
.relation-bubble.child {
  display: inline-block;
}
.relation-bubble .content {
  top: 7px;
  position: relative;
  color: #0c1b48;
  font-weight: 400;
}
.relation-bubble .tooltip {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #232323;
  cursor: default;
  display: none;
  left: 50%;
  line-height: 14px;
  margin: 0 -22px;
  padding: 10px;
  position: absolute;
  width: 250px;
  text-align: center;
  top: 125%;
  z-index: 100;
}
.relation-bubble .tooltip strong {
  font-family: "Encode Sans", sans-serif;
}
.relation-bubble .tooltip:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 1;
}
.relation-bubble .tooltip:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  left: 50%;
  z-index: 2;
}
.relation-bubble:hover .tooltip {
  display: block;
}

.u-search-input {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  color: #525b65;
  overflow: hidden;
}
.u-search-input input {
  box-sizing: border-box;
  color: inherit;
  display: block;
  font-family: "Encode Sans", sans-serif;
  line-height: 16px;
  padding: 11px 40px 9px 10px;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  width: 100%;
}
.u-search-input .searchButton {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 18px;
  cursor: default;
}
.u-search-input .searchButton:before {
  content: " ";
  background: linear-gradient(to left, #3a7bd5, #3a7bd5);
  width: 30px;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  transition: transform 100ms linear;
  transform: translateX(37px);
}
.u-search-input .clearButton {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  width: 18px;
  cursor: default;
  margin-right: 30px;
}
.u-search-input .clearButton i {
  -webkit-text-stroke: 1px white;
}
.u-search-input i {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 10px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.u-search-input.focus input {
  border-color: #3a7bd5;
}
.u-search-input.focus .searchButton {
  cursor: pointer;
}
.u-search-input.focus .searchButton:before {
  transform: translateX(0px);
}
.u-search-input.focus .searchButton:active:before {
  background: linear-gradient(to left, #3a7bd5, #3a7bd5);
}
.u-search-input.focus .searchButton i {
  color: white;
}
.u-search-input.focus.searchHover input {
  border-color: rgb(69.82, 130.92, 215.52);
}
.u-search-input.focus.searchHover .searchButton:before {
  background: linear-gradient(to left, rgb(69.82, 130.92, 215.52), rgb(69.82, 130.92, 215.52));
}
.u-search-input:hover input {
  border-color: #3a7bd5;
}
.u-search-input:hover:not(.focus) .searchButton i {
  color: #3a7bd5;
}
.u-search-input ::placeholder {
  color: #dee2e6;
}

.sortable-tree {
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  padding: 17px 15px 17px 0;
}
.sortable-tree .treeRoot {
  width: 100%;
}
.sortable-tree .edit {
  user-select: none;
}
.sortable-tree .edit * {
  user-select: none;
}
.sortable-tree .search {
  margin: -17px -15px 5px 0;
  position: relative;
  padding: 11px;
}
.sortable-tree .search input {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  font-family: "Encode Sans", sans-serif;
  height: 38px;
  padding: 0 32px 0 20px;
  width: 100%;
  color: #525b65;
}
.sortable-tree .search i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
}
.sortable-tree .angular-ui-tree {
  height: calc(100% - 44px);
  overflow: auto;
  position: relative;
}
.sortable-tree .angular-ui-tree > ul {
  padding: 0 0 0 15px;
}
.sortable-tree .angular-ui-tree.view * {
  cursor: default !important;
}

.sortable-tree-list {
  list-style: none;
  margin: 0;
  padding: 0 0 0 28px;
  position: relative;
}
.sortable-tree-list li {
  position: relative;
}
.sortable-tree-list li .node {
  cursor: default;
  display: block;
  padding: 0 5px 0 5px;
}
.sortable-tree-list li .node .handle {
  cursor: move;
  display: none;
  height: 20px;
  right: 0;
  margin: 3px 0 0 -3px;
  position: absolute;
  vertical-align: middle;
  width: 20px;
}
.sortable-tree-list li .node .label {
  cursor: move;
  display: inline-block;
  line-height: 25px;
  vertical-align: middle;
  width: calc(100% - 100px);
  color: #525b65;
}
.sortable-tree-list li .node .rename,
.sortable-tree-list li .node .edit {
  cursor: pointer;
  display: none;
  float: right;
  height: 19px;
  margin: 2px 5px;
  vertical-align: middle;
  width: 19px;
}
.sortable-tree-list li .node .rename i,
.sortable-tree-list li .node .edit i {
  margin: 0;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.sortable-tree-list li .node .rename:hover i,
.sortable-tree-list li .node .edit:hover i {
  color: #3a7bd5;
}
.sortable-tree-list li .node .delete {
  cursor: pointer;
  display: none;
  float: right;
  height: 19px;
  margin: 2px 5px;
  vertical-align: middle;
  width: 19px;
}
.sortable-tree-list li .node .delete i {
  margin: 0;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.sortable-tree-list li .node .delete:hover i {
  color: #3a7bd5;
}
.sortable-tree-list li .node > i {
  cursor: move;
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
  top: 1px;
  position: relative;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.sortable-tree-list li .node:hover {
  background: #f6f6f6;
}
.sortable-tree-list li .node:hover > .label {
  font-family: "Encode Sans", sans-serif;
}
.sortable-tree-list li .node:hover > .rename, .sortable-tree-list li .node:hover > .edit, .sortable-tree-list li .node:hover > .delete {
  display: block;
}
.sortable-tree-list li.selected {
  color: #4e80f5;
  font-family: "Encode Sans", sans-serif;
}
.sortable-tree-list li.selected .node > i.branch {
  color: #3a7bd5;
}
.sortable-tree-list li.selected .node > i.leaf {
  color: #3a7bd5;
}
.sortable-tree-list li.angular-ui-tree-placeholder {
  box-sizing: border-box;
  background: #f1f4fa;
  width: 100% !important;
}
.sortable-tree-list li.angular-ui-tree-hidden:before, .sortable-tree-list li.angular-ui-tree-hidden:after {
  display: none;
}
.sortable-tree-list ul li::before, .sortable-tree-list ul li::after {
  content: "";
  display: block;
  position: absolute;
  right: auto;
}
.sortable-tree-list ul li::before {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  bottom: 50px;
  height: 100%;
  left: -15px;
  top: -4px;
  width: 1px;
}
.sortable-tree-list ul li::after {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  height: 1px;
  left: -15px;
  top: 12px;
  width: 20px;
}
.sortable-tree-list ul li:last-child::before {
  height: 16px;
}
.sortable-tree-list.angular-ui-tree-drag {
  position: absolute;
  pointer-events: none;
  z-index: 999;
  opacity: 0.8;
}
.sortable-tree-list.angular-ui-tree-drag li .handle {
  display: none !important;
}

.tabs {
  flex: 1;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  align-content: stretch;
  justify-content: flex-start;
}
.tabs h1 {
  margin: 0;
}
.tabs > .tab-heading {
  flex: 0 0 auto;
  z-index: 2;
}
.tabs > .tab-content {
  flex: 1 1 auto;
  background: white;
  width: 100%;
  display: flex;
  align-items: stretch;
  align-content: stretch;
}
.tabs > .tab-content .tab-pane {
  max-width: 2160px;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: stretch;
  align-content: stretch;
}
.tabs.horizontal {
  flex-direction: column;
  flex: 1;
}
.tabs.horizontal > .tab-heading {
  background-color: #f7f7f7;
  list-style: none;
  margin: 0;
  padding: 30px 20px 0;
  height: 71px;
  box-sizing: border-box;
  flex: 0 0 auto;
}
.tabs.horizontal > .tab-heading li {
  margin-right: 2px;
  background-color: #e6e6e6;
  border: 1px solid #dee2e6;
  border-bottom: none;
  border-radius: 0.2rem 0.2rem 0 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  line-height: 14px;
}
.tabs.horizontal > .tab-heading li a {
  display: block;
  padding: 13px;
}
.tabs.horizontal > .tab-heading li.active {
  background-color: #fff;
  margin: 0 -1px 0;
}
.tabs.horizontal > .tab-heading li.active a {
  display: block;
  padding: 13px 13px 14px;
}
.tabs.horizontal > .tab-content {
  border-top: 1px solid #dee2e6;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.tabs.horizontal > .tab-content .tab-pane {
  width: 100%;
  display: none;
}
.tabs.horizontal > .tab-content .tab-pane.active {
  flex: 1;
  display: flex;
}
.tabs.horizontal > .tab-content .tab-pane tab-content {
  flex-direction: column;
  width: 100%;
  padding: 14px 14px 14px 20px;
}
.tabs.horizontal-buttons {
  flex-direction: column;
}
.tabs.horizontal-buttons > .tab-heading {
  list-style: none;
  margin: 15px 0 0 15px;
  padding: 0;
  box-sizing: border-box;
}
.tabs.horizontal-buttons > .tab-heading li {
  background-color: #e6e6e6;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  line-height: 14px;
  margin: 0;
}
.tabs.horizontal-buttons > .tab-heading li a {
  display: block;
  padding: 13px;
}
.tabs.horizontal-buttons > .tab-heading li.active {
  background-color: #fff;
  color: #3a7bd5;
  margin: 0;
}
.tabs.horizontal-buttons > .tab-content {
  box-sizing: border-box;
  width: 100%;
}
.tabs.horizontal-buttons > .tab-content .tab-pane {
  width: 100%;
  display: none;
}
.tabs.horizontal-buttons > .tab-content .tab-pane.active {
  display: block;
}
.tabs.horizontal-buttons > .tab-content .tab-pane tab-content {
  width: 100%;
}
.tabs.vertical {
  flex-direction: row;
}
.tabs.vertical tab-heading {
  display: block;
  width: 100%;
}
.tabs.vertical > .tab-heading {
  border-top: 1px solid #dee2e6;
  list-style: none;
  padding: 0;
  width: 275px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 0.2rem;
}
.tabs.vertical > .tab-heading .progressbar {
  background-color: transparent;
  bottom: -1px;
  height: 1px;
  left: 0;
  position: absolute;
  width: 275px;
  z-index: 1;
}
.tabs.vertical > .tab-heading li {
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  cursor: pointer;
  font-family: "Encode Sans", sans-serif;
  line-height: 13px;
  position: relative;
}
.tabs.vertical > .tab-heading li a {
  display: flex;
  flex: 1;
  align-items: center;
  padding: 12px;
}
.tabs.vertical > .tab-heading li .label {
  flex: 1;
}
.tabs.vertical > .tab-heading li.active {
  color: #3a7bd5;
}
.tabs.vertical > .tab-heading li.active a:before {
  content: "❯";
  margin-right: 5px;
}
.tabs.vertical > .tab-heading li:last-child {
  border-bottom-right-radius: 5px;
}
.tabs.hide-tab-heading > .tab-heading {
  display: none;
}

.tooltip2 {
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.2rem;
  color: #525b65;
  cursor: default;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 15px;
  position: absolute;
  text-align: left;
  top: 30px;
  z-index: 100;
  display: none;
}
.tooltip2 .linkButton {
  cursor: pointer;
}
.tooltip2 .linkButton:hover {
  color: #6c757d;
}
.tooltip2:before {
  top: -10px;
  display: block;
  content: "";
  border-color: transparent transparent #dee2e6 transparent;
  border-style: solid;
  border-width: 5px;
  height: 0;
  margin: 0 -5px;
  width: 0;
  position: absolute;
  z-index: 1;
}
.tooltip2:after {
  top: -8px;
  display: block;
  content: "";
  border-color: transparent transparent #fff transparent;
  border-style: solid;
  border-width: 4px;
  height: 0;
  margin: 0 -4px;
  width: 0;
  position: absolute;
  z-index: 2;
}
.tooltip2.tooltipDirectionCenter:before {
  left: 50%;
}
.tooltip2.tooltipDirectionCenter:after {
  left: 50%;
}
.tooltip2.tooltipDirectionLeft {
  right: calc(50% - 15px);
}
.tooltip2.tooltipDirectionLeft:before {
  right: 15px;
}
.tooltip2.tooltipDirectionLeft:after {
  right: 15px;
}
.tooltip2.tooltipDirectionRight {
  left: calc(50% - 15px);
}
.tooltip2.tooltipDirectionRight:before {
  left: 15px;
}
.tooltip2.tooltipDirectionRight:after {
  left: 15px;
}

tree {
  overflow: hidden;
  width: 240px;
  flex: 1;
}

.tree {
  margin-left: 10px;
  padding: 0 10px;
  max-height: 100%;
  clear: both;
  overflow-y: auto;
  list-style: none;
  color: #525b65;
}
.tree .subtree {
  clear: both;
  margin: 0 0 0 25px;
  padding: 0;
  list-style: none;
}
.tree .subtree li::before, .tree .subtree li::after {
  content: "";
  display: block;
  position: absolute;
  right: auto;
}
.tree .subtree li::before {
  border-left: 1px solid #dee2e6;
  height: 100%;
  left: -17px;
  top: -3px;
  width: 1px;
}
.tree .subtree li::after {
  border-top: 1px solid #dee2e6;
  height: 1px;
  left: -17px;
  top: 12px;
  width: 16px;
}
.tree .subtree li:last-child::before {
  height: 16px;
}
.tree li::after {
  content: "";
  display: table;
  clear: both;
}
.tree li {
  font-family: "Encode Sans", sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.tree li i {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
}
.tree li i.open {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.open:hover {
  color: #3a7bd5;
}
.tree li i.close {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.close:hover {
  color: #3a7bd5;
}
.tree li i.final {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.final:hover {
  color: #3a7bd5;
}
.tree li .label {
  cursor: pointer;
  position: relative;
  display: inline-block;
  line-height: 23px;
  padding: 1px 0 0 5px;
  vertical-align: middle;
  margin-left: 20px;
  word-wrap: break-word;
}
.tree li .label:hover, .tree li .label.selected {
  color: #3a7bd5;
}
.tree li .label {
  max-width: 150px;
}
.tree li .label::before {
  position: absolute;
  top: 21px;
  bottom: 3px;
  content: " ";
  border-left: #dee2e6;
  left: -12px;
  width: 1px;
}
.tree li.selected > span {
  color: #3a7bd5;
}
.tree li.selected > i {
  color: #3a7bd5;
}

.users-widget .users-count {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 400;
  line-height: 1.3rem;
  margin: 20px;
  text-align: center;
}
.users-widget .users-count .users-count-length {
  vertical-align: middle;
}
.users-widget .users-count .users-count-length:after {
  content: "/";
  font-size: 1.3rem;
  font-weight: 200;
  vertical-align: top;
  padding: 0 2px 0 3px;
}
.users-widget .users-count .users-count-total {
  font-size: 1.2rem;
  font-weight: 200;
  vertical-align: middle;
}
.users-widget .users-show-all {
  padding: 15px;
  border-top: solid 1px #dee2e6;
  color: #525b65;
  text-align: center;
}
.users-widget .users-show-all a {
  color: #6c757d;
  text-decoration: none;
}
.users-widget .dashboard-widget-list li {
  padding: 14px 5px 14px 50px;
  line-height: 22px !important;
  box-sizing: border-box;
}
.users-widget .dashboard-widget-list li a {
  line-height: 22px;
}
.users-widget .dashboard-widget-list li p {
  display: inline-block;
  margin: 0;
  line-height: 22px;
  color: #525b65;
}
.users-widget .dashboard-widget-list li p span {
  line-height: 20px;
  display: inline-block;
  color: #dee2e6;
}
.users-widget .dashboard-widget-list li .user-name {
  display: block;
}
.users-widget .dashboard-widget-list li .user-icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  border-radius: 50px;
  overflow: hidden;
  text-align: center;
  background: #6d798c;
  margin-bottom: 5px;
  position: relative;
  top: 15px;
  right: 6px;
}
.users-widget .dashboard-widget-list li .user-icon .user-icon-image {
  height: 100%;
  width: 100%;
  display: block;
}
.users-widget .dashboard-widget-list li .user-icon .user-icon-image img {
  object-fit: cover;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
}
.users-widget .dashboard-widget-list li .user-icon .user-icon-text {
  color: rgba(255, 255, 255, 0.5);
  padding-top: 2px;
  font-weight: 400;
  line-height: 34px;
}
.users-widget.loading .users-count {
  color: #dcdcdc;
}
.users-widget.loading .users-show-all {
  color: #dee2e6;
}
.users-widget.loading .users-show-all a {
  color: #dee2e6;
}

.u-category-selection {
  border: 1px solid lightgrey;
}
.u-category-selection .loading-text {
  text-align: center;
  margin-top: 40%;
}
.u-category-selection ul {
  list-style-type: none;
}
.u-category-selection button {
  background: none;
  border: none;
}
.u-category-selection .category-title {
  cursor: pointer;
}
.u-category-selection .category-title:hover {
  color: #00537c;
}
.u-category-selection .selectedCategory {
  color: #00537c;
  font-weight: 400;
}
.u-category-selection .expand-btn {
  width: 30px;
}
.u-category-selection .buttons {
  float: right;
}

.u-category-selection {
  overflow: auto;
}

.category-selection-container {
  width: 500px;
  margin: 10px auto;
}

.category-selection-modal-checkboxes {
  width: 500px;
  margin: 10px auto;
}