@charset "UTF-8";
/* Font family */
/* Font sizes */
* {
  -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;
  }
}
html, body {
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
}

* {
  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 {
  font-size: 16px;
  color: #333;
  font-family: Arial, sans-serif;
}

@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;
}

#viewport {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex: 1;
  z-index: 1;
}
#viewport .help a {
  color: #5c636a;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
#viewport > * {
  background: white;
  display: flex;
  flex-direction: column;
  flex: 1;
}
#viewport > * > * {
  display: flex;
  flex-direction: column;
}
#viewport header {
  box-sizing: border-box;
  background-color: #ffffff;
  border-bottom: 1px solid #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 h1 {
  color: #232323;
  font-family: "Encode Sans", sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 38px;
  margin: 0;
  padding: 0;
}
#viewport header h1.cutoff {
  max-width: 640px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#viewport header h1 a {
  color: #606060;
  font-family: "Encode Sans", sans-serif;
  text-decoration: none;
}
#viewport header h1 a[href]:hover {
  color: #6c757d;
}
#viewport header h1 > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  align-items: center;
  display: flex;
  justify-content: center;
  align-content: center;
}
#viewport header h1 > span > a {
  margin-right: 5px;
}
#viewport header h1 > span > .headerDing {
  margin-left: 5px;
}
#viewport header .left h1 {
  color: #606060;
  display: inline-block;
  vertical-align: middle;
}
#viewport header .left .count {
  color: #51a3ff;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
#viewport header .version {
  line-height: 38px;
  vertical-align: middle;
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  padding-left: 50px;
}
#viewport header .version .version-title {
  font-weight: 400;
  color: #525b65;
}
#viewport section#main {
  display: flex;
  background: #f7f7f7;
  flex: 1;
  flex-direction: column;
  overflow: auto;
}
#viewport section#main.fullwidth {
  padding: 0;
}
#viewport aside#sidebar {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-top: none;
  border-bottom: none;
  z-index: 500;
}
#viewport aside#sidebar h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  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;
  font-size: 13px;
  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: #5c636a;
}
#viewport.has-sidebar #main.sidebar {
  flex: 1;
}

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

.grid {
  padding: 0 10px;
}

.gridcontrols {
  padding: 10px;
  position: relative;
}
.gridcontrols::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols h1 {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  height: 34px;
  line-height: 34px;
  margin: 0;
  padding: 0 20px 0 0 !important;
}
.gridcontrols .left {
  float: left;
}
.gridcontrols .right {
  float: right;
}
.gridcontrols .count {
  color: #51a3ff;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.gridcontrols .cselect,
.gridcontrols .paginator {
  margin: 0 5px;
}
.gridcontrols .pagination .ippcontrol {
  display: inline-block;
  margin: 0 0 0 20px;
}
.gridcontrols .pagination .ippcontrol::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols .pagination .ippcontrol label {
  color: #525b65;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
  vertical-align: middle;
}
.gridcontrols .pagination .pcontrol {
  display: inline-block;
  margin: 0 0 0 20px;
}
.gridcontrols .pagination .pcontrol::after {
  content: "";
  display: table;
  clear: both;
}
.gridcontrols .pagination .pcontrol label {
  color: #525b65;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
  vertical-align: middle;
}
.gridcontrols .pagination .pcontrol label > span {
  font-weight: 600;
}

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

.inputerror {
  position: absolute;
  right: 10px;
  top: 8px;
  font-size: 14px;
}
.inputerror .tooltip {
  font-family: "Roboto", sans-serif;
  transition: opacity 0.2s linear 0, margin 0s linear 0.2s;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  bottom: 170%;
  color: #232323;
  cursor: default;
  font-size: 12px;
  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: #51a3ff;
}
.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 {
  padding: 20px 20px 10px 0 !important;
  margin: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
}
.generalContent h2 {
  margin: 0;
  padding: 10px 20px 10px 0;
  font-size: 16px;
  font-weight: normal;
  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: normal;
}

.completeness {
  border-radius: 17px;
  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: #ecc549 !important;
}
.completeness .partial.red {
  background-color: #dc3545 !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 {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  color: #313949;
  cursor: default;
  display: none;
  font-size: 12px;
  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: 4px;
  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: normal;
  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;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 2px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
button.icon.no-border, a.icon.no-border {
  border-color: transparent;
}
button.icon:hover, a.icon:hover {
  border-color: #51a3ff;
  color: #51a3ff;
}
button.icon.active, a.icon.active {
  border-color: #51a3ff;
  background-color: #51a3ff;
  color: white;
}
button.icon.sm, a.icon.sm {
  font-size: 12px;
  padding: 4px;
}

.icon-colorIndicator:before {
  content: " ";
  display: inline-block;
  border: 2px solid black;
  border-radius: 12px;
  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: #ecc549;
}
.icon-colorIndicator.green:before {
  border-color: #51a3ff;
}
.icon-colorIndicator.red:before {
  border-color: #ffffff;
}
.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 #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -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: #000000;
}

.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,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.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 {
  border-radius: 0;
}
.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;
  font-size: 14px;
  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: bold;
}
.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: bold;
  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;
}

.main-attributeset .addButton {
  display: none !important;
}
.main-attributeset .composition .addButton {
  display: block !important;
}

.attributesetEdit .tab-content > h1 {
  font-size: 18px;
  font-weight: normal;
  height: 34px;
  line-height: 34px;
}
.attributesetEdit .tab-content h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
}
.attributesetEdit .tab-content p {
  color: #525b65;
  padding: 0 20px 20px;
  margin: 0;
}
.attributesetEdit .tab-content table {
  color: #525b65;
}

.milestonesSettings {
  position: relative;
  margin-top: -1px;
  padding: 20px;
  border-bottom: 1px solid #dee2e6;
  cursor: pointer;
  z-index: 2;
}
.milestonesSettings:hover {
  background: #f5faff;
  border-color: #cfd8dc;
  z-index: 3;
}
.milestonesSettings label {
  padding-left: 10px;
}
.milestonesSettings .checkbox .label {
  display: inline-block;
  width: auto;
  font-weight: 500;
}
.milestonesSettings .cnumberSelect {
  margin-left: 10px;
  margin-right: 10px;
}
.milestonesSettings .cselect {
  min-width: 200px;
  margin-left: 10px;
  z-index: 4;
}
.milestonesSettings .openCloseControl {
  margin-left: 10px;
  float: right;
}
.milestonesSettings .openCloseControl * {
  vertical-align: middle;
}
.milestonesSettings .openCloseControl i {
  margin-top: -3px;
}
.milestonesSettings .openCloseControl i:before {
  vertical-align: middle;
}
.milestonesSettings .openCloseControl span {
  cursor: pointer;
  vertical-align: bottom;
  display: inline-block;
}
.milestonesSettings .checkboxWrapper {
  display: inline-block;
  width: 255px;
}
.milestonesSettings .entitySelector {
  display: block;
  padding-top: 20px;
}
.milestonesSettings .entitySelector .entitySelectorTree.root {
  height: 300px;
  overflow-y: auto;
}
.milestonesSettings .entitySelector .selectionBucket .entitySelectorTree.root {
  /* height: 358px; */
}
.milestonesSettings .entitySelector .column {
  margin-right: 10px;
  width: 373px;
  max-height: 400px;
}

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

.password-strength {
  list-style: none;
  font-size: 0.9em;
  color: gray;
  margin-top: 5px;
}
.password-strength li.valid {
  color: #52b266;
}

.auth-split {
  display: flex;
  flex-direction: row !important;
  min-height: 100vh;
  background: #040716;
  font-family: "Inter", "Segoe UI", "Roboto", Arial, sans-serif;
}

.auth-split__left {
  width: 100%;
  max-width: 480px;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 56px;
  box-shadow: 1px 0 0 #e7e9f3;
  min-height: 100vh;
}
@media (max-width: 900px) {
  .auth-split__left {
    max-width: 100vw;
    width: 100vw;
    padding: 0 22px;
    box-shadow: none;
  }
}
.auth-split__left .utomo-logo {
  margin-bottom: 32px;
  margin-top: 32px;
  align-self: center;
  width: 300px;
  height: 50px;
  background: url("/app/images/logo.png") no-repeat center center/contain;
}
.auth-split__left form {
  width: 100%;
  max-width: 400px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.auth-split__left form label {
  color: #1a1e27;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 8px;
  margin-top: 18px;
}
.auth-split__left form input[type=text],
.auth-split__left form input[type=email],
.auth-split__left form input[type=password] {
  padding: 20px;
  width: 100%;
  font-size: 1rem;
  border: 1px solid #e7e9f3;
  border-radius: 6px;
  margin-bottom: 8px;
  background: #fff;
  color: #1a1e27;
  transition: border 0.16s;
}
.auth-split__left form input[type=text]:focus,
.auth-split__left form input[type=email]:focus,
.auth-split__left form input[type=password]:focus {
  border: 1.5px solid #e63129;
  outline: none;
}
.auth-split__left form input[type=text]::placeholder,
.auth-split__left form input[type=email]::placeholder,
.auth-split__left form input[type=password]::placeholder {
  color: #7b7e8b;
  font-weight: 400;
  opacity: 1;
}
.auth-split__left form .forgot-link {
  color: #e63129;
  cursor: pointer;
  font-size: 0.98rem;
  text-decoration: none;
  margin-bottom: 18px;
  margin-top: 0;
  transition: color 0.16s;
}
.auth-split__left form .forgot-link:hover {
  color: rgb(196.9874476987, 30.3765690377, 23.0125523013);
}
.auth-split__left form .remember-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.auth-split__left form .remember-row input[type=checkbox] {
  accent-color: #e63129;
}
.auth-split__left form .remember-row label {
  margin: 0;
  font-size: 0.98rem;
  color: #7b7e8b;
  font-weight: 400;
}
.auth-split__left form button[type=submit],
.auth-split__left form .signin-btn {
  background: #e63129;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 1rem;
  font-weight: 600;
  padding: 12px 0;
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 8px;
  transition: background 0.14s;
}
.auth-split__left form button[type=submit]:hover, .auth-split__left form button[type=submit]:focus,
.auth-split__left form .signin-btn:hover,
.auth-split__left form .signin-btn:focus {
  background: rgb(196.9874476987, 30.3765690377, 23.0125523013);
}
.auth-split__left form button[type=submit]:active,
.auth-split__left form .signin-btn:active {
  background: rgb(165.0217573222, 25.4472803347, 19.2782426778);
}
.auth-split__left .footer {
  margin-top: auto;
  font-size: 13px;
  color: #7b7e8b;
  text-align: center;
  padding: 24px 0 8px 0;
  width: 100%;
}
.auth-split__left .footer span {
  color: #7b7e8b;
}
.auth-split__left .footer a {
  color: #e63129;
  text-decoration: underline;
  margin-left: 6px;
}
.auth-split__left .footer a:hover {
  color: rgb(196.9874476987, 30.3765690377, 23.0125523013);
}

.auth-split__right {
  flex: 1 1 auto;
  background: #040716;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.auth-split__right .illustration {
  width: 80%;
  min-width: 320px;
  margin: 0 auto;
  opacity: 0.93;
  user-select: none;
  pointer-events: none;
}
@media (max-width: 900px) {
  .auth-split__right {
    display: none !important;
  }
}

.timeline-editor {
  display: inline-flex;
  font-size: 0;
  line-height: 0;
  border: 1px solid #dee2e6;
}
.timeline-editor .cbutton {
  border-left: solid 1px lightgrey;
  height: 46px;
}
.timeline-editor .cbutton > .inner {
  height: 46px !important;
  padding-top: 6px;
  border-radius: 0;
  border: none !important;
  background: #ededed !important;
  color: #646b78 !important;
}
.timeline-editor * {
  user-select: none;
}
.timeline-editor .labelWrapper {
  height: 46px;
  display: inline-block;
  vertical-align: top;
}
.timeline-editor:hover .periodWrapper.current:before {
  position: absolute;
  font-size: 22px;
  top: 2px;
  left: 4px;
}
.timeline-editor:hover .periodWrapper.current.orange:before, .timeline-editor:hover .periodWrapper.current.blue:before, .timeline-editor:hover .periodWrapper.current.green:before, .timeline-editor:hover .periodWrapper.current.red:before, .timeline-editor:hover .periodWrapper.current.yellow:before, .timeline-editor:hover .periodWrapper.current.pink:before, .timeline-editor:hover .periodWrapper.current.cyan:before, .timeline-editor:hover .periodWrapper.current.purple:before {
  color: #fff;
}
.timeline-editor .periodWrapper {
  position: relative;
  display: inline-block;
  font-size: 16px;
  width: 20px;
  height: 46px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  vertical-align: top;
  cursor: pointer;
  background: rgb(245.2137931034, 246.4, 247.5862068966);
  color: rgb(213.2948275862, 218.35, 223.4051724138);
}
.timeline-editor .periodWrapper:first-child {
  border-left: none;
}
.timeline-editor .periodWrapper.blue {
  background: rgb(139.2274678112, 147.5630901288, 154.9725321888);
  color: #6c757d;
}
.timeline-editor .periodWrapper.blue .periodLabel {
  color: rgb(89.0884120172, 96.5124463519, 103.1115879828);
}
.timeline-editor .periodWrapper.blue.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.green {
  background: rgb(34.5625, 186.6375, 116.13);
  color: #198754;
}
.timeline-editor .periodWrapper.green .periodLabel {
  color: rgb(18.625, 100.575, 62.58);
}
.timeline-editor .periodWrapper.green.current {
  color: rgb(174.84375, 240.15625, 209.875) !important;
  background: rgb(17.03125, 91.96875, 57.225) !important;
}
.timeline-editor .periodWrapper.green.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.red {
  background: rgb(229.0379746835, 105.1620253165, 117.0303797468);
  color: #dc3545;
}
.timeline-editor .periodWrapper.red .periodLabel {
  color: rgb(197.9088607595, 34.2911392405, 49.9670886076);
}
.timeline-editor .periodWrapper.red.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.yellow {
  background: rgb(241.7850746269, 214.6597014925, 128.4149253731);
  color: #ecc549;
}
.timeline-editor .periodWrapper.yellow .periodLabel {
  color: rgb(232.1432835821, 185.2268656716, 36.0567164179);
}
.timeline-editor .periodWrapper.yellow.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.orange {
  background: rgb(253.5164556962, 159.3113924051, 80.6835443038);
  color: #fd7e14;
}
.timeline-editor .periodWrapper.orange .periodLabel {
  color: rgb(230.2405063291, 105.8126582278, 1.9594936709);
}
.timeline-editor .periodWrapper.orange.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.pink {
  background: rgb(238.5166666667, 116.6833333333, 172.5833333333);
  color: #e83e8c;
}
.timeline-editor .periodWrapper.pink .periodLabel {
  color: rgb(226.2388888889, 26.9611111111, 118.3944444444);
}
.timeline-editor .periodWrapper.pink.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.cyan {
  background: rgb(69.2608695652, 215.5304347826, 244.9391304348);
  color: #0dcaf0;
}
.timeline-editor .periodWrapper.cyan .periodLabel {
  color: rgb(10.9035573123, 169.4245059289, 201.2964426877);
}
.timeline-editor .periodWrapper.cyan.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper.purple {
  background: rgb(146.1107569721, 112.0828685259, 208.1171314741);
  color: #6f42c1;
}
.timeline-editor .periodWrapper.purple .periodLabel {
  color: rgb(93.0175298805, 53.8980079681, 164.3019920319);
}
.timeline-editor .periodWrapper.purple.current:before {
  color: #fff;
}
.timeline-editor .periodWrapper .periodLabel {
  display: inline-block;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  transition: all 0.4s linear;
  line-height: 44px;
}
.timeline-editor .periodWrapper .period {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  margin-top: 38px;
  height: 8px;
  width: 22px;
  left: -1px;
  transition: all 0.4s linear;
}
.timeline-editor .periodWrapper .period.blue {
  background: rgb(100.9081545064, 109.317167382, 116.7918454936);
}
.timeline-editor .periodWrapper .period.green.current {
  background: rgb(22.609375, 122.090625, 75.9675);
}
.timeline-editor .periodWrapper .period.red.current {
  background: rgb(217.7405063291, 39.9594936709, 56.9924050633);
}
.timeline-editor .periodWrapper .period.yellow.current {
  background: rgb(234.5537313433, 192.5850746269, 59.1462686567);
}
.timeline-editor .periodWrapper .period.orange.current {
  background: rgb(252.8708860759, 117.6721518987, 4.8291139241);
}
.timeline-editor .periodWrapper .period.pink.current {
  background: rgb(230.3708333333, 48.3291666667, 131.8541666667);
}
.timeline-editor .periodWrapper .period.cyan.current {
  background: rgb(12.2138339921, 189.7841897233, 225.4861660079);
}
.timeline-editor .periodWrapper .period.purple.current {
  background: rgb(103.8880478088, 60.196812749, 183.503187251);
}
.timeline-editor .periodWrapper .period.default.current {
  background: #d3d3d3;
}

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

.icon-generator {
  width: 150px;
  height: 180px;
  display: block;
}
.icon-generator.icon-generator-csv {
  background: url("./images/csv.png");
}
.icon-generator.icon-generator-shipping-mark {
  background: url("./images/shipping-mark.png");
}
.icon-generator.icon-generator-product-information {
  background: url("./images/product-information.png");
}
.icon-generator.icon-generator-leaflet {
  background: url("./images/leaflet.png");
}

.product-detail-header.with-milestones {
  border-bottom: none !important;
}

section.dashboard-module {
  background: none !important;
}

.product-new .cselect {
  width: 100%;
}

.gridcontrols .cbutton {
  font-size: 12px;
  font-weight: 400;
}
.gridcontrols .cbutton:not(:hover) {
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.gridcontrols .cselect {
  margin: 0;
}
.gridcontrols .cselect:hover:not(.open) {
  border-color: #51a3ff;
}
.gridcontrols .cbutton-select:hover:not(.open) {
  border-color: #51a3ff;
  color: #51a3ff;
}

.gridFilterActive .gridFilterButton .inner, .gridFilterActive .gridFilterButton inner:hover, .gridFilterActive .gridFilterButton:hover .inner, .gridFilterActive .gridFilterButton:hover inner:hover, .gridFilterActive .gridFilterSaveButton .inner, .gridFilterActive .gridFilterSaveButton inner:hover, .gridFilterActive .gridFilterSaveButton:hover .inner, .gridFilterActive .gridFilterSaveButton:hover inner:hover, .gridFilterActive:hover .gridFilterButton .inner, .gridFilterActive:hover .gridFilterButton inner:hover, .gridFilterActive:hover .gridFilterButton:hover .inner, .gridFilterActive:hover .gridFilterButton:hover inner:hover, .gridFilterActive:hover .gridFilterSaveButton .inner, .gridFilterActive:hover .gridFilterSaveButton inner:hover, .gridFilterActive:hover .gridFilterSaveButton:hover .inner, .gridFilterActive:hover .gridFilterSaveButton:hover inner:hover, .gridFilterSaveActive .gridFilterButton .inner, .gridFilterSaveActive .gridFilterButton inner:hover, .gridFilterSaveActive .gridFilterButton:hover .inner, .gridFilterSaveActive .gridFilterButton:hover inner:hover, .gridFilterSaveActive .gridFilterSaveButton .inner, .gridFilterSaveActive .gridFilterSaveButton inner:hover, .gridFilterSaveActive .gridFilterSaveButton:hover .inner, .gridFilterSaveActive .gridFilterSaveButton:hover inner:hover, .gridFilterSaveActive:hover .gridFilterButton .inner, .gridFilterSaveActive:hover .gridFilterButton inner:hover, .gridFilterSaveActive:hover .gridFilterButton:hover .inner, .gridFilterSaveActive:hover .gridFilterButton:hover inner:hover, .gridFilterSaveActive:hover .gridFilterSaveButton .inner, .gridFilterSaveActive:hover .gridFilterSaveButton inner:hover, .gridFilterSaveActive:hover .gridFilterSaveButton:hover .inner, .gridFilterSaveActive:hover .gridFilterSaveButton:hover inner:hover {
  border-color: #6c757d !important;
  background: #6c757d !important;
  color: white !important;
}
.gridFilterActive .gridFilterButton .inner i:before, .gridFilterActive .gridFilterButton inner:hover i:before, .gridFilterActive .gridFilterButton:hover .inner i:before, .gridFilterActive .gridFilterButton:hover inner:hover i:before, .gridFilterActive .gridFilterSaveButton .inner i:before, .gridFilterActive .gridFilterSaveButton inner:hover i:before, .gridFilterActive .gridFilterSaveButton:hover .inner i:before, .gridFilterActive .gridFilterSaveButton:hover inner:hover i:before, .gridFilterActive:hover .gridFilterButton .inner i:before, .gridFilterActive:hover .gridFilterButton inner:hover i:before, .gridFilterActive:hover .gridFilterButton:hover .inner i:before, .gridFilterActive:hover .gridFilterButton:hover inner:hover i:before, .gridFilterActive:hover .gridFilterSaveButton .inner i:before, .gridFilterActive:hover .gridFilterSaveButton inner:hover i:before, .gridFilterActive:hover .gridFilterSaveButton:hover .inner i:before, .gridFilterActive:hover .gridFilterSaveButton:hover inner:hover i:before, .gridFilterSaveActive .gridFilterButton .inner i:before, .gridFilterSaveActive .gridFilterButton inner:hover i:before, .gridFilterSaveActive .gridFilterButton:hover .inner i:before, .gridFilterSaveActive .gridFilterButton:hover inner:hover i:before, .gridFilterSaveActive .gridFilterSaveButton .inner i:before, .gridFilterSaveActive .gridFilterSaveButton inner:hover i:before, .gridFilterSaveActive .gridFilterSaveButton:hover .inner i:before, .gridFilterSaveActive .gridFilterSaveButton:hover inner:hover i:before, .gridFilterSaveActive:hover .gridFilterButton .inner i:before, .gridFilterSaveActive:hover .gridFilterButton inner:hover i:before, .gridFilterSaveActive:hover .gridFilterButton:hover .inner i:before, .gridFilterSaveActive:hover .gridFilterButton:hover inner:hover i:before, .gridFilterSaveActive:hover .gridFilterSaveButton .inner i:before, .gridFilterSaveActive:hover .gridFilterSaveButton inner:hover i:before, .gridFilterSaveActive:hover .gridFilterSaveButton:hover .inner i:before, .gridFilterSaveActive:hover .gridFilterSaveButton:hover inner:hover i:before {
  color: white !important;
}

.tab-content {
  width: 100%;
}
.tab-content .tab-pane {
  width: 100%;
}

tab-content {
  width: 100%;
}
tab-content .tab-pane {
  width: 100%;
}
tab-content .tab-pane.active {
  width: 100%;
}

.versionTabContent h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
}
.versionTabContent h1 .cbutton {
  float: right;
  margin-bottom: 10px;
}

.milestoneTabContent h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
}
.milestoneTabContent p {
  color: #525b65;
  padding: 0 20px 20px;
  margin: 0;
}
.milestoneTabContent .headers div {
  display: inline-block;
  font-weight: 500;
  padding-left: 20px;
  padding-bottom: 5px;
}
.milestoneTabContent .headers .override {
  width: 35px;
  margin-left: 365px;
}
.milestoneTabContent .headers .comment {
  margin-left: 14px;
}

.milestoneOverride {
  padding: 0 20px 20px 20px;
  display: flex;
}
.milestoneOverride label {
  width: 170px;
  display: inline-block;
  vertical-align: middle;
}
.milestoneOverride .checkbox {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 25px;
}
.milestoneOverride .cdate {
  width: 167px;
  text-align: center;
}

.milestonesOverview {
  border-bottom: 1px solid #dee2e6;
  width: 100%;
  clear: both;
  box-sizing: border-box;
}
.milestonesOverview .milestone {
  box-sizing: border-box;
  color: #525b65;
  display: inline-block;
  font-weight: 300;
  margin: 20px 0 0 0;
  padding: 0 9px 0 9px;
  position: relative;
  width: 100%;
}
.milestonesOverview .milestone .line {
  background-color: #d4e2e7;
  height: 2px;
  width: calc(100% - 18px);
}
.milestonesOverview .milestone .line .progress {
  height: 2px;
  width: 0;
  transition: width 1s linear;
}
.milestonesOverview .milestone .clock {
  background-color: #fff;
  height: 14px;
  margin-left: -7px;
  position: absolute;
  top: -7px;
  width: 14px;
}
.milestonesOverview .milestone .clock .fa-icon {
  display: inline-block;
  margin-top: -2px;
}
.milestonesOverview .milestone .endpoint {
  border: 2px solid #d4e2e7;
  border-radius: 9px;
  cursor: help;
  height: 14px;
  position: absolute;
  right: 11px;
  top: -8px;
  width: 14px;
}
.milestonesOverview .milestone .endpoint.overdue {
  width: 16px;
  height: 16px;
  border: none;
  color: red;
  font-size: 18px;
}
.milestonesOverview .milestone .endpoint.overdue i {
  margin-left: -1px;
}
.milestonesOverview .milestone .endpoint.overdue .fa-circle-info:before {
  font-size: 18px;
}
.milestonesOverview .milestone .endpoint i {
  display: inline-block;
  position: relative;
  font-size: 10px !important;
  top: -4px;
  right: -2px;
}
.milestonesOverview .milestone .endpoint:hover .tooltip {
  display: block;
}
.milestonesOverview .milestone .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 33px;
}
.milestonesOverview .milestone .tooltip {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  color: #313949;
  cursor: default;
  display: none;
  font-size: 12px;
  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;
}
.milestonesOverview .milestone .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;
}
.milestonesOverview .milestone .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;
}
.milestonesOverview .milestone .tooltip .label {
  color: #6d798c;
  font-weight: 400;
}
.milestonesOverview .milestone .tooltip i {
  border-radius: 4px;
  display: inline-block;
  height: 8px;
  width: 8px;
}
.milestonesOverview .milestone .clock {
  border-color: #dee2e6;
  cursor: help;
}
.milestonesOverview .milestone .clock:hover .tooltip {
  display: block;
}
.milestonesOverview .milestone.color-orange .line .progress,
.milestonesOverview .milestone.color-orange .tooltip i {
  background-color: #fd7e14;
}
.milestonesOverview .milestone.color-orange .endpoint {
  border-color: #fd7e14;
  color: #fd7e14;
}
.milestonesOverview .milestone.color-orange .clock:not(.late) {
  border-color: #fd7e14;
  color: #fd7e14;
}
.milestonesOverview .milestone.color-pink .line .progress,
.milestonesOverview .milestone.color-pink .tooltip i {
  background-color: #e83e8c;
}
.milestonesOverview .milestone.color-pink .endpoint {
  border-color: #e83e8c;
  color: #e83e8c;
}
.milestonesOverview .milestone.color-pink .clock:not(.late) {
  border-color: #e83e8c;
  color: #e83e8c;
}
.milestonesOverview .milestone.color-blue .line .progress,
.milestonesOverview .milestone.color-blue .tooltip i {
  background-color: #51a3ff;
}
.milestonesOverview .milestone.color-blue .endpoint {
  border-color: #51a3ff;
  color: #51a3ff;
}
.milestonesOverview .milestone.color-blue .clock:not(.late) {
  border-color: #51a3ff;
  color: #51a3ff;
}
.milestonesOverview .milestone.color-cyan .line .progress,
.milestonesOverview .milestone.color-cyan .tooltip i {
  background-color: #0dcaf0;
}
.milestonesOverview .milestone.color-cyan .endpoint {
  border-color: #0dcaf0;
  color: #0dcaf0;
}
.milestonesOverview .milestone.color-cyan .clock:not(.late) {
  border-color: #0dcaf0;
  color: #0dcaf0;
}
.milestonesOverview .milestone.color-purple .line .progress,
.milestonesOverview .milestone.color-purple .tooltip i {
  background-color: #6f42c1;
}
.milestonesOverview .milestone.color-purple .endpoint {
  border-color: #6f42c1;
  color: #6f42c1;
}
.milestonesOverview .milestone.color-purple .clock:not(.late) {
  border-color: #6f42c1;
  color: #6f42c1;
}
.milestonesOverview .milestone.color-yellow .line .progress,
.milestonesOverview .milestone.color-yellow .tooltip i {
  background-color: #ecc549;
}
.milestonesOverview .milestone.color-yellow .endpoint {
  border-color: #ecc549;
  color: #ecc549;
}
.milestonesOverview .milestone.color-yellow .clock:not(.late) {
  border-color: #ecc549;
  color: #ecc549;
}
.milestonesOverview .milestone:last-child .tooltip {
  right: 80px;
}
.milestonesOverview .milestone:last-child .tooltip:before {
  left: 95%;
}
.milestonesOverview .milestone:last-child .tooltip:after {
  left: 95%;
}
.milestonesOverview .milestonesWrapper {
  box-sizing: border-box;
  padding: 5px 0 0;
  width: 100%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-2 .milestone {
  width: 50%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-3 .milestone {
  width: 33.33%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-4 .milestone {
  width: 25%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-5 .milestone {
  width: 20%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-6 .milestone {
  width: 16.66%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-7 .milestone {
  width: 14.28%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-8 .milestone {
  width: 12.5%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-9 .milestone {
  width: 11.11%;
}
.milestonesOverview .milestonesWrapper.milestonesCount-10 .milestone {
  width: 10%;
}

.composition-products {
  margin-top: 10px;
  text-align: left;
}
.composition-products p {
  font-weight: 600;
}
.composition-products .composition-product {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.composition-products .composition-product label {
  width: 200px;
  display: inline-block;
  padding-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.composition-products .composition-product .cselect {
  width: 270px;
}

.timelines-overview .tab-pane, .timelines-overview tab-content {
  width: 100%;
}

@keyframes closemessagedel {
  0% {
    width: 36px;
    opacity: 1;
    background-color: #dc3545;
  }
  33% {
    width: 320px;
    opacity: 1;
    background-color: #dc3545;
  }
  100% {
    width: 320px;
    opacity: 1;
    background-color: #dc3545;
  }
}
@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(11.04, 24.84, 66.24);
  background: rgb(10.08, 22.68, 60.48);
  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.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 .top-line {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 25px;
}
.u-notification .top-line .title {
  font-size: 14px;
  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: #51a3ff;
}
.u-notification .top-line .title i.system {
  border-color: #ecc549;
}
.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: #198754;
}
.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: #51a3ff;
  text-decoration: none;
  cursor: pointer;
  font-weight: 500;
}
.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 .bottom-line .read-buttons button {
  width: 20px;
  background: none;
  margin-left: 3px;
}
.u-notification .bottom-line .read-buttons button i {
  color: rgb(11.04, 24.84, 66.24);
  font-size: 15px;
}
.u-notification .bottom-line .read-buttons button i:hover {
  color: white;
}
.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: 18px;
  font-weight: normal;
  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;
  font-size: 14px;
}
.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-size: 12px;
  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 {
  font-size: 14px;
  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 {
  padding: 6px;
  display: flex;
}
.u-inbox footer .button {
  width: 100%;
  margin: 0 4px;
}

.pushNotifications {
  float: right;
  height: 200px;
  margin: 10px 10px 0;
  width: 305px;
}
.pushNotifications ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pushNotifications ul::after {
  content: "";
  display: table;
  clear: both;
}
.pushNotifications ul li {
  box-sizing: border-box;
  display: block;
  margin-bottom: 5px;
  position: relative;
}
.pushNotifications ul li header {
  font-size: 14px;
  line-height: 30px;
}
.pushNotifications ul li .txt {
  font-size: 12px;
  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 #ecc549;
}

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

.u-roles-detail {
  height: 100%;
}
.u-roles-detail .moduleAccess table {
  margin-top: 15px;
}
.u-roles-detail .moduleAccess table .aclAbilityCol .checkbox {
  margin-top: -1px !important;
}
.u-roles-detail .moduleAccess table .aclAbilityCol span {
  margin-left: 5px;
}
.u-roles-detail .attributeSetPermissions table {
  margin-top: 15px;
}
.u-roles-detail .attributeSetPermissions table .attributeSetRow {
  background: #F1F1F5;
}
.u-roles-detail .attributeSetPermissions table .abilityCol {
  text-align: center;
}
.u-roles-detail .attributeSetPermissions table .setAbilityCol {
  text-align: center;
}
.u-roles-detail .attributeSetPermissions table .setAbilityCol .checkbox {
  margin-left: -20px;
}
.u-roles-detail .attributeSetPermissions table .attributeSetHeader {
  text-align: left;
}
.u-roles-detail .attributeSetPermissions table .attributeGroupHeader {
  text-align: left !important;
}
.u-roles-detail .restrictions-wrapper {
  color: #525b65;
  padding: 0 40px;
}
.u-roles-detail .restrictions-wrapper .available-statuses-wrapper {
  padding-top: 15px;
  padding-left: 10px;
}
.u-roles-detail .restrictions-wrapper .available-statuses-wrapper label {
  display: block;
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  margin: 0;
  padding: 20px 0;
}
.u-roles-detail .restrictions-wrapper .available-statuses-wrapper .cselect .options {
  max-height: initial !important;
  min-width: 275px;
}

.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 .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-size: 14px;
  font-weight: normal;
  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: #52b266;
  border-color: rgb(73.6736, 165.5264, 92.8096);
}
.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 {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  color: #51a3ff;
}
.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: 3px;
  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;
  font-size: 12px;
  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: #51a3ff;
  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: normal;
  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: 5px;
  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: 5px;
  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: #dc3545;
}
.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;
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  height: 100%;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  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: 8px;
  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: 600;
  font-size: 1.1rem;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .quote-header .price {
  font-size: 1.2rem;
  font-weight: 600;
  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: 8px;
  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: 500;
  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: 500;
}
.u-portal-order-packaging-modal .quote-dropdown-wrap .quote-details-card .select-btn {
  background: #217aff;
  color: #fff;
  padding: 0.5rem 1.1rem;
  border-radius: 20px;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  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 {
  font-family: "Inter", Arial, sans-serif;
  font-size: 1.02rem;
}
.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: 500;
  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: 4px;
  padding: 0.14em 0.5em;
  text-transform: uppercase;
  font-weight: 500;
}
.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: 700;
  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: 500;
}
.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: 500;
}
.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: 9px;
  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: 600;
  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: 7px;
  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: 500;
  color: #657098;
}
.u-portal-order-shipping-modal .shipment-quote-card footer .btn-view {
  background: #187cff;
  color: #fff;
  padding: 0.3em 1.1em;
  border-radius: 17px;
  text-decoration: none;
  font-size: 0.97em;
  font-weight: 500;
  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 .addresses li {
  display: flex;
  border-bottom: 1px solid #dee2e6;
  padding: 20px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.u-portal-users-detail .addresses li .field {
  display: flex;
  flex-direction: row;
  align-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.u-portal-users-detail .addresses li .field span {
  width: 100px;
  text-align: right;
  margin-right: 20px;
}

.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: 18px;
  font-weight: normal;
  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: 15px;
  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: normal;
}
.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: 3px;
  border: solid 1px #dee2e6;
  justify-content: flex-start;
}
.u-portal-forms-detail .form-builder .form-sidebar ul li:hover {
  background: #dee2e6;
  border: solid 1px #51a3ff;
}
.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;
  font-size: 14px;
  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] {
  border-left: solid 1px gainsboro;
  border-right: solid 1px gainsboro;
  min-height: 50px;
  padding: 5px;
  background: #dee2e6;
  border-radius: 0.25em;
  padding-bottom: 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;
  background: white;
  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: 3px;
  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 #dc3545;
  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 {
  flex: 1;
}
.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;
  font-size: 15px;
}
.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-results-detail {
  height: 100%;
}
.u-portal-results-detail .result-container {
  display: flex;
}
.u-portal-results-detail .result-container .result-question {
  padding: 5px;
  width: 400px;
  margin: 5px;
  border-radius: 3px;
  text-align: left;
  color: #6f7b8e;
}
.u-portal-results-detail .result-container .result-answer {
  padding: 5px;
  margin: 5px;
  width: 460px;
  border-radius: 3px;
  background: #dee2e6;
  border: solid 1px #dee2e6;
  color: #6f7b8e;
}

.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: #51a3ff;
}
.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: normal;
}
.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;
  margin: 15px;
}
.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-products-overview {
  display: flex;
  flex: 1;
}
.u-products-overview .results {
  color: #51a3ff;
  margin-left: 14px;
  margin-top: 1px;
  font-size: 14px;
}

.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: 5px;
  display: flex;
}
.u-products-detail .product-name-container .product-name-input {
  border: none;
  border-radius: 5px;
  background: #dee2e6;
  margin-right: 20px;
  font-size: 16px;
  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 #51a3ff;
}
.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;
}
.u-products-detail #main .product-sidebar .product-sidebar-container {
  border-bottom-right-radius: 5px;
  border-right: solid 1px gainsboro;
  border-bottom: solid 1px gainsboro;
  background: white;
  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: 5px 5px 0 0;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item:last-child {
  border-bottom: none;
  border-radius: 0 0 5px 5px;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item:hover {
  color: #51a3ff;
  cursor: pointer;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item.active {
  color: #51a3ff;
}
.u-products-detail #main .product-sidebar .product-sidebar-container .product-sidebar-item.active:before {
  content: "❯";
  margin-right: 5px;
}
.u-products-detail #main .product-content {
  margin: 15px;
  border-radius: 5px;
  background: white;
  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-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-product-status-overview {
  height: 100%;
}

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

.u-content-overview {
  height: 100%;
}
.u-content-overview .grid {
  position: relative;
  overflow: auto;
  flex: 1;
}
.u-content-overview .grid table {
  position: absolute;
}
.u-content-overview .grid table td > span > img {
  max-height: 100px;
  max-width: 150px;
  object-fit: contain;
}
.u-content-overview tree {
  overflow: hidden;
  flex: 1;
  position: relative;
}
.u-content-overview #sidebar h1 {
  padding: 0 0 0 10px;
  color: #606060;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
}

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

.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: normal;
}
.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: 2px;
  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;
  flex: 1;
}
.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.25em;
  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 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: 3px;
  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: 3px;
  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: 3px;
  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: 1px;
  position: relative;
  top: 1px;
}
.u-export-builder-save .modal-header {
  display: flex;
  justify-content: space-between;
}

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

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

.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: 0;
  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: normal;
  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 #main {
  background: #e6e6e6;
}
.u-dashboard-overview .dashboard {
  text-align: center;
  padding: 20px;
}
.u-dashboard-overview .dashboard .dashboard-widgets {
  display: grid;
  animation: fadeIn 0.7s;
  gap: 24px;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
@media (max-width: 768px) {
  .u-dashboard-overview .dashboard .dashboard-widgets {
    grid-template-columns: 1fr;
  }
}
.u-dashboard-overview .dashboard .dashboard-widget {
  overflow: scroll;
  color: #313948;
  border-radius: 8px;
  flex-grow: 1;
  opacity: 1;
  text-align: right;
  background: #fff;
  border: solid 1px #dee2e6;
  box-shadow: 0 2px 12px 0 rgba(40, 60, 140, 0.03);
  transform: translateY(16px) scale(1);
  transition: box-shadow 0.23s cubic-bezier(0.27, 0.72, 0.61, 1.03), transform 0.17s cubic-bezier(0.27, 0.72, 0.61, 1.03), opacity 0.46s cubic-bezier(0.17, 0.74, 0.37, 1.01);
}
.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;
  transform: translateY(40px) scale(0.98);
}
.u-dashboard-overview .dashboard .dashboard-widget.ng-enter-active, .u-dashboard-overview .dashboard .dashboard-widget.ng-appear-active {
  opacity: 1;
  transform: translateY(0) scale(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 30px 0 rgba(40, 60, 140, 0.11);
  transform: translateY(-2px) scale(1.02);
  cursor: pointer;
}
.u-dashboard-overview .dashboard .dashboard-widget:active {
  transform: scale(0.99);
  box-shadow: 0 3px 13px 0 rgba(40, 60, 140, 0.1);
}
.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;
  font-size: 14px;
  display: block;
  border-radius: 6px;
  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: #e53228;
  font-weight: 500;
  background: #f7f7f7;
  border-bottom: solid 1px #dee2e6;
  font-size: 14px;
  margin: 0;
  text-align: left;
  padding: 15px 16px 15px 19px;
  letter-spacing: 0.02em;
  border-radius: 8px 8px 0 0;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list {
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: 6px;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li {
  list-style-type: none;
  border-top: solid 1px #dee2e6;
  padding: 10px 12px 10px 8px;
  font-size: 12px;
  background: transparent;
  transition: background 0.19s;
  border-radius: 0 0 7px 7px;
}
.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: #51a3ff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.17s;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li a:hover {
  color: #51a3ff;
  text-decoration: underline;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li .completeness.bar {
  display: block;
  width: 98%;
  height: 6px;
  background: #e9eefa;
  border-radius: 4px;
  margin-top: 6px;
  overflow: hidden;
  position: relative;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li .completeness.bar .partial {
  display: block;
  height: 100%;
  border-radius: 4px;
  background: #51a3ff;
  transition: width 0.65s cubic-bezier(0.18, 0.79, 0.32, 1), background 0.18s;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li .completeness.bar .partial.red {
  background: #ff274d;
}
.u-dashboard-overview .dashboard .dashboard-widget .dashboard-widget-list li .completeness.bar .partial.blue {
  background: #2186f5;
}
.u-dashboard-overview .dashboard .users-show-all {
  text-align: right;
  margin-top: 5px;
  font-size: 15px;
}
.u-dashboard-overview .dashboard .users-show-all a {
  color: #2a83e6;
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.15s;
}
.u-dashboard-overview .dashboard .users-show-all a:hover {
  color: #135cc2;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@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 section#main {
  background-color: #f7f7f7;
}
.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;
  font-size: 12px;
  align-items: center;
}
.u-asset-media-overview .category-list-item i {
  font-size: 15px;
  color: rgb(109, 121, 140);
  margin-right: 10px;
}
.u-asset-media-overview .category-list-item:hover {
  color: #51a3ff;
}
.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: #51a3ff;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  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: 5px;
  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(94.92, 170.36, 255);
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-thumb {
  background-color: #FFFFFF;
  border-radius: 5px;
}
.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 {
  font-size: 21px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid .media-item .media-controls .media-button:hover {
  color: #51a3ff;
}
.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: 5px;
  padding: 10px;
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #f8f9fa;
  opacity: 0.8;
  overflow-wrap: break-word;
  font-size: 10px;
}
.u-asset-media-overview .u-media-grid .grid .media-grid.view-grid .media-item .media-info .media-title {
  font-size: 12px;
  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-form-modal .entity-editor label {
  width: 100px;
}

.calendar {
  max-width: fit-content;
  color: #222222;
}
.calendar table {
  border-radius: 5px;
  border: solid 1px #dddddd;
  border-collapse: collapse;
}
.calendar td, .calendar th {
  width: 200px;
  height: 80px;
  color: #222222;
  background: white;
  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: 5px;
  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: bold;
}

.textfield {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  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: 3px;
}
.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;
  font-size: 12px;
  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: #dc3545;
  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 {
  background: white;
  position: relative;
  overflow: auto;
  width: 240px;
  flex: 1;
}

.u-category-viewer {
  margin: 0;
  max-height: 100%;
  position: absolute;
  font-family: "Segoe UI", "Roboto", Arial, sans-serif;
  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: 4px;
  padding: 2px 4px;
  color: #51a3ff;
  font-weight: bold;
}
.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: 4px;
  cursor: pointer;
}
.u-category-viewer .tree-row .fa {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  font-size: 14px;
  margin-right: 7px;
  margin-left: 1px;
  vertical-align: middle;
  transition: color 0.15s;
}
.u-category-viewer .tree-row .tree-label {
  font-size: 12px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  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: #51a3ff;
  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: 5px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  border: solid 1px gainsboro;
  background: white;
}
.product-tabs .product-tab:hover, .product-tabs .product-tab.active {
  border: solid 1px #51a3ff;
}
.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: 3px;
}
.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: 3px;
  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: 700;
}
.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: 3px;
  border: 1px solid #1976d2;
  background: #1976d2;
  color: #fff;
  font-weight: 600;
  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: 600;
  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: 3px;
  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: 3px;
  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 {
  border-right: solid 1px #dee2e6;
  background: white;
  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-size: 14px;
  font-weight: normal;
  line-height: 24px;
}
.product-picker .sidebar .sidebar-options {
  border-top: solid 1px #dee2e6;
  background: #f3f3f3;
}
.product-picker .sidebar .sidebar-options .cswitch.on {
  background: #52b266;
  border-color: rgb(73.6736, 165.5264, 92.8096);
}
.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 {
  font-size: 14px;
  display: flex;
  align-items: center;
  padding-left: 14px;
  color: #51a3ff;
}
.product-picker section {
  flex: 1;
  height: 50px;
  display: flex;
}
.product-picker section .overview {
  background: #f7f7f7;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.product-picker section .overview .filters {
  padding: 10px;
  border-radius: 3px;
  margin-bottom: 10px;
  border: solid 1px #dee2e6;
  background: white;
}
.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;
  border-top: Solid 1px #dee2e6;
  border-left: solid 1px #dee2e6;
  z-index: 0;
}
.product-picker section .overview .wrapper table {
  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 {
  border-color: rgba(255, 181, 196, 0.05);
  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: #f0f0f0;
  white-space: nowrap;
  padding: 15px;
  font-weight: normal;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-size: 12px;
  line-height: 14px;
  text-align: left;
  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;
}
.product-picker section .overview .wrapper table thead th span .fa-sort-asc {
  top: 3px;
}
.product-picker section .overview .wrapper table thead th span i {
  color: #51a3ff;
  margin-left: 10px;
  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: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: normal;
  padding: 4px 20px;
  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 {
  text-align: center;
  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-editor {
  flex: 1;
}

.product-editor {
  display: flex;
}
.product-editor .unsaved-change {
  border: 1px dashed gold !important;
}
.product-editor .product-editor-table-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 14px 22px 10px 22px;
  margin-bottom: 16px;
}
.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-size: 15px;
  font-weight: 500;
  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 .comparison-label cselect {
  margin-left: 6px;
  min-width: 160px;
}
.product-editor .product-editor-table-options .options-right .unsaved-changes-text {
  background: #fff3cd;
  color: #a87e00;
  border-radius: 3px;
  padding: 10px 10px;
  font-size: 14px;
}
.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: 5px;
  font-weight: 500;
  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: 3px;
  border: solid 1px #dee2e6;
}
.product-editor .three-state-toggle span {
  padding: 4px 10px;
  cursor: pointer;
  border-radius: 3px;
  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: 3px;
  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: 3px;
  color: #222;
}
.product-editor .product-editor-label {
  padding-right: 25px;
  position: relative;
  top: 8px;
}
.product-editor .product-editor-sidebar {
  width: 270px;
  min-width: 270px;
  margin-right: 18px;
}
.product-editor .product-editor-sidebar .product-editor-filter-bar {
  border-radius: 4px;
}
.product-editor .product-editor-sidebar .product-editor-filter-bar .product-editor-search {
  background: #f7f7f7;
  margin: 5px;
  padding: 10px;
  border-radius: 5px;
  border: none;
  width: calc(100% - 5px);
}
.product-editor .product-editor-sidebar .product-editor-group {
  padding: 9px 16px;
  cursor: pointer;
  color: #222;
  font-weight: 500;
  transition: background 0.09s;
  border: 1px solid #ddd;
  border-bottom: none;
  border-collapse: collapse;
}
.product-editor .product-editor-sidebar .product-editor-group:last-child {
  border-bottom: 1px solid #ddd;
}
.product-editor .product-editor-sidebar .product-editor-group.selected {
  color: #2371c6;
}
.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: 3px;
  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: 3px;
  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: 2px;
  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 {
  color: #51a3ff;
  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;
  font-size: 10px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
}
.product-editor .error-icon {
  color: #fff;
  margin-top: -2px;
  background: grey;
  font-size: 10px;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 14px;
  background: #dc3545;
}
.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: 3px;
  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: 3px;
  color: #222;
  cursor: pointer;
  min-width: 75px;
}
.product-editor-showonly .btn.active {
  border-color: #51a3ff;
  color: rgb(54.12, 148.7875862069, 255);
  background: #eaf3fb;
}

.product-editor-table-wrapper {
  flex: 1;
  overflow-x: auto;
  padding-top: 4px;
}
.product-editor-table-wrapper .group-search-header {
  background: #f3f3f3;
  font-weight: 600;
  color: #111;
  border-radius: 3px;
  padding: 7px 14px;
  cursor: pointer;
}
.product-editor-table-wrapper .product-editor-table {
  width: 100%;
  border-spacing: 0 0.5em;
  background: #fff;
}
.product-editor-table-wrapper .product-editor-table .product-table-label {
  color: #888;
  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: 3px;
  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: 3px;
}
.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-user-icon {
  display: inline-block;
  font-size: 14px;
  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: 30px;
  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: #0c1b48;
  align-items: stretch;
  user-select: none;
  font-weight: 400;
  z-index: 101;
}
.u-navigation .mobile-sidebar {
  position: fixed;
  top: 60px;
  left: 0;
  width: 250px;
  height: calc(100% - 60px);
  background: 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: #0c1b48 !important;
  width: 100%;
  padding-left: 20px;
  position: initial !important;
}
.u-navigation .mobile-sidebar .nav-left > li {
  background: rgb(10.08, 22.68, 60.48) !important;
  display: flex;
  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;
}
@media (max-width: 1024px) {
  .u-navigation .expandable.fullscreen {
    display: none;
  }
}
.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;
  font-size: 18px;
}
@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.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: #fff;
  background: 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: rgba(255, 255, 255, 0.77);
  font-size: 13px;
  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: #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;
  font-size: 12px;
}
.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;
  font-size: 14px;
}
.u-navigation .nav-left > li > ul, .u-navigation .nav-right > li > ul {
  position: absolute;
  left: 0;
  top: 60px;
  min-width: 175px;
  background: rgb(16.8685714286, 37.9542857143, 101.2114285714);
  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: rgba(255, 255, 255, 0.84);
  font-size: 12px;
  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: rgb(11.04, 24.84, 66.24);
  color: #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: #51a3ff;
  font-weight: 500;
  background: rgba(81, 163, 255, 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: #dc3545;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 9px;
  font-size: 10px;
  width: 8px;
  height: 18px;
  line-height: 20px;
  padding: 0 6px;
  border-radius: 50%;
  text-align: center;
  z-index: 2;
  font-weight: 600;
  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;
  font-size: 13px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.u-navigation .locale-switcher .locale-toggle .icon {
  display: none;
  font-size: 16px;
  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: 6px;
  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 {
  border-bottom: 1px solid #f1f3f5;
  padding: 8px 16px;
  font-size: 13px;
  color: #333;
  cursor: pointer;
}
.u-navigation .locale-switcher .locale-dropdown li.active {
  color: #51a3ff;
  background: #f1f3f5;
}
.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-button {
  display: flex;
}
.u-product-filter-button .green .cselect {
  border-color: #51a3ff;
  background: #51a3ff;
  color: white;
}
.u-product-filter-button .green .cselect .options-container {
  color: #5f5f5f;
}
.u-product-filter-button .filter-container {
  flex: 1;
  flex-wrap: wrap;
  display: flex;
}
.u-product-filter-button .filter-container .filter-item {
  display: flex;
  border: solid 1px #d6e1e6;
  border-radius: 3px;
  min-width: 100px;
  margin: 1px 5px;
}
.u-product-filter-button .filter-container .filter-item:hover {
  cursor: pointer;
  background: #f1f4fa;
}
.u-product-filter-button .filter-container .filter-item .label {
  margin: 1px;
  position: relative;
  flex-direction: column;
  white-space: nowrap;
  display: flex;
  color: #b3c6cd;
}
.u-product-filter-button .filter-container .filter-item .label .button {
  align-items: center;
  padding: 5px 10px;
  display: flex;
  flex: 1;
}
.u-product-filter-button .filter-container .filter-item .label .button .code {
  color: #b3c6cd;
}
.u-product-filter-button .filter-container .filter-item .label .button .value {
  margin-left: 5px;
  color: #656b78;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown {
  position: absolute;
  left: 2px;
  top: 36px;
  background: white;
  min-width: 150px;
  max-width: fit-content;
  z-index: 1;
  padding: 5px;
  border: solid 1px #d6e1e7;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown .cbutton {
  margin-top: 5px;
  width: 100%;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown .cbutton .inner {
  width: 100%;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown ul {
  max-height: 250px;
  overflow: auto;
  margin: 0;
  padding: 0;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown ul li {
  align-items: center;
  display: flex;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown ul li checkbox {
  padding: 5px;
}
.u-product-filter-button .filter-container .filter-item .label .dropdown ul li .option-value {
  padding: 5px;
  flex: 1;
}
.u-product-filter-button .filter-container .filter-item .options {
  color: #5f5f5f;
  padding: 5px 5px 5px 0;
}
.u-product-filter-button .filter-container .filter-item .remove {
  display: flex;
  align-items: center;
  color: #5f5f5f;
  padding: 7px;
  background: #fafafa;
  border-left: solid 1px #d6e1e6;
  cursor: pointer;
}
.u-product-filter-button .filter-container .filter-item .remove i {
  -webkit-text-stroke: 1px #fafafa;
}
.u-product-filter-button .filter-container .filter-item .remove:hover {
  background: whitesmoke;
}
.u-product-filter-button .filter-container .filter-item .remove:hover i {
  -webkit-text-stroke: 1px whitesmoke;
}

u-media-selector {
  flex: 1;
}

.u-media-selector {
  flex: 1;
  width: 100%;
  display: inline-flex;
}
.u-media-selector.invalid .cbutton > .inner, .u-media-selector.invalid input {
  border-color: #dc3545;
  border-style: dashed;
  background: #f8d7da;
}
.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 {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.u-media-grid *, .u-media-grid *:before, .u-media-grid *:after {
  box-sizing: inherit;
}
.u-media-grid #grid {
  height: 100%;
}
.u-media-grid #grid .gridcontrols {
  padding: 10px 10px 0 10px;
  width: 100%;
  min-width: 0;
}
.u-media-grid #grid .gridcontrols .cselect {
  margin: 0;
}
.u-media-grid #grid .gridcontrols .count {
  color: #51a3ff;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin: 0 0 0 10px;
  vertical-align: middle;
}
.u-media-grid #grid .media-upload {
  width: 100%;
  height: calc(100% - 58px);
}
.u-media-grid #grid .media-grid {
  width: 100%;
  padding: 5px 10px 10px 5px;
  display: flex;
}
.u-media-grid #grid .media-grid .no-results {
  width: 100%;
  text-align: center;
}
.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: 5px;
  background-color: #FFFFFF;
}
.u-media-grid #grid .media-grid .media-item:hover, .u-media-grid #grid .media-grid .media-item.selected {
  border-color: rgb(94.92, 170.36, 255);
}
.u-media-grid #grid .media-grid .media-item .media-thumb {
  background-color: #FFFFFF;
  border-radius: 5px;
}
.u-media-grid #grid .media-grid .media-item .media-thumb.archived:hover img.media-img {
  opacity: 1;
}
.u-media-grid #grid .media-grid .media-item .media-thumb.archived img.media-img {
  opacity: 0.2;
}
.u-media-grid #grid .media-grid .media-item .media-thumb img.media-img {
  display: block;
  margin: 0 auto;
  object-fit: scale-down;
}
.u-media-grid #grid .media-grid .media-item .media-controls {
  padding: 5px;
  justify-content: space-between;
}
.u-media-grid #grid .media-grid .media-item .media-controls .media-button {
  font-size: 21px;
}
.u-media-grid #grid .media-grid .media-item .media-controls .media-button:hover {
  color: #51a3ff;
}
.u-media-grid #grid .media-grid.view-grid {
  flex-wrap: wrap;
}
.u-media-grid #grid .media-grid.view-grid .media-item .media-info {
  height: 100%;
  border-radius: 5px;
  padding: 10px;
  position: absolute;
  display: none;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #f8f9fa;
  opacity: 0.8;
  overflow-wrap: break-word;
  font-size: 10px;
}
.u-media-grid #grid .media-grid.view-grid .media-item .media-info .media-title {
  font-size: 12px;
  margin-bottom: 15px;
}
.u-media-grid #grid .media-grid.view-grid .media-item .media-controls {
  position: absolute;
  display: none;
  width: 100%;
  bottom: 0;
  left: 0;
}
.u-media-grid #grid .media-grid.view-grid .media-item.selected .media-controls {
  display: flex;
}
.u-media-grid #grid .media-grid.grid-lg .media-item:hover .media-info {
  display: block;
}
.u-media-grid #grid .media-grid.grid-lg .media-item:hover .media-controls {
  display: flex;
}
.u-media-grid #grid .media-grid.grid-lg .media-item img.media-img {
  width: 200px;
  height: 200px;
}
.u-media-grid #grid .media-grid.grid-sm .media-item .media-controls {
  padding: 3px;
}
.u-media-grid #grid .media-grid.grid-sm .media-item:hover .media-controls {
  display: block;
}
.u-media-grid #grid .media-grid.grid-sm img.media-img {
  width: 100px;
  height: 100px;
}
.u-media-grid #grid .media-grid.view-list {
  flex-flow: row wrap;
}
.u-media-grid #grid .media-grid.view-list .media-item {
  flex: 1 100%;
  display: flex;
  flex-flow: row nowrap;
}
.u-media-grid #grid .media-grid.view-list .media-item .media-thumb {
  flex: 0;
  margin: 5px;
  border: 1px solid #dee2e6;
}
.u-media-grid #grid .media-grid.view-list .media-item .media-thumb img.media-img {
  width: 100px;
  height: 100px;
}
.u-media-grid #grid .media-grid.view-list .media-item .media-info {
  flex: 1;
  vertical-align: middle;
  padding: 5px;
}
.u-media-grid #grid .media-grid.view-list .media-item .media-file-size {
  flex: 1 100px 100px;
  vertical-align: middle;
  padding: 5px;
}

.u-media-details {
  display: flex;
  flex-flow: row wrap;
}
.u-media-details .button-container {
  text-align: right;
  padding: 0 15px;
}
.u-media-details .tabs {
  width: 100%;
}
.u-media-details .entity-editor {
  height: auto;
}
.u-media-details .tab-content {
  padding-bottom: 15px;
}
.u-media-details .media-title {
  padding: 5px 0;
  margin: 0;
  display: inline-block;
  font-size: 1.5em;
}
.u-media-details .media-link {
  min-height: 310px;
  padding: 15px;
}
.u-media-details .media-link .product-values {
  height: 100%;
  margin: 5px 0;
  overflow-y: auto;
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
}
.u-media-details .media-link .product-values .product-value {
  display: flex;
  flex-flow: row wrap;
  flex: 0 1 auto;
}
.u-media-details .media-link .product-values .product-value .product-value-attribute-name {
  flex: 1 0 40%;
  align-self: center;
  margin: 5px;
  text-overflow: ellipsis;
}
.u-media-details .media-link .product-values .product-value .product-value-media-name {
  flex: 1 0 40%;
  align-self: center;
  margin: 5px;
  text-overflow: ellipsis;
}
.u-media-details .media-link .product-values .product-value .product-value-media-name.parent-value {
  color: #6e6f72;
}
.u-media-details .media-link .product-values .product-value .product-value-controls {
  flex: 1 0 content;
  align-self: center;
  margin: 5px;
}
.u-media-details .media-link .product-values .product-value:hover {
  background-color: #f1f4fa;
}
.u-media-details .media-versions {
  margin: 5px;
}
.u-media-details .media-versions .tabs.vertical .tab-heading .right {
  float: right;
  font-style: italic;
}
.u-media-details .media-versions .tabs.vertical .tab-heading a {
  padding: 10px 15px;
}
.u-media-details .media-versions .media-info-container {
  display: flex;
  flex-flow: row wrap;
}
.u-media-details .media-versions .media-info-container .media-url {
  flex: 2 100%;
  margin: 5px 5px 0 5px;
}
.u-media-details .media-versions .media-info-container .media-url .cinput {
  float: left;
  width: calc(100% - 140px);
}
.u-media-details .media-versions .media-info-container .media-url .icon {
  float: left;
  margin-left: 5px;
}
.u-media-details .media-versions .media-info-container .media-thumb {
  flex: 1 0;
}
.u-media-details .media-versions .media-info-container .media-thumb .u-media-image {
  height: 160px;
  border-bottom: 1px solid #dee2e6;
}
.u-media-details .media-versions .media-info-container .media-thumb .u-media-image img {
  width: 200px;
  height: 160px;
  display: block;
  margin: 0 auto;
  object-fit: scale-down;
}
.u-media-details .media-versions .media-info-container .media-info {
  flex: 1 auto;
  border-bottom: 1px solid #dee2e6;
}
.u-media-details .media-versions .media-info-container .media-info ul {
  padding: 0;
  list-style-type: none;
}
.u-media-details .media-versions .media-info-container .media-info ul li {
  padding: 2px 0;
}
.u-media-details .media-delete {
  padding: 15px;
}
.u-media-details .media-scopes {
  margin: 0;
}
.u-media-details .media-scopes ul {
  list-style-type: none;
}

.u-media-details-modal .modal-body {
  padding: 0;
}

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

.u-media-image .clickable {
  cursor: zoom-in;
}

.u-media-scope-selector {
  display: inline-block;
}
.u-media-scope-selector .cselect {
  margin: 0;
}
.u-media-scope-selector .association-name {
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  color: #6d798c;
  display: inline-block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  position: relative;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}

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: 3px;
  background: #f7f7f7;
  color: #747f91;
}
.entity-editor .post-fix {
  margin-left: 5px;
  border: solid 1px #d7d7d7;
  padding: 7px;
  border-radius: 3px;
  background: #f7f7f7;
  color: #747f91;
}
.entity-editor .filter-attribute-result {
  opacity: 0.3;
}
.entity-editor .filter-group-result {
  opacity: 0.3;
}
.entity-editor .search-container {
  border: none !important;
  border-bottom: solid 1px gainsboro !important;
}
.entity-editor .search-container .search-input {
  width: 100% !important;
  height: auto;
  margin-top: 2px;
  flex: 1;
}
.entity-editor .search-container .search-input input {
  background: #f7f7f7;
  margin: 5px;
  border-radius: 5px;
  border: none;
  width: calc(100% - 5px);
}
.entity-editor .search-container .search-input input::placeholder {
  color: #a8a8a8;
}
.entity-editor .help {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  position: relative;
  right: -6px;
}
.entity-editor .help:hover .helpIcon {
  color: #51a3ff;
}
.entity-editor .help .helpContent {
  z-index: 100;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  color: #525b65;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  border: 1px solid #dee2e6;
  width: 250px;
  background: white;
  top: 30px;
  margin-left: -119px;
  cursor: default;
  display: none;
}
.entity-editor .help .helpContent .helpContentWrapper {
  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: #51a3ff;
  text-decoration: none;
}
.entity-editor .help .helpContent .helpContentMore a[href]:hover {
  color: #51a3ff;
}
.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: #51a3ff;
  border-radius: 2px;
  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: 5px;
  color: #313949;
  cursor: default;
  display: none;
  font-size: 12px;
  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: 4px;
  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: 18px;
  font-weight: normal;
  display: flex;
  align-items: center;
  line-height: 34px;
  margin: 0;
  padding: 20px 20px 10px;
}
.entity-editor .entity-filters {
  align-items: center;
  display: flex;
  font-weight: normal;
}
.entity-editor .entity-filters .entity-filters-label {
  font-size: 12px;
  margin-left: 30px;
  color: #818c9b;
}
.entity-editor .entity-filters .entity-filters-toggle {
  cursor: pointer;
  border-radius: 3px;
  padding: 0 4px;
  height: 100%;
  color: #989898;
  border: solid 1px gainsboro;
  align-items: center;
  justify-content: space-between;
  display: flex;
  font-size: 12px;
}
.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;
  background: white;
  color: #eb5c55;
}
.entity-editor .entity-filters .entity-filters-toggle.enabled i {
  color: #eb5c55;
}
.entity-editor .invalid > a {
  display: block;
  color: #dc3545;
}
.entity-editor .invalid .count {
  color: white;
  border-left: dashed 1px #dc3545;
  padding-left: 10px;
}
.entity-editor .invalid.active {
  color: #51a3ff;
}
.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;
  font-size: 12px;
  margin: 0 10px;
  vertical-align: middle;
}
.entity-editor .required i {
  background-color: #51a3ff;
  border-radius: 2px;
  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 #dc3545;
  border-radius: 3px;
  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: normal;
}
.entity-editor .attributes {
  position: relative;
  min-width: 790px;
}
.entity-editor .comment {
  clear: both;
  font-family: "Encode Sans", sans-serif;
  color: #606060;
  font-size: 10px;
  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: 3px;
  color: #6d798c;
  padding: 9px;
}
.entity-editor .readonly-value.invalid {
  border-color: #dc3545;
  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 .ng-right-click-mask {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 9998;
  cursor: default;
}
.amazon .ng-right-click-ul {
  position: absolute;
  min-width: 150px;
  box-shadow: 2px 2px 2px -2px #ddd;
  background: #fff;
  top: 80%;
  z-index: 9999;
  list-style: none;
  padding: 0;
  cursor: default;
  border: solid thin #ddd;
  border-radius: 2px;
}
.amazon .ng-right-click-ul li {
  padding: 5px;
  cursor: pointer;
  margin: 5px 0;
  font-size: 12px;
}
.amazon .ng-right-click-ul li:hover {
  background: #f5f5f5;
}
.amazon .ng-right-click-ul li.disabled {
  pointer-events: none;
  color: rgba(0, 0, 0, 0.3);
}
.amazon .modal-title {
  flex: 1;
}
.amazon .table-options {
  display: none;
}
.amazon .table-options a {
  text-decoration: none;
  margin-right: 15px;
  color: white;
  background: #6c757d;
  border-radius: 5px;
  width: 20px;
  height: 20px;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
}
.amazon .table-options i {
  font-size: 12px;
  color: white;
  margin: 0;
}
.amazon .table-options .white {
  background: #9c27b0;
  text-decoration: none;
  margin-right: 15px;
  color: white;
  height: 20px;
  border-radius: 5px;
  width: 20px;
  align-items: center;
  display: flex;
  align-content: center;
  justify-content: center;
}
.amazon i {
  position: relative;
}
.amazon i .tooltip2 {
  position: absolute;
  left: -35px;
  width: 130px;
  margin-top: 10px;
  text-align: center;
}
.amazon .modal-header {
  padding: 8px;
  justify-content: space-between;
  text-align: left;
  display: flex;
}
.amazon .modal-header ul {
  display: flex;
  flex: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
  align-content: center;
}
.amazon .modal-header ul li {
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}
.amazon .modal-header ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  content: "\f105";
  color: rgba(58, 57, 63, 0.68);
}
.amazon .modal-header ul li:hover {
  color: #50a2ff;
  cursor: pointer;
}
.amazon .modal-header .cbutton {
  margin-right: 5px;
}
.amazon .modal-header .modal-left {
  flex: 1;
}
.amazon .modal-header .modal-left input {
  color: #606060;
  padding: 10px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.amazon .modal-header .modal-left input:hover {
  color: #50a2ff;
  border: 1px solid #50a2ff;
  cursor: pointer;
}
.amazon .modal-header .modal-right {
  display: flex;
}
.amazon .modal-header .modal-right .amazon-paginator-breadcrums {
  display: flex;
  align-items: center;
  margin: 0 5px;
  padding: 0 10px;
}
.amazon .modal-header .modal-right .amazon-paginator-breadcrums span {
  margin-right: 10px;
}
.amazon .modal-header .modal-right .amazon-paginator-breadcrums span:hover {
  color: #50a2ff;
  cursor: pointer;
}
.amazon .modal-header .modal-right i {
  color: #606060;
  padding: 10px;
  width: 20px;
  margin-left: 5px;
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 3px;
}
.amazon .modal-header .modal-right i:hover {
  color: #50a2ff;
  border: 1px solid #50a2ff;
  cursor: pointer;
}
.amazon .modal-body {
  height: auto;
  overflow: auto;
  position: relative;
  max-height: 100%;
}
.amazon .modal-body .thumbnail {
  flex: 1;
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
  min-width: 250px;
  flex-direction: column;
  border: 1px solid #dee2e6;
}
.amazon .modal-body .thumbnail:hover {
  cursor: pointer;
  border: 1px solid #50a2ff;
}
.amazon .modal-body .thumbnail:hover .thumbnail-title {
  color: #50a2ff;
}
.amazon .modal-body .thumbnail .thumbnail-image {
  height: 200px;
  padding: 5px;
  border: solid 1px #fff;
}
.amazon .modal-body .thumbnail .thumbnail-image img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  object-fit: contain;
  align-items: center;
  display: flex;
  align-content: center;
  margin: auto;
}
.amazon .modal-body .thumbnail .thumbnail-title {
  word-break: break-all;
  font-size: 11px;
  border-top: 1px solid #dee2e6;
  background: #dee2e6;
  height: 50px;
  padding: 5px;
}
.amazon .modal-body table {
  width: calc(100% - 1px);
  border-collapse: collapse;
}
.amazon .modal-body table thead tr td {
  text-align: left;
  padding: 5px;
  color: #c1c1c1;
  background-color: #fafafa;
}
.amazon .modal-body table thead tr th {
  text-align: left;
  color: #606060;
  font-weight: normal;
  padding: 5px;
}
.amazon .modal-body table tbody tr td {
  word-wrap: break-word;
  max-width: 200px;
  text-align: left;
  padding: 5px;
  color: #606060;
  border: 1px solid #dee2e6;
  background-color: #fff;
}
.amazon .modal-body table tbody tr td .options {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}
.amazon .modal-body table tbody tr td .amazon-icon {
  font-size: 16px;
  margin: auto;
}
.amazon .modal-body table tbody tr td img {
  max-width: 50px;
  max-height: 50px;
  padding-right: 5px;
  object-fit: contain;
  margin: auto;
}
.amazon .modal-body table tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}
.amazon .modal-body table tbody tr.is-active td {
  background-color: #f1f4fa;
  border: 1px double #cbd3e7;
  cursor: pointer;
  color: #50a2ff;
}
.amazon .modal-body table tbody tr:hover .table-options {
  display: flex;
}
.amazon .modal-body table tbody tr:hover .table-options > a {
  margin-right: 10px;
}
.amazon .modal-body table tbody tr:hover td {
  background-color: #f1f4fa;
  border: 1px double #cbd3e7;
  cursor: pointer;
}

.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: bold;
}
.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(94.92, 170.36, 255);
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.error {
  background-color: #dc3545;
}
.u-amazon-upload .upload-details .upload-item .upload-item-progress .progress.success {
  background-color: #52b266;
}
.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-media-upload {
  box-sizing: border-box;
  height: 100%;
  width: calc(100% - 10px);
  margin: 0 10px 10px 0;
  display: flex;
  flex-flow: row nowrap;
}
.u-media-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-media-upload .drop-zone p {
  flex: 1 0 content;
  text-align: center;
  color: #d3d3d3;
  font-weight: bold;
}
.u-media-upload .drop-zone.drag-over {
  background-color: #F8F9FB;
}
.u-media-upload .upload-details {
  display: flex;
  flex-flow: column nowrap;
  flex: 1;
  margin: 10px 0 0 10px;
  border: 1px solid #dee2e6;
  overflow: auto;
}
.u-media-upload .upload-details .upload-item {
  display: flex;
  flex-flow: row wrap;
  flex: 0 0 auto;
  margin: 5px;
  border: 1px solid #dee2e6;
}
.u-media-upload .upload-details .upload-item .upload-item-name {
  flex: 1 0 auto;
  align-self: center;
  margin: 5px;
  text-overflow: ellipsis;
}
.u-media-upload .upload-details .upload-item .upload-item-controls {
  flex: 1 0 content;
  align-self: center;
  margin: 5px;
}
.u-media-upload .upload-details .upload-item .upload-item-info {
  flex: 1 100%;
  margin: 5px;
}
.u-media-upload .upload-details .upload-item .upload-item-info ul {
  list-style: none;
  float: left;
  margin: 0 5px;
  padding: 0;
}
.u-media-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-media-upload .upload-details .upload-item .upload-item-progress {
  flex: 1 100%;
  align-self: flex-end;
  background-color: #dee2e6;
}
.u-media-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-media-upload .upload-details .upload-item .upload-item-progress .progress.uploading {
  background-color: #6c757d;
}
.u-media-upload .upload-details .upload-item .upload-item-progress .progress.waiting {
  background-color: rgb(94.92, 170.36, 255);
}
.u-media-upload .upload-details .upload-item .upload-item-progress .progress.error {
  background-color: #dc3545;
}
.u-media-upload .upload-details .upload-item .upload-item-progress .progress.success {
  background-color: #51a3ff;
}
.u-media-upload .upload-details .upload-item .upload-item-progress .progress.cancelled {
  background-color: #dee2e6;
}
.u-media-upload .upload-details .upload-item:hover {
  background-color: #F8F9FB;
}

.u-grid-template-modal .modal-body {
  padding: 0;
}
.u-grid-template-modal .tabs {
  width: 100%;
}
.u-grid-template-modal .entity-editor {
  height: auto;
}

.u-grid-template-button {
  display: inline-block;
}
.u-grid-template-button .searchInput {
  width: calc(100% - 10px);
  margin: 5px;
}
.u-grid-template-button .fa-sort-desc {
  position: relative;
  top: -2px;
  left: 2px;
}
.u-grid-template-button .submit {
  margin: 5px;
  width: calc(100% - 10px);
}
.u-grid-template-button .wrapper {
  margin: 2px 0;
  position: absolute !important;
  background: white;
  z-index: 1;
  border: solid 1px #d6e1e6;
}
.u-grid-template-button .wrapper .create-grid {
  background: #fafafa;
  text-align: center;
  cursor: pointer;
  padding: 5px;
  color: #51a3ff;
}
.u-grid-template-button .wrapper .create-grid:hover {
  background: #fafafa;
}
.u-grid-template-button .wrapper ul {
  min-width: 300px;
  max-height: 200px;
  overflow: auto;
  margin: 0;
  padding: 0;
  list-style: none;
}
.u-grid-template-button .wrapper ul li {
  gap: 2px;
  padding: 4px;
  height: 36px;
  border-bottom: solid 1px #d6e1e6;
  display: flex;
  color: #606060;
  justify-content: space-between;
}
.u-grid-template-button .wrapper ul li .label {
  padding: 5px;
  flex: 1;
}
.u-grid-template-button .wrapper ul li .button {
  padding: 5px 10px;
  border-left: solid 1px #d6e1e6;
}
.u-grid-template-button .wrapper ul li .button:hover {
  background: #fafafa;
}
.u-grid-template-button .wrapper ul li .fa-check {
  margin-top: 9px;
  margin-left: 5px;
  color: transparent;
}
.u-grid-template-button .wrapper ul li:hover {
  cursor: pointer;
  background: #f1f4fa;
}
.u-grid-template-button .wrapper ul li.active .label {
  color: #51a3ff;
}
.u-grid-template-button .wrapper ul li.active .fa-check {
  color: #51a3ff;
}

.u-export-generator-modal {
  position: relative;
  background: white;
  /* category geselecteerd zonder templates eronder */
  /* category geselecteerd met templates eronder */
}
.u-export-generator-modal .modal-header h3 span {
  font-size: 14px;
  color: #51a3ff;
  padding-left: 15px;
  font-weight: normal;
}
.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 {
  display: block;
  margin: 0 0 10px;
}
.u-export-generator-modal .modal-body form .inputfield::after {
  content: "";
  display: table;
  clear: both;
}
.u-export-generator-modal .modal-body form .inputerror {
  right: -25px !important;
}
.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.step-2 .exportConfig.selected .icon {
  border: 1px solid #6c757d;
}
.u-export-generator-modal.step-2 .exportConfig.selected .title {
  color: #6c757d;
}
.u-export-generator-modal.step-3 .exportConfigList {
  position: relative;
}
.u-export-generator-modal.step-3 .exportConfig {
  z-index: 1;
}
.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 .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: 3px;
  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;
}

.category-selector {
  height: 100%;
  text-align: left;
}
.category-selector h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  margin: 0;
  padding: 20px 20px 10px;
}
.category-selector .category-selector-tree {
  clear: both;
  font-size: 12px;
  margin: 0 20px;
  padding: 0;
  list-style: none;
}
.category-selector .category-selector-tree .category-selector-subtree {
  clear: both;
  margin: 0 0 0 25px;
  padding: 0;
  list-style: none;
}
.category-selector .category-selector-tree .category-selector-subtree li::before, .category-selector .category-selector-tree .category-selector-subtree li::after {
  content: "";
  display: block;
  position: absolute;
  right: auto;
}
.category-selector .category-selector-tree .category-selector-subtree li::before {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  bottom: 50px;
  height: 100%;
  left: -17px;
  top: -3px;
  width: 1px;
}
.category-selector .category-selector-tree .category-selector-subtree li::after {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  height: 1px;
  left: -16px;
  top: 12px;
  width: 15px;
}
.category-selector .category-selector-tree .category-selector-subtree li:last-child::before {
  height: 16px;
}
.category-selector .category-selector-tree li {
  font-family: "Encode Sans", sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
  color: #525b65;
}
.category-selector .category-selector-tree li::after {
  content: "";
  display: table;
  clear: both;
}
.category-selector .category-selector-tree li.selected {
  color: #51a3ff;
}
.category-selector .category-selector-tree li .checkbox {
  margin-right: 5px;
}
.category-selector .category-selector-tree li > i {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
}
.category-selector .category-selector-tree li > i::before {
  vertical-align: middle;
}
.category-selector .category-selector-tree li > i:hover {
  color: #51a3ff;
}
.category-selector .category-selector-tree li .label {
  cursor: pointer;
  display: inline-block;
  line-height: 23px;
  padding: 1px 0 0 5px;
  vertical-align: middle;
  position: absolute;
  top: -3px;
}
.category-selector .category-selector-tree li .label:hover {
  color: #51a3ff;
}
.category-selector.disabled .label {
  cursor: default !important;
}
.category-selector.disabled .label.selected {
  color: #51a3ff !important;
}

.u-attribute-selector .selected-channel-attributes {
  margin: 15px 0;
}
.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;
  background: white;
  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: 4px;
  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: 18px;
  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: 4px;
}
.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: 4px;
}
.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: 18px;
  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 {
  padding: 5px 10px;
}
.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-combined-attribute-editor {
  margin: 10px;
  background: white;
  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: 4px;
  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: 18px;
  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: 4px;
}
.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: 4px;
}
.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: 18px;
  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: 4px;
  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: 18px;
  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: 4px;
  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: 18px;
  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 {
  padding: 0 20px;
  height: 100%;
  /**
   * The dnd-list should always have a min-height,
   * otherwise you can't drop to it once it's empty
   */
  /**
      * 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.
      */
  /**
      * An element with .dndPlaceholder class will be
      * added to the dnd-list while the user is dragging
      * over it.
      */
}
.u-option-editor h1 {
  font-size: 18px;
  font-weight: normal;
  line-height: 34px;
  margin: 0;
  padding: 20px 0 10px;
}
.u-option-editor ul[dnd-list] {
  min-height: 52px;
  padding-left: 0;
}
.u-option-editor ul[dnd-list] .dndDraggingSource {
  display: none;
}
.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: 4px;
}
.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: 18px;
  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: 10px;
}
.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;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  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: #51a3ff;
}
.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: normal;
}
.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: 5px;
  color: #6d798c;
  line-height: 12px;
  font-size: 12px;
  position: absolute;
  border: 1px solid #dee2e6;
  width: 250px;
  background: white;
  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: normal;
}
.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: bold;
  color: #6c757d;
}
.u-calculated .calc_attributes .calculated_expanded table .help .helpContent .helpContentWrapper .calc_comment {
  font-weight: bold;
}
.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-status {
  box-sizing: border-box;
  background-color: #fff;
  color: #6d798c;
  display: inline-flex;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  text-overflow: ellipsis;
  border: 1px solid #dee2e6;
}
.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 .cselect {
  border: none !important;
}
.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 {
  font-size: 12px;
}
.u-status div.expand li > div .cselect {
  border: none;
  font-size: 12px;
}
.u-status div.expand li > div .cbutton span {
  border-right: none;
  border-top: none;
  border-bottom: none;
}

.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;
}

.no-fill .inner {
  display: none !important;
}
.no-fill .trigger {
  border-left: solid 1px rgb(233.6068965517, 236.2, 238.7931034483) !important;
}
.no-fill .trigger .options {
  border-top: solid 1px #dee2e6;
}

.cbutton {
  border-radius: 3px;
  box-sizing: border-box;
  user-select: none;
  position: relative;
  font-size: 12px;
  font-family: "Roboto";
  font-weight: 300;
  color: white;
  display: inline-block;
  vertical-align: middle;
  height: 38px;
  cursor: pointer;
  min-width: 38px;
  text-align: center;
}
.cbutton.small {
  height: 20px;
  min-width: 20px;
}
.cbutton.small .inner {
  padding-left: 10px;
  padding-right: 10px;
  line-height: 26px;
}
.cbutton * {
  box-sizing: border-box;
}
.cbutton.disabled {
  cursor: not-allowed;
}
.cbutton .inner {
  width: 100%;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  line-height: 36px;
  user-select: none;
}
.cbutton .inner i:before {
  line-height: 36px;
}
.cbutton.iconCenter .inner {
  padding-left: 0;
  padding-right: 0;
  width: 38px;
  height: 38px;
}
.cbutton.iconLeft .inner {
  padding-left: 0;
}
.cbutton.iconRight .inner {
  padding-right: 0;
}
.cbutton.noBorder .inner {
  border: none;
}
.cbutton .trigger {
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-radius: 0 2px 2px 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 36px;
  text-align: center;
}
.cbutton .trigger i {
  vertical-align: middle;
  color: black;
  opacity: 0.3;
  position: relative;
  top: -4px;
}
.cbutton .trigger .options {
  display: none;
  right: -1px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  top: 37px;
  min-width: 100%;
  z-index: 100;
  text-align: right;
}
.cbutton .trigger .options .option {
  cursor: pointer;
  display: block;
  border-width: 1px;
  border-style: solid;
  white-space: nowrap;
  line-height: 14px;
  padding: 11px 19px 13px 19px;
  color: rgba(255, 255, 255, 0.6);
}
.cbutton .trigger .options .option:hover {
  color: white;
}
.cbutton .trigger .options .option:first-child {
  border-top-left-radius: 2px;
}
.cbutton .trigger .options .option:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.cbutton .trigger.multiOpen {
  border-radius: 0 2px 0 0;
}
.cbutton .trigger.multiOpen .options {
  display: block;
}
.cbutton.multi .inner {
  padding-right: 50px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.cbutton.white.border .inner {
  border-color: #dee2e6;
  background: white;
  color: #525b65;
}
.cbutton.white .inner {
  color: #525b65;
  border-color: #dee2e6;
  background: white;
}
.cbutton.white .inner:hover {
  color: #51a3ff;
}
.cbutton.white .trigger {
  border-color: rgb(233.6068965517, 236.2, 238.7931034483);
  border-left-color: rgb(201.6879310345, 208.15, 214.6120689655);
  background: white;
}
.cbutton.white:not(.disabled):not(.loading):not(.multi) .inner:hover {
  border-color: #dee2e6;
  background: white;
}
.cbutton.white:not(.disabled):not(.loading).multi .inner:hover {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  border-color: rgb(247.35, 247.35, 247.35);
  background: rgb(247.35, 247.35, 247.35);
}
.cbutton.white:not(.disabled):not(.loading).multi .trigger:hover, .cbutton.white:not(.disabled):not(.loading).multi .trigger.multiOpen {
  border-color: rgb(247.35, 247.35, 247.35);
  border-left-color: rgb(237.15, 237.15, 237.15);
  background: rgb(247.35, 247.35, 247.35);
}
.cbutton.white:not(.disabled):not(.loading):not(.multi) .inner.pressed {
  border-color: #dee2e6 !important;
  background: #dee2e6 !important;
}
.cbutton.white.loading .inner {
  color: #6c757d;
}
.cbutton.white.doneSuccess .inner {
  color: #6c757d;
}
.cbutton.blue .inner {
  border-color: #51a3ff;
  background: rgb(94.92, 170.36, 255);
}
.cbutton.blue .trigger {
  border-color: rgb(101.4, 173.7862068966, 255);
  border-left-color: rgb(45.3, 144.124137931, 255);
  background: rgb(101.4, 173.7862068966, 255);
}
.cbutton.blue .options .option {
  border-color: rgb(65.7, 154.9103448276, 255);
  border-top-color: rgb(45.3, 144.124137931, 255);
  background: rgb(65.7, 154.9103448276, 255);
}
.cbutton.blue .options .option:hover {
  background: rgb(45.3, 144.124137931, 255);
  border-bottom-color: rgb(45.3, 144.124137931, 255);
}
.cbutton.blue:not(.disabled):not(.loading):not(.multi) .inner:hover {
  border-color: #51a3ff;
  background: #51a3ff;
}
.cbutton.blue:not(.disabled):not(.loading).multi .inner:hover {
  border-color: rgb(65.7, 154.9103448276, 255);
  background: rgb(65.7, 154.9103448276, 255);
}
.cbutton.blue:not(.disabled):not(.loading).multi .trigger:hover, .cbutton.blue:not(.disabled):not(.loading).multi .trigger.multiOpen {
  border-color: rgb(65.7, 154.9103448276, 255);
  border-left-color: rgb(45.3, 144.124137931, 255);
  background: rgb(65.7, 154.9103448276, 255);
}
.cbutton.blue:not(.disabled):not(.loading):not(.multi) .inner.pressed {
  border-color: #51a3ff !important;
  background: #51a3ff !important;
}
.cbutton.blue.doneSuccess .inner {
  color: #ffffff;
}
.cbutton.yellow .inner {
  border-color: #ecc549;
  background: rgb(237.52, 201.64, 87.56);
}
.cbutton.yellow .trigger {
  border-color: rgb(237.928358209, 202.8865671642, 91.471641791);
  border-left-color: rgb(232.6253731343, 186.6985074627, 40.6746268657);
  background: rgb(237.928358209, 202.8865671642, 91.471641791);
}
.cbutton.yellow .options .option {
  border-color: rgb(234.5537313433, 192.5850746269, 59.1462686567);
  border-top-color: rgb(232.6253731343, 186.6985074627, 40.6746268657);
  background: rgb(234.5537313433, 192.5850746269, 59.1462686567);
}
.cbutton.yellow .options .option:hover {
  background: rgb(232.6253731343, 186.6985074627, 40.6746268657);
  border-bottom-color: rgb(232.6253731343, 186.6985074627, 40.6746268657);
}
.cbutton.yellow:not(.disabled):not(.loading):not(.multi) .inner:hover {
  border-color: #ecc549;
  background: #ecc549;
}
.cbutton.yellow:not(.disabled):not(.loading).multi .inner:hover {
  border-color: rgb(234.5537313433, 192.5850746269, 59.1462686567);
  background: rgb(234.5537313433, 192.5850746269, 59.1462686567);
}
.cbutton.yellow:not(.disabled):not(.loading).multi .trigger:hover, .cbutton.yellow:not(.disabled):not(.loading).multi .trigger.multiOpen {
  border-color: rgb(234.5537313433, 192.5850746269, 59.1462686567);
  border-left-color: rgb(232.6253731343, 186.6985074627, 40.6746268657);
  background: rgb(234.5537313433, 192.5850746269, 59.1462686567);
}
.cbutton.yellow:not(.disabled):not(.loading):not(.multi) .inner.pressed {
  border-color: #ecc549 !important;
  background: #ecc549 !important;
}
.cbutton.yellow.doneSuccess .inner {
  color: #ffffff;
}
.cbutton.red .inner {
  border-color: #dc3545;
  background: rgb(222.8, 69.16, 83.88);
}
.cbutton.red .trigger {
  border-color: rgb(223.0126582278, 70.3873417722, 85.0101265823);
  border-left-color: rgb(202.2556962025, 35.0443037975, 51.064556962);
  background: rgb(223.0126582278, 70.3873417722, 85.0101265823);
}
.cbutton.red .options .option {
  border-color: rgb(217.7405063291, 39.9594936709, 56.9924050633);
  border-top-color: rgb(202.2556962025, 35.0443037975, 51.064556962);
  background: rgb(217.7405063291, 39.9594936709, 56.9924050633);
}
.cbutton.red .options .option:hover {
  background: rgb(202.2556962025, 35.0443037975, 51.064556962);
  border-bottom-color: rgb(202.2556962025, 35.0443037975, 51.064556962);
}
.cbutton.red:not(.disabled):not(.loading):not(.multi) .inner:hover {
  border-color: #dc3545;
  background: #dc3545;
}
.cbutton.red:not(.disabled):not(.loading).multi .inner:hover {
  border-color: rgb(217.7405063291, 39.9594936709, 56.9924050633);
  background: rgb(217.7405063291, 39.9594936709, 56.9924050633);
}
.cbutton.red:not(.disabled):not(.loading).multi .trigger:hover, .cbutton.red:not(.disabled):not(.loading).multi .trigger.multiOpen {
  border-color: rgb(217.7405063291, 39.9594936709, 56.9924050633);
  border-left-color: rgb(202.2556962025, 35.0443037975, 51.064556962);
  background: rgb(217.7405063291, 39.9594936709, 56.9924050633);
}
.cbutton.red:not(.disabled):not(.loading):not(.multi) .inner.pressed {
  border-color: #dc3545 !important;
  background: #dc3545 !important;
}
.cbutton.red.doneSuccess .inner {
  color: #ffffff;
}
.cbutton.green .inner {
  border-color: #52b266;
  background: rgb(95.84, 184.16, 114.24);
}
.cbutton.green .trigger {
  border-color: rgb(96.1168, 184.2832, 114.4848);
  border-left-color: rgb(69.0844, 155.2156, 87.0284);
  background: rgb(96.1168, 184.2832, 114.4848);
}
.cbutton.green .options .option {
  border-color: rgb(75.3676, 169.3324, 94.9436);
  border-top-color: rgb(69.0844, 155.2156, 87.0284);
  background: rgb(75.3676, 169.3324, 94.9436);
}
.cbutton.green .options .option:hover {
  background: rgb(69.0844, 155.2156, 87.0284);
  border-bottom-color: rgb(69.0844, 155.2156, 87.0284);
}
.cbutton.green:not(.disabled):not(.loading):not(.multi) .inner:hover {
  border-color: #52b266;
  background: #52b266;
}
.cbutton.green:not(.disabled):not(.loading).multi .inner:hover {
  border-color: rgb(75.3676, 169.3324, 94.9436);
  background: rgb(75.3676, 169.3324, 94.9436);
}
.cbutton.green:not(.disabled):not(.loading).multi .trigger:hover, .cbutton.green:not(.disabled):not(.loading).multi .trigger.multiOpen {
  border-color: rgb(75.3676, 169.3324, 94.9436);
  border-left-color: rgb(69.0844, 155.2156, 87.0284);
  background: rgb(75.3676, 169.3324, 94.9436);
}
.cbutton.green:not(.disabled):not(.loading):not(.multi) .inner.pressed {
  border-color: #52b266 !important;
  background: #52b266 !important;
}
.cbutton.green.doneSuccess .inner {
  color: #ffffff;
}

@keyframes popnFade {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  15% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
.cdate {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdate .button {
  margin-top: 2px;
}
.cdate.focus {
  border-color: #999;
  border-style: dotted;
}
.cdate.invalid .container {
  border: dashed 1px #dc3545;
  background: #f8d7da;
}
.cdate.disabled {
  background-color: #f8f8f8;
}
.cdate.disabled .container {
  background: #f8f8f8;
}
.cdate.disabled a {
  cursor: default !important;
}
.cdate.readonly {
  background-color: #f8f8f8;
}
.cdate.readonly a {
  cursor: default !important;
}
.cdate .fa-calendar, .cdate .fa-times-circle {
  margin-left: 10px;
  font-size: 16px;
  color: #b2c6cd;
}
.cdate .fa-exclamation-circle {
  color: #6d798b;
}
.cdate .container {
  display: flex;
  align-items: center;
  border: solid 1px #dee2e6;
  border-radius: 3px;
  padding: 5px 20px;
  color: #606060;
  cursor: pointer;
}

.moment-picker {
  position: absolute;
  z-index: 1060;
}

.moment-picker .moment-picker-container {
  color: #404040;
  min-width: 15em;
  background: #fff;
  padding: 4px;
  border: 1px solid #f0f3f4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  margin-top: 4px;
  margin-left: -0.5em;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);
}

.moment-picker .moment-picker-container:before,
.moment-picker .moment-picker-container:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: none;
  position: absolute;
  top: -9px;
  left: 15px;
}

.moment-picker .moment-picker-container:before {
  border-bottom-color: #f0f3f4;
  border-width: 9px;
}

.moment-picker .moment-picker-container:after {
  border-bottom-color: #fff;
  margin-top: 1px;
  margin-left: 1px;
}

.moment-picker.inline {
  display: block;
  position: relative;
}

.moment-picker.inline .moment-picker-container {
  position: relative;
  margin: 0;
}

.moment-picker.inline .moment-picker-container:before,
.moment-picker.inline .moment-picker-container:after {
  content: none;
}

.moment-picker.top .moment-picker-container {
  bottom: 100%;
  margin-top: auto;
  margin-bottom: 4px;
}

.moment-picker.top .moment-picker-container:before,
.moment-picker.top .moment-picker-container:after {
  border: 8px solid transparent;
  border-bottom: none;
  top: auto;
  bottom: -9px;
}

.moment-picker.top .moment-picker-container:before {
  border-top-color: #f0f3f4;
  border-width: 9px;
}

.moment-picker.top .moment-picker-container:after {
  border-top-color: #fff;
  margin-top: auto;
  margin-bottom: 1px;
}

.moment-picker.right .moment-picker-container {
  right: 0;
  margin-left: auto;
  margin-right: -0.5em;
}

.moment-picker.right .moment-picker-container:before,
.moment-picker.right .moment-picker-container:after {
  left: auto;
  right: 15px;
}

.moment-picker.right .moment-picker-container:after {
  margin-left: auto;
  margin-right: 1px;
}

.moment-picker table {
  border-collapse: collapse;
  border-spacing: 0;
  min-width: 100%;
  table-layout: fixed;
}

.moment-picker th {
  font-weight: bold;
}

.moment-picker th:first-child,
.moment-picker th:last-child {
  width: 2em;
}

.moment-picker th,
.moment-picker td {
  padding: 0;
  text-align: center;
  min-width: 2em;
  height: 2em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.moment-picker th:hover,
.moment-picker td:hover {
  background-color: #fafbfb;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f3f4), to(#fafbfb));
  background-image: -webkit-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -moz-linear-gradient(#f0f3f4, #fafbfb);
  background-image: -o-linear-gradient(#f0f3f4, #fafbfb);
  background-image: linear-gradient(#f0f3f4, #fafbfb);
}

.moment-picker th.disabled,
.moment-picker td.disabled,
.moment-picker th.disabled:hover,
.moment-picker td.disabled:hover {
  color: #abbbc7;
  background: none;
  cursor: default;
}

.moment-picker td.today {
  background: #e4eef5;
  color: #404040;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.moment-picker td.selected {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  border-color: #3ca0dd;
  background-color: #45b1e8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#45b1e8), to(#3097de));
  background-image: -webkit-linear-gradient(#45b1e8, #3097de);
  background-image: -moz-linear-gradient(#45b1e8, #3097de);
  background-image: -o-linear-gradient(#45b1e8, #3097de);
  background-image: linear-gradient(#45b1e8, #3097de);
}

.moment-picker td.highlighted {
  background-image: -webkit-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -moz-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: -o-radial-gradient(transparent, rgba(0, 0, 0, 0.15));
  background-image: radial-gradient(transparent, rgba(0, 0, 0, 0.15));
}

.moment-picker .decade-view td,
.moment-picker .year-view td {
  height: 3.4em;
}

.moment-picker .month-view .moment-picker-specific-views th {
  background: none;
  cursor: default;
}

.moment-picker .month-view td {
  width: 1.4285714286em;
}

.moment-picker .day-view td,
.moment-picker .hour-view td {
  height: 2.3333333333em;
}

.moment-picker .minute-view td {
  height: 1.8em;
}

.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: 2px;
  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;
  font-size: 12px;
  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;
  font-size: 1.5em;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.cfile .cbutton .inner:hover i:before {
  color: #51a3ff;
}
.cfile div.selected {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  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: 2px;
  float: left;
  font-size: 12px;
  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;
  font-size: 16px !important;
}
.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: 3px;
  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: #dc3545;
}
.cfile.invalid .selected {
  border-color: #dc3545;
}
.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 {
  user-select: none;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
}
.checkbox .fa-exclamation-circle {
  color: #6d798b;
}
.checkbox .checkWrapper {
  box-sizing: border-box;
  background: white;
  height: 16px;
  width: 16px;
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  border-radius: 2px;
  position: relative;
}
.checkbox .checkWrapper i {
  display: none;
  color: #52b266;
  position: relative;
  top: -3px;
  font-size: 0.75em;
}
.checkbox:hover .checkWrapper {
  border-color: rgb(11.04, 24.84, 66.24);
}
.checkbox.checked i {
  color: rgb(11.04, 24.84, 66.24);
  display: inline-block;
}
.checkbox.focus {
  border-color: #dee2e6;
  border-style: dotted;
}
.checkbox.invalid {
  color: white;
}
.checkbox.invalid .checkWrapper-state-true,
.checkbox.invalid .checkWrapper-state-false,
.checkbox.invalid .checkWrapper-state-null {
  color: white;
  border-color: #f5c6cb;
  border-style: dashed;
  background: #f8d7da;
}
.checkbox.invalid.focus {
  border-style: dotted;
}
.checkbox.disabled {
  cursor: default;
}
.checkbox.disabled .checkWrapper {
  background-color: #f8f8f8;
  cursor: default;
}
.checkbox.disabled:hover .checkWrapper {
  border-color: #dee2e6;
}
.checkbox.disabled.checked i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  display: inline-block;
}
.checkbox .inputerror {
  right: -35px;
  top: 0;
}
.checkbox .label {
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

.checkbox-actions {
  z-index: 0;
  border-radius: 2px;
  position: relative;
  width: 25px;
}
.checkbox-actions .box {
  width: 14px;
  height: 14px;
  background: white;
  border: solid 1px #dee2e6;
  padding: 3px;
  border-radius: 3px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #52b266;
}
.checkbox-actions .trigger {
  top: 5px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  text-align: center;
}
.checkbox-actions .trigger i {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 6px 0 !important;
}
.checkbox-actions .options {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  display: none;
  left: -1px;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 0;
  position: absolute;
  top: 38px;
  min-width: 100%;
  z-index: 100;
  font-weight: 400;
}
.checkbox-actions .options span {
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  white-space: nowrap;
}
.checkbox-actions .options span.selected {
  font-family: "Encode Sans", sans-serif;
}
.checkbox-actions .options span:hover {
  font-family: "Encode Sans", sans-serif;
  margin: 0 -1px;
  padding: 4px 10px;
}
.checkbox-actions.open .options {
  display: block;
}

.checkboxTristate {
  padding: 1px;
  cursor: pointer;
  width: fit-content;
  gap: 2px;
  display: flex;
  border-radius: 3px;
  border: solid 1px #dee2e6;
}
.checkboxTristate:focus {
  border-color: #6c757d;
}
.checkboxTristate:focus .checkWrapper {
  border-color: #525b65;
}
.checkboxTristate .inputerror {
  right: -26px;
  top: 5px;
}
.checkboxTristate .checkWrapper {
  font-size: 12px;
  height: 30px;
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkboxTristate .checkWrapper-state-null {
  color: #525b65;
  border-radius: 0;
}
.checkboxTristate .checkWrapper-state-true {
  color: #525b65;
  border-radius: 0 2px 2px 0;
}
.checkboxTristate .checkWrapper-state-false {
  color: #525b65;
  border-radius: 2px 0 0 2px;
}
.checkboxTristate.state-true .checkWrapper-state-true {
  color: #ffffff !important;
  background: #52b266;
  z-index: 1;
}
.checkboxTristate.state-true .checkWrapper-state-null {
  color: #525b65;
}
.checkboxTristate.state-true .checkWrapper-state-false {
  color: #525b65;
}
.checkboxTristate.state-false .checkWrapper-state-true {
  color: #525b65;
}
.checkboxTristate.state-false .checkWrapper-state-false {
  color: #fff;
  background: #dc3545;
  z-index: 1;
}
.checkboxTristate.state-null .checkWrapper-state-true {
  color: #dee2e6;
}
.checkboxTristate.state-null .checkWrapper-state-null {
  color: rgb(11.04, 24.84, 66.24);
  z-index: 1;
}
.checkboxTristate.state-null .checkWrapper-state-false {
  color: #dee2e6;
}
.checkboxTristate.invalid {
  color: white;
}
.checkboxTristate.invalid .checkWrapper-state-true,
.checkboxTristate.invalid .checkWrapper-state-false,
.checkboxTristate.invalid .checkWrapper-state-null {
  color: white;
  border-color: #dc3545;
  border-style: dashed;
  background: #f8d7da;
}

.cinput {
  box-sizing: border-box;
  height: 38px;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  color: #525b65;
}
.cinput input {
  box-sizing: border-box;
  border: none;
  color: inherit;
  display: block;
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  height: 100%;
  padding: 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  width: 100%;
}
.cinput .inputerror {
  top: 8px;
}
.cinput.focus input {
  border-color: #6c757d;
}
.cinput.invalid input {
  border-color: #dc3545;
  border-style: dashed;
  background: #f8d7da;
}
.cinput.disabled input {
  background-color: #f8f8f8;
  /* background-color: rgb(225, 238, 243); */
  /*color: #808080;*/
}
.cinput.readonly input {
  border-color: #ffffff !important;
  background-color: #ffffff;
}
.cinput ::-webkit-input-placeholder {
  color: #dee2e6;
}
.cinput :-moz-placeholder { /* Firefox 18- */
  color: #dee2e6;
}
.cinput ::-moz-placeholder { /* Firefox 19+ */
  color: #dee2e6;
}
.cinput :-ms-input-placeholder {
  color: #dee2e6;
}
.cinput.w600 input {
  width: 600px;
}

.cnumberSelect {
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
.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;
  border-radius: 0 2px 0 0;
}
.cnumberSelect .numberUp i {
  position: absolute;
  top: 3px;
  right: 6px;
  height: 19px;
}
.cnumberSelect .numberDown {
  top: 19px;
  right: 0;
  height: 19px;
  border-radius: 0 2px 0;
}
.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;
  border-radius: 2px 0 0 2px;
  color: #525b65;
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin-right: 23px;
  text-align: center;
}
.cnumberSelect.focus {
  border-color: #999;
  border-style: dotted;
}
.cnumberSelect.invalid {
  border-color: #dc3545;
}
.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: 2px;
  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: 1px;
  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: #ecc549;
}
.colorSelect2 .icon-colorIndicator.color-red, .colorSelect2 .icon-colorIndicator.red {
  background-color: #dc3545;
}
.colorSelect2 .icon-colorIndicator.color-green, .colorSelect2 .icon-colorIndicator.green {
  background-color: #51a3ff;
}
.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 {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  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::after {
  content: "";
  display: table;
  clear: both;
}
.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 {
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  color: #525b65;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 0 32px 0 0;
  position: relative;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
}
.cselect.focus .options-container {
  border-color: #999;
  border-style: dotted;
}
.cselect.disabled {
  background: #999;
}
.cselect.invalid {
  background: #f8d7da;
  border: dashed 1px #dc3545;
}
.cselect.invalid.focus .options-container {
  border-style: dotted;
}
.cselect.invalid.focus {
  border-style: dotted;
}
.cselect .icon-colorIndicator:before {
  margin-bottom: -4px;
  margin-right: 10px;
}
.cselect .inputerror {
  top: 11px;
}
.cselect .value {
  cursor: pointer;
  padding: 10px 8px 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cselect .trigger {
  cursor: pointer;
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}
.cselect .trigger i {
  position: absolute;
  top: 9px;
  right: 13px;
}
.cselect .options-container {
  position: absolute;
  top: 100%;
  left: -1px;
  min-width: 100%;
  display: none;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  z-index: 100;
  margin-bottom: 30px;
}
.cselect .options-container .search-container {
  width: 100%;
  border-bottom: 1px solid #dee2e6;
}
.cselect .options-container .search-container input {
  margin: 10px;
  background: none;
  border: none;
  width: calc(100% - 45px);
}
.cselect .options-container .options {
  height: 100%;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.cselect .options-container .options i {
  display: none;
}
.cselect .options-container .options span {
  cursor: pointer;
  display: block;
  line-height: 20px;
  padding: 9px 10px;
  white-space: nowrap;
  max-width: 600px;
}
.cselect .options-container .options span.selected {
  color: rgb(11.04, 24.84, 66.24);
}
.cselect .options-container .options span.focus, .cselect .options-container .options span:hover {
  background-color: #f1f4fa;
  border: 1px solid #cbd3e7;
  color: #0c1b48;
  margin: 0 -1px;
  padding: 8px 10px;
}
.cselect.open .options-container {
  display: block;
}
.cselect.colorSelect {
  min-width: 0 !important;
}
.cselect.colorSelect .options span {
  text-align: left;
}
.cselect.colorSelect .value i, .cselect.colorSelect .options-container .options span i {
  display: inline-block;
  position: relative;
  right: 5px;
}
.cselect.colorSelect .value > i:before, .cselect.colorSelect .options-container .options span > i:before {
  content: " ";
  display: inline-block;
  border: 3px solid black;
  border-radius: 13px;
  width: 13px;
  height: 13px;
  margin-top: -8px;
  margin-bottom: -6px;
}
.cselect.colorSelect .value.color-orange > i:before, .cselect.colorSelect .options-container .options span.color-orange > i:before {
  border-color: #fd7e14;
  opacity: 1;
}
.cselect.colorSelect .value.color-pink > i:before, .cselect.colorSelect .options-container .options span.color-pink > i:before {
  border-color: #e83e8c;
  opacity: 1;
}
.cselect.colorSelect .value.color-blue > i:before, .cselect.colorSelect .options-container .options span.color-blue > i:before {
  border-color: #51a3ff;
  opacity: 1;
}
.cselect.colorSelect .value.color-cyan > i:before, .cselect.colorSelect .options-container .options span.color-cyan > i:before {
  border-color: #0dcaf0;
  opacity: 1;
}
.cselect.colorSelect .value.color-purple > i:before, .cselect.colorSelect .options-container .options span.color-purple > i:before {
  border-color: #6f42c1;
  opacity: 1;
}
.cselect.colorSelect .value.color-yellow > i:before, .cselect.colorSelect .options-container .options span.color-yellow > i:before {
  border-color: #ecc549;
  opacity: 1;
}
.cselect.colorSelect .value.color-red > i:before, .cselect.colorSelect .options-container .options span.color-red > i:before {
  border-color: #51a3ff;
  opacity: 1;
}
.cselect.colorSelect .value.color-green > i:before, .cselect.colorSelect .options-container .options span.color-green > i:before {
  border-color: #198754;
  opacity: 1;
}
.cselect.simplified {
  background: linear-gradient(to top, #ffffff, #fafafa);
}
.cselect.simplified .trigger {
  background: transparent;
  border: none;
  filter: none;
}
.cselect.simplified:hover {
  background: linear-gradient(to top, #ffffff, #fcfcfc);
}
.cselect.simplified:active {
  background: linear-gradient(to top, #fafafa, #ffffff);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.cselect.multiple {
  padding: 0;
  border: 0;
}
.cselect.multiple .value, .cselect.multiple .trigger {
  display: none;
}
.cselect.multiple .options-container {
  display: block;
  padding: 0;
  position: static;
  right: 0;
  top: 0;
  margin-bottom: 0;
}
.cselect.multiple .options-container .options {
  border: 0;
}
.cselect.multiple .options-container .options span {
  border-bottom: 1px solid #dee2e6;
  line-height: 20px;
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.cselect.multiple .options-container .options span i {
  display: inline-block;
  float: left;
  height: 20px;
  padding-top: 5px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 20px;
}
.cselect.multiple .options-container .options span.selected {
  color: #51a3ff;
}
.cselect.multiple .options-container .options span:hover {
  margin: -1px -1px 0;
  padding: 9px 10px;
}
.cselect.multiple .options-container .options span:last-child {
  border-bottom: none;
}
.cselect.disabled {
  background-color: #f8f8f8;
  color: #c5c5c5;
}
.cselect.disabled .value {
  cursor: default;
}
.cselect.disabled .trigger {
  cursor: default;
}
.cselect.disabled .trigger:hover {
  background: linear-gradient(to top, #f7f7f7, #f0f0f0);
}
.cselect.disabled.multiple .options-container .options {
  background-color: #f8f8f8;
}
.cselect.disabled.multiple .options-container .options span {
  cursor: default;
  color: #c5c5c5;
}
.cselect.disabled.multiple .options-container .options span.selected {
  color: rgb(11.04, 24.84, 66.24);
}
.cselect.disabled.multiple .options-container .options span:hover {
  background-color: transparent;
  border-color: #dee2e6;
}
.cselect.readonly {
  background-color: #f8f8f8;
}
.cselect.readonly .value {
  cursor: default;
}
.cselect.readonly .trigger {
  cursor: default;
}
.cselect.readonly .trigger:hover {
  background: linear-gradient(to top, #f7f7f7, #f0f0f0);
}
.cselect.readonly.multiple .options-container .options {
  background-color: #f8f8f8;
}
.cselect.readonly.multiple .options-container .options span {
  cursor: default;
  color: #000;
}
.cselect.readonly.multiple .options-container .options span.selected {
  color: rgb(11.04, 24.84, 66.24);
}
.cselect.readonly.multiple .options-container .options span:hover {
  background-color: transparent;
  border-color: #dee2e6;
}

.cswitch {
  box-sizing: border-box;
  transition: background 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  border: 1px solid #dee2e6;
  border-radius: 24px;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 40px;
  height: 24px;
  background: rgb(235, 239, 242);
  cursor: pointer;
}
.cswitch.on {
  background: #51a3ff;
  border-color: #51a3ff;
}
.cswitch.on .toggleButton {
  left: 18px;
}
.cswitch.off .toggleButton {
  left: -1px;
}
.cswitch .toggleButton {
  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width: 20px;
  height: 20px;
  border: 1px solid #dee2e6;
  border-radius: 22px;
}
.cswitch.focus {
  border-color: #999;
  border-style: dotted;
}
.cswitch.invalid {
  border-color: #dc3545;
}
.cswitch.invalid.focus {
  border-style: dashed;
}
.cswitch.disabled input {
  background-color: #f8f8f8;
  color: #808080;
}
.cswitch.readonly input {
  background-color: #f8f8f8;
}

.entitySelector {
  display: inline-block;
  max-width: 800px;
}
.entitySelector .column {
  display: inline-block;
  vertical-align: top;
}
.entitySelector .treeWrapper {
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 2px;
}
.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, .entitySelector * {
  user-select: none;
  box-sizing: border-box;
}
.entitySelector .entitySelectorTree {
  list-style-type: none;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
}
.entitySelector .entitySelectorTree.root {
  margin: 10px;
}
.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 {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
  margin-left: 5px;
}
.entitySelector .entitySelectorTree .entitySelectorLeaf > div > i:before {
  vertical-align: middle;
}
.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: #51a3ff;
}
.entitySelector .entitySelectorTree .iconWrapper {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 0;
  right: 16px;
  padding: 0 9px;
}
.entitySelector .entitySelectorTree .iconWrapper:hover i {
  color: #51a3ff;
}
.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;
  background: rgba(255, 255, 255, 0.5);
}
.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;
}

.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: 18px;
  font-weight: normal;
  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 {
  border: none;
  color: #525b65;
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 16px;
  padding: 10px 35px 10px 10px;
  border: 1px solid #dee2e6;
  border-radius: 2px;
  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;
  background: white;
  height: 485px;
}
.entitySelectorDraggable .wrapper.acceptingDrop, .entitySelectorBucket .wrapper.acceptingDrop, .entitySelectorGroupBucket .wrapper.acceptingDrop {
  border-color: #51a3ff;
  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: rgb(234.8, 244.9, 255);
}
.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 5px;
  line-height: 38px;
  cursor: move;
}
.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: #51a3ff;
}
.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 > 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);
  cursor: pointer;
}
.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: #51a3ff;
}
.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: 10px;
  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: #51a3ff;
}
.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: #51a3ff;
}
.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, .entitySelectorDraggable .selectedEntityGroup, .entitySelectorBucket .selectedEntity, .entitySelectorBucket .selectedEntityGroup, .entitySelectorGroupBucket .selectedEntity, .entitySelectorGroupBucket .selectedEntityGroup {
  background: #f5faff;
}
.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: #51a3ff !important;
}
.entitySelectorDraggable .entityGroupListItem:hover .entityGroupWrapper .selectedEntity, .entitySelectorBucket .entityGroupListItem:hover .entityGroupWrapper .selectedEntity, .entitySelectorGroupBucket .entityGroupListItem:hover .entityGroupWrapper .selectedEntity {
  background: rgb(234.8, 244.9, 255);
}
.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 #51a3ff !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;
}
.entitySelectorBucket .dropbox, .entitySelectorGroupBucket .dropbox {
  cursor: move;
  box-sizing: border-box;
  background: rgb(234, 243.8965517241, 255);
  border: 1px dashed #51a3ff;
  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 table {
  border: 1px solid #dee2e6;
  border-collapse: collapse;
  border-radius: 3px;
  background: #ffffff;
  width: 100%;
}
.grid table .wordBreak {
  white-space: nowrap;
}
.grid table th {
  box-sizing: border-box;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  font-family: "Encode Sans", sans-serif;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  height: 46px;
  padding: 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: #5c636a;
  border-radius: 3px;
}
.grid table td .bool .red-badge {
  padding: 10px;
  color: #5c636a;
  border-radius: 3px;
}
.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 {
  border: 1px double #dee2e6;
}
.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 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: normal;
}
.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;
  font-size: 12px;
  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: #52b266;
  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;
}

.loadingPlaceholder {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.loadingPlaceholder .animationBox {
  position: absolute;
  z-index: 200;
  width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 50px 25px rgba(255, 255, 255, 0.8);
  animation-name: swipe;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
.loadingPlaceholder, .loadingPlaceholder * {
  box-sizing: border-box;
  position: relative;
}
.loadingPlaceholder.tree-placeholder {
  padding-left: 20px;
}
.loadingPlaceholder.tree-placeholder li {
  line-height: 26px !important;
}
.loadingPlaceholder.cbuttonOptions-placeholder {
  cursor: wait;
  overflow: hidden;
  position: relative;
  top: -1px;
}
.loadingPlaceholder.cbuttonOptions-placeholder .expanderOption {
  padding-right: 10px !important;
}
.loadingPlaceholder.cbuttonOptions-placeholder .expanderOption i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: #dcdcdc;
  vertical-align: middle;
}
.loadingPlaceholder.cbuttonOptions-placeholder .expanderOption span {
  display: inline-block !important;
  height: 6px !important;
  line-height: 6px !important;
  font-size: 6px !important;
  color: #dcdcdc !important;
  background: #dcdcdc !important;
  vertical-align: middle !important;
}
.loadingPlaceholder.entitySelector-placeholder, .loadingPlaceholder.tree-placeholder {
  cursor: wait;
  overflow: hidden;
}
.loadingPlaceholder.entitySelector-placeholder ul, .loadingPlaceholder.tree-placeholder ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.loadingPlaceholder.entitySelector-placeholder ul li, .loadingPlaceholder.tree-placeholder ul li {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 38px;
}
.loadingPlaceholder.entitySelector-placeholder ul li i, .loadingPlaceholder.tree-placeholder ul li i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: #dcdcdc;
  vertical-align: middle;
}
.loadingPlaceholder.entitySelector-placeholder ul li span, .loadingPlaceholder.tree-placeholder ul li span {
  display: inline-block;
  height: 6px;
  line-height: 6px;
  font-size: 6px;
  color: #dcdcdc;
  background: #dcdcdc;
  vertical-align: middle;
}
.loadingPlaceholder.entitySelector-placeholder ul li > ul, .loadingPlaceholder.tree-placeholder ul li > ul {
  margin-left: 25px;
}
.loadingPlaceholder.entitySelector-placeholder ul li > ul li > ul, .loadingPlaceholder.tree-placeholder ul li > ul li > ul {
  margin-left: 25px;
}

/* 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 {
  font-size: 14px;
  line-height: 30px;
}
.messageCenter ul li > div .txt {
  font-size: 12px;
  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: #198754 !important;
  border: none !important;
  border-radius: 2px;
  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: #dc3545 !important;
  border: none !important;
  border-radius: 2px;
  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: 2px;
  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;
  font-size: 16px;
}
.notifier-area.notify-error {
  background-color: #dc3545;
}
.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: 11px;
  color: #000;
  display: inline-block;
  font-size: 12px;
  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 {
  display: inline-block;
  vertical-align: middle;
}
.paginator::after {
  content: "";
  display: table;
  clear: both;
}
.paginator label {
  color: #525b65;
  float: left;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  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: 3px 0 0 3px;
  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 3px 3px 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;
  font-size: 12px;
  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;
  font-size: 45px;
}
.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;
  font-size: 14px;
}

.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: 17px;
  border: solid 1px #0b1a47;
  display: none;
  font-size: 12px;
  height: 20px;
  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: bolder;
}
.relation-bubble .tooltip {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  color: #232323;
  cursor: default;
  display: none;
  font-size: 12px;
  left: 50%;
  line-height: 14px;
  margin: 0 -135px;
  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;
}

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

.sortable-tree {
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 17px 15px 17px 0;
}
.sortable-tree .treeRoot {
  width: 100%;
}
.sortable-tree .fa-icon {
  font-size: 15px;
}
.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;
  font-size: 12px;
  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;
  font-size: 17px;
  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: #51a3ff;
}
.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: #51a3ff;
}
.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: #51a3ff;
}
.sortable-tree-list li.selected .node > i.leaf {
  color: #51a3ff;
}
.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 {
  padding: 20px 20px 10px;
  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 {
  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: 3px 3px 0 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  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 {
  width: 100%;
}
.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: 3px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  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: #51a3ff;
  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 {
  list-style: none;
  padding: 0;
  width: 275px;
  box-sizing: border-box;
  margin: 0;
  border-radius: 5px;
}
.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-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;
  font-size: 12px;
  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: #51a3ff;
}
.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 {
  font-family: "Roboto", sans-serif;
  box-shadow: 0 1px rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  color: #525b65;
  cursor: default;
  font-size: 12px;
  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;
  font-size: 12px;
  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 {
  font-family: "Encode Sans", sans-serif;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
}
.tree li::after {
  content: "";
  display: table;
  clear: both;
}
.tree li i {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  font-size: 15px;
}
.tree li i.open {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.open:hover {
  color: #51a3ff;
}
.tree li i.close {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.close:hover {
  color: #51a3ff;
}
.tree li i.final {
  color: rgb(119.5606557377, 131.6295081967, 145.0393442623);
}
.tree li i.final:hover {
  color: #51a3ff;
}
.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;
  max-width: 150px;
}
.tree li .label:hover, .tree li .label.selected {
  color: #51a3ff;
}
.tree li .label::before {
  position: absolute;
  top: 21px;
  bottom: 3px;
  content: " ";
  border-left: #dee2e6;
  left: -12px;
  width: 1px;
}
.tree li.selected > span {
  color: #51a3ff;
}
.tree li.selected > i {
  color: #51a3ff;
}

.users-widget .users-count {
  font-size: 40px;
  color: rgb(63.7180327869, 70.7114754098, 78.4819672131);
  font-weight: 500;
  line-height: 38px;
  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: 38px;
  font-weight: 200;
  vertical-align: top;
  padding: 0 2px 0 3px;
}
.users-widget .users-count .users-count-total {
  font-size: 22px;
  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;
  font-size: 14px;
  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: 900;
}
.u-category-selection .expand-btn {
  width: 30px;
}
.u-category-selection .buttons {
  float: right;
}

.u-category-selection {
  height: 450px;
  overflow: auto;
}

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

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