* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('☺'), url("../fonts/Roboto-Regular.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('☺'), url("../fonts/Roboto-Medium.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('☺'), url("../fonts/Roboto-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('☺'), url("../fonts/Roboto-Italic.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: local('☺'), url("../fonts/Roboto-MediumItalic.ttf") format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: local('☺'), url("../fonts/Roboto-BoldItalic.ttf") format('truetype');
}
/* Fuente variable para soportar eje FILL */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* Rango de pesos soportados por la fuente variable */
  font-display: block;
  src: url(../fonts/material-symbols-outlined/MaterialSymbolsOutlined-Variable.woff2) format('woff2-variations'), url(../fonts/material-symbols-outlined/MaterialSymbolsOutlined-Variable.woff2) format('woff2');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
body {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  color: #E6ECEF;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  color: #E6ECEF;
  margin-top: 0;
  margin-bottom: 16px;
}
h1 {
  font-size: 32px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 20px;
}
a {
  color: #004F6E;
  text-decoration: none;
  transition: color 150ms ease-in-out;
}
a:hover {
  color: #0A6F8F;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes wave {
  0%,
  60%,
  100% {
    transform: initial;
  }
  30% {
    transform: translateY(-8px);
  }
}
@keyframes mini-preview-spin {
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes miniPreviewAudioBar {
  0%,
  100% {
    transform: scaleY(0.35);
    opacity: 0.55;
  }
  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes miniPreviewAudioProgress {
  0% {
    transform: translateX(-120%);
  }
  100% {
    transform: translateX(250%);
  }
}
@keyframes slide-down {
  0% {
    transform: rotateX(-90deg);
    max-height: 0px;
  }
  99% {
    transform: rotateX(0deg);
    max-height: 400px;
  }
  100% {
    transform: rotateX(0deg);
    max-height: 9999990px;
  }
}
@keyframes slide-up {
  0% {
    transform: rotateX(0deg);
    max-height: 99999990px;
  }
  1% {
    transform: rotateX(0deg);
    max-height: 400px;
  }
  100% {
    transform: rotateX(-90deg);
    max-height: 0px;
  }
}
.vsnButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
}
.vsnButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnButton.filled.blue {
  background-color: #A6C83A;
  color: #FFFFFF;
}
.vsnButton.filled.blue:hover:not(:disabled) {
  background-color: #8FB02F;
}
.vsnButton.filled.blue:active:not(:disabled) {
  transform: translateY(1px);
}
.vsnButton.filled.blue .buttonContent span {
  color: #FFFFFF;
}
.vsnButton .buttonContent {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-sizing: border-box;
  flex: 1;
  width: 100%;
  padding: 0 4px;
}
.vsnButton.icon-at-right .buttonContent {
  flex-direction: row-reverse;
}
.vsnButton.withLoading {
  position: relative;
}
.vsnButton.filled.red {
  background-color: #EF4444;
  color: #FFFFFF;
}
.vsnButton.filled.red:hover:not(:disabled) {
  background-color: #ec1e1e;
}
.vsnButton.filled.red:active:not(:disabled) {
  transform: translateY(1px);
}
.vsnButton.filled.gray {
  background-color: #2A343A;
  color: #E6ECEF;
}
.vsnButton.filled.gray:hover:not(:disabled) {
  background-color: #37444c;
}
.vsnButton.filled.gray:active:not(:disabled) {
  transform: translateY(1px);
}
.vsnButton.filled.gray.small {
  min-height: unset;
  min-width: unset;
  padding: 4px;
}
.vsnButton.outline {
  border-radius: 4px;
  padding: 4px 8px;
  background: none;
  border: 1px solid #3A454C;
  color: #E6ECEF;
}
.vsnButton.outline:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.1);
}
.vsnButton.outline:active:not(:disabled) {
  background: rgba(0, 0, 0, 0.1);
}
.vsnButton.text {
  padding: 0;
  background: none;
  border: none;
  color: #E6ECEF;
}
.vsnButton.text .buttonContent {
  gap: 4px;
}
.vsnButton.donnut {
  background: #004F6E;
  width: 50px;
  height: 50px;
  border-radius: 9999px;
  border: 3px solid #0A6F8F;
  color: #FFFFFF;
}
.vsnButton.donnut.dark {
  background-color: #2A343A;
  border-color: #3A454C;
}
.blue_button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  background-color: #A6C83A;
  color: #FFFFFF;
}
.blue_button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.blue_button:hover:not(:disabled) {
  background-color: #8FB02F;
}
.blue_button:active:not(:disabled) {
  transform: translateY(1px);
}
button[disabled],
.btn.disabled,
.btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  cursor: not-allowed !important;
}
button:disabled:hover,
button[disabled]:hover,
button.disabled:hover {
  transform: none !important;
  box-shadow: none !important;
}
.donut-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  box-sizing: border-box;
  width: 37px;
  height: 37px;
  line-height: 37px;
  padding: 0;
  border: none;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
  color: #FFFFFF;
  position: absolute !important;
}
.donut-button.play {
  background: #008F6A;
}
.donut-button.play:hover {
  background: #4fc3a1;
}
.donut-button.delete {
  background: #EF4444;
  outline: none;
}
.donut-button.delete:hover {
  background: rgba(239, 68, 68, 0.7);
}
.donut-button.edit,
.donut-button.merge {
  background: #004F6E;
}
.donut-button.edit:hover,
.donut-button.merge:hover {
  background: #0A6F8F;
}
.donut-button.unselect {
  background: #FFFFFF;
  color: #B8C2C8;
  font-size: 16px;
  font-weight: 700;
}
.donut-button.unselect:hover {
  color: #0A6F8F;
}
.donut-button i.btn-ico.play-icon-css::before,
.donut-button i.play-icon-css::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-size: 22px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
.donut-button i.btn-ico.vsn-ico-merge-asset::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "merge";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-size: 22px;
  transform: rotate(90deg);
}
.donut-button i.btn-ico.storyboard-button-play {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  color: #7A868E;
}
.donut-button i.btn-ico.storyboard-button-play:hover {
  color: #0A6F8F;
}
.donut-button i.btn-ico.storyboard-button-play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "forward";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-size: 22px;
}
.donut-button i.btn-ico.storyboard-button-action {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  color: #7A868E;
}
.donut-button i.btn-ico.storyboard-button-action:hover {
  color: #0A6F8F;
}
.donut-button i.btn-ico.storyboard-button-action:hover::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
.dragMenuAdvise {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: #141B1F;
  color: #FFFFFF;
  z-index: 10001;
  position: absolute;
  padding: 2px 12px;
  border-radius: 3px;
  border: 1px solid #3A454C;
  font-size: 12px;
  font-weight: 700;
}
.dragMenuAdvise::before {
  margin-right: 0.5rem;
  vertical-align: middle;
}
.dragMenuAdvise.Recovery,
.dragMenuAdvise.recovery,
.dragMenuAdvise.success,
.dragMenuAdvise.ok,
.dragMenuAdvise.Ok {
  background: #00A37A;
}
.dragMenuAdvise.Recovery::before,
.dragMenuAdvise.recovery::before,
.dragMenuAdvise.success::before,
.dragMenuAdvise.ok::before,
.dragMenuAdvise.Ok::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.dragMenuAdvise.Error,
.dragMenuAdvise.error {
  background: #C53030;
}
.dragMenuAdvise.Error::before,
.dragMenuAdvise.error::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "error";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.dragMenuAdvise.Warning,
.dragMenuAdvise.warning {
  background: #E67E22;
}
.dragMenuAdvise.Warning::before,
.dragMenuAdvise.warning::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.localLoading {
  cursor: wait;
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.localLoading.loadingMainLayer {
  position: fixed;
  z-index: 10001;
}
.localLoading.local {
  min-height: 50px;
  position: relative;
}
.loading-container {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 5;
}
.loading-container .loading-circular {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 64px;
  height: 64px;
}
.loading-container .loading-circular div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #FFFFFF;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #FFFFFF transparent transparent transparent;
}
.loading-container .loading-circular div:nth-child(1) {
  animation-delay: -0.45s;
}
.loading-container .loading-circular div:nth-child(2) {
  animation-delay: -0.3s;
}
.loading-container .loading-circular div:nth-child(3) {
  animation-delay: -0.15s;
}
.loading-spiner-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.loading-spiner-icon::after {
  content: " ";
  display: block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  border-color: #FFFFFF #FFFFFF #FFFFFF transparent;
  animation: lds-ring 1.2s linear infinite;
}
.loadingBackground {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 10001;
  cursor: wait;
}
.loadingBackground .wrapper.html5-progress-bar {
  width: 280px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 8px;
  padding: 24px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-label {
  display: block;
  font-weight: 500;
  margin-bottom: 12px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper progress.progressbar {
  flex: 1;
  height: 6px;
  border-radius: 9999px;
  background-color: #3A454C;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper progress.progressbar::-webkit-progress-bar {
  background-color: #3A454C;
  border-radius: 9999px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper progress.progressbar::-webkit-progress-value {
  background-color: #4fc3a1;
  border-radius: 9999px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper progress.progressbar::-moz-progress-bar {
  background-color: #4fc3a1;
  border-radius: 9999px;
}
.loadingBackground .wrapper.html5-progress-bar .progress-bar-wrapper .progress-value {
  color: #B8C2C8;
  font-size: 12px;
  min-width: 42px;
  text-align: right;
}
.loadingBackground .image.loading {
  position: relative;
  width: 64px;
  height: 64px;
}
.loadingBackground .image.loading::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
  border-color: #FFFFFF transparent transparent transparent;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
}
[data-tooltip] {
  position: relative;
  z-index: 2;
  border-bottom: 1px dotted #FFFFFF;
  cursor: help;
  /* Hide the tooltip content by default */
  /* Show tooltip content on hover */
  /* Position tooltip above the element */
  /* Triangle hack to make tooltip look like a speech bubble */
}
[data-tooltip].icon_mode {
  border-bottom: none;
  cursor: default;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 149%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -120px;
  padding: 10px;
  width: 240px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.9);
  color: #141B1F;
  content: attr(data-tooltip);
  text-align: left;
  font-weight: normal !important;
  font-size: 0.9em !important;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #F0F0F0;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip].catalog:before {
  bottom: unset;
  top: 100%;
  left: 80%;
}
[data-tooltip].catalog:after {
  bottom: 0%;
  left: 45%;
  border-bottom: 5px solid rgba(255, 255, 255, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: none;
}
[data-tooltip]#flexible-mode-tooltip:before {
  margin-left: -94px;
}
[data-tooltip]#strict-mode-tooltip:before {
  margin-left: -80px;
}
.tooltip {
  display: none;
  z-index: 3000;
  position: relative;
}
.advanced-tooltip.hoverEvent:hover + .tooltip,
.advanced-tooltip.focusEvent:focus + .tooltip,
.tooltip:hover {
  color: #283A41;
  position: absolute;
  display: block;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-top: 5px;
}
.advanced-tooltip.focusEvent:focus + .tooltip:before,
.advanced-tooltip.hoverEvent:hover + .tooltip:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.tooltip-right,
.tooltip-left {
  color: #283A41;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
}
.tooltip-right h3,
.tooltip-left h3 {
  color: #283A41;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  margin: 0;
  text-align: center;
}
.tooltip-right img,
.tooltip-left img {
  width: unset !important;
  flex: 1;
}
.tooltip-right:before,
.tooltip-left:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.tooltip-right:before {
  left: 10px;
}
.tooltip-left:before {
  right: 10px;
}
.elements-group {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  padding: 0 0 0 16px;
}
.elements-group.sort-by {
  gap: 0;
}
.elements-group.sort-by .select-combobox {
  margin-left: 8px;
}
.elements-group.sort-by .select-combobox .vsn_form_select {
  height: 32px;
  box-sizing: border-box;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.elements-group.sort-by .select-combobox .custom-combobox {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 32px;
  box-sizing: border-box;
  border: 1px solid #3A454C;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #141B1F;
  position: relative;
  min-width: 270px;
  overflow: hidden;
}
.elements-group.sort-by .select-combobox .custom-combobox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.elements-group.sort-by .select-combobox .custom-combobox .custom-combobox-input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: none;
  border: none;
  color: #E6ECEF;
  padding: 0 8px 0 12px;
  font-size: 12px;
  cursor: pointer;
  min-width: 0;
  pointer-events: none;
}
.elements-group.sort-by .select-combobox .custom-combobox .custom-combobox-input::placeholder {
  color: #B8C2C8;
}
.elements-group.sort-by .select-combobox .custom-combobox .custom-combobox-toggle {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0 8px;
  cursor: pointer;
}
.elements-group.sort-by .select-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu {
  background: none;
  width: auto;
  height: auto;
  padding: 0!important;
}
.elements-group.sort-by .select-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #E6ECEF;
}
.elements-group.sort-by button.toggle-icon-button {
  height: 32px;
  box-sizing: border-box;
  border-left: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-left: -1px;
}
.fancytree {
  height: 100%;
  overflow: auto;
}
ul.fancytree-container {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  padding: 8px;
  outline: none;
  height: 100%;
  overflow: auto;
  margin: 0;
}
ul.fancytree-container::-webkit-scrollbar {
  width: 5px;
}
ul.fancytree-container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
ul.fancytree-container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
ul.fancytree-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
ul.fancytree-container li span.fancytree-node {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 2px 4px;
  color: #7A868E;
  cursor: pointer;
  border-radius: 6px;
  gap: 4px;
}
ul.fancytree-container li span.fancytree-node:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
ul.fancytree-container li span.fancytree-node.fancytree-active span.fancytree-title {
  color: #4fc3a1;
}
ul.fancytree-container li span.fancytree-node.fancytree-has-children span.fancytree-expander {
  cursor: pointer;
  width: 20px;
  height: 20px;
}
ul.fancytree-container li span.fancytree-node.fancytree-has-children span.fancytree-expander::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
ul.fancytree-container li span.fancytree-node.fancytree-expanded span.fancytree-expander {
  transform: rotate(0deg);
}
ul.fancytree-container li span.fancytree-node span.fancytree-expander {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: default;
  transform: rotate(-90deg);
  transition-duration: 200ms;
  border-radius: 4px;
  color: #4fc3a1;
}
ul.fancytree-container li span.fancytree-node span.fancytree-expander:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
ul.fancytree-container li span.fancytree-node span.fancytree-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 500;
}
ul.fancytree-container ul {
  padding: 0 0 0 16px;
  margin: 0;
  list-style: none;
}
.business-use-combo {
  display: flex;
  align-items: center;
  gap: 5px;
}
.business-use-combo button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.business-use-combo button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.business-use-combo button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.business-use-combo button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.business-use-selected-box {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 5px;
  margin: 5px 0;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px;
  flex-wrap: wrap;
}
.business-use-selected-box .business-use-element {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: relative;
  min-height: 0 !important;
  padding: 0 12px !important;
  height: 22px;
  color: #FFFFFF;
  text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
  border-radius: 4px;
  gap: 5px;
  line-height: 1;
}
.business-use-selected-box .business-use-element .doRemoveBusinessUse {
  background: rgba(0, 0, 0, 0.6) !important;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 5px;
  border-radius: 50%;
}
.business-use-selected-box .business-use-element .doRemoveBusinessUse.hidden {
  display: none;
}
.business-use-selected-box .business-use-element .doRemoveBusinessUse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.business-use-selected-box button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.business-use-selected-box button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.no-bu-selected-container {
  display: flex;
  justify-content: center;
  flex: 1;
}
.bu-selector-label-info {
  font-size: 11px;
  color: #B8C2C8;
}
.displayable_menu::after,
.arrow_down_menu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.save::before,
.save_disquete::before,
.vsn-ico-btn-save::before,
.vsn-ico-wedit-save::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "save";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bin_delete::before,
.blue_delete::before,
.iconTrash::before,
.vsn_icon_recycle_bin::before,
.vsn-ico-bin-no-hover::before,
.glyph.trash::before,
.vsn-ico-wedit-delete::before,
.media-delete::before,
.la-trash-alt::before,
.ui-icon-trash::before,
.delete-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bin_delete:hover,
.blue_delete:hover,
.iconTrash:hover,
.vsn_icon_recycle_bin:hover,
.vsn-ico-bin-no-hover:hover,
.glyph.trash:hover,
.vsn-ico-wedit-delete:hover,
.media-delete:hover,
.la-trash-alt:hover,
.ui-icon-trash:hover,
.delete-icon:hover {
  cursor: pointer;
}
.blue_actions::before,
.vsn-ico-config-big::before,
.iconGear::before,
.iconConf::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "settings";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.blue_actions:hover,
.vsn-ico-config-big:hover,
.iconGear:hover,
.iconConf:hover {
  cursor: pointer;
}
.blue_recicle::before,
.glyph.reset::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "autorenew";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.share::before,
.btn.social .social_icon_1::before,
.share_white::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "share";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.btn.vsn_social .social_icon_1::before,
.social_icon_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "people";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.pencil::before,
.vsn-ico-btn-pencil::before,
.glyph.edit::before,
.edit_fields::before,
.vsn-ico-pencil-small::before,
.vsn-ico-pencil::before,
.edit-cut::before,
.la-pen::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.pencil:hover,
.vsn-ico-btn-pencil:hover,
.glyph.edit:hover,
.edit_fields:hover,
.vsn-ico-pencil-small:hover,
.vsn-ico-pencil:hover,
.edit-cut:hover,
.la-pen:hover {
  cursor: pointer;
}
.vsn-ico-arrow-go-to-left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-arrow-go-to-right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-datepicker::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "calendar_month";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.uncheck_small_on_dark::before,
.checkbox_rigths::before,
.ui-icon-closethick::before,
.iconCross::before,
.close_medium_circle::before,
.cross_mini::before,
.vsn-ico-btn-cancel::before,
.close_tab_round::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.uncheck_small_on_dark:hover,
.checkbox_rigths:hover,
.ui-icon-closethick:hover,
.iconCross:hover,
.close_medium_circle:hover,
.cross_mini:hover,
.vsn-ico-btn-cancel:hover,
.close_tab_round:hover {
  cursor: pointer;
}
.glyph.checkmark::before,
.vsn-ico-check-menu::before,
.checkbox_rigths.checked::before,
.la-check::before,
.iconOk::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.BTN_CHECK_ALL .vsn-ico-check-menu::before,
.check-all::before,
.check_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "done_all";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-icon-info::before,
.info_white::before,
.error-message-icon-agent::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-icon-restore::before,
.history_white::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "history";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.circle_action_white::before,
.storyboard-button-action::before,
.glyph.action::before,
.action_white::before,
.ray_icon_white::before,
.default-action::before,
.iconThunder::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "bolt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.addItemIcon::before,
.add_white::before,
.la-plus-circle::before,
.glyph.add::before,
.plus_1::before,
.addStorageManagersBtn::before,
.iconPlus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.addItemIcon:hover,
.add_white:hover,
.la-plus-circle:hover,
.glyph.add:hover,
.plus_1:hover,
.addStorageManagersBtn:hover,
.iconPlus:hover {
  cursor: pointer;
}
.vsn-ico-btn-fullscreen::before,
.vsn-ico-btn-fullscreen_videoPlayer::before,
.vsn-ico-wedit-fullscreen::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-btn-exitfullscreen::before,
.vsn-ico-btn-exitfullscreen_videoPlayer::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen_exit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.iconEye::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.iconChoose::before,
.zoom-mobile-mode::before,
.la-thumbtack::before,
.pinit_white_2::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keep";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.lock_icon_1::before,
.iconSan::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "lock";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user_icon_1::before,
.user_icon_2::before,
.person_white::before,
.icon-user::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user_icon_1:hover,
.user_icon_2:hover,
.person_white:hover,
.icon-user:hover {
  cursor: pointer;
}
.group_icon_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "group";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.sync-error-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "sync_problem";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.sync-error-icon.red {
  color: #EF4444;
}
.sync-error-icon.green {
  color: #008F6A;
}
.icon_interrogation_circle::before,
.btn-interrogation_circle::before,
.btn-interrogation_circle_storage::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "help";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user_check::before,
.iconRights::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "how_to_reg";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user_check:hover,
.iconRights:hover {
  cursor: pointer;
}
.bell_white_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "notifications";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.iconFolderRights::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "hard_drive";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-import::before,
.vsn-ico-bi-export-document::before,
.vsn-ico-wedit-download-edl::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-export::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "upload";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-export:hover {
  cursor: pointer;
}
.blue_height_2 ::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "equal";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.blue_height_2:hover {
  cursor: pointer;
}
.iconLoading {
  background-repeat: no-repeat !important;
  background-size: 18px 18px !important;
  background-image: url("../Images/loading_vsn.gif") !important;
  background-position: center !important;
}
.displayIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon_filter::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "filter_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-player-play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.refresh_white::before,
.glyph.refresh::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "refresh";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-search::before,
.blue_search::before,
.searchHotlistButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-sort-amount-down::before,
.vsn-order-desc::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "flex_direction";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-sort-amount-up-alt::before,
.vsn-order-asc::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "flex_direction";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: rotate(180deg);
}
.three_blocks::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "menu";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user_check_smaller::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person_check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.lock_edit::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shield_lock";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.blue_height_2::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "equal";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.three_blocks_arrow_back::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "modeling";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.two_blocks_arrow_back::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "move_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: scaleX(-1);
}
.mixer_square::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "instant_mix";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.iconKey::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "key_vertical";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-warning::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #F59E0B;
}
.code-editor::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "code";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-switch-on::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "toggle_on";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #008F6A;
}
.vsn-ico-switch-on:hover {
  cursor: pointer;
}
.vsn-ico-switch-off::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "toggle_off";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-switch-off:hover {
  cursor: pointer;
}
.vsn-ico-dont-keep-field-order::before,
.vsn-ico-keep-aspect::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "link";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-dont-keep-field-order:hover,
.vsn-ico-keep-aspect:hover {
  cursor: pointer;
}
.vsn-ico-dont-keep-aspect::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "link_off";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-dont-keep-aspect:hover {
  cursor: pointer;
}
.lock_clock::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "lock_clock";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.lock_clock:hover {
  cursor: pointer;
}
.send_to::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "open_in_new";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.send_to:hover {
  cursor: pointer;
}
.icon_project::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-angle-down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-angle-up::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-exchange-alt::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "swap_horiz";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-exclamation::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "priority_high";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-external-link-alt::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "open_in_new";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-eye::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-filter::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "filter_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-info-circle::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-sign-in-alt::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "login";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-sign-out-alt::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "logout";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-stream::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_stream";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-times::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.la-times-circle::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cancel";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.arrows_left_right_big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "swap_horiz";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.circle_add_green::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #008F6A;
}
.circle_add_red::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
}
.clean_search::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search_off";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.follow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.unfollow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.icon_media_BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.icon_pam_BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "video_settings";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.icon_pam_search::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "manage_search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.icon_segment_BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_timeline";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.icon_search_in_BIN_BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.minus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "remove_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.nest_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "hub";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.play-icon-css::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.puller_down_black::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "expand_more";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.puller_up_black::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "expand_less";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search_big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-mode-icon-case-insensitive::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "text_fields";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-mode-icon-case-sensitive::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "match_case";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-mode-icon-full-text::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "special_character";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.table_arrow::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "table_rows";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.uncheck_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check_box_outline_blank";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.loading-spiner-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "progress_activity";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-btn-download::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-player-edl::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "playlist_add_check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn-ico-player-wedit::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.ban-export::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "block";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.hidden-cross::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility_off";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.glyph.minus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "remove_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
/* *******************************************************************************************************************/
/*                                                 COUNTDOWN                                                          */
#countdown {
  width: 200px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 17%;
  margin-left: -100px;
  margin-top: -50px;
  color: #FFFFFF;
  font-size: 22em;
  text-align: center;
  font-weight: bold;
  font-style: italic;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease;
  -moz-transition: opacity 0.4s ease;
  -ms-transition: opacity 0.4s ease;
  -o-transition: opacity 0.4s ease;
  /* solve for flicker problem */
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  z-index: 1000000;
}
#countdown.puffer {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: scale(1.6, 1.6);
  -moz-transform: scale(1.6, 1.6);
  -ms-transform: scale(1.6, 1.6);
  -o-transform: scale(1.6, 1.6);
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
}
.date-group {
  display: flex;
}
.date-group .input-group-btn {
  display: flex;
  align-self: stretch;
}
.date-group .search_button {
  border-radius: 4px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  padding: 0 4px;
}
.date-group .search_button span::before {
  font-size: 24px;
}
.date-group.with-prev-next input.vsn_form_date {
  width: 75px !important;
}
.processComboContainer {
  display: flex;
  height: 100%;
}
.processComboContainer .processCombo {
  display: flex;
  position: relative;
  align-items: center;
}
.processComboContainer .processCombo label {
  background: #004F6E;
  border-radius: 4px;
  background-clip: padding-box;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  color: #FFFFFF;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 500;
  padding: 8px;
}
.processComboContainer .processCombo .currentState {
  display: flex;
  align-items: center;
  border-radius: 4px;
  background-clip: padding-box;
  color: #FFFFFF;
  cursor: default;
  background-color: #2A343A;
  width: 80px;
  justify-content: space-between;
  padding: 8px;
  margin-left: -3px;
}
.processComboContainer .processCombo .currentState .arrow_down_menu {
  cursor: pointer;
  height: 18px;
  display: flex;
}
.processComboContainer .processCombo .nameState {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 500;
}
.processComboContainer .processCombo .processOptions {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  width: max-content;
  max-width: 160px;
  z-index: 2;
}
.processComboContainer .processCombo .processOptions::-webkit-scrollbar {
  width: 5px;
}
.processComboContainer .processCombo .processOptions::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.processComboContainer .processCombo .processOptions::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.processComboContainer .processCombo .processOptions::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.processComboContainer .processCombo .processOptions ul li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.processComboContainer .processCombo .processOptions ul li:hover,
.processComboContainer .processCombo .processOptions ul li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.switchToggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid #008F6A;
  color: #4fc3a1;
  border-radius: 9999px;
  gap: 8px;
  padding: 2px 8px;
}
.switchToggle.deactivated {
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: row-reverse;
  border: 1px solid #3A454C;
  color: #7A868E;
}
.switchToggle.deactivated span.bullet {
  background-color: #7A868E;
}
.switchToggle span.text {
  font-size: 10px;
  font-weight: 700;
}
.switchToggle span.bullet {
  border-radius: 50%;
  height: 12px;
  width: 12px;
  background-color: #4fc3a1;
}
.vsn-ico-switch-on,
.vsn-ico-switch-off {
  display: inline-flex;
  align-items: center;
  width: 48px;
  height: 22px;
  border-radius: 10px;
  padding: 2px;
  cursor: pointer;
  vertical-align: middle;
  border: 1px solid #3A454C;
}
.vsn-ico-switch-on::before,
.vsn-ico-switch-off::before {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
  flex: 1;
  text-align: center;
  line-height: 1;
  font-variation-settings: unset;
}
.vsn-ico-switch-on::after,
.vsn-ico-switch-off::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #FFFFFF;
  flex-shrink: 0;
}
.vsn-ico-switch-on {
  background-color: #008F6A;
}
.vsn-ico-switch-on::before {
  content: 'ON';
}
.vsn-ico-switch-off {
  background-color: rgba(0, 0, 0, 0.2);
  flex-direction: row-reverse;
}
.vsn-ico-switch-off::before {
  content: 'OFF';
  color: #B8C2C8;
}
.vsn-ico-switch-off::after {
  background-color: #7A868E;
}
.vsn-context-menu .vsn-context-menu-content {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 20px 50px rgba(0, 0, 0, 0.7);
  z-index: 10000;
}
.vsn-context-menu .vsn-context-menu-content .scrollBlock {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  max-width: 400px;
  min-width: 160px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
.vsn-context-menu .vsn-context-menu-content .scrollBlock::-webkit-scrollbar {
  width: 5px;
}
.vsn-context-menu .vsn-context-menu-content .scrollBlock::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.vsn-context-menu .vsn-context-menu-content .scrollBlock::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.vsn-context-menu .vsn-context-menu-content .scrollBlock::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.vsn-context-menu .vsn-context-menu-content ul:not(:first-child) {
  border-top: 1px solid #3A454C;
}
.vsn-context-menu .vsn-context-menu-content ul:has(h3) {
  padding-top: 0.75rem;
}
.vsn-context-menu .vsn-context-menu-content ul h3 {
  color: #4fc3a1;
  letter-spacing: 0.1em;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 16px;
}
.vsn-context-menu .vsn-context-menu-content ul li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
.vsn-context-menu .vsn-context-menu-content ul li:hover,
.vsn-context-menu .vsn-context-menu-content ul li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.vsn-context-menu .vsn-context-menu-content ul li label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
.vsn-accordion .accordion {
  padding: 0 10px;
  margin: 0 auto;
  list-style: none outside;
}
.vsn-accordion .accordion > * + * {
  border-top: 1px solid #FFFFFF;
}
.vsn-accordion .accordion > *:last-child {
  border-bottom: 1px solid #FFFFFF;
}
.vsn-accordion .accordion-item-hd {
  display: block;
  padding: 8px 26px 5px 0;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}
.vsn-accordion .accordion-item:hover label,
.vsn-accordion .accordion-item-input:checked ~ label {
  color: #4fc3a1;
}
.vsn-accordion .accordion-item-bd {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-height: 0;
  position: relative;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 2px;
  font-size: 12px;
  padding: 0 12px;
}
.vsn-accordion .accordion-item-bd p:empty {
  display: none;
}
.vsn-accordion .accordion-item-bd p {
  margin: 0;
  margin-bottom: 6px !important;
}
.vsn-accordion .accordion-item-bd h3 {
  display: none;
}
.vsn-accordion .accordion-item-input:checked ~ .accordion-item-bd {
  height: auto !important;
  max-height: 500px;
  padding: 12px;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.vsn-accordion .accordion-item-input {
  display: none !important;
}
input[type="checkbox"],
span.checkbox {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 18px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  border-radius: 2px;
  border: 1px solid #3A454C;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  color: #FFFFFF;
  background-color: #141B1F;
  margin: 0;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
input[type="checkbox"]:hover,
span.checkbox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
input[type="checkbox"][checked="checked"],
span.checkbox[checked="checked"],
input[type="checkbox"]:checked,
span.checkbox:checked {
  background-color: #004F6E !important;
  border: none;
}
input[type="checkbox"][checked="checked"]::before,
span.checkbox[checked="checked"]::before,
input[type="checkbox"]:checked::before,
span.checkbox:checked::before {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
input[type="checkbox"]:focus,
span.checkbox:focus {
  outline: none;
  border-color: #004F6E;
  box-shadow: 0 0 0 2px rgba(0, 79, 110, 0.2);
}
input[type="checkbox"]:disabled,
span.checkbox:disabled,
input[type="checkbox"][disabled="disabled"],
span.checkbox[disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
input[type="checkbox"].big label,
span.checkbox.big label {
  line-height: 24px;
}
input[type="checkbox"].checkbox-with-label,
span.checkbox.checkbox-with-label {
  display: flex;
  gap: 2px;
  align-items: center;
}
input[type="checkbox"][checked="checked"]:not(:checked) {
  background-color: #141B1F;
  border: 1px solid #3A454C;
}
input[type="checkbox"][checked="checked"]:not(:checked)::before {
  content: none;
}
.checkbox.big label {
  line-height: 24px;
}
.checkbox.checkbox-with-label {
  display: flex;
  gap: 2px;
  align-items: center;
}
.bigCheck {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 18px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  border-radius: 2px;
  border: 1px solid #3A454C;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  color: #FFFFFF;
  background-color: #141B1F;
  margin: 0;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 3;
}
.bigCheck:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.bigCheck[checked="checked"],
.bigCheck:checked {
  background-color: #004F6E !important;
  border: none;
}
.bigCheck[checked="checked"]::before,
.bigCheck:checked::before {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.bigCheck:focus {
  outline: none;
  border-color: #004F6E;
  box-shadow: 0 0 0 2px rgba(0, 79, 110, 0.2);
}
.bigCheck:disabled,
.bigCheck[disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.bigCheck.big label {
  line-height: 24px;
}
.bigCheck.checkbox-with-label {
  display: flex;
  gap: 2px;
  align-items: center;
}
.datepicker_container {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
}
.datepicker_container .datepicker_from,
.datepicker_container .datepicker_to {
  display: flex;
}
#ui-datepicker-div {
  z-index: 999999 !important;
}
#ui-datepicker-div,
.ui-datepicker {
  display: none;
  left: 0;
  position: absolute;
  top: 0;
}
.ui-datepicker {
  background: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.8);
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  padding: 8px;
  width: 22em;
  z-index: 999999 !important;
}
.ui-datepicker .ui-datepicker-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: #141B1F;
  border: none;
  border-radius: 4px 4px 0 0;
  color: #E6ECEF;
  gap: 4px;
  padding: 4px 0;
  text-shadow: none;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  height: 24px;
  position: static !important;
  width: 24px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
  background: rgba(255, 255, 255, 0.1);
}
.ui-datepicker .ui-datepicker-prev:hover span::before,
.ui-datepicker .ui-datepicker-next:hover span::before {
  color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-prev {
  order: 1;
}
.ui-datepicker .ui-datepicker-prev span::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-datepicker .ui-datepicker-next {
  order: 3;
}
.ui-datepicker .ui-datepicker-next span::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-datepicker .ui-datepicker-title {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px;
  order: 2;
}
.ui-datepicker .ui-datepicker-title select {
  background: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 2px;
  color: #E6ECEF;
  cursor: pointer;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  height: 26px;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar {
  width: 5px;
}
.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-datepicker .ui-datepicker-title select::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-datepicker .ui-datepicker-title select option {
  background: #141B1F;
  color: #E6ECEF;
}
.ui-datepicker .ui-datepicker-title select option:hover {
  background: #0A6F8F !important;
  color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-title select option:checked {
  background: #004F6E !important;
  color: #FFFFFF;
}
.ui-datepicker .ui-datepicker-title select:focus {
  border-color: #0A6F8F;
  outline: none;
}
.ui-datepicker table {
  width: 100% !important;
}
.ui-datepicker thead tr {
  background: #004F6E;
}
.ui-datepicker th {
  border: none;
  color: #FFFFFF;
  font-size: 10px;
  padding: 4px 0;
  text-align: center;
}
.ui-datepicker td,
.ui-datepicker td a,
.ui-datepicker td span {
  background: #2A343A !important;
  border: none !important;
}
.ui-datepicker td a,
.ui-datepicker td span {
  border-radius: 2px;
  color: #E6ECEF;
  display: block;
  padding: 4px 8px;
  text-align: center;
  text-decoration: none;
}
.ui-datepicker td a:hover,
.ui-datepicker td span:hover {
  background: #0A6F8F !important;
  color: #FFFFFF;
}
.ui-datepicker td.ui-datepicker-current-day a {
  color: #FFFFFF;
  font-weight: 700;
}
.ui-datepicker td.ui-datepicker-today:not(.ui-datepicker-current-day) a {
  background: #004F6E !important;
  color: #FFFFFF;
}
.ui-datepicker td.ui-datepicker-other-month a,
.ui-datepicker td.ui-datepicker-other-month span {
  opacity: 0.4;
}
.ui-datepicker .ui-clk-container {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  gap: 4px;
  margin-top: 5px;
}
.ui-datepicker .ui-clk-container .ui-datepicker-clk-elem {
  width: 3.5em;
  text-align: center;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ui-datepicker .ui-clk-container button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-datepicker .ui-clk-container button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-datepicker .ui-clk-container button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-datepicker .ui-clk-container button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.tag-list .tagGroup {
  display: flex;
  gap: 8px;
  background-color: #404F55;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.tag-list .tagGroup:has(input[type="text"]:focus:not([readonly])) {
  outline: none;
  border-color: #0A6F8F;
}
.tag-list .tagGroup .tag {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
  gap: 4px;
  background-color: transparent;
  color: #E6ECEF;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  padding: 0 8px;
}
.tag-list .tagGroup .tag.editable-tag {
  padding: 0;
  border: none;
}
.tag-list .tagGroup .tag:first-child {
  padding-right: 0;
}
.tag-list .tagGroup .tag:last-child {
  padding-left: 0;
}
.tag-list .tagGroup .tag .icon-element {
  color: #B8C2C8;
}
.tag-list .tagGroup .tag .icon-element:hover {
  color: #FFFFFF;
}
.tag-list .tagGroup .tag .autocompleted-input {
  position: relative;
}
.tag-list .tagGroup .tag .autocompleted-input input[type="text"] {
  border: none;
  background-color: transparent;
}
.login_box {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: #2A343A;
  border-radius: 12px;
  padding: 40px;
  width: 100%;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-sizing: border-box;
}
.login_box h2 {
  display: none;
}
.login_box .login_field_container {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.login_box .login_field_container:has(.vsn_form_error[style*="display: block"]),
.login_box .login_field_container:has(.vsn_form_error[style*="display:block"]) {
  margin-bottom: 0;
}
.login_box .login_field_container .login_field {
  background-color: #2A343A;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #FFFFFF;
  height: 48px;
  width: 100%;
  padding: 0 44px 0 16px;
  font-size: 15px;
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s;
  caret-color: #FFFFFF;
  background-clip: content-box;
}
.login_box .login_field_container .login_field:focus {
  border-color: #004F6E;
  background-color: #2e3940;
  background-clip: padding-box;
}
.login_box .login_field_container .login_field:-internal-autofill-selected,
.login_box .login_field_container .login_field:-internal-autofill-previewed,
.login_box .login_field_container .login_field:-webkit-autofill,
.login_box .login_field_container .login_field:-webkit-autofill:hover,
.login_box .login_field_container .login_field:-webkit-autofill:focus,
.login_box .login_field_container .login_field:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px #2A343A inset;
  background-clip: content-box;
  color: #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
  transition: -webkit-text-fill-color 50000s ease-in-out 0s, color 50000s ease-in-out 0s;
}
.login_box .login_field_container .login_field:-internal-autofill-previewed,
.login_box .login_field_container .login_field:-webkit-autofill:hover {
  box-shadow: 0 0 0px 1000px #2e3940 inset !important;
}
.login_box .login_field_container .login_field:autofill,
.login_box .login_field_container .login_field:autofill:hover,
.login_box .login_field_container .login_field:autofill:focus,
.login_box .login_field_container .login_field:autofill:active {
  box-shadow: 0 0 0px 1000px #2A343A inset;
  -moz-box-shadow: 0 0 0px 1000px #2A343A inset;
  background-clip: content-box;
  color: #FFFFFF;
  -webkit-text-fill-color: #FFFFFF;
}
.login_box .login_field_container .login_field:autofill:hover {
  box-shadow: 0 0 0px 1000px #2e3940 inset !important;
  -moz-box-shadow: 0 0 0px 1000px #2e3940 inset !important;
}
.login_box .login_field_container .login_field.withError {
  border-color: #EF4444;
}
.login_box .login_field_container .login_field_icon {
  font-weight: 400;
  color: #7A868E;
  position: absolute;
  right: 16px;
  top: 24px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  display: block;
  opacity: 0.5;
  background-image: none;
  box-shadow: none;
  pointer-events: none;
  z-index: 5;
  line-height: 1;
}
.login_box .login_field_container .login_field_icon.failed_info_icon {
  background-position: -454px -203px;
  width: 40px;
  height: 34px;
  right: -45px;
}
.login_box .login_field_container .vsn_form_error {
  color: #EF4444;
  visibility: visible;
  font-weight: bold;
  font-style: normal;
  padding: 5px 10px;
  margin-top: 2px;
}
.login_box .login_field_container .login_credentials_btn {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-color: #A6C83A;
  color: #FFFFFF;
  border-radius: 8px;
  height: 48px !important;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 10px;
  border: none;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.login_box .login_field_container .login_credentials_btn:hover {
  background-color: #8FB02F;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px #4c5a63;
}
.login_box .login_field_container .login_credentials_btn .buttonContent,
.login_box .login_field_container .login_credentials_btn span {
  color: #FFFFFF;
}
.login_box .login_field_container:has(.vsn_form_error[style*="display: block"] .login_credentials_btn),
.login_box .login_field_container:has(.vsn_form_error[style*="display:block"] .login_credentials_btn) {
  width: 100% !important;
  transition: background-color 0.2s, transform 0.2s, box-shadow 0.2s, width 0s;
}
.select-combobox .vsn_form_select {
  text-decoration: none;
  display: block !important;
  padding: 0.375rem 12px;
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  background-color: #141B1F;
  cursor: pointer;
  text-transform: none;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.select-combobox .vsn_form_select::-webkit-scrollbar {
  width: 5px;
}
.select-combobox .vsn_form_select::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.select-combobox .vsn_form_select::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.select-combobox .vsn_form_select::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.select-combobox .vsn_form_select:focus,
.select-combobox .vsn_form_select:focus-visible {
  outline: none;
  border-color: #3A454C;
  box-shadow: none;
}
.select-combobox .vsn_form_select option {
  background-color: #141B1F;
  color: #E6ECEF;
  padding: 0.375rem 16px;
  text-transform: none;
}
.select-combobox .vsn_form_select option:hover {
  background-color: #141B1F !important;
  border-left-color: #008F6A !important;
}
.select-combobox .vsn_form_select optgroup {
  background-color: #141B1F;
  color: #4fc3a1;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: none;
  padding: 0.75rem 16px 0.25rem;
  border-top: 1px solid #3A454C;
}
.select-combobox .vsn_form_select optgroup:first-of-type {
  border-top: none;
  padding-top: 0.375rem;
}
ul.vsn-combobox-autocomplete {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-width: 100px;
  max-width: 400px;
  width: max-content !important;
  top: 100%;
  left: 0;
  margin-top: 0.25rem;
  z-index: 10000;
  padding: 0;
}
ul.vsn-combobox-autocomplete::-webkit-scrollbar {
  width: 5px;
}
ul.vsn-combobox-autocomplete::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
ul.vsn-combobox-autocomplete::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
ul.vsn-combobox-autocomplete::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
ul.vsn-combobox-autocomplete li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
  position: relative;
  min-height: 1.75rem;
}
ul.vsn-combobox-autocomplete li:hover,
ul.vsn-combobox-autocomplete li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
ul.vsn-combobox-autocomplete li.background-coloured .combobox-option-item span {
  display: flex !important;
}
ul.vsn-combobox-autocomplete li .combobox-option-item {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  min-height: 1.5rem;
  gap: 2px;
}
ul.vsn-combobox-autocomplete li .combobox-option-item span {
  display: none;
  background-color: var(--color);
  width: 12px;
  height: 12px;
}
ul.vsn-combobox-autocomplete li .ui-menu-item-wrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.vsn-combobox-autocomplete li:has(h3) {
  border-top: 1px solid #3A454C;
  padding-top: 0.75rem;
}
ul.vsn-combobox-autocomplete li:has(h3):first-child {
  border-top: none;
}
ul.vsn-combobox-autocomplete li:has(h3) h3 {
  color: #4fc3a1;
  letter-spacing: 0.1em;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px !important;
  margin-bottom: 0;
}
ul.vsn-combobox-autocomplete li:has(.selection-over),
ul.vsn-combobox-autocomplete li:hover {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
ul.vsn-combobox-autocomplete li:has(.selection-over) a,
ul.vsn-combobox-autocomplete li:hover a {
  color: #FFFFFF;
}
ul.vsn-combobox-autocomplete li:has(.selection-over):has(h3),
ul.vsn-combobox-autocomplete li:hover:has(h3) {
  border-left-color: transparent;
}
ul.vsn-combobox-autocomplete li a {
  color: #B8C2C8;
}
ul.vsn-combobox-autocomplete li a .highlight {
  color: #4fc3a1;
  text-decoration: underline;
  font-weight: 700;
  font-style: normal;
}
ul.vsn-combobox-autocomplete li em {
  font-style: normal;
  color: #4fc3a1;
}
.menu-component {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  z-index: 10001;
  min-width: 160px;
}
.menu-component::-webkit-scrollbar {
  width: 5px;
}
.menu-component::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.menu-component::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.menu-component::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.menu-component ul {
  list-style: none;
  margin: 0;
  padding: 4px 0;
}
.menu-component li.menu-item {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
.menu-component li.menu-item:hover,
.menu-component li.menu-item:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.menu-component li.menu-item label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  gap: 8px;
  width: 100%;
}
.menu-component li.header-menu-item {
  padding: 8px 16px;
  cursor: default;
}
.menu-component li.header-menu-item:not(:first-child) {
  margin-top: 4px;
  border-top: 1px solid #3A454C;
  padding-top: 8px;
}
.menu-component li.header-menu-item h3 {
  font-size: 12px;
  color: #4fc3a1;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  margin: 0;
  pointer-events: none;
}
.menu-component li.divider-menu-item {
  padding: 0;
  height: 0;
  line-height: 0;
  border-bottom: 1px solid #3A454C;
  cursor: default;
  margin: 4px 16px;
}
ul.actionsList {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-width: 100px;
  max-width: 400px;
  width: max-content !important;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
ul.actionsList::-webkit-scrollbar {
  width: 5px;
}
ul.actionsList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
ul.actionsList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
ul.actionsList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
ul.actionsList li.action {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
ul.actionsList li.action:hover,
ul.actionsList li.action:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.vsn-combobox {
  position: relative;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
}
.vsn-combobox .custom-combobox {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  position: relative;
  min-width: 50px;
  overflow: hidden;
  padding: 0;
}
.vsn-combobox .custom-combobox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.vsn-combobox .custom-combobox.disabled {
  opacity: 0.7;
  pointer-events: none;
}
.vsn-combobox .custom-combobox .custom-combobox-input {
  background: none;
  border: none;
  color: #FFFFFF;
  padding: 8px 8px 8px 12px;
  font-size: 12px;
  cursor: text;
  width: calc(100% - 30px);
  overflow: hidden;
  outline: none;
}
.vsn-combobox .custom-combobox .custom-combobox-input::placeholder {
  color: #FFFFFF;
}
.vsn-combobox .custom-combobox .custom-combobox-toggle {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0 8px;
  height: -webkit-fill-available;
  cursor: pointer;
  position: absolute;
  right: 0;
}
.vsn-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.vsn-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
}
.vsn-combobox[disabled="disabled"],
.vsn-combobox[disabled="disabled"] .custom-combobox .custom-combobox-input,
.vsn-combobox[disabled="disabled"] .custom-combobox .custom-combobox-toggle {
  opacity: 0.5;
  cursor: not-allowed;
}
.explorerMenu {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  top: 100%;
  right: 0;
  margin-top: 8px;
  width: max-content;
  padding: 0;
  border-radius: 8px;
}
.explorerMenu::-webkit-scrollbar {
  width: 5px;
}
.explorerMenu::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.explorerMenu::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.explorerMenu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.explorerMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.explorerMenu li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
  padding: 6px 16px;
}
.explorerMenu li:hover,
.explorerMenu li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.explorerMenu li label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  cursor: pointer;
  width: 100%;
  color: inherit;
}
.explorerMenu li.userSettings label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "settings";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.explorerMenu li.application-visibility label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.explorerMenu li.licensed-users label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "description";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.explorerMenu li.impersonation_user label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person_add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.explorerMenu li.close label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person_cancel";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.explorerMenu li.logOut,
.explorerMenu li.logout {
  color: #EF4444;
}
.explorerMenu li.logOut label,
.explorerMenu li.logout label {
  color: #EF4444;
}
.explorerMenu li.logOut label::before,
.explorerMenu li.logout label::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "logout";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
}
.explorerMenu li:not(.logOut):not(.logout):hover {
  color: #FFFFFF;
}
.explorerMenu li:not(.logOut):not(.logout):hover label::before {
  color: #4fc3a1;
}
body:not(.doingLogin).v2-theme #mainWrapper {
  flex-direction: row !important;
}
body:not(.doingLogin).v2-theme #mainContent {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
body:not(.doingLogin).v2-theme #mainHeader {
  display: flex !important;
  flex-direction: column;
  width: 240px;
  min-width: 240px;
  height: 100%;
  min-height: 0;
  background-color: #003B54;
  border-bottom: none;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  flex-shrink: 0;
  overflow: visible;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first {
  position: relative !important;
  min-height: auto !important;
  max-height: none !important;
  padding: 0 16px;
  width: 100%;
  z-index: 20;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: 60px;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first .login_logo {
  background: url("/StaticRepoExplorer/Images/VSNThemeV3/vsn_explorer_main_logo.png") no-repeat left center;
  background-size: contain !important;
  display: inline-block;
  flex: 1;
  min-width: 0;
  height: 30px;
  cursor: pointer;
  transform: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader {
  float: none;
  margin-top: 0;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  cursor: default;
  position: relative;
  z-index: 20;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile #userName {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile .explorerMenu {
  left: 100% !important;
  right: auto !important;
  top: 0 !important;
  bottom: auto !important;
  margin-left: 0.25rem;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile .explorerMenu .explorerMenu-userHeader {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 4px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile .explorerMenu .explorerMenu-userHeader .user_icon_2 {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  cursor: default;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile .explorerMenu .explorerMenu-userHeader .user_icon_2::before {
  font-size: 20px;
  color: #1AA6C6;
  line-height: 1;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile .explorerMenu .explorerMenu-userHeader .explorerMenu-username {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-weight: 500;
  color: #E6ECEF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile #userIcon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile #userIcon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.8);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.first #userHeader #profile #userIcon:hover {
  border-color: #008F6A;
  box-shadow: 0 0 0 3px rgba(0, 143, 106, 0.2);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: initial;
  border: 0;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second::-webkit-scrollbar {
  width: 3px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second::-webkit-scrollbar-track {
  background: transparent;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .ribbon-menus-container .menuContent {
  position: fixed !important;
  left: 244px !important;
  top: 60px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.createMenu .menuContent {
  top: 139px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.browseByStoratesMenu .menuContent {
  top: 181px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.thesauriMenu .menuContent,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.thesaurusMenu .menuContent {
  top: 223px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.pam .menuContent {
  top: 265px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.dashboard .menuContent {
  top: 307px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn.transfers .menuContent {
  top: 349px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .ribbon-menu-button.browseByKanbanMenu .menuContent {
  top: 223px !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .btn-transparent.settings .menuContent {
  position: fixed !important;
  left: 244px !important;
  top: 60dvh !important;
  bottom: auto !important;
  right: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .ribbon-menu-section-administration .ribbon-menu-button .menuContent {
  position: fixed !important;
  left: 0 !important;
  top: auto !important;
  bottom: 74px !important;
  right: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  margin: 0;
  position: relative;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .buttonScroll {
  display: none !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer {
  padding: 8px 12px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 2px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li {
  flex: 1;
  border-radius: 4px;
  transition: background-color 0.15s ease;
  position: relative;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li a {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  padding: 4px 8px;
  height: 26px;
  border-bottom: none;
  color: #B8C2C8;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.15s ease;
  background: transparent;
  border-radius: 4px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li a:hover {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li.ui-tabs-active {
  background-color: #008F6A;
  box-shadow: 0 1px 4px rgba(0, 143, 106, 0.4);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li.ui-tabs-active a {
  border-bottom: none;
  color: #FFFFFF;
  background-color: transparent;
  font-weight: 700;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li:not(.ui-tabs-active):hover a {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification {
  position: absolute;
  top: -12px;
  right: 0;
  display: flex;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification .bell_white_small::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification .numberBox {
  font-size: 11px;
  color: #000000;
  background-clip: padding-box;
  border-radius: 4px;
  height: 14px;
  width: auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  padding: 2px;
  background: #e9cb72;
  background-image: linear-gradient(to bottom, #e9cb72 0%, #ceb157 100%);
  right: 16px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification.double .numberBox.right-side {
  left: 16px;
  right: unset;
  background: #3ba4d2;
  background-image: linear-gradient(to bottom, #56bbe5 0%, #38a2d0 100%);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification.simple:hover,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification.double .numberBox.right-side:hover,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appsTabsContainer .ulContainer .ui-tabs-nav li .notification.double .numberBox.left-side:hover {
  color: #FFFFFF;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: visible;
  position: relative;
  background-color: #003B54;
  border-top: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex: 1;
  width: 100%;
  overflow: visible;
  min-height: 0;
  position: relative;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-main-logo {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: stretch;
  flex-wrap: nowrap;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section {
  width: 100%;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .toolbar-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  position: relative;
  color: #B8C2C8;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
  gap: 12px;
  height: 42px;
  text-decoration: none;
  list-style: none;
  text-align: left;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button::before {
  color: #7A868E;
  flex-shrink: 0;
  transition: color 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 3px 0 0 #008F6A;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button:hover::before {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button span,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button label {
  color: inherit;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button::after {
  display: none !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button .arrow_down_menu,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button > span ~ * {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .ribbon-menu-button > span:last-child ~ span {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.mySearches::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.createMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.browseByStoratesMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "storage";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.thesauriMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.thesaurusMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "menu_book";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.pam::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.dashboard::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "dashboard";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.transfers::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "sync_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.pam,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .btn.dashboard {
  background: none;
  border: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  flex: 1;
  min-height: 0;
  overflow: visible;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  gap: 8px;
  padding: 12px 12px 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search:has(.ribbon-advanced-search-class .custom-combobox-input:focus) .ribbon-advanced-search-class .custom-combobox,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search:has(.ribbon-advanced-search-group .ribbon-advanced-search-input .searchInput:focus) .ribbon-advanced-search-class .custom-combobox {
  border-color: #008F6A !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search:has(.ribbon-advanced-search-class .custom-combobox-input:focus) .ribbon-advanced-search-group .ribbon-advanced-search-input,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search:has(.ribbon-advanced-search-group .ribbon-advanced-search-input .searchInput:focus) .ribbon-advanced-search-group .ribbon-advanced-search-input {
  border-color: #008F6A !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-class {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-grow: 0;
  height: auto;
  width: 100%;
  gap: 8px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0;
  min-width: 0;
  width: 100%;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .search-mode-selector-container {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 6px;
  padding: 0;
  overflow: visible;
  height: 34px;
  position: relative;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input:focus-within {
  border-color: #008F6A;
  background-color: rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input .searchInput {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  padding: 8px 12px;
  font-size: 12px;
  min-width: 0;
  height: 100%;
  position: relative;
  z-index: 1;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input .searchInput::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input .searchInput:focus {
  outline: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
  background: none;
  border: none;
  color: #7A868E;
  padding: 8px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  border-radius: 4px;
  transition: color 0.15s ease, background-color 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings .settigs_icon_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "tune";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings::after {
  content: '';
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 0;
  margin: 4px -12px 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section::before {
  content: 'ADVANCED SEARCH';
  display: block;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #7A868E;
  padding: 8px 16px 4px;
  text-transform: uppercase;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  position: relative;
  color: #B8C2C8;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
  gap: 12px;
  height: 42px;
  text-decoration: none;
  list-style: none;
  text-align: left;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link::before {
  color: #7A868E;
  flex-shrink: 0;
  transition: color 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 3px 0 0 #008F6A;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link:hover::before {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link span,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link label {
  color: inherit;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "manage_search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link.ribbon-semantic-search-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_filter";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link span {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration {
  margin-top: auto;
  flex-shrink: 0;
  background-color: #003B54;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar {
  width: 100%;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .toolbar-col {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  border: none;
  background-color: transparent;
  gap: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #7A868E;
  cursor: pointer;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  position: relative;
  transition: all 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn i.btn-ico::before {
  font-size: 17px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.upload_manager i.btn-ico.cloud_big_upload::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cloud_upload";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.user_asset_baskets i.btn-ico.vsn-ico-basket::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.filepocket i.btn-ico.box_in_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.wf_viewer i.btn-ico.three_blocks_numbers::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "account_tree";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.btn-ribbon-collapse {
  display: flex !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn.btn-ribbon-collapse i.btn-ico.vsn-ribbon-collapse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn .menuContent {
  left: 0;
  right: auto !important;
  bottom: 100%;
  top: auto !important;
  margin-bottom: 0.25rem;
  margin-left: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn .mamAdminMenuContainer ul:not(:first-child) {
  border-top: 1px solid #3A454C;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn .mamAdminMenuContainer ul:has(h3) {
  padding-top: 0.75rem;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .btn .mamAdminMenuContainer ul h3 {
  color: #4fc3a1;
  letter-spacing: 0.1em;
  font-style: italic;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 11px;
  margin-bottom: 0;
  text-align: left;
  padding-left: 16px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menu-section-administration .btn.collapseMenu {
  display: flex !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menu-section-administration .btn.collapseMenu .vsn-ribbon-collapse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent {
  position: absolute;
  top: 0;
  left: 100%;
  right: initial !important;
  margin-top: 0;
  margin-left: 0.25rem;
  z-index: 10000;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 20px 50px rgba(0, 0, 0, 0.7);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .close {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock {
  max-width: 400px;
  min-width: 160px;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock::-webkit-scrollbar {
  width: 5px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
  cursor: default;
  gap: 0.5rem;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li:hover,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li:hover button.star-dashboard .buttonContent::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li:hover .removeSearch::before {
  opacity: 1;
  pointer-events: auto;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li.create-dashboard {
  border-top: 1px solid #3A454C;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li .lock_icon_1 {
  position: relative !important;
  margin: 0 -8px 0 0 !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li button.star-dashboard {
  background: none;
  border: none;
  padding: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li button.star-dashboard .buttonContent::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  opacity: 0;
  pointer-events: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li button.star-dashboard .buttonContent:hover::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li button.star-dashboard .buttonContent i.follow_star {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li button.star-dashboard.active .buttonContent::before {
  color: #FFD700;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  opacity: 1;
  pointer-events: auto;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li .removeSearch {
  background: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li .removeSearch::before {
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .menuContent .scrollBlock li .removeSearch:hover::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM {
  background-color: #003B54;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: stretch;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 8px 0;
  gap: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  position: relative;
  color: #B8C2C8;
  font-size: 13px;
  font-weight: 500;
  padding: 0 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  width: 100%;
  gap: 12px;
  height: 42px;
  text-decoration: none;
  list-style: none;
  text-align: left;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button::before {
  color: #7A868E;
  flex-shrink: 0;
  transition: color 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button:hover,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05) !important;
  box-shadow: inset 3px 0 0 #008F6A;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button:hover::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button:hover::before {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button span,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button span,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button label,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button label {
  color: inherit;
  cursor: pointer;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button::after,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button::after {
  display: none !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button .arrow_down_menu,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button .arrow_down_menu,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button > span ~ *,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button > span ~ * {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .ribbon-menu-button > span:last-child ~ span,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .ribbon-menu-button > span:last-child ~ span {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .myTasksMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .myTasksMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "task_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .myCandidateTasksMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .myCandidateTasksMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "playlist_add_check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .executeProcessMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .executeProcessMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "schema";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .browseByKanbanMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .browseByKanbanMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_kanban";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .spagoDocumentsMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .spagoDocumentsMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "description";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .spagoDashboardsMenu::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .spagoDashboardsMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "bar_chart";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .task-notification,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .task-notification,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menu-section-areas .my-task-notification,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menu-section-areas .my-task-notification {
  display: none !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  width: 100%;
  padding: 8px;
  height: auto;
  margin-top: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .ribbon-menu-button,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .ribbon-menu-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #7A868E;
  transition: all 0.15s ease;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .ribbon-menu-button:hover,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .ribbon-menu-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu {
  position: relative;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu .menu_config,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu .menu_config {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 4px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu .menu_config .label_menu_config,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu .menu_config .label_menu_config {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu .menu_config .img_menu_config i::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu .menu_config .img_menu_config i::before {
  font-size: 18px;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu:hover .menu_config,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu:hover .menu_config {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .adminMenu .menuContent,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .adminMenu .menuContent {
  left: 0;
  right: auto !important;
  bottom: 100%;
  top: auto;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 2rem;
  height: 2rem;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #7A868E;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse:hover::before,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbonAdministrationSection .collapseMenu .vsn-ribbon-collapse:hover::before {
  color: #FFFFFF;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .slim-ribbon-section-BI,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .slim-ribbon-section-BI,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.BP .slim-ribbon-section-BP,
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.BI.MAM .slim-ribbon-section-BP {
  display: none;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.second .appRibbon.MAM.no-metadata.no-sysadmin.no-vsnadmin:not(.storageAdmin) .adminMenu.ribbon-menu-button {
  display: none !important;
}
body:not(.doingLogin).v2-theme #mainHeader .headerBlock.third {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader {
  width: 56px;
  min-width: 56px;
  overflow: hidden;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.first {
  padding: 8px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  gap: 8px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.first .login_logo {
  flex: none;
  width: 32px;
  height: 32px;
  background-image: url("/StaticRepoExplorer/Images/VSNThemeV3/vsn_explorer_main_logo_slim.svg");
  background-size: contain;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.first #userHeader {
  float: none;
  margin: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.first #userHeader #profile .explorerMenu {
  position: fixed !important;
  left: 60px !important;
  top: 4px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second {
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second::-webkit-scrollbar {
  width: 3px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second::-webkit-scrollbar-track {
  background: transparent;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 3px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .ribbon-menus-container .menuContent {
  position: fixed !important;
  left: 60px !important;
  top: 60px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.createMenu .menuContent {
  top: 139px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.browseByStoratesMenu .menuContent {
  top: 181px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.thesauriMenu .menuContent,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.thesaurusMenu .menuContent {
  top: 223px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.pam .menuContent {
  top: 265px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.dashboard .menuContent {
  top: 307px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.transfers .menuContent {
  top: 349px !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn-transparent.settings .menuContent {
  position: fixed !important;
  left: 60px !important;
  top: 40dvh !important;
  bottom: auto !important;
  right: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .ribbon-menu-section-administration .ribbon-menu-button .menuContent {
  position: fixed !important;
  left: 60px !important;
  top: auto !important;
  bottom: 16px !important;
  right: auto !important;
  margin: 0 !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.wf_viewer .menuContent {
  bottom: 196px !important;
  top: auto !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .btn.helpMenu .menuContent {
  bottom: 116px !important;
  top: auto !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .ribbon-menu-button.adminMenu .menuContent {
  bottom: 116px !important;
  top: auto !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appsTabsContainer {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left {
  padding: 8px 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .toolbar-col .ribbon-menu-button {
  justify-content: center;
  padding: 0;
  height: 42px;
  gap: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .toolbar-col .ribbon-menu-button > span,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .toolbar-col .ribbon-menu-button > label {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-left .ribbon-menu-section .toolbar-col .ribbon-menu-button::before {
  margin: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right {
  padding: 8px 0 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search {
  padding: 0;
  align-items: center;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group {
  gap: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header {
  flex-direction: column;
  justify-content: flex-start;
  padding: 0;
  position: relative;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .search-mode-selector-container {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings {
  position: relative;
  width: 100%;
  height: 42px;
  border-radius: 0;
  justify-content: center;
  padding: 0;
  color: #E6ECEF;
  background: transparent;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .btn-transparent.settings:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
  box-shadow: inset 3px 0 0 #008F6A;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-advanced-search-header .ribbon-advanced-search-input {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section {
  margin: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section::before {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link {
  justify-content: center;
  padding: 0;
  height: 42px;
  gap: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link > span {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-advanced-search .ribbon-advanced-search-group .ribbon-search-section .ribbon-advanced-search-link::before {
  margin: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration {
  padding: 8px 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .toolbar-col {
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .toolbar-col .btn {
  width: 36px;
  height: 36px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .toolbar-col .btn-ribbon-collapse {
  display: flex !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon .ribbon-menus-container .ribbon-menus-container-right .ribbon-menu-section-administration .toolbar .toolbar-col .btn-ribbon-collapse i.btn-ico.vsn-ribbon-collapse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas {
  border-bottom: none;
  padding: 8px 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button {
  justify-content: center;
  padding: 0;
  height: 42px;
  font-size: 0;
  gap: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button > span,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button > span,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button > label,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button > label {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button::before,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .ribbon-menu-button::before {
  font-size: 18px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .task-notification,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .task-notification,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .my-task-notification,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .my-task-notification {
  position: absolute;
  right: 2px;
  top: -2px;
  font-size: 11px;
  color: #000000;
  background-clip: padding-box;
  border-radius: 4px;
  height: 14px;
  width: auto;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background: #e9cb72;
  background-image: linear-gradient(to bottom, #e9cb72 0%, #ceb157 100%);
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbon-menu-section-areas .my-task-notification,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbon-menu-section-areas .my-task-notification {
  background: #3ba4d2;
  background-image: linear-gradient(to bottom, #56bbe5 0%, #38a2d0 100%);
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbonAdministrationSection,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbonAdministrationSection {
  padding: 8px 8px 0 8px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .ribbonAdministrationSection .ribbon-menu-button,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .ribbonAdministrationSection .ribbon-menu-button {
  width: 36px;
  height: 36px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .collapseMenu,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .collapseMenu {
  display: none !important;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BP,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BP,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BI,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BI {
  display: flex;
  justify-content: center;
  padding-bottom: 8px;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BP .ribbon-menu-user,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BP .ribbon-menu-user,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BI .ribbon-menu-user,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BI .ribbon-menu-user {
  display: none;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #7A868E;
  transition: all 0.15s ease;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand:hover,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand:hover,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand:hover,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
}
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand .vsn-ribbon-expand::before,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BP .btn-ribbon-expand .vsn-ribbon-expand::before,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.MAM.BP .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand .vsn-ribbon-expand::before,
body:not(.doingLogin).v2-theme.slim-ribbon-version #mainHeader .headerBlock.second .appRibbon.BI.MAM .ribbon-menus-container .slim-ribbon-section-BI .btn-ribbon-expand .vsn-ribbon-expand::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body:not(.doingLogin).v2-theme.slim-ribbon-version .UploadManagerComponent {
  left: 60px !important;
}
#appTabNavigator {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  height: auto;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
}
#appTabNavigator[data-tabs="0"] {
  visibility: hidden;
}
#appTabNavigator .tabContainer {
  display: flex;
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  flex-shrink: 0;
  height: 48px;
  width: 100%;
}
#appTabNavigator .tabContainer .tabScroller {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 36px;
  margin-top: auto;
  padding: 0;
  border: 1px solid #3A454C;
  border-bottom: none;
  background-color: rgba(255, 255, 255, 0.03);
  color: #B8C2C8;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  font: inherit;
  position: relative;
}
#appTabNavigator .tabContainer .tabScroller::before {
  font-weight: 400;
  line-height: 1;
}
#appTabNavigator .tabContainer .tabScroller.left {
  border-top-left-radius: 6px;
  border-top-right-radius: 0;
}
#appTabNavigator .tabContainer .tabScroller.left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .tabContainer .tabScroller.right {
  border-top-left-radius: 0;
  border-top-right-radius: 6px;
}
#appTabNavigator .tabContainer .tabScroller.right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .tabContainer .tabScroller:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
#appTabNavigator .tabContainer .ulContainer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  min-width: 0;
  overflow: hidden;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  gap: 2px;
  min-width: 0;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab {
  -webkit-flex: 1 1 200px;
  -ms-flex: 1 1 200px;
  flex: 1 1 200px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  float: none;
  height: 36px;
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid #3A454C;
  border-bottom: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-top: auto;
  transition: all 0.2s ease;
  position: relative;
  min-width: 200px;
  max-width: 400px;
  padding: 0 16px;
  gap: 8px;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab a.ui-tabs-anchor {
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  float: none;
  min-width: 0;
  width: 0;
  margin-right: 16px;
  color: #B8C2C8;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  display: block !important;
  line-height: 36px;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab,
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab_round {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  float: none !important;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  cursor: pointer;
  font-size: 10px;
  opacity: 0.5;
  transition: all 0.2s ease;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab:hover,
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab_round:hover {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
  color: #EF4444;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab::before,
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab .close_tab_round::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-weight: 400;
  line-height: 1;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab:hover a {
  color: #E6ECEF;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active {
  background-color: #141B1F;
  height: 40px;
  border-top: 2px solid #004F6E;
  z-index: 2;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active a {
  color: #E6ECEF;
  font-weight: 700;
}
#appTabNavigator .tabContainer .ulContainer ul.ui-tabs-nav li.ui-tabs-tab.ui-tabs-active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #2A343A;
}
#appTabNavigator .tabContainer #fastAccessButton {
  width: 35px;
  height: 38px;
  border: 1px solid #3A454C;
  overflow: hidden;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  line-height: 1;
  margin: 0 0px;
  position: relative;
  background-color: rgba(255, 255, 255, 0.03);
}
#appTabNavigator .tabContainer #fastAccessButton select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #141B1F;
  outline: none;
  font-size: 14px;
}
#appTabNavigator .tabContainer #fastAccessButton select option {
  color: #B8C2C8;
}
#appTabNavigator .tabContainer #fastAccessButton .combo.blue_height_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "segment";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
#appTabNavigator .tabContainer #fastAccessButton:hover {
  color: #FFFFFF;
}
#appTabNavigator .ui-tabs-panel {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  overflow: auto;
}
#appTabNavigator .ui-tabs-panel::-webkit-scrollbar {
  width: 5px;
}
#appTabNavigator .ui-tabs-panel::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#appTabNavigator .ui-tabs-panel::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#appTabNavigator .ui-tabs-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#appTabNavigator .ui-tabs-panel.menuUtilityLess .tabToolbar .menuUtility {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar {
  background-color: #141B1F;
  border-top: 1px solid #283035;
  border-bottom: 1px solid #283035;
  color: #E6ECEF;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 2;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: nowrap;
  gap: 8px 16px;
  height: 40px;
  min-height: 40px;
  max-height: 40px;
  min-width: 0;
  padding: 0 16px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .title {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin: 0;
  flex: 1 1 0;
  min-width: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .title h2 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1;
  white-space: nowrap;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .subtitle {
  font-size: 12px;
  color: #B8C2C8;
  font-weight: 400;
  white-space: nowrap;
  min-width: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .subtitle h5 {
  margin-bottom: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo {
  color: #B8C2C8;
  order: 1;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo .icon-media-big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 36px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo .icon-category-big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "account_tree";
  font-family: "Material Symbols Outlined";
  font-size: 36px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo .icon-bag-big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 36px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo .icon-hotlist-big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 36px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuInfo .vsn-icon-merge-BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "merge";
  font-family: "Material Symbols Outlined";
  font-size: 36px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: rotate(90deg);
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  gap: 8px;
  height: 100%;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks:empty {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .openFilterDiv {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .openFilterDiv a.showFilter.barMenuLink {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 14px 5px 10px;
  border: 1px solid rgba(10, 111, 143, 0.5);
  border-bottom-color: #1d2830;
  border-radius: 6px 6px 0 0;
  background-color: #1d2830;
  color: #4fc3a1;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
  user-select: none;
  white-space: nowrap;
  position: relative;
  z-index: 2;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .openFilterDiv a.showFilter.barMenuLink::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: -1px;
  right: -1px;
  height: 2px;
  background: #1d2830;
  border-left: 1px solid rgba(10, 111, 143, 0.5);
  border-right: 1px solid rgba(10, 111, 143, 0.5);
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .openFilterDiv a.showFilter.barMenuLink .icon_filter::before {
  font-size: 14px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .numInstancesContainer {
  display: flex;
  align-items: center;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .numInstancesContainer > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .numInstancesContainer > div h5 {
  margin-bottom: 0;
  white-space: nowrap;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .topMenuContainer .menuLinks .numInstancesContainer > div .social_circle {
  background-color: #003B54;
  color: #FFFFFF;
  opacity: 1;
  border-radius: 4px;
  padding: 1px 8px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  height: auto;
  width: auto;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  gap: 8px;
  border-top: 1px solid #283035;
  padding: 2px 16px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility:empty {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility button,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .vsnButton,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a.blue_button,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a[href] {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #E6ECEF;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  text-decoration: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility button::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .vsnButton::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a.blue_button::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a[href]::before {
  line-height: 1;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility button:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .vsnButton:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a.blue_button:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a[href]:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility button:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .vsnButton:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a.blue_button:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility a[href]:hover::before {
  font-size: 18px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .vsnButton .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .toolbar-col {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  gap: 8px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Roboto', Arial, sans-serif;
  color: #E6ECEF;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  text-shadow: none;
  text-decoration: none;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton:disabled,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton:disabled:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton[disabled]:hover {
  background-color: transparent;
  color: #E6ECEF;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .textButton i.btn-ico {
  background-image: none !important;
  background: none !important;
  width: auto;
  height: auto;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .playAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .rightsAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "admin_panel_settings";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .addToBasket i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .openInPAM i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "open_in_new";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .followAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "bookmark_add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .unfollowAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "bookmark_remove";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .reloadAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "refresh";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .mergeAsset i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "difference";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .downloadContent i.btn-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cloud_download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .waiIndexAsset i.btn-ico::before {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .waiIndexAsset.nl-ai-btn {
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border-radius: 12px;
  border: none;
  padding: 4px 12px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .waiIndexAsset.nl-ai-btn:hover {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  color: #FFFFFF;
  box-shadow: 0 2px 10px rgba(123, 47, 190, 0.45);
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .waiIndexAsset.nl-ai-btn .btn-ico.nl-ai-btn-icon {
  font-size: 13px;
  animation: nl-magic-wave 4s ease infinite;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .toolbar .loading {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .something_change.msg_hide {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .something_change {
  color: #F59E0B;
  gap: 5px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .something_change::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  vertical-align: middle;
  display: inline-flex;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .closeDocument {
  display: none;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks button,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks .vsnButton,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a.blue_button,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a[href] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks button::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks .vsnButton::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a.blue_button::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a[href]::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks button:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks .vsnButton:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a.blue_button:hover,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a[href]:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks button:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks .vsnButton:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a.blue_button:hover::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks a[href]:hover::before {
  font-size: 18px;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuLinks > *:nth-child(2)::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility > .BTN_UNCHECK_ALL::before,
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility > .uncheck-all::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "remove_done";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility > .btnFieldsConfig::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "category_search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility > .BTN_CHANGE_METADATA::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "reset_settings";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .btn_add_principal:not(:has(i))::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .btn_reset_conf:not(:has(i))::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "undo";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel .tabToolbar .menuUtility .btn_save_conf:not(:has(i))::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "save";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#appTabNavigator .ui-tabs-panel > .tabToolbar + * {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  overflow: auto;
}
#appTabNavigator .ui-tabs-panel > .tabToolbar + *::-webkit-scrollbar {
  width: 5px;
}
#appTabNavigator .ui-tabs-panel > .tabToolbar + *::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#appTabNavigator .ui-tabs-panel > .tabToolbar + *::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#appTabNavigator .ui-tabs-panel > .tabToolbar + *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#appTabNavigator .ui-tabs-panel .secondaryToolbar {
  outline: none;
}
#appTabNavigator .ui-tabs-panel .secondaryToolbar .elements-group.sort-by {
  padding: 0;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav {
  display: flex;
  gap: 0;
  padding: 0 16px;
  background: none;
  border: none;
  margin: 0;
  list-style: none;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li {
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding: 8px 12px;
  height: auto;
  cursor: pointer;
  transition: border-color 0.2s ease;
  text-shadow: none;
  margin-bottom: -1px;
  display: flex;
  gap: 8px;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li a,
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li span {
  color: #7A868E;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0;
  min-width: auto;
  margin: 0 !important;
  text-shadow: none;
  white-space: nowrap;
  text-decoration: none;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li:hover {
  background: none;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li:hover a,
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li:hover span {
  color: #E6ECEF;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-tabs-active {
  border-bottom-color: #A6C83A;
  background: none;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-tabs-active span {
  color: #A6C83A;
  font-weight: 700;
}
#appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav li.ui-tabs-active::after {
  display: none;
}
#appTabNavigator .ui-tabs-panel .documentTabContent .document {
  height: 100%;
}
#appTabNavigator .ui-tabs-panel .documentTabContent .document iframe {
  height: 100% !important;
}
html body:not(.doingLogin) #mainFooter {
  display: flex !important;
  height: 32px;
  flex-shrink: 0;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  border-top: 1px solid #3A454C;
  background-color: #141B1F;
  padding: 0 16px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  position: relative;
  z-index: 4;
}
html body:not(.doingLogin) #mainFooter .copyright {
  margin-left: auto;
}
.ui-dialog.vsn-dialog,
.vsn-modal,
.blackDialog,
body.ui-dialog {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 8px;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  padding: 0;
  overflow: visible;
  z-index: 10000;
  outline: none;
  min-width: 400px;
}
.ui-dialog.vsn-dialog .ui-dialog-titlebar,
.vsn-modal .ui-dialog-titlebar,
.blackDialog .ui-dialog-titlebar,
body.ui-dialog .ui-dialog-titlebar,
.ui-dialog.vsn-dialog .ui-custom-titlebar,
.vsn-modal .ui-custom-titlebar,
.blackDialog .ui-custom-titlebar,
body.ui-dialog .ui-custom-titlebar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  height: 2.5rem;
  line-height: 2.5;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
  padding: 0 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: move;
  font-size: 16px;
  color: #E6ECEF;
}
.ui-dialog.vsn-dialog .ui-dialog-titlebar .ui-dialog-title,
.vsn-modal .ui-dialog-titlebar .ui-dialog-title,
.blackDialog .ui-dialog-titlebar .ui-dialog-title,
body.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
.ui-dialog.vsn-dialog .ui-custom-titlebar .ui-dialog-title,
.vsn-modal .ui-custom-titlebar .ui-dialog-title,
.blackDialog .ui-custom-titlebar .ui-dialog-title,
body.ui-dialog .ui-custom-titlebar .ui-dialog-title,
.ui-dialog.vsn-dialog .ui-dialog-titlebar .ui-dialog-custom-title,
.vsn-modal .ui-dialog-titlebar .ui-dialog-custom-title,
.blackDialog .ui-dialog-titlebar .ui-dialog-custom-title,
body.ui-dialog .ui-dialog-titlebar .ui-dialog-custom-title,
.ui-dialog.vsn-dialog .ui-custom-titlebar .ui-dialog-custom-title,
.vsn-modal .ui-custom-titlebar .ui-dialog-custom-title,
.blackDialog .ui-custom-titlebar .ui-dialog-custom-title,
body.ui-dialog .ui-custom-titlebar .ui-dialog-custom-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.025rem;
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.vsn-modal .ui-dialog-titlebar .ui-dialog-titlebar-close,
.blackDialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
body.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close,
.ui-dialog.vsn-dialog .ui-custom-titlebar .ui-dialog-titlebar-close,
.vsn-modal .ui-custom-titlebar .ui-dialog-titlebar-close,
.blackDialog .ui-custom-titlebar .ui-dialog-titlebar-close,
body.ui-dialog .ui-custom-titlebar .ui-dialog-titlebar-close {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  color: #7A868E;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 0;
}
.ui-dialog.vsn-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.vsn-modal .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.blackDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
body.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.ui-dialog.vsn-dialog .ui-custom-titlebar .ui-dialog-titlebar-close:hover,
.vsn-modal .ui-custom-titlebar .ui-dialog-titlebar-close:hover,
.blackDialog .ui-custom-titlebar .ui-dialog-titlebar-close:hover,
body.ui-dialog .ui-custom-titlebar .ui-dialog-titlebar-close:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before,
.vsn-modal .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before,
.blackDialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before,
body.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon::before,
.ui-dialog.vsn-dialog .ui-custom-titlebar .ui-dialog-titlebar-close .ui-icon::before,
.vsn-modal .ui-custom-titlebar .ui-dialog-titlebar-close .ui-icon::before,
.blackDialog .ui-custom-titlebar .ui-dialog-titlebar-close .ui-icon::before,
body.ui-dialog .ui-custom-titlebar .ui-dialog-titlebar-close .ui-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-weight: 400;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga";
}
.ui-dialog.vsn-dialog .ui-dialog-content,
.vsn-modal .ui-dialog-content,
.blackDialog .ui-dialog-content,
body.ui-dialog .ui-dialog-content,
.ui-dialog.vsn-dialog .ui-custom-content,
.vsn-modal .ui-custom-content,
.blackDialog .ui-custom-content,
body.ui-dialog .ui-custom-content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  padding: 1rem;
  font-size: 14px;
  color: #E6ECEF;
  line-height: 1.625;
  font-weight: 500;
  width: 100% !important;
}
.ui-dialog.vsn-dialog .ui-dialog-content::-webkit-scrollbar,
.vsn-modal .ui-dialog-content::-webkit-scrollbar,
.blackDialog .ui-dialog-content::-webkit-scrollbar,
body.ui-dialog .ui-dialog-content::-webkit-scrollbar,
.ui-dialog.vsn-dialog .ui-custom-content::-webkit-scrollbar,
.vsn-modal .ui-custom-content::-webkit-scrollbar,
.blackDialog .ui-custom-content::-webkit-scrollbar,
body.ui-dialog .ui-custom-content::-webkit-scrollbar {
  width: 5px;
}
.ui-dialog.vsn-dialog .ui-dialog-content::-webkit-scrollbar-thumb,
.vsn-modal .ui-dialog-content::-webkit-scrollbar-thumb,
.blackDialog .ui-dialog-content::-webkit-scrollbar-thumb,
body.ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb,
.ui-dialog.vsn-dialog .ui-custom-content::-webkit-scrollbar-thumb,
.vsn-modal .ui-custom-content::-webkit-scrollbar-thumb,
.blackDialog .ui-custom-content::-webkit-scrollbar-thumb,
body.ui-dialog .ui-custom-content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-dialog.vsn-dialog .ui-dialog-content::-webkit-scrollbar-thumb:hover,
.vsn-modal .ui-dialog-content::-webkit-scrollbar-thumb:hover,
.blackDialog .ui-dialog-content::-webkit-scrollbar-thumb:hover,
body.ui-dialog .ui-dialog-content::-webkit-scrollbar-thumb:hover,
.ui-dialog.vsn-dialog .ui-custom-content::-webkit-scrollbar-thumb:hover,
.vsn-modal .ui-custom-content::-webkit-scrollbar-thumb:hover,
.blackDialog .ui-custom-content::-webkit-scrollbar-thumb:hover,
body.ui-dialog .ui-custom-content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-dialog.vsn-dialog .ui-dialog-content::-webkit-scrollbar-track,
.vsn-modal .ui-dialog-content::-webkit-scrollbar-track,
.blackDialog .ui-dialog-content::-webkit-scrollbar-track,
body.ui-dialog .ui-dialog-content::-webkit-scrollbar-track,
.ui-dialog.vsn-dialog .ui-custom-content::-webkit-scrollbar-track,
.vsn-modal .ui-custom-content::-webkit-scrollbar-track,
.blackDialog .ui-custom-content::-webkit-scrollbar-track,
body.ui-dialog .ui-custom-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-dialog.vsn-dialog .ui-dialog-content:has(> .show-confirm-text),
.vsn-modal .ui-dialog-content:has(> .show-confirm-text),
.blackDialog .ui-dialog-content:has(> .show-confirm-text),
body.ui-dialog .ui-dialog-content:has(> .show-confirm-text),
.ui-dialog.vsn-dialog .ui-custom-content:has(> .show-confirm-text),
.vsn-modal .ui-custom-content:has(> .show-confirm-text),
.blackDialog .ui-custom-content:has(> .show-confirm-text),
body.ui-dialog .ui-custom-content:has(> .show-confirm-text),
.ui-dialog.vsn-dialog .ui-dialog-content:has(> iframe),
.vsn-modal .ui-dialog-content:has(> iframe),
.blackDialog .ui-dialog-content:has(> iframe),
body.ui-dialog .ui-dialog-content:has(> iframe),
.ui-dialog.vsn-dialog .ui-custom-content:has(> iframe),
.vsn-modal .ui-custom-content:has(> iframe),
.blackDialog .ui-custom-content:has(> iframe),
body.ui-dialog .ui-custom-content:has(> iframe) {
  overflow: hidden;
}
.ui-dialog.vsn-dialog .ui-dialog-content p,
.vsn-modal .ui-dialog-content p,
.blackDialog .ui-dialog-content p,
body.ui-dialog .ui-dialog-content p,
.ui-dialog.vsn-dialog .ui-custom-content p,
.vsn-modal .ui-custom-content p,
.blackDialog .ui-custom-content p,
body.ui-dialog .ui-custom-content p {
  margin-bottom: 16px;
}
.ui-dialog.vsn-dialog .ui-dialog-content input[type="text"],
.vsn-modal .ui-dialog-content input[type="text"],
.blackDialog .ui-dialog-content input[type="text"],
body.ui-dialog .ui-dialog-content input[type="text"],
.ui-dialog.vsn-dialog .ui-custom-content input[type="text"],
.vsn-modal .ui-custom-content input[type="text"],
.blackDialog .ui-custom-content input[type="text"],
body.ui-dialog .ui-custom-content input[type="text"] {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #FFFFFF;
  padding: 8px 12px;
  font-size: 12px;
  min-width: 0;
  height: auto;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  width: 100%;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_entity_container input[type="text"],
.vsn-modal .ui-dialog-content .vsn_form_entity_container input[type="text"],
.blackDialog .ui-dialog-content .vsn_form_entity_container input[type="text"],
body.ui-dialog .ui-dialog-content .vsn_form_entity_container input[type="text"],
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_entity_container input[type="text"],
.vsn-modal .ui-custom-content .vsn_form_entity_container input[type="text"],
.blackDialog .ui-custom-content .vsn_form_entity_container input[type="text"],
body.ui-dialog .ui-custom-content .vsn_form_entity_container input[type="text"] {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  height: auto;
  width: 100%;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_date,
.vsn-modal .ui-dialog-content .vsn_form_field_input input.vsn_form_date,
.blackDialog .ui-dialog-content .vsn_form_field_input input.vsn_form_date,
body.ui-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_date,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_date,
.vsn-modal .ui-custom-content .vsn_form_field_input input.vsn_form_date,
.blackDialog .ui-custom-content .vsn_form_field_input input.vsn_form_date,
body.ui-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_date,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_datetime,
.vsn-modal .ui-dialog-content .vsn_form_field_input input.vsn_form_datetime,
.blackDialog .ui-dialog-content .vsn_form_field_input input.vsn_form_datetime,
body.ui-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_datetime,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_datetime,
.vsn-modal .ui-custom-content .vsn_form_field_input input.vsn_form_datetime,
.blackDialog .ui-custom-content .vsn_form_field_input input.vsn_form_datetime,
body.ui-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_datetime,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_time,
.vsn-modal .ui-dialog-content .vsn_form_field_input input.vsn_form_time,
.blackDialog .ui-dialog-content .vsn_form_field_input input.vsn_form_time,
body.ui-dialog .ui-dialog-content .vsn_form_field_input input.vsn_form_time,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_time,
.vsn-modal .ui-custom-content .vsn_form_field_input input.vsn_form_time,
.blackDialog .ui-custom-content .vsn_form_field_input input.vsn_form_time,
body.ui-dialog .ui-custom-content .vsn_form_field_input input.vsn_form_time {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: auto;
  min-width: 110px;
  max-width: 200px;
  position: static;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_date_list_container input,
.vsn-modal .ui-dialog-content .vsn_form_date_list_container input,
.blackDialog .ui-dialog-content .vsn_form_date_list_container input,
body.ui-dialog .ui-dialog-content .vsn_form_date_list_container input,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_date_list_container input,
.vsn-modal .ui-custom-content .vsn_form_date_list_container input,
.blackDialog .ui-custom-content .vsn_form_date_list_container input,
body.ui-dialog .ui-custom-content .vsn_form_date_list_container input,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_datetime_list_container input,
.vsn-modal .ui-dialog-content .vsn_form_datetime_list_container input,
.blackDialog .ui-dialog-content .vsn_form_datetime_list_container input,
body.ui-dialog .ui-dialog-content .vsn_form_datetime_list_container input,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_datetime_list_container input,
.vsn-modal .ui-custom-content .vsn_form_datetime_list_container input,
.blackDialog .ui-custom-content .vsn_form_datetime_list_container input,
body.ui-dialog .ui-custom-content .vsn_form_datetime_list_container input,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_time_list_container input,
.vsn-modal .ui-dialog-content .vsn_form_time_list_container input,
.blackDialog .ui-dialog-content .vsn_form_time_list_container input,
body.ui-dialog .ui-dialog-content .vsn_form_time_list_container input,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_time_list_container input,
.vsn-modal .ui-custom-content .vsn_form_time_list_container input,
.blackDialog .ui-custom-content .vsn_form_time_list_container input,
body.ui-dialog .ui-custom-content .vsn_form_time_list_container input {
  position: static;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_date_list_container,
.vsn-modal .ui-dialog-content .vsn_form_date_list_container,
.blackDialog .ui-dialog-content .vsn_form_date_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_date_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_date_list_container,
.vsn-modal .ui-custom-content .vsn_form_date_list_container,
.blackDialog .ui-custom-content .vsn_form_date_list_container,
body.ui-dialog .ui-custom-content .vsn_form_date_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_datetime_list_container,
.vsn-modal .ui-dialog-content .vsn_form_datetime_list_container,
.blackDialog .ui-dialog-content .vsn_form_datetime_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_datetime_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_datetime_list_container,
.vsn-modal .ui-custom-content .vsn_form_datetime_list_container,
.blackDialog .ui-custom-content .vsn_form_datetime_list_container,
body.ui-dialog .ui-custom-content .vsn_form_datetime_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_time_list_container,
.vsn-modal .ui-dialog-content .vsn_form_time_list_container,
.blackDialog .ui-dialog-content .vsn_form_time_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_time_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_time_list_container,
.vsn-modal .ui-custom-content .vsn_form_time_list_container,
.blackDialog .ui-custom-content .vsn_form_time_list_container,
body.ui-dialog .ui-custom-content .vsn_form_time_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_integer_list_container,
.vsn-modal .ui-dialog-content .vsn_form_integer_list_container,
.blackDialog .ui-dialog-content .vsn_form_integer_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_integer_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_integer_list_container,
.vsn-modal .ui-custom-content .vsn_form_integer_list_container,
.blackDialog .ui-custom-content .vsn_form_integer_list_container,
body.ui-dialog .ui-custom-content .vsn_form_integer_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_real_list_container,
.vsn-modal .ui-dialog-content .vsn_form_real_list_container,
.blackDialog .ui-dialog-content .vsn_form_real_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_real_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_real_list_container,
.vsn-modal .ui-custom-content .vsn_form_real_list_container,
.blackDialog .ui-custom-content .vsn_form_real_list_container,
body.ui-dialog .ui-custom-content .vsn_form_real_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_short_text_list_container,
.vsn-modal .ui-dialog-content .vsn_form_short_text_list_container,
.blackDialog .ui-dialog-content .vsn_form_short_text_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_short_text_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_short_text_list_container,
.vsn-modal .ui-custom-content .vsn_form_short_text_list_container,
.blackDialog .ui-custom-content .vsn_form_short_text_list_container,
body.ui-dialog .ui-custom-content .vsn_form_short_text_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_long_text_list_container,
.vsn-modal .ui-dialog-content .vsn_form_long_text_list_container,
.blackDialog .ui-dialog-content .vsn_form_long_text_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_long_text_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_long_text_list_container,
.vsn-modal .ui-custom-content .vsn_form_long_text_list_container,
.blackDialog .ui-custom-content .vsn_form_long_text_list_container,
body.ui-dialog .ui-custom-content .vsn_form_long_text_list_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_entity_container,
.vsn-modal .ui-dialog-content .vsn_form_entity_container,
.blackDialog .ui-dialog-content .vsn_form_entity_container,
body.ui-dialog .ui-dialog-content .vsn_form_entity_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_entity_container,
.vsn-modal .ui-custom-content .vsn_form_entity_container,
.blackDialog .ui-custom-content .vsn_form_entity_container,
body.ui-dialog .ui-custom-content .vsn_form_entity_container,
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_thesaurus_term_list_container,
.vsn-modal .ui-dialog-content .vsn_form_thesaurus_term_list_container,
.blackDialog .ui-dialog-content .vsn_form_thesaurus_term_list_container,
body.ui-dialog .ui-dialog-content .vsn_form_thesaurus_term_list_container,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_thesaurus_term_list_container,
.vsn-modal .ui-custom-content .vsn_form_thesaurus_term_list_container,
.blackDialog .ui-custom-content .vsn_form_thesaurus_term_list_container,
body.ui-dialog .ui-custom-content .vsn_form_thesaurus_term_list_container {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  min-width: 175px;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_metadata_main_container > .buttonContainer,
.vsn-modal .ui-dialog-content .vsn_form_metadata_main_container > .buttonContainer,
.blackDialog .ui-dialog-content .vsn_form_metadata_main_container > .buttonContainer,
body.ui-dialog .ui-dialog-content .vsn_form_metadata_main_container > .buttonContainer,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_metadata_main_container > .buttonContainer,
.vsn-modal .ui-custom-content .vsn_form_metadata_main_container > .buttonContainer,
.blackDialog .ui-custom-content .vsn_form_metadata_main_container > .buttonContainer,
body.ui-dialog .ui-custom-content .vsn_form_metadata_main_container > .buttonContainer {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding: 0;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_main_content > div,
.vsn-modal .ui-dialog-content .vsn_form_main_content > div,
.blackDialog .ui-dialog-content .vsn_form_main_content > div,
body.ui-dialog .ui-dialog-content .vsn_form_main_content > div,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_main_content > div,
.vsn-modal .ui-custom-content .vsn_form_main_content > div,
.blackDialog .ui-custom-content .vsn_form_main_content > div,
body.ui-dialog .ui-custom-content .vsn_form_main_content > div {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar,
.vsn-modal .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar,
.blackDialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar,
body.ui-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar,
.vsn-modal .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar,
.blackDialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar,
body.ui-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar {
  width: 5px;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
.vsn-modal .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
.blackDialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
body.ui-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
.vsn-modal .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
.blackDialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb,
body.ui-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
.vsn-modal .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
.blackDialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
body.ui-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
.vsn-modal .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
.blackDialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover,
body.ui-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-dialog.vsn-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-track,
.vsn-modal .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-track,
.blackDialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-track,
body.ui-dialog .ui-dialog-content .vsn_form_main_content > div::-webkit-scrollbar-track,
.ui-dialog.vsn-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-track,
.vsn-modal .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-track,
.blackDialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-track,
body.ui-dialog .ui-custom-content .vsn_form_main_content > div::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-dialog.vsn-dialog .ui-dialog-content .container_with_buttons .buttonContainer,
.vsn-modal .ui-dialog-content .container_with_buttons .buttonContainer,
.blackDialog .ui-dialog-content .container_with_buttons .buttonContainer,
body.ui-dialog .ui-dialog-content .container_with_buttons .buttonContainer,
.ui-dialog.vsn-dialog .ui-custom-content .container_with_buttons .buttonContainer,
.vsn-modal .ui-custom-content .container_with_buttons .buttonContainer,
.blackDialog .ui-custom-content .container_with_buttons .buttonContainer,
body.ui-dialog .ui-custom-content .container_with_buttons .buttonContainer {
  align-items: initial;
  -webkit-box-align: initial;
  -webkit-align-items: initial;
  -moz-box-align: initial;
  -ms-flex-align: initial;
  display: inline-block;
  padding: 2px;
  justify-content: initial;
  -webkit-justify-content: initial;
  -ms-justify-content: initial;
  border-bottom-left-radius: initial;
  border-bottom-right-radius: initial;
  gap: initial;
}
.ui-dialog.vsn-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton,
.vsn-modal .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton,
.blackDialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton,
body.ui-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton,
.ui-dialog.vsn-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton,
.vsn-modal .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton,
.blackDialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton,
body.ui-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: inline-flex;
  height: 22px;
  width: 22px;
  margin: 0 2px;
  background: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.ui-dialog.vsn-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover,
.vsn-modal .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover,
.blackDialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover,
body.ui-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover,
.ui-dialog.vsn-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover,
.vsn-modal .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover,
.blackDialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover,
body.ui-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.ui-dialog.vsn-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
.vsn-modal .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
.blackDialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
body.ui-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
.ui-dialog.vsn-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
.vsn-modal .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
.blackDialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton span.icon,
body.ui-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton span.icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.ui-dialog.vsn-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
.vsn-modal .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
.blackDialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
body.ui-dialog .ui-dialog-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
.ui-dialog.vsn-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
.vsn-modal .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
.blackDialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before,
body.ui-dialog .ui-custom-content .container_with_buttons .buttonContainer button.tinyButton:hover span.icon::before {
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog .ui-dialog-content h3,
.vsn-modal .ui-dialog-content h3,
.blackDialog .ui-dialog-content h3,
body.ui-dialog .ui-dialog-content h3,
.ui-dialog.vsn-dialog .ui-custom-content h3,
.vsn-modal .ui-custom-content h3,
.blackDialog .ui-custom-content h3,
body.ui-dialog .ui-custom-content h3 {
  font-size: 16px;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane,
.vsn-modal .ui-dialog-buttonpane,
.blackDialog .ui-dialog-buttonpane,
body.ui-dialog .ui-dialog-buttonpane,
.ui-dialog.vsn-dialog .buttonContainer,
.vsn-modal .buttonContainer,
.blackDialog .buttonContainer,
body.ui-dialog .buttonContainer,
.ui-dialog.vsn-dialog .buttonsRow,
.vsn-modal .buttonsRow,
.blackDialog .buttonsRow,
body.ui-dialog .buttonsRow,
.ui-dialog.vsn-dialog .button-bar,
.vsn-modal .button-bar,
.blackDialog .button-bar,
body.ui-dialog .button-bar,
.ui-dialog.vsn-dialog .vsn_form_row.buttons,
.vsn-modal .vsn_form_row.buttons,
.blackDialog .vsn_form_row.buttons,
body.ui-dialog .vsn_form_row.buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.vsn-modal .ui-dialog-buttonpane .ui-dialog-buttonset,
.blackDialog .ui-dialog-buttonpane .ui-dialog-buttonset,
body.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog.vsn-dialog .buttonContainer .ui-dialog-buttonset,
.vsn-modal .buttonContainer .ui-dialog-buttonset,
.blackDialog .buttonContainer .ui-dialog-buttonset,
body.ui-dialog .buttonContainer .ui-dialog-buttonset,
.ui-dialog.vsn-dialog .buttonsRow .ui-dialog-buttonset,
.vsn-modal .buttonsRow .ui-dialog-buttonset,
.blackDialog .buttonsRow .ui-dialog-buttonset,
body.ui-dialog .buttonsRow .ui-dialog-buttonset,
.ui-dialog.vsn-dialog .button-bar .ui-dialog-buttonset,
.vsn-modal .button-bar .ui-dialog-buttonset,
.blackDialog .button-bar .ui-dialog-buttonset,
body.ui-dialog .button-bar .ui-dialog-buttonset,
.ui-dialog.vsn-dialog .vsn_form_row.buttons .ui-dialog-buttonset,
.vsn-modal .vsn_form_row.buttons .ui-dialog-buttonset,
.blackDialog .vsn_form_row.buttons .ui-dialog-buttonset,
body.ui-dialog .vsn_form_row.buttons .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton),
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton),
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton),
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton),
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton),
.vsn-modal .buttonContainer button:not(.tinyButton),
.blackDialog .buttonContainer button:not(.tinyButton),
body.ui-dialog .buttonContainer button:not(.tinyButton),
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton),
.vsn-modal .buttonsRow button:not(.tinyButton),
.blackDialog .buttonsRow button:not(.tinyButton),
body.ui-dialog .buttonsRow button:not(.tinyButton),
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton),
.vsn-modal .button-bar button:not(.tinyButton),
.blackDialog .button-bar button:not(.tinyButton),
body.ui-dialog .button-bar button:not(.tinyButton),
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton),
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton),
.blackDialog .vsn_form_row.buttons button:not(.tinyButton),
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton),
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"],
.vsn-modal .ui-dialog-buttonpane input[type="button"],
.blackDialog .ui-dialog-buttonpane input[type="button"],
body.ui-dialog .ui-dialog-buttonpane input[type="button"],
.ui-dialog.vsn-dialog .buttonContainer input[type="button"],
.vsn-modal .buttonContainer input[type="button"],
.blackDialog .buttonContainer input[type="button"],
body.ui-dialog .buttonContainer input[type="button"],
.ui-dialog.vsn-dialog .buttonsRow input[type="button"],
.vsn-modal .buttonsRow input[type="button"],
.blackDialog .buttonsRow input[type="button"],
body.ui-dialog .buttonsRow input[type="button"],
.ui-dialog.vsn-dialog .button-bar input[type="button"],
.vsn-modal .button-bar input[type="button"],
.blackDialog .button-bar input[type="button"],
body.ui-dialog .button-bar input[type="button"],
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"],
.vsn-modal .vsn_form_row.buttons input[type="button"],
.blackDialog .vsn_form_row.buttons input[type="button"],
body.ui-dialog .vsn_form_row.buttons input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):disabled,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):disabled,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):disabled,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):disabled,
.vsn-modal .buttonContainer button:not(.tinyButton):disabled,
.blackDialog .buttonContainer button:not(.tinyButton):disabled,
body.ui-dialog .buttonContainer button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):disabled,
.vsn-modal .buttonsRow button:not(.tinyButton):disabled,
.blackDialog .buttonsRow button:not(.tinyButton):disabled,
body.ui-dialog .buttonsRow button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):disabled,
.vsn-modal .button-bar button:not(.tinyButton):disabled,
.blackDialog .button-bar button:not(.tinyButton):disabled,
body.ui-dialog .button-bar button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):disabled,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):disabled,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):disabled,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:disabled,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:disabled,
.blackDialog .ui-dialog-buttonpane input[type="button"]:disabled,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:disabled,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:disabled,
.vsn-modal .buttonContainer input[type="button"]:disabled,
.blackDialog .buttonContainer input[type="button"]:disabled,
body.ui-dialog .buttonContainer input[type="button"]:disabled,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:disabled,
.vsn-modal .buttonsRow input[type="button"]:disabled,
.blackDialog .buttonsRow input[type="button"]:disabled,
body.ui-dialog .buttonsRow input[type="button"]:disabled,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:disabled,
.vsn-modal .button-bar input[type="button"]:disabled,
.blackDialog .button-bar input[type="button"]:disabled,
body.ui-dialog .button-bar input[type="button"]:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:disabled,
.vsn-modal .vsn_form_row.buttons input[type="button"]:disabled,
.blackDialog .vsn_form_row.buttons input[type="button"]:disabled,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):hover,
.vsn-modal .buttonContainer button:not(.tinyButton):hover,
.blackDialog .buttonContainer button:not(.tinyButton):hover,
body.ui-dialog .buttonContainer button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):hover,
.vsn-modal .buttonsRow button:not(.tinyButton):hover,
.blackDialog .buttonsRow button:not(.tinyButton):hover,
body.ui-dialog .buttonsRow button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):hover,
.vsn-modal .button-bar button:not(.tinyButton):hover,
.blackDialog .button-bar button:not(.tinyButton):hover,
body.ui-dialog .button-bar button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"]:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:hover,
.vsn-modal .buttonContainer input[type="button"]:hover,
.blackDialog .buttonContainer input[type="button"]:hover,
body.ui-dialog .buttonContainer input[type="button"]:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:hover,
.vsn-modal .buttonsRow input[type="button"]:hover,
.blackDialog .buttonsRow input[type="button"]:hover,
body.ui-dialog .buttonsRow input[type="button"]:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:hover,
.vsn-modal .button-bar input[type="button"]:hover,
.blackDialog .button-bar input[type="button"]:hover,
body.ui-dialog .button-bar input[type="button"]:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"]:hover,
.blackDialog .vsn_form_row.buttons input[type="button"]:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).ui-button-primary,
.vsn-modal .buttonContainer button:not(.tinyButton).ui-button-primary,
.blackDialog .buttonContainer button:not(.tinyButton).ui-button-primary,
body.ui-dialog .buttonContainer button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).ui-button-primary,
.vsn-modal .buttonsRow button:not(.tinyButton).ui-button-primary,
.blackDialog .buttonsRow button:not(.tinyButton).ui-button-primary,
body.ui-dialog .buttonsRow button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).ui-button-primary,
.vsn-modal .button-bar button:not(.tinyButton).ui-button-primary,
.blackDialog .button-bar button:not(.tinyButton).ui-button-primary,
body.ui-dialog .button-bar button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary,
.vsn-modal .ui-dialog-buttonpane input[type="button"].ui-button-primary,
.blackDialog .ui-dialog-buttonpane input[type="button"].ui-button-primary,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].ui-button-primary,
.vsn-modal .buttonContainer input[type="button"].ui-button-primary,
.blackDialog .buttonContainer input[type="button"].ui-button-primary,
body.ui-dialog .buttonContainer input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].ui-button-primary,
.vsn-modal .buttonsRow input[type="button"].ui-button-primary,
.blackDialog .buttonsRow input[type="button"].ui-button-primary,
body.ui-dialog .buttonsRow input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .button-bar input[type="button"].ui-button-primary,
.vsn-modal .button-bar input[type="button"].ui-button-primary,
.blackDialog .button-bar input[type="button"].ui-button-primary,
body.ui-dialog .button-bar input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary,
.vsn-modal .vsn_form_row.buttons input[type="button"].ui-button-primary,
.blackDialog .vsn_form_row.buttons input[type="button"].ui-button-primary,
body.ui-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).blue_button,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).blue_button,
.vsn-modal .buttonContainer button:not(.tinyButton).blue_button,
.blackDialog .buttonContainer button:not(.tinyButton).blue_button,
body.ui-dialog .buttonContainer button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).blue_button,
.vsn-modal .buttonsRow button:not(.tinyButton).blue_button,
.blackDialog .buttonsRow button:not(.tinyButton).blue_button,
body.ui-dialog .buttonsRow button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).blue_button,
.vsn-modal .button-bar button:not(.tinyButton).blue_button,
.blackDialog .button-bar button:not(.tinyButton).blue_button,
body.ui-dialog .button-bar button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).blue_button,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).blue_button,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].blue_button,
.vsn-modal .ui-dialog-buttonpane input[type="button"].blue_button,
.blackDialog .ui-dialog-buttonpane input[type="button"].blue_button,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].blue_button,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].blue_button,
.vsn-modal .buttonContainer input[type="button"].blue_button,
.blackDialog .buttonContainer input[type="button"].blue_button,
body.ui-dialog .buttonContainer input[type="button"].blue_button,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].blue_button,
.vsn-modal .buttonsRow input[type="button"].blue_button,
.blackDialog .buttonsRow input[type="button"].blue_button,
body.ui-dialog .buttonsRow input[type="button"].blue_button,
.ui-dialog.vsn-dialog .button-bar input[type="button"].blue_button,
.vsn-modal .button-bar input[type="button"].blue_button,
.blackDialog .button-bar input[type="button"].blue_button,
body.ui-dialog .button-bar input[type="button"].blue_button,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].blue_button,
.vsn-modal .vsn_form_row.buttons input[type="button"].blue_button,
.blackDialog .vsn_form_row.buttons input[type="button"].blue_button,
body.ui-dialog .vsn_form_row.buttons input[type="button"].blue_button,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):last-child,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):last-child,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):last-child,
.vsn-modal .buttonContainer button:not(.tinyButton):last-child,
.blackDialog .buttonContainer button:not(.tinyButton):last-child,
body.ui-dialog .buttonContainer button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):last-child,
.vsn-modal .buttonsRow button:not(.tinyButton):last-child,
.blackDialog .buttonsRow button:not(.tinyButton):last-child,
body.ui-dialog .buttonsRow button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):last-child,
.vsn-modal .button-bar button:not(.tinyButton):last-child,
.blackDialog .button-bar button:not(.tinyButton):last-child,
body.ui-dialog .button-bar button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):last-child,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):last-child,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:last-child,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:last-child,
.blackDialog .ui-dialog-buttonpane input[type="button"]:last-child,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:last-child,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:last-child,
.vsn-modal .buttonContainer input[type="button"]:last-child,
.blackDialog .buttonContainer input[type="button"]:last-child,
body.ui-dialog .buttonContainer input[type="button"]:last-child,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:last-child,
.vsn-modal .buttonsRow input[type="button"]:last-child,
.blackDialog .buttonsRow input[type="button"]:last-child,
body.ui-dialog .buttonsRow input[type="button"]:last-child,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:last-child,
.vsn-modal .button-bar input[type="button"]:last-child,
.blackDialog .button-bar input[type="button"]:last-child,
body.ui-dialog .button-bar input[type="button"]:last-child,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:last-child,
.vsn-modal .vsn_form_row.buttons input[type="button"]:last-child,
.blackDialog .vsn_form_row.buttons input[type="button"]:last-child,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .buttonContainer button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .buttonContainer button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .button-bar button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .button-bar button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .button-bar button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:disabled,
.vsn-modal .ui-dialog-buttonpane input[type="button"].ui-button-primary:disabled,
.blackDialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:disabled,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].ui-button-primary:disabled,
.vsn-modal .buttonContainer input[type="button"].ui-button-primary:disabled,
.blackDialog .buttonContainer input[type="button"].ui-button-primary:disabled,
body.ui-dialog .buttonContainer input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].ui-button-primary:disabled,
.vsn-modal .buttonsRow input[type="button"].ui-button-primary:disabled,
.blackDialog .buttonsRow input[type="button"].ui-button-primary:disabled,
body.ui-dialog .buttonsRow input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .button-bar input[type="button"].ui-button-primary:disabled,
.vsn-modal .button-bar input[type="button"].ui-button-primary:disabled,
.blackDialog .button-bar input[type="button"].ui-button-primary:disabled,
body.ui-dialog .button-bar input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:disabled,
.vsn-modal .vsn_form_row.buttons input[type="button"].ui-button-primary:disabled,
.blackDialog .vsn_form_row.buttons input[type="button"].ui-button-primary:disabled,
body.ui-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:disabled,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).blue_button:disabled,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).blue_button:disabled,
.vsn-modal .buttonContainer button:not(.tinyButton).blue_button:disabled,
.blackDialog .buttonContainer button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .buttonContainer button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).blue_button:disabled,
.vsn-modal .buttonsRow button:not(.tinyButton).blue_button:disabled,
.blackDialog .buttonsRow button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .buttonsRow button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).blue_button:disabled,
.vsn-modal .button-bar button:not(.tinyButton).blue_button:disabled,
.blackDialog .button-bar button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .button-bar button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:disabled,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).blue_button:disabled,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].blue_button:disabled,
.vsn-modal .ui-dialog-buttonpane input[type="button"].blue_button:disabled,
.blackDialog .ui-dialog-buttonpane input[type="button"].blue_button:disabled,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].blue_button:disabled,
.vsn-modal .buttonContainer input[type="button"].blue_button:disabled,
.blackDialog .buttonContainer input[type="button"].blue_button:disabled,
body.ui-dialog .buttonContainer input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].blue_button:disabled,
.vsn-modal .buttonsRow input[type="button"].blue_button:disabled,
.blackDialog .buttonsRow input[type="button"].blue_button:disabled,
body.ui-dialog .buttonsRow input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .button-bar input[type="button"].blue_button:disabled,
.vsn-modal .button-bar input[type="button"].blue_button:disabled,
.blackDialog .button-bar input[type="button"].blue_button:disabled,
body.ui-dialog .button-bar input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].blue_button:disabled,
.vsn-modal .vsn_form_row.buttons input[type="button"].blue_button:disabled,
.blackDialog .vsn_form_row.buttons input[type="button"].blue_button:disabled,
body.ui-dialog .vsn_form_row.buttons input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:disabled,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):last-child:disabled,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:disabled,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):last-child:disabled,
.vsn-modal .buttonContainer button:not(.tinyButton):last-child:disabled,
.blackDialog .buttonContainer button:not(.tinyButton):last-child:disabled,
body.ui-dialog .buttonContainer button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):last-child:disabled,
.vsn-modal .buttonsRow button:not(.tinyButton):last-child:disabled,
.blackDialog .buttonsRow button:not(.tinyButton):last-child:disabled,
body.ui-dialog .buttonsRow button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):last-child:disabled,
.vsn-modal .button-bar button:not(.tinyButton):last-child:disabled,
.blackDialog .button-bar button:not(.tinyButton):last-child:disabled,
body.ui-dialog .button-bar button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:disabled,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):last-child:disabled,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):last-child:disabled,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:last-child:disabled,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:last-child:disabled,
.blackDialog .ui-dialog-buttonpane input[type="button"]:last-child:disabled,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:last-child:disabled,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:last-child:disabled,
.vsn-modal .buttonContainer input[type="button"]:last-child:disabled,
.blackDialog .buttonContainer input[type="button"]:last-child:disabled,
body.ui-dialog .buttonContainer input[type="button"]:last-child:disabled,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:last-child:disabled,
.vsn-modal .buttonsRow input[type="button"]:last-child:disabled,
.blackDialog .buttonsRow input[type="button"]:last-child:disabled,
body.ui-dialog .buttonsRow input[type="button"]:last-child:disabled,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:last-child:disabled,
.vsn-modal .button-bar input[type="button"]:last-child:disabled,
.blackDialog .button-bar input[type="button"]:last-child:disabled,
body.ui-dialog .button-bar input[type="button"]:last-child:disabled,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:last-child:disabled,
.vsn-modal .vsn_form_row.buttons input[type="button"]:last-child:disabled,
.blackDialog .vsn_form_row.buttons input[type="button"]:last-child:disabled,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .button-bar button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].ui-button-primary:hover,
.vsn-modal .buttonContainer input[type="button"].ui-button-primary:hover,
.blackDialog .buttonContainer input[type="button"].ui-button-primary:hover,
body.ui-dialog .buttonContainer input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].ui-button-primary:hover,
.vsn-modal .buttonsRow input[type="button"].ui-button-primary:hover,
.blackDialog .buttonsRow input[type="button"].ui-button-primary:hover,
body.ui-dialog .buttonsRow input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"].ui-button-primary:hover,
.vsn-modal .button-bar input[type="button"].ui-button-primary:hover,
.blackDialog .button-bar input[type="button"].ui-button-primary:hover,
body.ui-dialog .button-bar input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.blackDialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).blue_button:hover,
.vsn-modal .buttonContainer button:not(.tinyButton).blue_button:hover,
.blackDialog .buttonContainer button:not(.tinyButton).blue_button:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).blue_button:hover,
.vsn-modal .buttonsRow button:not(.tinyButton).blue_button:hover,
.blackDialog .buttonsRow button:not(.tinyButton).blue_button:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).blue_button:hover,
.vsn-modal .button-bar button:not(.tinyButton).blue_button:hover,
.blackDialog .button-bar button:not(.tinyButton).blue_button:hover,
body.ui-dialog .button-bar button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].blue_button:hover,
.vsn-modal .buttonContainer input[type="button"].blue_button:hover,
.blackDialog .buttonContainer input[type="button"].blue_button:hover,
body.ui-dialog .buttonContainer input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].blue_button:hover,
.vsn-modal .buttonsRow input[type="button"].blue_button:hover,
.blackDialog .buttonsRow input[type="button"].blue_button:hover,
body.ui-dialog .buttonsRow input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"].blue_button:hover,
.vsn-modal .button-bar input[type="button"].blue_button:hover,
.blackDialog .button-bar input[type="button"].blue_button:hover,
body.ui-dialog .button-bar input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"].blue_button:hover,
.blackDialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):last-child:hover,
.vsn-modal .buttonContainer button:not(.tinyButton):last-child:hover,
.blackDialog .buttonContainer button:not(.tinyButton):last-child:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):last-child:hover,
.vsn-modal .buttonsRow button:not(.tinyButton):last-child:hover,
.blackDialog .buttonsRow button:not(.tinyButton):last-child:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):last-child:hover,
.vsn-modal .button-bar button:not(.tinyButton):last-child:hover,
.blackDialog .button-bar button:not(.tinyButton):last-child:hover,
body.ui-dialog .button-bar button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:last-child:hover,
.vsn-modal .buttonContainer input[type="button"]:last-child:hover,
.blackDialog .buttonContainer input[type="button"]:last-child:hover,
body.ui-dialog .buttonContainer input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:last-child:hover,
.vsn-modal .buttonsRow input[type="button"]:last-child:hover,
.blackDialog .buttonsRow input[type="button"]:last-child:hover,
body.ui-dialog .buttonsRow input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:last-child:hover,
.vsn-modal .button-bar input[type="button"]:last-child:hover,
.blackDialog .button-bar input[type="button"]:last-child:hover,
body.ui-dialog .button-bar input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:last-child:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"]:last-child:hover,
.blackDialog .vsn_form_row.buttons input[type="button"]:last-child:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .button-bar button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .button-bar button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].ui-button-primary:hover,
.vsn-modal .buttonContainer input[type="button"].ui-button-primary:hover,
.blackDialog .buttonContainer input[type="button"].ui-button-primary:hover,
body.ui-dialog .buttonContainer input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].ui-button-primary:hover,
.vsn-modal .buttonsRow input[type="button"].ui-button-primary:hover,
.blackDialog .buttonsRow input[type="button"].ui-button-primary:hover,
body.ui-dialog .buttonsRow input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"].ui-button-primary:hover,
.vsn-modal .button-bar input[type="button"].ui-button-primary:hover,
.blackDialog .button-bar input[type="button"].ui-button-primary:hover,
body.ui-dialog .button-bar input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.blackDialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton).blue_button:hover,
.vsn-modal .buttonContainer button:not(.tinyButton).blue_button:hover,
.blackDialog .buttonContainer button:not(.tinyButton).blue_button:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton).blue_button:hover,
.vsn-modal .buttonsRow button:not(.tinyButton).blue_button:hover,
.blackDialog .buttonsRow button:not(.tinyButton).blue_button:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton).blue_button:hover,
.vsn-modal .button-bar button:not(.tinyButton).blue_button:hover,
.blackDialog .button-bar button:not(.tinyButton).blue_button:hover,
body.ui-dialog .button-bar button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"].blue_button:hover,
.vsn-modal .buttonContainer input[type="button"].blue_button:hover,
.blackDialog .buttonContainer input[type="button"].blue_button:hover,
body.ui-dialog .buttonContainer input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"].blue_button:hover,
.vsn-modal .buttonsRow input[type="button"].blue_button:hover,
.blackDialog .buttonsRow input[type="button"].blue_button:hover,
body.ui-dialog .buttonsRow input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"].blue_button:hover,
.vsn-modal .button-bar input[type="button"].blue_button:hover,
.blackDialog .button-bar input[type="button"].blue_button:hover,
body.ui-dialog .button-bar input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"].blue_button:hover,
.blackDialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton):last-child:hover,
.vsn-modal .buttonContainer button:not(.tinyButton):last-child:hover,
.blackDialog .buttonContainer button:not(.tinyButton):last-child:hover,
body.ui-dialog .buttonContainer button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton):last-child:hover,
.vsn-modal .buttonsRow button:not(.tinyButton):last-child:hover,
.blackDialog .buttonsRow button:not(.tinyButton):last-child:hover,
body.ui-dialog .buttonsRow button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton):last-child:hover,
.vsn-modal .button-bar button:not(.tinyButton):last-child:hover,
.blackDialog .button-bar button:not(.tinyButton):last-child:hover,
body.ui-dialog .button-bar button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.blackDialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.vsn-modal .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.blackDialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
body.ui-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .buttonContainer input[type="button"]:last-child:hover,
.vsn-modal .buttonContainer input[type="button"]:last-child:hover,
.blackDialog .buttonContainer input[type="button"]:last-child:hover,
body.ui-dialog .buttonContainer input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .buttonsRow input[type="button"]:last-child:hover,
.vsn-modal .buttonsRow input[type="button"]:last-child:hover,
.blackDialog .buttonsRow input[type="button"]:last-child:hover,
body.ui-dialog .buttonsRow input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .button-bar input[type="button"]:last-child:hover,
.vsn-modal .button-bar input[type="button"]:last-child:hover,
.blackDialog .button-bar input[type="button"]:last-child:hover,
body.ui-dialog .button-bar input[type="button"]:last-child:hover,
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"]:last-child:hover,
.vsn-modal .vsn_form_row.buttons input[type="button"]:last-child:hover,
.blackDialog .vsn_form_row.buttons input[type="button"]:last-child:hover,
body.ui-dialog .vsn_form_row.buttons input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.ui-dialog.vsn-dialog .ui-dialog-buttonpane button:not(.tinyButton)[hidden],
.vsn-modal .ui-dialog-buttonpane button:not(.tinyButton)[hidden],
.blackDialog .ui-dialog-buttonpane button:not(.tinyButton)[hidden],
body.ui-dialog .ui-dialog-buttonpane button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .buttonContainer button:not(.tinyButton)[hidden],
.vsn-modal .buttonContainer button:not(.tinyButton)[hidden],
.blackDialog .buttonContainer button:not(.tinyButton)[hidden],
body.ui-dialog .buttonContainer button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .buttonsRow button:not(.tinyButton)[hidden],
.vsn-modal .buttonsRow button:not(.tinyButton)[hidden],
.blackDialog .buttonsRow button:not(.tinyButton)[hidden],
body.ui-dialog .buttonsRow button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .button-bar button:not(.tinyButton)[hidden],
.vsn-modal .button-bar button:not(.tinyButton)[hidden],
.blackDialog .button-bar button:not(.tinyButton)[hidden],
body.ui-dialog .button-bar button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .vsn_form_row.buttons button:not(.tinyButton)[hidden],
.vsn-modal .vsn_form_row.buttons button:not(.tinyButton)[hidden],
.blackDialog .vsn_form_row.buttons button:not(.tinyButton)[hidden],
body.ui-dialog .vsn_form_row.buttons button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .ui-dialog-buttonpane input[type="button"][hidden],
.vsn-modal .ui-dialog-buttonpane input[type="button"][hidden],
.blackDialog .ui-dialog-buttonpane input[type="button"][hidden],
body.ui-dialog .ui-dialog-buttonpane input[type="button"][hidden],
.ui-dialog.vsn-dialog .buttonContainer input[type="button"][hidden],
.vsn-modal .buttonContainer input[type="button"][hidden],
.blackDialog .buttonContainer input[type="button"][hidden],
body.ui-dialog .buttonContainer input[type="button"][hidden],
.ui-dialog.vsn-dialog .buttonsRow input[type="button"][hidden],
.vsn-modal .buttonsRow input[type="button"][hidden],
.blackDialog .buttonsRow input[type="button"][hidden],
body.ui-dialog .buttonsRow input[type="button"][hidden],
.ui-dialog.vsn-dialog .button-bar input[type="button"][hidden],
.vsn-modal .button-bar input[type="button"][hidden],
.blackDialog .button-bar input[type="button"][hidden],
body.ui-dialog .button-bar input[type="button"][hidden],
.ui-dialog.vsn-dialog .vsn_form_row.buttons input[type="button"][hidden],
.vsn-modal .vsn_form_row.buttons input[type="button"][hidden],
.blackDialog .vsn_form_row.buttons input[type="button"][hidden],
body.ui-dialog .vsn_form_row.buttons input[type="button"][hidden] {
  display: none;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button),
.vsn-modal .ui-dialog-content > div:has(> button.blue_button),
.blackDialog .ui-dialog-content > div:has(> button.blue_button),
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) .ui-dialog-buttonset,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) .ui-dialog-buttonset,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) .ui-dialog-buttonset,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton),
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton),
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton),
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton),
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"],
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"],
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"],
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:disabled,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:disabled,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:disabled,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:disabled,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].ui-button-primary:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton).blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"].blue_button:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton):last-child:hover,
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover,
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton)[hidden],
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton)[hidden],
.blackDialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton)[hidden],
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) button:not(.tinyButton)[hidden],
.ui-dialog.vsn-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"][hidden],
.vsn-modal .ui-dialog-content > div:has(> button.blue_button) input[type="button"][hidden],
.blackDialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"][hidden],
body.ui-dialog .ui-dialog-content > div:has(> button.blue_button) input[type="button"][hidden] {
  display: none;
}
.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  opacity: 1;
}
.vsn-dialog.ui-dialog.custom-dialog {
  display: block;
  position: fixed !important;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: flex !important;
  gap: 8px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container {
  align-items: end;
  -webkit-box-align: end;
  -webkit-align-items: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  display: flex;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsn_form_main_content {
  padding: 0;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsn_form_main_content .vsn_form_row {
  padding: 0;
  width: 80%;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsnButton.filled.blue.searchAssetButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.05);
  color: #B8C2C8;
  font-weight: 700;
  padding: 8px 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  border-radius: 8px;
  font-size: 11px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsnButton.filled.blue.searchAssetButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsnButton.filled.blue.searchAssetButton:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsnButton.filled.blue.searchAssetButton .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-form-container .vsnButton.filled.blue.searchAssetButton .buttonContent span {
  color: inherit;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container::-webkit-scrollbar {
  width: 5px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .search-assets-result-container tr th {
  background-color: initial;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .baseTableBodyContent table thead tr th {
  padding: 0;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .baseTableBodyContent table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.SearchAssetDialogCtrl"] .buttonsRow {
  padding: 0;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  display: flex !important;
  gap: 8px;
  overflow: hidden;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  min-width: 0;
  height: 32px;
  overflow: hidden;
  padding: 0;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .segment-filter {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  border: none;
  min-width: 0;
  padding: 8px 12px;
  font-size: 12px;
  color: #E6ECEF;
  height: 100%;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .segment-filter::placeholder {
  color: #7A868E;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .segment-filter:focus {
  outline: none;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .vsnButton.searchEntity {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  background-color: #004F6E;
  color: #FFFFFF;
  border: none;
  height: 100%;
  padding: 0 12px;
  border-radius: 0;
  cursor: pointer;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .vsnButton.searchEntity:hover {
  background-color: #0A6F8F;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .input-with-button .vsnButton.searchEntity .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .vsnButton.createButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #008F6A;
  border: 1px solid #008F6A;
  color: #FFFFFF;
  padding: 8px 24px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  white-space: nowrap;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .vsnButton.createButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .vsnButton.createButton:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .searchContainer .vsnButton.createButton .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .entity-results {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .entity-results::-webkit-scrollbar {
  width: 5px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .entity-results::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .entity-results::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .entity-results::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  transition: background-color 150ms ease-in-out;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton:hover,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton .vsn-ico-btn-pencil,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton .vsn-ico-btn-pencil,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton .bin_delete,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton .bin_delete {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  color: #B8C2C8;
}
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton:hover .vsn-ico-btn-pencil::before,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton:hover .vsn-ico-btn-pencil::before,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .editButton:hover .bin_delete::before,
.vsn-dialog.ui-dialog.custom-dialog [data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .deleteButton:hover .bin_delete::before {
  color: #FFFFFF;
}
.user-management-auto-height.vsn-dialog .ui-dialog-content,
.user-management-auto-height.vsn-dialog .ui-custom-content {
  padding: 0;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialog {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  border: none !important;
  background-color: transparent !important;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList {
  display: flex;
  padding: 0 8px 0 !important;
  border-bottom: 1px solid #3A454C !important;
  background: transparent !important;
  gap: 4px;
  margin: 0;
  list-style: none;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li {
  border-bottom: 2px solid transparent !important;
  margin-bottom: -1px !important;
  background: none !important;
  border-radius: 0;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li a {
  color: #B8C2C8;
  font-size: 12px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 4px 4px 0 0;
  display: block;
  text-decoration: none;
  border: 1px solid transparent;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li a:focus {
  outline: none;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li a:hover {
  color: #E6ECEF;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li.ui-state-active {
  border-bottom-color: #A6C83A !important;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList li.ui-state-active a {
  color: #A6C83A !important;
  font-weight: 700;
  background-color: transparent !important;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList .managementDialogImportHelpIcon {
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  margin-left: auto;
  display: flex;
  padding-bottom: 4px;
  cursor: pointer;
  color: #B8C2C8;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList .managementDialogImportHelpIcon .icon_interrogation_circle {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs .managementDialogImportULList .managementDialogImportHelpIcon:hover {
  color: #E6ECEF;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs #tabsManagementDialogImport,
.user-management-auto-height.vsn-dialog .managementDialogImportTabs #tabsManagementDialogSearch {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  background-color: #141B1F;
  padding: 0;
  margin: 0;
  border: none;
}
.user-management-auto-height.vsn-dialog .managementDialogImportTabs > .ui-tabs-panel {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogImport {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementContainerTop {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  background-color: #2A343A;
  display: flex;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContainerGroups,
.user-management-auto-height.vsn-dialog .managementDialogImportContainerUsers {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContainerGroups + .user-management-auto-height.vsn-dialog .managementDialogImportContainerGroups,
.user-management-auto-height.vsn-dialog .managementDialogImportContainerGroups + .user-management-auto-height.vsn-dialog .managementDialogImportContainerUsers,
.user-management-auto-height.vsn-dialog .managementDialogImportContainerUsers + .user-management-auto-height.vsn-dialog .managementDialogImportContainerGroups,
.user-management-auto-height.vsn-dialog .managementDialogImportContainerUsers + .user-management-auto-height.vsn-dialog .managementDialogImportContainerUsers {
  border-left: 1px solid #3A454C;
}
.user-management-auto-height.vsn-dialog .managementDialogImportLabelGroups,
.user-management-auto-height.vsn-dialog .managementDialogImportLabelUsers,
.user-management-auto-height.vsn-dialog .managementContainerBottomLabel {
  color: #B8C2C8;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 4px 8px;
  margin: 0 0 4px 0;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContentGroups,
.user-management-auto-height.vsn-dialog .managementDialogImportContentUsers {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContentGroups::-webkit-scrollbar,
.user-management-auto-height.vsn-dialog .managementDialogImportContentUsers::-webkit-scrollbar {
  width: 5px;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContentGroups::-webkit-scrollbar-thumb,
.user-management-auto-height.vsn-dialog .managementDialogImportContentUsers::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContentGroups::-webkit-scrollbar-thumb:hover,
.user-management-auto-height.vsn-dialog .managementDialogImportContentUsers::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.user-management-auto-height.vsn-dialog .managementDialogImportContentGroups::-webkit-scrollbar-track,
.user-management-auto-height.vsn-dialog .managementDialogImportContentUsers::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.user-management-auto-height.vsn-dialog .managementDialogImportListContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  height: 25%;
  border-top: 1px solid #3A454C;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogImportListContent {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementContainerBottom {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  padding: 8px;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementContentBottom {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.user-management-auto-height.vsn-dialog .managementContentBottom::-webkit-scrollbar {
  width: 5px;
}
.user-management-auto-height.vsn-dialog .managementContentBottom::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.user-management-auto-height.vsn-dialog .managementContentBottom::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.user-management-auto-height.vsn-dialog .managementContentBottom::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.user-management-auto-height.vsn-dialog .managementContentBottom:empty::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: attr(data-content) "";
  color: #7A868E;
  font-size: 12px;
  font-style: italic;
  height: 100%;
}
.user-management-auto-height.vsn-dialog .managementDialogContainerButtonBar {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  border-top: 1px solid #3A454C;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar {
  padding: 12px 16px;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar .toolbar,
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar .toolbar-col {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 12px;
  width: 100%;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button#import {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button#import:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button#import:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button#import:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.user-management-auto-height.vsn-dialog .managementDialogContentButtonBar button.blue_button#import:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.user-management-auto-height.vsn-dialog .managementDialogImportListGroupItem,
.user-management-auto-height.vsn-dialog .managementDialogImportListUserItem {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 12px;
  color: #E6ECEF;
  white-space: nowrap;
}
.user-management-auto-height.vsn-dialog .managementDialogImportListGroupItem:hover,
.user-management-auto-height.vsn-dialog .managementDialogImportListUserItem:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.user-management-auto-height.vsn-dialog .managementDialogImportListGroupItem.selected,
.user-management-auto-height.vsn-dialog .managementDialogImportListUserItem.selected {
  background-color: #0A6F8F;
}
.user-management-auto-height.vsn-dialog .managementDialogImportListGroupItem label,
.user-management-auto-height.vsn-dialog .managementDialogImportListUserItem label {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
}
.user-management-auto-height.vsn-dialog .addItemIconContainer {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  width: 22px;
  height: 22px;
  vertical-align: middle;
}
.user-management-auto-height.vsn-dialog .addItemIconContainer .addItemIcon,
.user-management-auto-height.vsn-dialog .addItemIconContainer .add_white {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.user-management-auto-height.vsn-dialog .addItemIconContainer:hover .addItemIcon::before,
.user-management-auto-height.vsn-dialog .addItemIconContainer:hover .add_white::before {
  color: #FFFFFF;
}
.user-management-auto-height.vsn-dialog .managementDialogImportDDContainer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  min-width: 0;
}
.user-management-auto-height.vsn-dialog .managementDialogImportIconType {
  display: flex;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  display: inline-flex !important;
  vertical-align: middle;
}
.user-management-auto-height.vsn-dialog .managementDialogItemImported,
.user-management-auto-height.vsn-dialog .listItemFixedWidth {
  display: inline-flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 2px;
  padding: 4px 8px;
  margin: 4px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-radius: 4px;
  font-size: 10px;
  color: #E6ECEF;
  max-width: 200px;
}
.user-management-auto-height.vsn-dialog .close_tab_dark::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cancel";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.user-management-auto-height.vsn-dialog .close_tab_dark:hover::before {
  color: #FFFFFF;
  cursor: pointer;
}
.user-management-auto-height.vsn-dialog .managementDialogImportNumberContainer {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #004F6E;
}
.user-management-auto-height.vsn-dialog .managementDialogImportNumberContent {
  color: #FFFFFF;
  font-size: 10px;
  text-align: center;
  line-height: 20px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background-color: #2A343A;
  height: 100%;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-wrap: wrap;
  gap: 12px;
  padding: 12px 16px;
  border-bottom: 1px solid #3A454C;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters select.selectField {
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  padding: 0 8px;
  font-size: 12px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters input.inputSearch {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 120px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  padding: 0 12px;
  font-size: 12px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters input.inputSearch::placeholder {
  color: #7A868E;
  font-style: italic;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters input.inputSearch:focus {
  outline: none;
  border-color: #004F6E;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters .managementDialogSearchCheckContent .vsn_form_checkbox {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters button.searchButton,
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters .btn.searchButton {
  width: 36px;
  height: 32px;
  background-color: #004F6E;
  border: none;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters button.searchButton::before,
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters .btn.searchButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #E6ECEF;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters button.searchButton:hover,
.user-management-auto-height.vsn-dialog .managementDialogSearchFilters .btn.searchButton:hover {
  background-color: #0A6F8F;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 8px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer {
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableHeaderContent .vsn_table,
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer .vsn_table {
  border: none;
  border-radius: 0;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableHeaderContainer {
  position: relative;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableHeaderContainer::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 50px;
  height: 100%;
  background-color: #003B54;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: 200px !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer::-webkit-scrollbar {
  width: 5px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.user-management-auto-height.vsn-dialog .managementDialogSearchTable .baseTableContainer .baseTableBodyContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.vsn-dialog.new-asset .vsn_form_main_content {
  padding: 0;
}
.vsn-dialog.new-asset .vsn_form_mandatory_message {
  font-size: 11px;
  font-style: italic;
  color: #7A868E;
}
.vsn-dialog.new-asset .vsn_form_row.buttons {
  padding: 0;
}
.newAssetFromTemplatePopup .vsn_form_row:has(> .vsn_form_checkbox) {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.newAssetFromTemplatePopup .vsn_form_row:has(> .vsn_form_checkbox) > .vsn_form_label_row {
  display: none;
}
.file-technical-info-dialog .tech-info-table-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-height: 550px;
}
.file-technical-info-dialog .tech-info-table-container .tech-info-subtitle {
  width: 100%;
  font-size: 14px;
  font-style: italic;
  color: #FFFFFF;
  margin-bottom: 10px;
}
.dialog-container {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.dialog-container .dialog-content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background-color: #2A343A;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 4px;
  border: 1px solid #3A454C;
  min-width: 340px;
}
.dialog-container .dialog-content > div:not(.dialog-header) {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.dialog-container .dialog-content > div:not(.dialog-header)::-webkit-scrollbar {
  width: 5px;
}
.dialog-container .dialog-content > div:not(.dialog-header)::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.dialog-container .dialog-content > div:not(.dialog-header)::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.dialog-container .dialog-content > div:not(.dialog-header)::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.dialog-container .dialog-buttons-container,
.dialog-container .vsn_form_row.buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  gap: 12px;
  margin: 0;
}
.dialog-container .dialog-buttons-container input[type="button"],
.dialog-container .vsn_form_row.buttons input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.dialog-container .dialog-buttons-container input[type="button"]:disabled,
.dialog-container .vsn_form_row.buttons input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-container .dialog-buttons-container input[type="button"]:hover,
.dialog-container .vsn_form_row.buttons input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.dialog-container .dialog-buttons-container input[type="button"].ui-button-primary,
.dialog-container .vsn_form_row.buttons input[type="button"].ui-button-primary,
.dialog-container .dialog-buttons-container input[type="button"].blue_button,
.dialog-container .vsn_form_row.buttons input[type="button"].blue_button,
.dialog-container .dialog-buttons-container input[type="button"]:last-child,
.dialog-container .vsn_form_row.buttons input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.dialog-container .dialog-buttons-container input[type="button"].ui-button-primary:disabled,
.dialog-container .vsn_form_row.buttons input[type="button"].ui-button-primary:disabled,
.dialog-container .dialog-buttons-container input[type="button"].blue_button:disabled,
.dialog-container .vsn_form_row.buttons input[type="button"].blue_button:disabled,
.dialog-container .dialog-buttons-container input[type="button"]:last-child:disabled,
.dialog-container .vsn_form_row.buttons input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-container .dialog-buttons-container input[type="button"].ui-button-primary:hover,
.dialog-container .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.dialog-container .dialog-buttons-container input[type="button"].blue_button:hover,
.dialog-container .vsn_form_row.buttons input[type="button"].blue_button:hover,
.dialog-container .dialog-buttons-container input[type="button"]:last-child:hover,
.dialog-container .vsn_form_row.buttons input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.dialog-container .dialog-buttons-container input[type="button"].ui-button-primary:hover,
.dialog-container .vsn_form_row.buttons input[type="button"].ui-button-primary:hover,
.dialog-container .dialog-buttons-container input[type="button"].blue_button:hover,
.dialog-container .vsn_form_row.buttons input[type="button"].blue_button:hover,
.dialog-container .dialog-buttons-container input[type="button"]:last-child:hover,
.dialog-container .vsn_form_row.buttons input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.dialog-placeholder {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 21;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.dialog-placeholder .dialog-element {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.2);
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 8px;
}
.dialog-placeholder .dialog-element .dialog-content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  padding: 1rem;
  font-size: 14px;
  color: #E6ECEF;
  font-weight: 500;
  height: inherit;
}
.dialog-placeholder .dialog-element .dialog-content::-webkit-scrollbar {
  width: 5px;
}
.dialog-placeholder .dialog-element .dialog-content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.dialog-placeholder .dialog-element .dialog-content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.dialog-placeholder .dialog-element .dialog-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 8px 0 0 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.ui-button-primary,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.blue_button,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.ui-button-primary:disabled,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.blue_button:disabled,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.ui-button-primary:hover,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.blue_button:hover,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.ui-button-primary:hover,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button.blue_button:hover,
.dialog-placeholder .dialog-element .dialog-content .buttonsRow button:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.dialog-placeholder.system-dialog .dialog-element .dialog-content .system-dialog-options {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin-top: 16px;
}
.dialog-placeholder.system-dialog .dialog-element .dialog-content .system-dialog-options .checkbox.checkbox-with-label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.dialog-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  height: 2.5rem;
  line-height: 2.5;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
  padding: 0 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: move;
  font-size: 16px;
  color: #E6ECEF;
}
.dialog-header .dialog-title {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  line-height: 18px;
  color: #E6ECEF;
}
.dialog-header .dialog-close,
.dialog-header .close_tab {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  color: #B8C2C8;
  cursor: pointer;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
  border-radius: 4px;
}
.dialog-header .dialog-close::before,
.dialog-header .close_tab::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.dialog-header .dialog-close:hover,
.dialog-header .close_tab:hover {
  color: #E6ECEF;
  background-color: rgba(255, 255, 255, 0.1);
}
body.ui-dialog {
  border: none;
}
body.ui-dialog .ui-dialog-content {
  padding: 0;
  overflow-x: hidden;
}
body.ui-dialog .help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.3);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
}
body.ui-dialog .displayDesc,
body.ui-dialog .display-description {
  display: flex;
  align-items: center;
  gap: 4px;
}
body.ui-dialog .vsnContent .form-elements > .form_label .vsn_form_field > :first-child,
body.ui-dialog .vsnContent label.vsn_form_label {
  font-size: 12px !important;
  color: #B8C2C8 !important;
  font-weight: 700;
}
body.ui-dialog .vsnContent .vsn_form_field#all-storage-manager,
body.ui-dialog .vsnContent .vsn_form_field#Allstorages {
  display: flex;
  align-items: center;
  gap: 4px;
}
body.ui-dialog .vsnContent .vsn_form_field#all-storage-manager .vsn_form_label,
body.ui-dialog .vsnContent .vsn_form_field#Allstorages .vsn_form_label {
  min-width: 50px;
  width: unset !important;
}
body.ui-dialog .checkbox-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
body.ui-dialog .checkbox-container .checkbox-label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1.4;
}
body.ui-dialog input[type="text"] {
  background-color: rgba(0, 0, 0, 0.3);
}
body.ui-dialog .ui-helper-hidden-accessible {
  width: 0;
  height: 0;
  overflow: hidden;
}
body.ui-dialog .business-use-combo .blue_button {
  background-color: #008F6A;
}
body.ui-dialog .business-use-combo .blue_button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.ui-dialog-content .help,
.ui-dialog-content .permissions_help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.3);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  margin-bottom: 8px;
  font-size: 12px;
}
.ui-dialog-content .displayDesc,
.ui-dialog-content .display-description {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-dialog-content .displayDesc label,
.ui-dialog-content .display-description label {
  width: unset !important;
  font-size: 12px !important;
  color: #B8C2C8 !important;
  font-weight: 700;
}
.ui-dialog-content #storageSelectorPlaceholder .vsnContent {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template .vsn_form_label {
  min-width: 50px;
  font-size: 12px !important;
  color: #B8C2C8 !important;
  font-weight: 700;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div .vsn_form_label {
  align-self: flex-start;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div #treeView {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border: 1px solid #3A454C;
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  max-height: 300px;
  overflow: auto;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div #treeView::-webkit-scrollbar {
  width: 5px;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div #treeView::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div #treeView::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-dialog-content #storageSelectorPlaceholder .vsn_field_template#tree_div #treeView::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-dialog-content input[type="text"] {
  background-color: rgba(0, 0, 0, 0.3);
}
.ui-dialog-content input[type="text"][disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog-content ul.vsn-combobox-autocomplete {
  max-height: 300px;
}
.ui-dialog-content .buttons.button-bar-adjust-right,
.ui-dialog-content .botonera {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 12px;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton),
.ui-dialog-content .botonera button:not(.tinyButton),
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"],
.ui-dialog-content .botonera input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):disabled,
.ui-dialog-content .botonera button:not(.tinyButton):disabled,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:disabled,
.ui-dialog-content .botonera input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):hover,
.ui-dialog-content .botonera button:not(.tinyButton):hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:hover,
.ui-dialog-content .botonera input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).ui-button-primary,
.ui-dialog-content .botonera button:not(.tinyButton).ui-button-primary,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].ui-button-primary,
.ui-dialog-content .botonera input[type="button"].ui-button-primary,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).blue_button,
.ui-dialog-content .botonera button:not(.tinyButton).blue_button,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].blue_button,
.ui-dialog-content .botonera input[type="button"].blue_button,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):last-child,
.ui-dialog-content .botonera button:not(.tinyButton):last-child,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:last-child,
.ui-dialog-content .botonera input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog-content .botonera button:not(.tinyButton).ui-button-primary:disabled,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].ui-button-primary:disabled,
.ui-dialog-content .botonera input[type="button"].ui-button-primary:disabled,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).blue_button:disabled,
.ui-dialog-content .botonera button:not(.tinyButton).blue_button:disabled,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].blue_button:disabled,
.ui-dialog-content .botonera input[type="button"].blue_button:disabled,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):last-child:disabled,
.ui-dialog-content .botonera button:not(.tinyButton):last-child:disabled,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:last-child:disabled,
.ui-dialog-content .botonera input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog-content .botonera button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].ui-button-primary:hover,
.ui-dialog-content .botonera input[type="button"].ui-button-primary:hover,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).blue_button:hover,
.ui-dialog-content .botonera button:not(.tinyButton).blue_button:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].blue_button:hover,
.ui-dialog-content .botonera input[type="button"].blue_button:hover,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):last-child:hover,
.ui-dialog-content .botonera button:not(.tinyButton):last-child:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:last-child:hover,
.ui-dialog-content .botonera input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog-content .botonera button:not(.tinyButton).ui-button-primary:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].ui-button-primary:hover,
.ui-dialog-content .botonera input[type="button"].ui-button-primary:hover,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton).blue_button:hover,
.ui-dialog-content .botonera button:not(.tinyButton).blue_button:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"].blue_button:hover,
.ui-dialog-content .botonera input[type="button"].blue_button:hover,
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton):last-child:hover,
.ui-dialog-content .botonera button:not(.tinyButton):last-child:hover,
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"]:last-child:hover,
.ui-dialog-content .botonera input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.ui-dialog-content .buttons.button-bar-adjust-right button:not(.tinyButton)[hidden],
.ui-dialog-content .botonera button:not(.tinyButton)[hidden],
.ui-dialog-content .buttons.button-bar-adjust-right input[type="button"][hidden],
.ui-dialog-content .botonera input[type="button"][hidden] {
  display: none;
}
.ui-dialog:has(iframe) {
  min-height: 450px;
  display: flex !important;
  flex-direction: column;
}
.ui-dialog:has(iframe) .ui-dialog-content {
  flex: 1;
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
.ui-dialog:has(iframe) .ui-dialog-content iframe.openWindow {
  flex: 1;
  height: 0;
}
body:has(> .ui-dialog-content) {
  overflow: hidden;
}
.vsn-dialog.ui-dialog.custom-dialog.custom-pop-up-in-storage-pages .ui-dialog-content.ui-custom-content .vsn_form_table .storage_node_title {
  display: none !important;
}
#spagoAddDashboardDialog,
#spagoDocumentExportDialog {
  height: auto !important;
  display: flex !important;
  flex-direction: column;
}
#AddBusinessForm #AddBusinessFormButtons,
#EditBusinessForm #EditBusinessFormButtons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 16px 0;
}
#AddBusinessForm #AddBusinessFormButtons .ui-dialog-buttonset,
#EditBusinessForm #EditBusinessFormButtons .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton),
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton),
#AddBusinessForm #AddBusinessFormButtons input[type="button"],
#EditBusinessForm #EditBusinessFormButtons input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):disabled,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):disabled,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:disabled,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).ui-button-primary,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).ui-button-primary,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].ui-button-primary,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].ui-button-primary,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).blue_button,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).blue_button,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].blue_button,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].blue_button,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):last-child,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):last-child,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:last-child,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).ui-button-primary:disabled,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).ui-button-primary:disabled,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].ui-button-primary:disabled,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].ui-button-primary:disabled,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).blue_button:disabled,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).blue_button:disabled,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].blue_button:disabled,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].blue_button:disabled,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):last-child:disabled,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):last-child:disabled,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:last-child:disabled,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).ui-button-primary:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).ui-button-primary:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].ui-button-primary:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].ui-button-primary:hover,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).blue_button:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).blue_button:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].blue_button:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].blue_button:hover,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):last-child:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):last-child:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:last-child:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).ui-button-primary:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).ui-button-primary:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].ui-button-primary:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].ui-button-primary:hover,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton).blue_button:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton).blue_button:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"].blue_button:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"].blue_button:hover,
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton):last-child:hover,
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton):last-child:hover,
#AddBusinessForm #AddBusinessFormButtons input[type="button"]:last-child:hover,
#EditBusinessForm #EditBusinessFormButtons input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#AddBusinessForm #AddBusinessFormButtons button:not(.tinyButton)[hidden],
#EditBusinessForm #EditBusinessFormButtons button:not(.tinyButton)[hidden],
#AddBusinessForm #AddBusinessFormButtons input[type="button"][hidden],
#EditBusinessForm #EditBusinessFormButtons input[type="button"][hidden] {
  display: none;
}
#newStorageManagerDialog,
#newSegmentLayerDialog {
  height: auto !important;
}
#newStorageManagerDialog .editableFields,
#newSegmentLayerDialog .editableFields {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#newStorageManagerDialog .field,
#newSegmentLayerDialog .field {
  display: flex;
  flex-wrap: wrap;
}
#newStorageManagerDialog .field label,
#newSegmentLayerDialog .field label {
  width: 20%;
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#newStorageManagerDialog .field .vsn_form_help,
#newSegmentLayerDialog .field .vsn_form_help {
  flex-basis: 100%;
  margin-left: 20%;
  margin-top: 2px;
}
#newStorageManagerDialog .field .storageUrlContainer,
#newSegmentLayerDialog .field .storageUrlContainer {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
  flex: 1;
}
#newStorageManagerDialog .field .storageUrlContainer span,
#newSegmentLayerDialog .field .storageUrlContainer span {
  position: absolute;
  top: 7px;
  left: 7px;
  color: #FFFFFF;
  font-size: 12px;
}
#newStorageManagerDialog .field .storageUrlContainer .storageUrl,
#newSegmentLayerDialog .field .storageUrlContainer .storageUrl {
  width: 100%;
  text-indent: 33px;
}
#newStorageManagerDialog .buttons,
#newSegmentLayerDialog .buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
#newStorageManagerDialog .buttons .ui-dialog-buttonset,
#newSegmentLayerDialog .buttons .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
#newStorageManagerDialog .buttons button:not(.tinyButton),
#newSegmentLayerDialog .buttons button:not(.tinyButton),
#newStorageManagerDialog .buttons input[type="button"],
#newSegmentLayerDialog .buttons input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
#newStorageManagerDialog .buttons button:not(.tinyButton):disabled,
#newSegmentLayerDialog .buttons button:not(.tinyButton):disabled,
#newStorageManagerDialog .buttons input[type="button"]:disabled,
#newSegmentLayerDialog .buttons input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#newStorageManagerDialog .buttons button:not(.tinyButton):hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton):hover,
#newStorageManagerDialog .buttons input[type="button"]:hover,
#newSegmentLayerDialog .buttons input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#newStorageManagerDialog .buttons button:not(.tinyButton).ui-button-primary,
#newSegmentLayerDialog .buttons button:not(.tinyButton).ui-button-primary,
#newStorageManagerDialog .buttons input[type="button"].ui-button-primary,
#newSegmentLayerDialog .buttons input[type="button"].ui-button-primary,
#newStorageManagerDialog .buttons button:not(.tinyButton).blue_button,
#newSegmentLayerDialog .buttons button:not(.tinyButton).blue_button,
#newStorageManagerDialog .buttons input[type="button"].blue_button,
#newSegmentLayerDialog .buttons input[type="button"].blue_button,
#newStorageManagerDialog .buttons button:not(.tinyButton):last-child,
#newSegmentLayerDialog .buttons button:not(.tinyButton):last-child,
#newStorageManagerDialog .buttons input[type="button"]:last-child,
#newSegmentLayerDialog .buttons input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#newStorageManagerDialog .buttons button:not(.tinyButton).ui-button-primary:disabled,
#newSegmentLayerDialog .buttons button:not(.tinyButton).ui-button-primary:disabled,
#newStorageManagerDialog .buttons input[type="button"].ui-button-primary:disabled,
#newSegmentLayerDialog .buttons input[type="button"].ui-button-primary:disabled,
#newStorageManagerDialog .buttons button:not(.tinyButton).blue_button:disabled,
#newSegmentLayerDialog .buttons button:not(.tinyButton).blue_button:disabled,
#newStorageManagerDialog .buttons input[type="button"].blue_button:disabled,
#newSegmentLayerDialog .buttons input[type="button"].blue_button:disabled,
#newStorageManagerDialog .buttons button:not(.tinyButton):last-child:disabled,
#newSegmentLayerDialog .buttons button:not(.tinyButton):last-child:disabled,
#newStorageManagerDialog .buttons input[type="button"]:last-child:disabled,
#newSegmentLayerDialog .buttons input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#newStorageManagerDialog .buttons button:not(.tinyButton).ui-button-primary:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton).ui-button-primary:hover,
#newStorageManagerDialog .buttons input[type="button"].ui-button-primary:hover,
#newSegmentLayerDialog .buttons input[type="button"].ui-button-primary:hover,
#newStorageManagerDialog .buttons button:not(.tinyButton).blue_button:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton).blue_button:hover,
#newStorageManagerDialog .buttons input[type="button"].blue_button:hover,
#newSegmentLayerDialog .buttons input[type="button"].blue_button:hover,
#newStorageManagerDialog .buttons button:not(.tinyButton):last-child:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton):last-child:hover,
#newStorageManagerDialog .buttons input[type="button"]:last-child:hover,
#newSegmentLayerDialog .buttons input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#newStorageManagerDialog .buttons button:not(.tinyButton).ui-button-primary:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton).ui-button-primary:hover,
#newStorageManagerDialog .buttons input[type="button"].ui-button-primary:hover,
#newSegmentLayerDialog .buttons input[type="button"].ui-button-primary:hover,
#newStorageManagerDialog .buttons button:not(.tinyButton).blue_button:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton).blue_button:hover,
#newStorageManagerDialog .buttons input[type="button"].blue_button:hover,
#newSegmentLayerDialog .buttons input[type="button"].blue_button:hover,
#newStorageManagerDialog .buttons button:not(.tinyButton):last-child:hover,
#newSegmentLayerDialog .buttons button:not(.tinyButton):last-child:hover,
#newStorageManagerDialog .buttons input[type="button"]:last-child:hover,
#newSegmentLayerDialog .buttons input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#newStorageManagerDialog .buttons button:not(.tinyButton)[hidden],
#newSegmentLayerDialog .buttons button:not(.tinyButton)[hidden],
#newStorageManagerDialog .buttons input[type="button"][hidden],
#newSegmentLayerDialog .buttons input[type="button"][hidden] {
  display: none;
}
.importThesaurus-dialog .import-message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
.importThesaurus-dialog .import-message-container > span {
  margin-bottom: 8px;
}
.importThesaurus-dialog .import-message-container ul {
  list-style: disc;
  padding-left: 16px;
}
.importThesaurus-dialog .import-actions-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.importThesaurus-dialog .import-actions-container .import-autovalidation-container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.importThesaurus-dialog .import-actions-container .import-autovalidation-container .vsn_form_row {
  align-items: center;
  flex-direction: row;
  margin: 0;
}
.importThesaurus-dialog .import-actions-container .import-autovalidation-container .vsn_form_row .vsn_form_label_row {
  text-align: center;
}
.importThesaurus-dialog .import-actions-container .file-selector-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  height: auto !important;
  flex-shrink: 0;
}
.importThesaurus-dialog .import-actions-container .file-selector-container #input-file {
  display: none;
}
.importThesaurus-dialog .import-actions-container .file-selector-container .file-selector {
  padding: 8px;
}
.importThesaurus-dialog .import-actions-container .file-selector-container .file-selector .file-selector-label {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.importThesaurus-dialog .import-actions-container .file-selector-container .file-selector .file-selector-label:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.importThesaurus-dialog .import-actions-container .file-selector-container .file-selector .file-selector-label:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.importThesaurus-dialog .import-actions-container .file-selector-container .selected-file-input-path {
  font-size: 12px;
}
.exportThesaurus-dialog .dark-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
.exportThesaurus-dialog .export-options-container {
  margin: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.exportThesaurus-dialog .export-options-container .export-options-title {
  font-size: 14px;
}
.exportThesaurus-dialog .export-options-container .radio-button-group {
  padding: 8px;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.ui-dialog.alert_lock_asset_message {
  min-width: 500px !important;
}
.ui-dialog.alert_lock_asset_message .ui-custom-content {
  height: auto !important;
}
.ui-dialog.alert_lock_asset_message .msg-container {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  gap: 12px;
  text-align: center;
}
.ui-dialog.alert_lock_asset_message .msg-container .vsn-ico-warning {
  padding: 0 !important;
}
.ui-dialog.alert_lock_asset_message .msg-container .vsn-ico-warning::before {
  font-size: 22px;
}
.ui-dialog.alert_lock_asset_message .msg-container .show-confirm-text {
  font-size: 12px;
  line-height: 1.6;
  color: #E6ECEF;
}
.ui-dialog.alert_lock_asset_message .bloqued-user-name {
  font-weight: 700;
  color: #4fc3a1;
}
.ui-dialog.alert_lock_asset_message .link-unlock,
.ui-dialog.alert_lock_asset_message .link-send-to-revision {
  color: #4fc3a1;
  cursor: pointer;
}
.ui-dialog.alert_lock_asset_message .link-unlock:hover,
.ui-dialog.alert_lock_asset_message .link-send-to-revision:hover {
  text-decoration: underline;
}
.ui-dialog .userChangePasswordForm .vsn_form_row {
  flex-direction: row;
  align-items: baseline;
}
.ui-dialog .userChangePasswordForm .vsn_form_row .vsn_form_label_row {
  flex: 1;
}
.ui-dialog .userChangePasswordForm .vsn_form_row .vsn_form_field_input,
.ui-dialog .userChangePasswordForm .vsn_form_row label[for="userSettingsShowPwd"] {
  flex: 2;
}
.ui-dialog .userChangePasswordForm .vsn_form_row label[for="userSettingsShowPwd"] {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-left: 4px;
  align-self: flex-start;
}
.assign-segments-metadata-dialog .help {
  font-size: 12px;
}
.assign-segments-metadata-dialog .MTDSegmentsContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  max-height: 223px;
}
.assign-segments-metadata-dialog .MTDSegmentsContainer::-webkit-scrollbar {
  width: 5px;
}
.assign-segments-metadata-dialog .MTDSegmentsContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.assign-segments-metadata-dialog .MTDSegmentsContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.assign-segments-metadata-dialog .MTDSegmentsContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#filterNameDialog {
  height: auto !important;
}
.ui-dialog #mtdOptionsView.ui-dialog-content button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-dialog #mtdOptionsView.ui-dialog-content button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-dialog #mtdOptionsView.ui-dialog-content button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-dialog #mtdOptionsView.ui-dialog-content button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.floatingPlayerWrapper {
  position: fixed !important;
  z-index: 3;
  outline: none;
  flex-direction: row !important;
}
.floatingPlayerWrapper .floating-player-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #FFFFFF;
  cursor: move;
  position: absolute;
  z-index: 10;
  top: 1px;
  right: 0;
  left: 0;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 0 16px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), transparent);
  width: 100%;
  border-radius: 12px;
  height: 2.5rem;
  gap: 0.5rem;
}
.floatingPlayerWrapper .floating-player-header button.ui-button {
  background: none;
  border: none;
  cursor: pointer;
  color: #FFFFFF;
  padding: 0;
}
.floatingPlayerWrapper .floating-player-header .ui-dialog-titlebar-close {
  order: 1;
  font-size: 0;
}
.floatingPlayerWrapper .floating-player-header .ui-dialog-titlebar-close:hover {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  min-width: 0;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  width: 100%;
  min-width: 0;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group {
  display: flex;
  align-items: baseline;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group label.title {
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  margin: 2px;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group label.title:hover {
  text-decoration: underline;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group label.title:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px currentColor;
  border-radius: 2px;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group label.titlePlayerFloating {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group .title-separator {
  flex: 0 0 auto;
  padding: 0 0.3em;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-title .player-header-title-group label.playerFloatingId {
  flex: 0 0 auto;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 0.5rem;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
  color: #FFFFFF;
  padding: 0;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions button:hover {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .shortcuts-button .info_white {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .shortcuts-button .info_white:hover {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .shortcuts-button .info_white:hover {
  cursor: pointer;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .actions .action-label {
  font-size: 12px;
  font-weight: 700;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .actions .circle_action_white {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .actions .circle_action_white:hover {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floating-player-header .custom-header-container .custom-player-header-main .custom-player-header-actions .actions .circle_action_white:hover {
  cursor: pointer;
}
.floatingPlayerWrapper .floatingPlayer {
  overflow: visible;
  clear: both;
  float: right;
  background: #111111;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  padding: 0px;
  position: relative;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35), 0 0 18px 4px rgba(255, 255, 255, 0.18), 0 0 50px 15px rgba(255, 255, 255, 0.1);
}
.floatingPlayerWrapper .floatingPlayer .videoPlayer .imageViewerContainer .image-viewer .image-container .image-info {
  top: 35px;
}
.floatingPlayerWrapper .floatingPlayer .errorContent {
  width: auto;
  min-width: 560px;
  position: relative;
  display: inline-block;
  text-align: center;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel {
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  position: absolute;
  background-color: #141B1F;
  color: #FFFFFF;
  display: block;
  border-radius: 12px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.active {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35), 0 0 18px 4px rgba(255, 255, 255, 0.18), 0 0 50px 15px rgba(255, 255, 255, 0.1);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom),
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) ~ .panelRight {
  height: 100%;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-buttons .panel-button span {
  background-color: #2A343A;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-buttons .panel-button span.vsn-ico-keyframes::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-buttons .panel-button span.vsn-ico-images::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "image";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-buttons .panel-button.active span {
  background-color: #004F6E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .panelContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow-y: hidden;
  height: 100%;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  padding: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 40px);
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul::-webkit-scrollbar {
  width: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right {
  color: #283A41;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right::before {
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-name-text {
  margin-right: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info {
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-businessUse {
  background-color: #0083aa;
  padding: 2px 6px 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: default;
  box-shadow: inset 0px -1px 6px 0px #ffffff47;
  text-shadow: 1px 0 0 #495d65, -1px 0 0 #495d65, 0 1px 0 #495d65, 0 -1px 0 #495d65, 1px 1px #495d65, -1px -1px 0 #495d65, 1px -1px 0 #495d65, -1px 1px 0 #495d65;
  color: white;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info {
  color: #808080 !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty) {
  font-style: italic;
  display: inline-block;
  color: darkgrey;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):before {
  content: "(";
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):after {
  content: ")";
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  border: 1px solid #3A454C;
  overflow: hidden;
  background-color: #000000;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li .time-code {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  font-family: monospace;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1;
  pointer-events: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li:hover .thumbnail-wrapper,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li.active .thumbnail-wrapper {
  border-color: #004F6E;
  box-shadow: 0 0 12px rgba(0, 79, 110, 0.4);
  outline: 1px solid #004F6E;
  outline-offset: -1px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li:hover .time-code,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel ul li.active .time-code {
  background-color: #004F6E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .storyboard-no-items {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-top: auto;
  color: #B8C2C8;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .storyboard-no-items:last-child,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .storyboard-no-items:not(:has(+ .action-row)) {
  margin-bottom: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .action-row {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 100%;
  margin-bottom: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .action-row button.playAssetVideo {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  cursor: pointer;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .action-row button.playAssetVideo:hover .toolbar_play_icon {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .action-row button.playAssetVideo .toolbar_play_icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more {
  border-top: 1px solid #3A454C;
  width: 100% !important;
  display: flex;
  height: 2rem !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 0.75rem;
  gap: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more .show-more-txt {
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more .show-more-more,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more .show-more-all {
  cursor: pointer;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.125rem 0.5rem;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  color: #7A868E;
  height: fit-content;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more .show-more-more:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft:has(.panel-buttons .buttonBottom) .panel-content .floatingPlayerElement.moved-panel .paginator-more .show-more .show-more-all:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight {
  width: 0px;
  height: calc(100% + 232px + 15px);
  top: 0;
  background-clip: padding-box;
  position: absolute;
  border: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft.active,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight.active {
  width: 255px;
  border: 1px solid #3A454C;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content {
  width: 100%;
  height: 100%;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel {
  width: 100%;
  height: 100%;
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel.active,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel.active {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section {
  padding: 0.75rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section:nth-of-type(2),
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section:nth-of-type(2) {
  border-bottom: 1px solid #3A454C;
  padding-top: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-x: hidden;
  gap: 0.75rem;
  padding: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar {
  width: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-thumb,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-thumb,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-thumb,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-thumb:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-thumb:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-thumb:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-track,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList::-webkit-scrollbar-track,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-track,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li {
  display: flex;
  border-radius: 8px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"],
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"],
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"],
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"],
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover {
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #004F6E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"] span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"] span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"] span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"] span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li:hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li:hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover span.name,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"] .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li[aria-selected="true"] .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"] .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"] .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li:hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li:hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li:hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.segmentList li.drop-hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover .description,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li.drop-hover .description {
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel .paging,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel .paging {
  padding: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel .paging .vsnPagination .vsn_paging_count,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel .paging .vsnPagination .vsn_paging_count,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel .paging .vsnPagination .paginator-page-size,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel .paging .vsnPagination .paginator-page-size {
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  top: 0;
  height: 100%;
  position: absolute;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons .panel-button,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons .panel-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 35px;
  height: 80px;
  background-clip: padding-box;
  padding: 0.125rem;
  background-color: transparent;
  border: 1px solid #3A454C;
  border-radius: 8px;
  cursor: pointer;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons .panel-button:hover span,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons .panel-button:hover span {
  background-color: #0A6F8F !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons .panel-button span,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons .panel-button span {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #FFFFFF;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  background-color: #004F6E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons .panel-button span::before,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons .panel-button span::before {
  font-size: 26px !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft {
  left: 0px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft.active {
  left: -270px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 0;
  overflow: visible;
  height: 32px;
  position: relative;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  padding: 8px 12px;
  font-size: 12px;
  min-width: 0;
  height: 100%;
  position: relative;
  z-index: 1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button input::placeholder {
  color: #FFFFFF;
  opacity: 0.7;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button button.vsnButton {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  height: 100%;
  background-color: #004F6E;
  padding: 0 0.75rem;
  color: #FFFFFF;
  border: none;
  padding: 0 12px;
  flex-shrink: 0;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button button.vsnButton:hover {
  background-color: #0A6F8F;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel section .search-input.elements-group.input-with-button button.vsnButton .la-search::before {
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment {
  gap: 0.5rem;
  overflow: hidden;
  padding: 0.5rem;
  min-height: 75.5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment:not(:has(.thumbnail)) > div {
  margin-left: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment .thumbnail {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 0.25rem;
  border: 1px solid #3A454C;
  width: 90px;
  height: 100%;
  object-fit: cover;
  display: block;
  flex-shrink: 0;
  overflow: hidden;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  color: #0A6F8F;
  font-size: 9px;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconPlayButton,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconSendButton {
  cursor: pointer;
  color: #7A868E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconPlayButton:hover {
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconPlayButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconSendButton:hover {
  color: #4fc3a1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .iconSendButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "forward";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .markin::after {
  content: " / ";
  margin: 0 4px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div p .time {
  order: -1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-content .floatingPlayerElement.panel ul.segmentList li.segment div .description {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  order: -1;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  width: 100%;
  margin-bottom: 0.25rem;
  color: #7A868E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons {
  top: 0;
  margin-left: -45px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelLeft .panel-buttons .panel-button span::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "list_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight {
  right: 0px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight.active {
  right: -270px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section button {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #0A6F8F;
  cursor: pointer;
  padding: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section button:hover span {
  text-decoration-line: underline;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section button.newHotlistButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section .iconPlayButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section .vsn-ico-player-wedit::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section .vsn-ico-btn-download::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section .actions.displayable_menu {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-size: 10px;
  font-weight: 700;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section span.button,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section span.actions,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section button.vsnButton {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  height: 2rem;
  border-radius: 8px;
  border: 1px solid #3A454C;
  cursor: pointer;
  color: #7A868E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section span.button:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section span.actions:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel section.wedit-options-section button.vsnButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li {
  border: 1px solid #3A454C;
  padding: 0.625rem;
  flex-wrap: wrap;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0.25rem;
  position: relative;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li[aria-selected="true"] {
  background-color: transparent;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li span.name {
  color: #7A868E;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li span.length {
  font-size: 11px;
  font-weight: 700;
  color: #0A6F8F;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li .hotlist-element-extra-info {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  color: #0A6F8F;
  font-size: 11px;
  font-weight: 700;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li .hotlist-element-extra-info .wedit-cut-counter {
  margin-left: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li .liSend {
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li .liRemove.close_tab {
  position: absolute;
  top: 0.25rem;
  right: 0.4rem;
  cursor: pointer;
  z-index: 1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-content .floatingPlayerElement.panel ul.hotlist_ul li .liRemove.close_tab::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons {
  right: 0;
  margin-right: -45px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelRight .panel-buttons .panel-button span::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom {
  bottom: 0px;
  width: 100%;
  height: 0px;
  background-clip: padding-box;
  border: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom.active {
  bottom: -247px;
  height: 232px;
  border: 1px solid #3A454C;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom:not(.active) .panel-buttons .floatingPlayerElement.buttonBottom.panel-button:first-child {
  background-color: #004F6E;
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content {
  height: 100%;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement {
  height: 100%;
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement.active {
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 0.75rem;
  padding: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul::-webkit-scrollbar {
  width: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right {
  color: #283A41;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right::before {
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-name-text {
  margin-right: 5px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info {
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-businessUse {
  background-color: #0083aa;
  padding: 2px 6px 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: default;
  box-shadow: inset 0px -1px 6px 0px #ffffff47;
  text-shadow: 1px 0 0 #495d65, -1px 0 0 #495d65, 0 1px 0 #495d65, 0 -1px 0 #495d65, 1px 1px #495d65, -1px -1px 0 #495d65, 1px -1px 0 #495d65, -1px 1px 0 #495d65;
  color: white;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info {
  color: #808080 !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty) {
  font-style: italic;
  display: inline-block;
  color: darkgrey;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):before {
  content: "(";
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):after {
  content: ")";
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  border: 1px solid #3A454C;
  overflow: hidden;
  background-color: #000000;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li .time-code {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  font-family: monospace;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1;
  pointer-events: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li:hover .thumbnail-wrapper,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li.active .thumbnail-wrapper {
  border-color: #004F6E;
  box-shadow: 0 0 12px rgba(0, 79, 110, 0.4);
  outline: 1px solid #004F6E;
  outline-offset: -1px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li:hover .time-code,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent ul li.active .time-code {
  background-color: #004F6E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .storyboard-no-items {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-top: auto;
  color: #B8C2C8;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .storyboard-no-items:last-child,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .storyboard-no-items:not(:has(+ .action-row)) {
  margin-bottom: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .action-row {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 100%;
  margin-bottom: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .action-row button.playAssetVideo {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  cursor: pointer;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .action-row button.playAssetVideo:hover .toolbar_play_icon {
  color: #0A6F8F;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .action-row button.playAssetVideo .toolbar_play_icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more {
  border-top: 1px solid #3A454C;
  width: 100% !important;
  display: flex;
  height: 2rem !important;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 0.75rem;
  gap: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more .show-more-txt {
  display: none;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more .show-more-more,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more .show-more-all {
  cursor: pointer;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.125rem 0.5rem;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  color: #7A868E;
  height: fit-content;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more .show-more-more:hover,
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-content .floatingPlayerElement .panelContent .paginator-more .show-more .show-more-all:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: 1px solid #3A454C;
  width: fit-content;
  margin: auto;
  border-radius: 8px;
  padding: 0.125rem;
  gap: 0.25rem;
  margin-top: 0.5rem;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons .floatingPlayerElement.buttonBottom.panel-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: #2A343A;
  border: none;
  height: 2rem;
  width: 2.25rem;
  border-radius: 0.375rem;
  cursor: pointer;
  color: #7A868E;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons .floatingPlayerElement.buttonBottom.panel-button.active {
  background-color: #004F6E;
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons .floatingPlayerElement.buttonBottom.panel-button:hover {
  background-color: #0A6F8F !important;
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons .floatingPlayerElement.buttonBottom.panel-button .vsn-ico-keyframes::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel.panelBottom .panel-buttons .floatingPlayerElement.buttonBottom.panel-button .vsn-ico-images::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "image";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  font-size: 11px;
  text-transform: uppercase;
  line-height: 2.5rem;
  gap: 0.5rem;
  padding: 0 1rem !important;
  margin-bottom: 0;
  border-bottom: 1px solid #3A454C;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: #FFFFFF;
  margin-left: 0 !important;
  height: 2.5rem;
  background-color: #004F6E;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 span {
  display: flex;
  order: -1;
  color: #0A6F8F;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 button {
  background: none;
  border: none;
  color: #7A868E;
  cursor: pointer;
  display: flex;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 button:hover {
  color: #FFFFFF;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .segement_big_yellow::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "list_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .vsn-ico-wedit-red::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .vsn-ico-keyframes::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .vsn-ico-add-keyframes {
  margin-left: auto;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .vsn-ico-add-keyframes::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_a_photo";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement h2 .vsn-ico-images::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "image";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floatingPlayer .floating-player-side-panel .panel-content .floatingPlayerElement .vsn-combobox {
  width: 100%;
}
.floatingPlayerWrapper .ui-resizable-n {
  cursor: n-resize;
  height: 15px;
  width: calc(100% - 160px);
  top: 25px;
  left: 6px;
}
.floatingPlayerWrapper .ui-resizable-e {
  cursor: e-resize;
  width: 15px;
  right: -5px;
  top: 6px;
  height: calc(100% - 12px);
}
.floatingPlayerWrapper .ui-resizable-s {
  cursor: s-resize;
  height: 15px;
  width: calc(100% - 12px);
  bottom: -5px;
  left: 6px;
}
.floatingPlayerWrapper .ui-resizable-w {
  cursor: w-resize;
  width: 15px;
  left: 0 !important;
  top: 30px;
  height: calc(100% - 40px);
}
.floatingPlayerWrapper .ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.floatingPlayerWrapper .ui-resizable-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.floatingPlayerWrapper .ui-resizable-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 0px;
  top: -4px;
}
.floatingPlayerWrapper .ui-resizable-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 22px;
}
.floatingPlayerWrapper .ui-resizable-handle {
  z-index: auto !important;
  position: absolute;
  font-size: 0.1px;
  display: block;
}
.floatingPlayerWrapper .floating-player-wedit-search-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search {
  display: flex;
  flex-wrap: wrap;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input {
  width: 100%;
  height: 40px;
  box-shadow: none;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 0;
  overflow: visible;
  height: 32px;
  position: relative;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  padding: 8px 12px;
  font-size: 12px;
  min-width: 0;
  height: 100%;
  position: relative;
  z-index: 1;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button input::placeholder {
  color: #FFFFFF;
  opacity: 0.7;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button button.vsnButton {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  height: 100%;
  background-color: #004F6E;
  padding: 0 0.75rem;
  color: #FFFFFF;
  border: none;
  padding: 0 12px;
  flex-shrink: 0;
  border-radius: inherit;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button button.vsnButton:hover {
  background-color: #0A6F8F;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .hlsv_searchbox.search-input .elements-group.input-with-button button.vsnButton .la-search::before {
  color: #FFFFFF;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .orderCombo {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  width: 100%;
  font-size: 12px;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .floating-player-wedit-search .orderCombo .vsn-combobox {
  width: 180px;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0.2em 0.4em;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.3);
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #FFFFFF;
  cursor: move;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .length {
  color: #ABC2D9;
  font-size: 0.8em;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li span {
  line-height: 20px;
  display: block;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .vsn-send-segment-ico {
  color: #B8C2C8;
  cursor: pointer;
  border-radius: 8px;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .vsn-send-segment-ico:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .vsn-send-segment-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "forward";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.floatingPlayerWrapper .floating-player-wedit-search-container .hlsv_grid > li .liRemove {
  display: none;
}
.search-mode-selector-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  padding-left: 8px;
  height: 100%;
  pointer-events: auto;
  cursor: pointer;
}
.search-mode-selector-container > span,
.search-mode-selector-container > button.text {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 1.75rem;
  height: 1.5rem;
  color: #7A868E;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid #3A454C;
  border-radius: 4px;
  background-color: transparent;
  pointer-events: auto;
  position: relative;
  padding: 0;
}
.search-mode-selector-container > span::before,
.search-mode-selector-container > button.text::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "match_case";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-mode-selector-container > span:hover,
.search-mode-selector-container > button.text:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
  color: #FFFFFF;
}
.search-mode-selector-container ul.search-mode-selector {
  position: absolute;
  top: 100%;
  left: 0;
  right: initial !important;
  margin-top: 0.25rem;
  min-width: 160px;
  z-index: 10000;
  overflow: hidden;
  border-radius: 0.125rem;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  list-style: none;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
}
.search-mode-selector-container ul.search-mode-selector li.ui-menu-item {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 0.375rem 16px;
  text-align: left;
  font-size: 14px;
  color: #B8C2C8;
  cursor: pointer;
  white-space: nowrap;
}
.search-mode-selector-container ul.search-mode-selector li.ui-menu-item:hover {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.search-mode-selector-container ul.search-mode-selector li.ui-menu-item span {
  color: inherit;
}
[data-search-mode="0"] .search-mode-selector-container > span::before,
.search-mode-selector-container > button.text:has(i.search-mode-icon-case-sensitive)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "text_fields";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
[data-search-mode="1"] .search-mode-selector-container > span::before,
.search-mode-selector-container > button.text:has(i.search-mode-icon-case-insensitive)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "match_case";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
[data-search-mode="2"] .search-mode-selector-container > span::before,
.search-mode-selector-container > button.text:has(i.search-mode-icon-full-text)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "special_character";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search_button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  height: 100%;
  background-color: #004F6E;
  padding: 0 0.75rem;
  color: #FFFFFF;
  border: none;
  padding: 0 12px;
  flex-shrink: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.search_button i.la-search::before,
.search_button span.blue_search::before {
  color: #FFFFFF;
}
.search_button:hover {
  background-color: #0A6F8F;
}
.search_button_options {
  display: none;
}
.paging {
  padding: 0.5rem 0rem;
}
.vsnPagination,
.pagination {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.vsnPagination .vsn_paging_number,
.pagination .vsn_paging_number {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #B8C2C8 !important;
  cursor: pointer;
  border-radius: 8px !important;
  width: 30px !important;
  height: 30px !important;
  font-size: 14px !important;
  line-height: 31px;
  flex: none !important;
  background: none !important;
  border: none !important;
}
.vsnPagination .vsn_paging_number:hover,
.pagination .vsn_paging_number:hover {
  color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.vsnPagination .vsn_paging_number .icon-element,
.pagination .vsn_paging_number .icon-element,
.vsnPagination .vsn_paging_number .arrow_pagination_left,
.pagination .vsn_paging_number .arrow_pagination_left,
.vsnPagination .vsn_paging_number .arrow_pagination_right,
.pagination .vsn_paging_number .arrow_pagination_right {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.vsnPagination .vsn_paging_number .icon-element.pagination_left_arrow::before,
.pagination .vsn_paging_number .icon-element.pagination_left_arrow::before,
.vsnPagination .vsn_paging_number .arrow_pagination_left::before,
.pagination .vsn_paging_number .arrow_pagination_left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsnPagination .vsn_paging_number .icon-element.pagination_right_arrow::before,
.pagination .vsn_paging_number .icon-element.pagination_right_arrow::before,
.vsnPagination .vsn_paging_number .arrow_pagination_right::before,
.pagination .vsn_paging_number .arrow_pagination_right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsnPagination .vsn_paging_number.vsn_paging_separator,
.pagination .vsn_paging_number.vsn_paging_separator {
  cursor: default;
}
.vsnPagination .vsn_paging_number .vsn_paging_count,
.pagination .vsn_paging_number .vsn_paging_count {
  margin-left: 1rem;
}
.vsnPagination input.vsn_paging_number_current,
.pagination input.vsn_paging_number_current {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none !important;
  background-color: transparent !important;
  color: #0A6F8F !important;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  padding: 0 !important;
  text-align: center;
  font-size: 14px !important;
}
.vsnPagination input.vsn_paging_number_current:hover,
.pagination input.vsn_paging_number_current:hover {
  color: #0A6F8F !important;
}
.paginator-page-size {
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-justify-content: end;
}
.paginator-page-size .select-combobox {
  position: relative;
}
.paginator-page-size .select-combobox .custom-combobox {
  height: 32px;
  padding: 0!important;
  box-sizing: border-box;
  background-color: #141B1F;
  width: 80px;
  min-width: 80px;
}
.paginator-page-size .select-combobox .custom-combobox .custom-combobox-input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #E6ECEF;
  padding: 0 8px 0 12px;
  min-width: 0;
}
.paginator-page-size .select-combobox .custom-combobox .custom-combobox-input::placeholder {
  color: #B8C2C8;
}
.paginator-page-size .select-combobox .custom-combobox .custom-combobox-toggle {
  height: 100%;
  flex-shrink: 0;
}
.paginator-page-size .select-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu {
  background: none;
  width: auto;
  height: auto;
  padding: 0!important;
}
.paginator-page-size .vsn-combobox-autocomplete {
  max-width: 100px;
  min-width: 60px;
  width: auto !important;
  top: 100% !important;
  bottom: auto !important;
  left: auto !important;
  right: 0;
}
.paginator-page-size .vsn-combobox-autocomplete li:first-child .combobox-option-item::before {
  display: none !important;
  content: none !important;
}
.k-grid {
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow-y: hidden;
}
.k-grid .k-grid-header {
  padding-right: 0 !important;
}
.k-grid .k-grid-header-wrap {
  overflow-x: hidden;
}
.k-grid .k-grid-header table {
  table-layout: fixed;
}
.k-grid .k-grid-header table thead tr {
  background-color: #003B54;
}
.k-grid .k-grid-header table thead tr th.k-header {
  color: #E6ECEF;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 16px;
  border-bottom: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
  text-align: left;
  white-space: nowrap;
}
.k-grid .k-grid-header table thead tr th.k-header:last-child {
  border-right: none;
}
.k-grid .k-grid-header table thead tr th.k-header a {
  color: #4fc3a1;
}
.k-grid:not(:has(.k-selectable tbody tr)) .k-grid-header table thead tr th.k-header {
  border-bottom: none;
}
.k-grid .k-grid-content .k-selectable {
  width: 100%;
  table-layout: fixed;
  color: #FFFFFF;
}
.k-grid .k-grid-content .k-selectable tbody tr {
  background-color: rgba(0, 0, 0, 0.2);
}
.k-grid .k-grid-content .k-selectable tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.4);
}
.k-grid .k-grid-content .k-selectable tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.k-grid .k-grid-content .k-selectable tbody tr.k-state-selected,
.k-grid .k-grid-content .k-selectable tbody tr.k-selected {
  background-color: #004F6E !important;
}
.k-grid .k-grid-content .k-selectable tbody tr.k-state-selected td,
.k-grid .k-grid-content .k-selectable tbody tr.k-selected td {
  color: #FFFFFF;
}
.k-grid .k-grid-content .k-selectable tbody tr td {
  padding: 0.625rem 1rem;
  line-height: 1.5;
  font-size: 12px;
  color: #E6ECEF;
  vertical-align: middle;
  border-bottom: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.k-grid .k-grid-content .k-selectable tbody tr td:last-child {
  border-right: none;
}
.k-grid .k-grid-content .k-selectable tbody tr td:has(.vsn_form_checkbox) {
  text-align: center;
}
.k-grid .k-grid-content .k-selectable tbody tr td:has(.vsn_form_checkbox) .vsn_form_checkbox {
  margin-left: 0 !important;
  vertical-align: middle !important;
}
.k-grid .k-grid-content .k-selectable tbody tr:last-child td {
  border-bottom: none;
}
.vsn-table,
.vsn_table,
.fileAsset,
.vsn-table-widget,
.tstable {
  width: 100%;
  color: #FFFFFF;
  border-radius: 6px;
  border: 1px solid #3A454C;
  border-collapse: separate;
}
.vsn-table tr.k-state-selected,
.vsn_table tr.k-state-selected,
.fileAsset tr.k-state-selected,
.vsn-table-widget tr.k-state-selected,
.tstable tr.k-state-selected,
.vsn-table tr.k-selected,
.vsn_table tr.k-selected,
.fileAsset tr.k-selected,
.vsn-table-widget tr.k-selected,
.tstable tr.k-selected,
.vsn-table tr.selected,
.vsn_table tr.selected,
.fileAsset tr.selected,
.vsn-table-widget tr.selected,
.tstable tr.selected {
  background-color: #004F6E !important;
}
.vsn-table tr.k-state-selected td,
.vsn_table tr.k-state-selected td,
.fileAsset tr.k-state-selected td,
.vsn-table-widget tr.k-state-selected td,
.tstable tr.k-state-selected td,
.vsn-table tr.k-selected td,
.vsn_table tr.k-selected td,
.fileAsset tr.k-selected td,
.vsn-table-widget tr.k-selected td,
.tstable tr.k-selected td,
.vsn-table tr.selected td,
.vsn_table tr.selected td,
.fileAsset tr.selected td,
.vsn-table-widget tr.selected td,
.tstable tr.selected td {
  color: #FFFFFF;
}
.vsn-table tr th,
.vsn_table tr th,
.fileAsset tr th,
.vsn-table-widget tr th,
.tstable tr th,
.vsn-table tr td,
.vsn_table tr td,
.fileAsset tr td,
.vsn-table-widget tr td,
.tstable tr td {
  border-bottom: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
}
.vsn-table tr th:last-child,
.vsn_table tr th:last-child,
.fileAsset tr th:last-child,
.vsn-table-widget tr th:last-child,
.tstable tr th:last-child,
.vsn-table tr td:last-child,
.vsn_table tr td:last-child,
.fileAsset tr td:last-child,
.vsn-table-widget tr td:last-child,
.tstable tr td:last-child {
  border-right: none;
}
.vsn-table tr td,
.vsn_table tr td,
.fileAsset tr td,
.vsn-table-widget tr td,
.tstable tr td {
  padding: 0.625rem 1rem;
  line-height: 1.5;
  font-size: 12px;
  color: #E6ECEF;
  vertical-align: middle;
}
.vsn-table thead tr,
.vsn_table thead tr,
.fileAsset thead tr,
.vsn-table-widget thead tr,
.tstable thead tr {
  background-color: #003B54;
}
.vsn-table thead tr th,
.vsn_table thead tr th,
.fileAsset thead tr th,
.vsn-table-widget thead tr th,
.tstable thead tr th,
.vsn-table thead tr td,
.vsn_table thead tr td,
.fileAsset thead tr td,
.vsn-table-widget thead tr td,
.tstable thead tr td {
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 700;
  text-align: left;
  text-wrap: nowrap;
}
.vsn-table thead tr th:first-child,
.vsn_table thead tr th:first-child,
.fileAsset thead tr th:first-child,
.vsn-table-widget thead tr th:first-child,
.tstable thead tr th:first-child,
.vsn-table thead tr td:first-child,
.vsn_table thead tr td:first-child,
.fileAsset thead tr td:first-child,
.vsn-table-widget thead tr td:first-child,
.tstable thead tr td:first-child {
  border-top-left-radius: 5px;
}
.vsn-table thead tr th:last-child,
.vsn_table thead tr th:last-child,
.fileAsset thead tr th:last-child,
.vsn-table-widget thead tr th:last-child,
.tstable thead tr th:last-child,
.vsn-table thead tr td:last-child,
.vsn_table thead tr td:last-child,
.fileAsset thead tr td:last-child,
.vsn-table-widget thead tr td:last-child,
.tstable thead tr td:last-child {
  border-top-right-radius: 5px;
}
.vsn-table tbody tr,
.vsn_table tbody tr,
.fileAsset tbody tr,
.vsn-table-widget tbody tr,
.tstable tbody tr {
  background-color: rgba(0, 0, 0, 0.2);
}
.vsn-table tbody tr:nth-child(odd),
.vsn_table tbody tr:nth-child(odd),
.fileAsset tbody tr:nth-child(odd),
.vsn-table-widget tbody tr:nth-child(odd),
.tstable tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.4);
}
.vsn-table tbody tr:hover,
.vsn_table tbody tr:hover,
.fileAsset tbody tr:hover,
.vsn-table-widget tbody tr:hover,
.tstable tbody tr:hover,
.vsn-table tbody tr.drag-over,
.vsn_table tbody tr.drag-over,
.fileAsset tbody tr.drag-over,
.vsn-table-widget tbody tr.drag-over,
.tstable tbody tr.drag-over {
  background-color: rgba(255, 255, 255, 0.1);
}
.vsn-table tbody tr td a,
.vsn_table tbody tr td a,
.fileAsset tbody tr td a,
.vsn-table-widget tbody tr td a,
.tstable tbody tr td a {
  color: #4fc3a1;
}
.vsn-table tbody tr td a:hover,
.vsn_table tbody tr td a:hover,
.fileAsset tbody tr td a:hover,
.vsn-table-widget tbody tr td a:hover,
.tstable tbody tr td a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.vsn-table tbody tr:last-child td,
.vsn_table tbody tr:last-child td,
.fileAsset tbody tr:last-child td,
.vsn-table-widget tbody tr:last-child td,
.tstable tbody tr:last-child td {
  border-bottom: none;
}
.vsn-table tbody tr:last-child td:first-child,
.vsn_table tbody tr:last-child td:first-child,
.fileAsset tbody tr:last-child td:first-child,
.vsn-table-widget tbody tr:last-child td:first-child,
.tstable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
.vsn-table tbody tr:last-child td:last-child,
.vsn_table tbody tr:last-child td:last-child,
.fileAsset tbody tr:last-child td:last-child,
.vsn-table-widget tbody tr:last-child td:last-child,
.tstable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
.vsn-table:not(:has(tbody tr)) thead tr th,
.vsn_table:not(:has(tbody tr)) thead tr th,
.fileAsset:not(:has(tbody tr)) thead tr th,
.vsn-table-widget:not(:has(tbody tr)) thead tr th,
.tstable:not(:has(tbody tr)) thead tr th,
.vsn-table:not(:has(tbody tr)) thead tr td,
.vsn_table:not(:has(tbody tr)) thead tr td,
.fileAsset:not(:has(tbody tr)) thead tr td,
.vsn-table-widget:not(:has(tbody tr)) thead tr td,
.tstable:not(:has(tbody tr)) thead tr td {
  border-bottom: none;
}
.vsn-table span.checkbox_rigths,
.vsn_table span.checkbox_rigths,
.fileAsset span.checkbox_rigths,
.vsn-table-widget span.checkbox_rigths,
.tstable span.checkbox_rigths {
  cursor: pointer;
  color: #EF4444;
}
.vsn-table span.checkbox_rigths.checked,
.vsn_table span.checkbox_rigths.checked,
.fileAsset span.checkbox_rigths.checked,
.vsn-table-widget span.checkbox_rigths.checked,
.tstable span.checkbox_rigths.checked {
  color: #4fc3a1;
}
.vsn-table thead tr th div:not(.ui-icon),
.vsn_table thead tr th div:not(.ui-icon),
.fileAsset thead tr th div:not(.ui-icon),
.vsn-table-widget thead tr th div:not(.ui-icon),
.vsn-table thead tr td div:not(.ui-icon),
.vsn_table thead tr td div:not(.ui-icon),
.fileAsset thead tr td div:not(.ui-icon),
.vsn-table-widget thead tr td div:not(.ui-icon) {
  font-size: 12px;
  color: #E6ECEF;
  font-weight: 700;
  margin-top: 0 !important;
  float: unset !important;
  display: inline-block;
  vertical-align: middle;
}
.vsn-table thead tr th div.ui-icon-info,
.vsn_table thead tr th div.ui-icon-info,
.fileAsset thead tr th div.ui-icon-info,
.vsn-table-widget thead tr th div.ui-icon-info,
.vsn-table thead tr td div.ui-icon-info,
.vsn_table thead tr td div.ui-icon-info,
.fileAsset thead tr td div.ui-icon-info,
.vsn-table-widget thead tr td div.ui-icon-info {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
}
.vsn-table tbody tr td.section,
.vsn_table tbody tr td.section,
.fileAsset tbody tr td.section,
.vsn-table-widget tbody tr td.section {
  background-color: #B8C2C8;
  color: #141B1F;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0.375rem 1rem;
}
.vsn-table tbody tr .action-buttons-widget,
.vsn_table tbody tr .action-buttons-widget,
.fileAsset tbody tr .action-buttons-widget,
.vsn-table-widget tbody tr .action-buttons-widget {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.vsn-table tbody tr .action-buttons-widget a,
.vsn_table tbody tr .action-buttons-widget a,
.fileAsset tbody tr .action-buttons-widget a,
.vsn-table-widget tbody tr .action-buttons-widget a {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
  text-decoration: none !important;
}
.vsn-table tbody tr .action-buttons-widget a:hover,
.vsn_table tbody tr .action-buttons-widget a:hover,
.fileAsset tbody tr .action-buttons-widget a:hover,
.vsn-table-widget tbody tr .action-buttons-widget a:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0.375rem;
  font-size: 10px;
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key {
  min-width: 24px;
  min-height: 20px;
  border-radius: 4px;
  border-bottom: 1px solid #B8C2C8;
  box-sizing: border-box;
  background-color: #E6ECEF;
  padding: 0.125rem 0.375rem;
  text-align: center;
  font-weight: 700;
  color: #141B1F;
  box-shadow: 0 0 #000000, 0 0 #000000, 0 0 #000000, 0 2px 0 #99a2a8;
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key.arrow-key-right::after {
  content: "→";
  display: block;
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key.arrow-key-left::after {
  content: "←";
  display: block;
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key.arrow-key-up::after {
  content: "↑";
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key.arrow-key-down::after {
  content: "↓";
}
.vsn_table tr td:has(.keyboard-key) .keyboard-row .keyboard-key.space-key {
  flex: 1;
}
.vsn_table.shortcuts_dialog tr td.subsection {
  background-color: #003B54;
}
.baseTableContainer .baseTableHeaderContent .vsn_table {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.baseTableContainer .baseTableHeaderContent .vsn_table thead tr th {
  border-bottom: 1px solid #3A454C;
}
.baseTableContainer .baseTableBodyContainer .vsn_table {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.baseTableContainer:not(:has(.baseTableBodyContainer .vsn_table tbody tr)) .baseTableHeaderContent .vsn_table {
  border-bottom: 1px solid #3A454C;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.baseTableContainer:not(:has(.baseTableBodyContainer .vsn_table tbody tr)) .baseTableHeaderContent .vsn_table thead tr th {
  border-bottom: none;
}
.baseTableContainer:not(:has(.baseTableBodyContainer .vsn_table tbody tr)) .baseTableBodyContainer .vsn_table {
  border: none;
}
.baseTableContainer .baseTableHeaderContent {
  background-color: #003B54;
}
.baseTableContainer .baseTableHeaderContent th .baseTableCellContainer {
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.baseTableContainer .baseTableHeaderContent th.sorted .baseTableCellContainer {
  position: relative;
  padding: 4px 16px;
  vertical-align: middle;
}
.baseTableContainer .baseTableHeaderContent th.sorted span:last-child {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.baseTableContainer .baseTableHeaderContent th.sorted span:last-child i {
  width: 14px;
  height: 14px;
  color: #B8C2C8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.baseTableContainer .baseTableHeaderContent th.sorted span:last-child i:hover {
  color: #4fc3a1;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.1);
}
.baseTableContainer .baseTableHeaderContent th.sorted span:last-child .up::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.baseTableContainer .baseTableHeaderContent th.sorted span:last-child .down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.baseTableContainer .baseTableHeaderContent th.sorted.down span:last-child .down {
  color: #4fc3a1;
}
.baseTableContainer .baseTableHeaderContent th.sorted.up span:last-child .up {
  color: #4fc3a1;
}
.baseTableContainer .baseTableBodyContainer {
  overflow: auto;
}
.baseTableContainer .baseTableBodyContainer thead {
  visibility: hidden;
}
.baseTableContainer .baseTableBodyContainer thead tr {
  height: 0px;
  border-bottom: 0;
}
.baseTableContainer .baseTableBodyContainer thead th {
  padding: 0;
  border: none;
  height: 0px;
  line-height: 0px;
}
.baseTableContainer .baseTableBodyContainer tbody tr.ui-draggable {
  cursor: pointer;
}
.baseTableContainer .baseTableBodyContainer tbody tr.ui-draggable * {
  cursor: pointer !important;
}
.baseTableContainer .baseTableBodyContainer tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.baseTableContainer .rowselected {
  background: #0A6F8F !important;
}
.tstable thead th {
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
}
.tstable thead th.sorted {
  cursor: pointer;
}
.tstable thead th.sorted span.sorting-arrows {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.tstable thead th.sorted span.sorting-arrows i {
  width: 14px;
  height: 14px;
  color: #B8C2C8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.tstable thead th.sorted span.sorting-arrows i:hover {
  color: #4fc3a1;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0.1);
}
.tstable thead th.sorted span.sorting-arrows .up::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.tstable thead th.sorted span.sorting-arrows .down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.tstable thead th.sorted.down span.sorting-arrows .down {
  color: #4fc3a1;
}
.tstable thead th.sorted.up span.sorting-arrows .up {
  color: #4fc3a1;
}
.tstable thead th .header-title {
  text-align: left;
}
.tstable thead th.sorted .header-title {
  padding-right: 20px;
}
.tstable thead th .resizer-handler {
  cursor: col-resize;
  width: 4px;
  right: -3px;
  top: 0;
  height: 100%;
  position: absolute;
  z-index: 10;
}
.tstable thead th .resizer-handler:hover {
  background-color: #4fc3a1;
}
.tstable tbody td {
  padding: 0.5em;
  font-weight: 500;
  white-space: nowrap;
}
.tstable tbody td.with-image {
  position: relative;
  width: 1px;
}
.tstable tbody td.with-image i.play-icon-css {
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: inherit;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}
.tstable tbody td.with-image i.play-icon-css::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.tstable tbody td img {
  width: 30px;
  height: 20px;
}
.tstable tbody td.background-coloured:not(.editing) {
  background-color: var(--color);
  color: var(--contrastColor);
}
.tstable tbody td.field:has(.asset-with-copyright) {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.tstable tbody td.cell-actions {
  text-align: center;
  vertical-align: middle;
}
.tstable tbody td:has(.vsn_form_checkbox) {
  text-align: center;
  vertical-align: middle;
}
.tstable tbody td:has(.vsn_form_checkbox) .vsn_form_checkbox {
  display: inline-flex;
  vertical-align: middle;
}
.tstable tbody .copyLink:hover,
.tstable tbody .assetLink:hover {
  text-decoration: underline;
  cursor: pointer;
}
.tstable .edit-field .read-only {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  width: 100%;
  min-height: 0;
  min-width: 0;
  position: relative;
  opacity: 1;
}
.tstable .edit-field .read-only:hover .vsn-ico-pencil {
  display: flex;
}
.tstable .edit-field .read-only input {
  color: #FFFFFF;
}
.tstable .edit-field .read-only .vsn-ico-pencil {
  display: none;
  width: 18px;
  height: 18px;
  cursor: pointer;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.tstable .edit-field .read-only .vsn-ico-pencil:hover::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
.tstable .edit-field .read-only .read-only-options {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-height: 0;
  min-width: 0;
  gap: 6px;
}
.tstable .edit-field .read-only .link-field:hover {
  cursor: pointer;
  text-decoration: underline;
}
.tstable .edit-field .transparent-input {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border: none !important;
  padding: 0;
  opacity: 1;
  background: none;
  width: calc(100% - 20px);
}
.tstable .edit-field .save-status {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.tstable .edit-field .save-status.save-status.save-error {
  color: #EF4444;
}
.tstable .edit-field .save-status.save-status.save-error::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.tstable .cell-field.edit-field {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-height: 0;
  min-width: 0;
}
.tstable .cell-field.edit-field .read-only-options {
  position: absolute;
  right: 0;
}
.tstable .cell-field.edit-field .vsn_form_main_content {
  min-height: 0;
  min-width: 0;
  width: 100%;
  padding: 0;
}
.tstable .cell-field.edit-field .vsn_form_main_content .vsn_form_label_row {
  display: none;
}
.tstable .cell-field.edit-field .vsn_form_main_content .vsn_form_field_input .vsn_form_error {
  display: none;
}
.tstable .cell-field.edit-field .vsn_form_main_content .custom-combobox {
  background-color: #141B1F;
}
.tstable td.field.editing .vsn_form_row {
  margin: 0;
  padding: 0;
}
.tstable td.field .multiple-value {
  border-bottom: none;
}
.tstable td.field .multiple-value::before {
  top: 150%;
  white-space: normal;
  bottom: unset;
}
.tstable td.field .multiple-value::after {
  top: calc(150% - 5px);
  border-top: unset;
  border-bottom: 5px solid rgba(255, 255, 255, 0.8);
}
.tstable .vsn_form_validation:empty {
  display: none !important;
}
.dashboardsManagementContent,
.documentsManagementContent {
  padding: 0 16px;
}
.dashboardsManagementContent .dashboardsTable,
.documentsManagementContent .dashboardsTable,
.dashboardsManagementContent .documentsTable,
.documentsManagementContent .documentsTable {
  padding: 0;
  border-radius: 6px;
  border: 1px solid #3A454C;
  border-collapse: separate;
}
.dashboardsManagementContent .dashboardsTable thead tr th,
.documentsManagementContent .dashboardsTable thead tr th,
.dashboardsManagementContent .documentsTable thead tr th,
.documentsManagementContent .documentsTable thead tr th {
  background-color: #003B54;
  color: #E6ECEF;
}
.dashboardsManagementContent .dashboardsTable tbody .center,
.documentsManagementContent .dashboardsTable tbody .center,
.dashboardsManagementContent .documentsTable tbody .center,
.documentsManagementContent .documentsTable tbody .center {
  text-align: center;
  align-items: center;
}
.dashboardsManagementContent .dashboardsTable tbody .center > *,
.documentsManagementContent .dashboardsTable tbody .center > *,
.dashboardsManagementContent .documentsTable tbody .center > *,
.documentsManagementContent .documentsTable tbody .center > * {
  display: inline-block;
}
.dashboardsManagementContent .miniLayoutContainer,
.documentsManagementContent .miniLayoutContainer {
  box-sizing: content-box;
  height: 50px;
  width: 70px;
  border: 1px solid;
}
.dashboardsManagementContent .miniLayoutContainer > div,
.documentsManagementContent .miniLayoutContainer > div {
  box-sizing: content-box;
  border: 1px solid;
  height: 100%;
  float: left;
}
.main-storageManagers-list,
.main-segment-list,
.thesauri-management-list,
.AdminBusinessUseeContainer,
.AdminSystemSettingsContainer,
.content-table:has(.areasTable),
.pam_assets .table-container,
.pam_data .table-container,
.user-rights-config {
  padding: 16px;
}
.thesauri-management-list .manage-thesaurus-actions {
  display: flex;
  justify-content: center;
  gap: 4px;
}
.thesauri-management-list .manage-thesaurus-actions span.btn-ico {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.thesauri-management-list .manage-thesaurus-actions span.btn-ico:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderListCtrl"] .pageContent {
  padding: 16px;
}
table.vsn-permissions {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #3A454C;
  border-radius: 6px;
}
table.vsn-permissions thead tr {
  background-color: #2A343A;
}
table.vsn-permissions thead th:first-child {
  border-top-left-radius: 5px;
}
table.vsn-permissions thead th:last-child {
  border-top-right-radius: 5px;
}
table.vsn-permissions tr,
table.vsn-permissions th,
table.vsn-permissions td {
  border: none;
}
table.vsn-permissions th,
table.vsn-permissions td {
  border-right: 1px solid #3A454C;
}
table.vsn-permissions th:last-child,
table.vsn-permissions td:last-child {
  border-right: none;
}
table.vsn-permissions th {
  padding: 8px;
  font-size: 11px;
  vertical-align: middle;
  background-color: unset;
  white-space: nowrap;
}
table.vsn-permissions th:not(.userHeader) {
  width: 1%;
}
table.vsn-permissions tbody tr {
  background-color: #2A343A;
}
table.vsn-permissions tbody tr:nth-child(odd) {
  background-color: #141B1F;
}
table.vsn-permissions tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
table.vsn-permissions tbody tr td {
  padding: 8px 12px;
  font-size: 11px;
  vertical-align: middle;
  border-top: 1px solid #3A454C;
}
table.vsn-permissions tbody tr td.vsn-permission-cell-right-container {
  width: 1%;
  text-align: center;
}
table.vsn-permissions tbody tr td:not(.vsn-permission-cell-right-container) {
  color: #FFFFFF;
  font-weight: 700;
}
table.vsn-permissions tbody tr td:first-child {
  min-width: 120px;
}
table.vsn-permissions tbody tr:last-child td:first-child {
  border-bottom-left-radius: 5px;
}
table.vsn-permissions tbody tr:last-child td:last-child {
  border-bottom-right-radius: 5px;
}
table.vsn-permissions input[type="checkbox"] {
  display: none;
}
table.vsn-permissions .vsn-permissions-checkbox {
  cursor: pointer;
}
table.vsn-permissions .vsn-permissions-checkbox[checked="checked"]::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #4fc3a1;
}
table.vsn-permissions .vsn-permissions-checkbox::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
}
table.vsn-permissions .vsn-permission-remover {
  color: #B8C2C8;
  cursor: pointer;
}
table.vsn-permissions .vsn-permission-remover:hover {
  color: #FFFFFF;
}
table.vsn-permissions .permissions-action-column {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.toggleCollapseSearch,
.collapsible-section-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  height: 2.5rem;
  flex: 0 0 auto !important;
  padding: 0 16px;
  border-bottom: 1px solid #3A454C;
  cursor: pointer;
  gap: 8px;
}
.toggleCollapseSearch .toggleSearchIcon,
.collapsible-section-header .toggleSearchIcon,
.toggleCollapseSearch .icon-element,
.collapsible-section-header .icon-element {
  color: #4fc3a1;
  transition: transform 250ms ease-in-out;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.toggleCollapseSearch .toggleSearchIcon::before,
.collapsible-section-header .toggleSearchIcon::before,
.toggleCollapseSearch .icon-element::before,
.collapsible-section-header .icon-element::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.toggleCollapseSearch .toggleSearchIcon.toggleSearchIcon-Right,
.collapsible-section-header .toggleSearchIcon.toggleSearchIcon-Right,
.toggleCollapseSearch .icon-element.toggleSearchIcon-Right,
.collapsible-section-header .icon-element.toggleSearchIcon-Right {
  transform: rotate(-90deg);
}
.toggleCollapseSearch .toggleSearchIcon.toggleSearchIcon-Down,
.collapsible-section-header .toggleSearchIcon.toggleSearchIcon-Down,
.toggleCollapseSearch .icon-element.toggleSearchIcon-Down,
.collapsible-section-header .icon-element.toggleSearchIcon-Down {
  transform: rotate(0deg);
}
.toggleCollapseSearch .toggleSearchTitle,
.collapsible-section-header .toggleSearchTitle,
.toggleCollapseSearch .section-header,
.collapsible-section-header .section-header {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  margin-bottom: 0;
}
.toggleCollapseSearch::after,
.collapsible-section-header::after {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  content: "";
  height: 1px;
  background-color: rgba(255, 255, 255, 0.05);
  margin: 0 24px;
}
.searchRulesMainContainer,
.collapsible-section-content {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 16px;
  border-bottom: 1px solid #3A454C;
}
.searchGroupsContainer,
.search-group {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
}
.searchRulesMainContainer .grupo,
.collapsible-section-content .search-group {
  padding: 16px;
  border: 1px solid #3A454C;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
}
.searchRulesMainContainer .grupo section.agrupacion,
.collapsible-section-content .search-group section.agrupacion,
.searchRulesMainContainer .grupo .search-group-header,
.collapsible-section-content .search-group .search-group-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  margin-bottom: 8px;
}
.searchRulesMainContainer .grupo section.agrupacion header,
.collapsible-section-content .search-group section.agrupacion header,
.searchRulesMainContainer .grupo .search-group-header header,
.collapsible-section-content .search-group .search-group-header header,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  flex-wrap: wrap;
}
.searchRulesMainContainer .grupo section.agrupacion header button,
.collapsible-section-content .search-group section.agrupacion header button,
.searchRulesMainContainer .grupo .search-group-header header button,
.collapsible-section-content .search-group .search-group-header header button,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 0.5rem;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  background-color: rgba(255, 255, 255, 0.05);
  gap: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #B8C2C8;
}
.searchRulesMainContainer .grupo section.agrupacion header button:disabled,
.collapsible-section-content .search-group section.agrupacion header button:disabled,
.searchRulesMainContainer .grupo .search-group-header header button:disabled,
.collapsible-section-content .search-group .search-group-header header button:disabled,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button:disabled,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button:disabled,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button:disabled,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.searchRulesMainContainer .grupo section.agrupacion header button .buttonContent,
.collapsible-section-content .search-group section.agrupacion header button .buttonContent,
.searchRulesMainContainer .grupo .search-group-header header button .buttonContent,
.collapsible-section-content .search-group .search-group-header header button .buttonContent,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button .buttonContent,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button .buttonContent,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button .buttonContent,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button .buttonContent {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.searchRulesMainContainer .grupo section.agrupacion header button:hover,
.collapsible-section-content .search-group section.agrupacion header button:hover,
.searchRulesMainContainer .grupo .search-group-header header button:hover,
.collapsible-section-content .search-group .search-group-header header button:hover,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button:hover,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button:hover,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button:hover,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.searchRulesMainContainer .grupo section.agrupacion header button.deleteGroup,
.collapsible-section-content .search-group section.agrupacion header button.deleteGroup,
.searchRulesMainContainer .grupo .search-group-header header button.deleteGroup,
.collapsible-section-content .search-group .search-group-header header button.deleteGroup,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button.deleteGroup,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button.deleteGroup,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button.deleteGroup,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button.deleteGroup {
  display: none;
}
.searchRulesMainContainer .grupo section.agrupacion header button.deleteGroup[style*="inline-block"],
.collapsible-section-content .search-group section.agrupacion header button.deleteGroup[style*="inline-block"],
.searchRulesMainContainer .grupo .search-group-header header button.deleteGroup[style*="inline-block"],
.collapsible-section-content .search-group .search-group-header header button.deleteGroup[style*="inline-block"],
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button.deleteGroup[style*="inline-block"],
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button.deleteGroup[style*="inline-block"],
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button.deleteGroup[style*="inline-block"],
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button.deleteGroup[style*="inline-block"] {
  display: inline-flex !important;
}
.searchRulesMainContainer .grupo section.agrupacion header button i.la-exclamation::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-exclamation::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-exclamation::before,
.collapsible-section-content .search-group .search-group-header header button i.la-exclamation::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-exclamation::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-exclamation::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-exclamation::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-exclamation::before,
.searchRulesMainContainer .grupo section.agrupacion header button i.la-stream::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-stream::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-stream::before,
.collapsible-section-content .search-group .search-group-header header button i.la-stream::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-stream::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-stream::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-stream::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-stream::before,
.searchRulesMainContainer .grupo section.agrupacion header button i.la-times::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-times::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-times::before,
.collapsible-section-content .search-group .search-group-header header button i.la-times::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-times::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-times::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-times::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-times::before {
  font-size: 14px;
}
.searchRulesMainContainer .grupo section.agrupacion header button i.la-exclamation::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-exclamation::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-exclamation::before,
.collapsible-section-content .search-group .search-group-header header button i.la-exclamation::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-exclamation::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-exclamation::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-exclamation::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-exclamation::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.agrupacion header button i.la-stream::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-stream::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-stream::before,
.collapsible-section-content .search-group .search-group-header header button i.la-stream::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-stream::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-stream::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-stream::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-stream::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "library_add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.agrupacion header button i.la-times::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-times::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-times::before,
.collapsible-section-content .search-group .search-group-header header button i.la-times::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-times::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-times::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-times::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-times::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.agrupacion header button i.la-filter::before,
.collapsible-section-content .search-group section.agrupacion header button i.la-filter::before,
.searchRulesMainContainer .grupo .search-group-header header button i.la-filter::before,
.collapsible-section-content .search-group .search-group-header header button i.la-filter::before,
.searchRulesMainContainer .grupo section.agrupacion .buttonsRow.search-group-buttons button i.la-filter::before,
.collapsible-section-content .search-group section.agrupacion .buttonsRow.search-group-buttons button i.la-filter::before,
.searchRulesMainContainer .grupo .search-group-header .buttonsRow.search-group-buttons button i.la-filter::before,
.collapsible-section-content .search-group .search-group-header .buttonsRow.search-group-buttons button i.la-filter::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "filter_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.reglas,
.collapsible-section-content .search-group section.reglas,
.searchRulesMainContainer .grupo .search-group-children,
.collapsible-section-content .search-group .search-group-children {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
  padding-left: 16px;
}
.searchRulesMainContainer .grupo section.reglas .regla,
.collapsible-section-content .search-group section.reglas .regla,
.searchRulesMainContainer .grupo .search-group-children .regla,
.collapsible-section-content .search-group .search-group-children .regla,
.searchRulesMainContainer .grupo section.reglas .search-rule,
.collapsible-section-content .search-group section.reglas .search-rule,
.searchRulesMainContainer .grupo .search-group-children .search-rule,
.collapsible-section-content .search-group .search-group-children .search-rule {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  background: rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}
.searchRulesMainContainer .grupo section.reglas .regla .control,
.collapsible-section-content .search-group section.reglas .regla .control,
.searchRulesMainContainer .grupo .search-group-children .regla .control,
.collapsible-section-content .search-group .search-group-children .regla .control,
.searchRulesMainContainer .grupo section.reglas .search-rule .control,
.collapsible-section-content .search-group section.reglas .search-rule .control,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control,
.collapsible-section-content .search-group .search-group-children .search-rule .control {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 150px;
}
.searchRulesMainContainer .grupo section.reglas .regla .control .warning-placeholder,
.collapsible-section-content .search-group section.reglas .regla .control .warning-placeholder,
.searchRulesMainContainer .grupo .search-group-children .regla .control .warning-placeholder,
.collapsible-section-content .search-group .search-group-children .regla .control .warning-placeholder,
.searchRulesMainContainer .grupo section.reglas .search-rule .control .warning-placeholder,
.collapsible-section-content .search-group section.reglas .search-rule .control .warning-placeholder,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control .warning-placeholder,
.collapsible-section-content .search-group .search-group-children .search-rule .control .warning-placeholder {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  margin: 0 5px 0 0 !important;
  margin-left: auto !important;
}
.searchRulesMainContainer .grupo section.reglas .regla .control input:not(.custom-combobox-input),
.collapsible-section-content .search-group section.reglas .regla .control input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo .search-group-children .regla .control input:not(.custom-combobox-input),
.collapsible-section-content .search-group .search-group-children .regla .control input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo section.reglas .search-rule .control input:not(.custom-combobox-input),
.collapsible-section-content .search-group section.reglas .search-rule .control input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo .search-group-children .search-rule .control input:not(.custom-combobox-input),
.collapsible-section-content .search-group .search-group-children .search-rule .control input:not(.custom-combobox-input) {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
}
.searchRulesMainContainer .grupo section.reglas .regla .control .search-input input:not(.custom-combobox-input),
.collapsible-section-content .search-group section.reglas .regla .control .search-input input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo .search-group-children .regla .control .search-input input:not(.custom-combobox-input),
.collapsible-section-content .search-group .search-group-children .regla .control .search-input input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo section.reglas .search-rule .control .search-input input:not(.custom-combobox-input),
.collapsible-section-content .search-group section.reglas .search-rule .control .search-input input:not(.custom-combobox-input),
.searchRulesMainContainer .grupo .search-group-children .search-rule .control .search-input input:not(.custom-combobox-input),
.collapsible-section-content .search-group .search-group-children .search-rule .control .search-input input:not(.custom-combobox-input) {
  padding: 0 8px;
  background: transparent;
  border: none;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="10012"] input.valor,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="10012"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="10012"] input.valor,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="10012"] input.valor,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="10012"] input.valor,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="10012"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="10012"] input.valor,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="10012"] input.valor,
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="16"] input.valor,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="16"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="16"] input.valor,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="16"] input.valor,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="16"] input.valor,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="16"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="16"] input.valor,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="16"] input.valor {
  display: none;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="10012"] .search-input,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="10012"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="10012"] .search-input,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="10012"] .search-input,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="10012"] .search-input,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="10012"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input,
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="16"] .search-input,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="16"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="16"] .search-input,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="16"] .search-input,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="16"] .search-input,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="16"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="16"] .search-input,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="16"] .search-input {
  width: 280px;
  flex: none;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="10012"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="10012"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="10012"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="10012"] .search-input span.text,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="10012"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="10012"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input span.text,
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="16"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="16"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="16"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="16"] .search-input span.text,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="16"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="16"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="16"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="16"] .search-input span.text {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  font-size: 12px;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="10012"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="10012"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="10012"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="10012"] .search-input .search_button,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="10012"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="10012"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="10012"] .search-input .search_button,
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="16"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="16"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="16"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="16"] .search-input .search_button,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="16"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="16"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="16"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="16"] .search-input .search_button {
  margin-left: auto;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="9"] input.valor,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="9"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="9"] input.valor,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="9"] input.valor,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="9"] input.valor,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="9"] input.valor,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="9"] input.valor,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="9"] input.valor {
  width: 100%;
  border-radius: 6px;
  padding: 8px 12px;
  color: #E6ECEF;
  font-size: 12px;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="9"] .search-input,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="9"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="9"] .search-input,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="9"] .search-input,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="9"] .search-input,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="9"] .search-input,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="9"] .search-input,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="9"] .search-input {
  width: 280px;
  flex: none;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="9"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="9"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="9"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="9"] .search-input span.text,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="9"] .search-input span.text,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="9"] .search-input span.text,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="9"] .search-input span.text,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="9"] .search-input span.text {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  font-size: 12px;
}
.searchRulesMainContainer .grupo section.reglas .regla .control[data-tipocampo="9"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .regla .control[data-tipocampo="9"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .regla .control[data-tipocampo="9"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .regla .control[data-tipocampo="9"] .search-input .search_button,
.searchRulesMainContainer .grupo section.reglas .search-rule .control[data-tipocampo="9"] .search-input .search_button,
.collapsible-section-content .search-group section.reglas .search-rule .control[data-tipocampo="9"] .search-input .search_button,
.searchRulesMainContainer .grupo .search-group-children .search-rule .control[data-tipocampo="9"] .search-input .search_button,
.collapsible-section-content .search-group .search-group-children .search-rule .control[data-tipocampo="9"] .search-input .search_button {
  margin-left: auto;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input-category,
.collapsible-section-content .search-group section.reglas .regla .search-input-category,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input-category,
.collapsible-section-content .search-group .search-group-children .regla .search-input-category,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input-category,
.collapsible-section-content .search-group section.reglas .search-rule .search-input-category,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input-category,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input-category {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  height: 32px;
  width: 280px;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input-category span.text,
.collapsible-section-content .search-group section.reglas .regla .search-input-category span.text,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input-category span.text,
.collapsible-section-content .search-group .search-group-children .regla .search-input-category span.text,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input-category span.text,
.collapsible-section-content .search-group section.reglas .search-rule .search-input-category span.text,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input-category span.text,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input-category span.text {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  font-size: 12px;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input-category button.search_category,
.collapsible-section-content .search-group section.reglas .regla .search-input-category button.search_category,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input-category button.search_category,
.collapsible-section-content .search-group .search-group-children .regla .search-input-category button.search_category,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input-category button.search_category,
.collapsible-section-content .search-group section.reglas .search-rule .search-input-category button.search_category,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input-category button.search_category,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input-category button.search_category {
  padding: 0 12px !important;
  height: 100%;
  background-color: #004F6E;
  border-radius: 0 4px 4px 0;
  margin-left: auto;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input-category button.search_category i.icon_pam_search::before,
.collapsible-section-content .search-group section.reglas .regla .search-input-category button.search_category i.icon_pam_search::before,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input-category button.search_category i.icon_pam_search::before,
.collapsible-section-content .search-group .search-group-children .regla .search-input-category button.search_category i.icon_pam_search::before,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input-category button.search_category i.icon_pam_search::before,
.collapsible-section-content .search-group section.reglas .search-rule .search-input-category button.search_category i.icon_pam_search::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input-category button.search_category i.icon_pam_search::before,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input-category button.search_category i.icon_pam_search::before {
  color: #FFFFFF;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input-category button.search_category:hover,
.collapsible-section-content .search-group section.reglas .regla .search-input-category button.search_category:hover,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input-category button.search_category:hover,
.collapsible-section-content .search-group .search-group-children .regla .search-input-category button.search_category:hover,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input-category button.search_category:hover,
.collapsible-section-content .search-group section.reglas .search-rule .search-input-category button.search_category:hover,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input-category button.search_category:hover,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input-category button.search_category:hover {
  background-color: #0A6F8F;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-input,
.collapsible-section-content .search-group section.reglas .regla .search-input,
.searchRulesMainContainer .grupo .search-group-children .regla .search-input,
.collapsible-section-content .search-group .search-group-children .regla .search-input,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-input,
.collapsible-section-content .search-group section.reglas .search-rule .search-input,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-input,
.collapsible-section-content .search-group .search-group-children .search-rule .search-input,
.searchRulesMainContainer .grupo section.reglas .regla .search-text-field,
.collapsible-section-content .search-group section.reglas .regla .search-text-field,
.searchRulesMainContainer .grupo .search-group-children .regla .search-text-field,
.collapsible-section-content .search-group .search-group-children .regla .search-text-field,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-text-field,
.collapsible-section-content .search-group section.reglas .search-rule .search-text-field,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-text-field,
.collapsible-section-content .search-group .search-group-children .search-rule .search-text-field {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 0;
  overflow: visible;
  height: 32px;
  position: relative;
}
.searchRulesMainContainer .grupo section.reglas .regla input[type="text"],
.collapsible-section-content .search-group section.reglas .regla input[type="text"],
.searchRulesMainContainer .grupo .search-group-children .regla input[type="text"],
.collapsible-section-content .search-group .search-group-children .regla input[type="text"],
.searchRulesMainContainer .grupo section.reglas .search-rule input[type="text"],
.collapsible-section-content .search-group section.reglas .search-rule input[type="text"],
.searchRulesMainContainer .grupo .search-group-children .search-rule input[type="text"],
.collapsible-section-content .search-group .search-group-children .search-rule input[type="text"] {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  padding: 8px 12px;
  font-size: 12px;
  min-width: 0;
  height: 100%;
  position: relative;
  z-index: 1;
}
.searchRulesMainContainer .grupo section.reglas .regla .asset-included-in-bag-control,
.collapsible-section-content .search-group section.reglas .regla .asset-included-in-bag-control,
.searchRulesMainContainer .grupo .search-group-children .regla .asset-included-in-bag-control,
.collapsible-section-content .search-group .search-group-children .regla .asset-included-in-bag-control,
.searchRulesMainContainer .grupo section.reglas .search-rule .asset-included-in-bag-control,
.collapsible-section-content .search-group section.reglas .search-rule .asset-included-in-bag-control,
.searchRulesMainContainer .grupo .search-group-children .search-rule .asset-included-in-bag-control,
.collapsible-section-content .search-group .search-group-children .search-rule .asset-included-in-bag-control {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
}
.searchRulesMainContainer .grupo section.reglas .regla .asset-included-in-bag-control input.asset-included-in-bag-input,
.collapsible-section-content .search-group section.reglas .regla .asset-included-in-bag-control input.asset-included-in-bag-input,
.searchRulesMainContainer .grupo .search-group-children .regla .asset-included-in-bag-control input.asset-included-in-bag-input,
.collapsible-section-content .search-group .search-group-children .regla .asset-included-in-bag-control input.asset-included-in-bag-input,
.searchRulesMainContainer .grupo section.reglas .search-rule .asset-included-in-bag-control input.asset-included-in-bag-input,
.collapsible-section-content .search-group section.reglas .search-rule .asset-included-in-bag-control input.asset-included-in-bag-input,
.searchRulesMainContainer .grupo .search-group-children .search-rule .asset-included-in-bag-control input.asset-included-in-bag-input,
.collapsible-section-content .search-group .search-group-children .search-rule .asset-included-in-bag-control input.asset-included-in-bag-input {
  margin: 0;
  height: 32px;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.searchRulesMainContainer .grupo section.reglas .regla .asset-included-in-bag-control button.search-asset-bag-button,
.collapsible-section-content .search-group section.reglas .regla .asset-included-in-bag-control button.search-asset-bag-button,
.searchRulesMainContainer .grupo .search-group-children .regla .asset-included-in-bag-control button.search-asset-bag-button,
.collapsible-section-content .search-group .search-group-children .regla .asset-included-in-bag-control button.search-asset-bag-button,
.searchRulesMainContainer .grupo section.reglas .search-rule .asset-included-in-bag-control button.search-asset-bag-button,
.collapsible-section-content .search-group section.reglas .search-rule .asset-included-in-bag-control button.search-asset-bag-button,
.searchRulesMainContainer .grupo .search-group-children .search-rule .asset-included-in-bag-control button.search-asset-bag-button,
.collapsible-section-content .search-group .search-group-children .search-rule .asset-included-in-bag-control button.search-asset-bag-button {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 32px;
  border-radius: 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
  background-color: rgba(255, 255, 255, 0.05);
  gap: 4px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  color: #B8C2C8;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.searchRulesMainContainer .grupo section.reglas .regla .asset-included-in-bag-control button.search-asset-bag-button:hover,
.collapsible-section-content .search-group section.reglas .regla .asset-included-in-bag-control button.search-asset-bag-button:hover,
.searchRulesMainContainer .grupo .search-group-children .regla .asset-included-in-bag-control button.search-asset-bag-button:hover,
.collapsible-section-content .search-group .search-group-children .regla .asset-included-in-bag-control button.search-asset-bag-button:hover,
.searchRulesMainContainer .grupo section.reglas .search-rule .asset-included-in-bag-control button.search-asset-bag-button:hover,
.collapsible-section-content .search-group section.reglas .search-rule .asset-included-in-bag-control button.search-asset-bag-button:hover,
.searchRulesMainContainer .grupo .search-group-children .search-rule .asset-included-in-bag-control button.search-asset-bag-button:hover,
.collapsible-section-content .search-group .search-group-children .search-rule .asset-included-in-bag-control button.search-asset-bag-button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.searchRulesMainContainer .grupo section.reglas .regla .input-date-style.valor,
.collapsible-section-content .search-group section.reglas .regla .input-date-style.valor,
.searchRulesMainContainer .grupo .search-group-children .regla .input-date-style.valor,
.collapsible-section-content .search-group .search-group-children .regla .input-date-style.valor,
.searchRulesMainContainer .grupo section.reglas .search-rule .input-date-style.valor,
.collapsible-section-content .search-group section.reglas .search-rule .input-date-style.valor,
.searchRulesMainContainer .grupo .search-group-children .search-rule .input-date-style.valor,
.collapsible-section-content .search-group .search-group-children .search-rule .input-date-style.valor {
  width: 200px;
  overflow: hidden;
  display: flex !important;
}
.searchRulesMainContainer .grupo section.reglas .regla .input-date-style.valor .vsn-ico-datepicker::before,
.collapsible-section-content .search-group section.reglas .regla .input-date-style.valor .vsn-ico-datepicker::before,
.searchRulesMainContainer .grupo .search-group-children .regla .input-date-style.valor .vsn-ico-datepicker::before,
.collapsible-section-content .search-group .search-group-children .regla .input-date-style.valor .vsn-ico-datepicker::before,
.searchRulesMainContainer .grupo section.reglas .search-rule .input-date-style.valor .vsn-ico-datepicker::before,
.collapsible-section-content .search-group section.reglas .search-rule .input-date-style.valor .vsn-ico-datepicker::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule .input-date-style.valor .vsn-ico-datepicker::before,
.collapsible-section-content .search-group .search-group-children .search-rule .input-date-style.valor .vsn-ico-datepicker::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "calendar_month";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-group-control.autocomplete,
.collapsible-section-content .search-group section.reglas .regla .search-group-control.autocomplete,
.searchRulesMainContainer .grupo .search-group-children .regla .search-group-control.autocomplete,
.collapsible-section-content .search-group .search-group-children .regla .search-group-control.autocomplete,
.searchRulesMainContainer .grupo section.reglas .search-rule .search-group-control.autocomplete,
.collapsible-section-content .search-group section.reglas .search-rule .search-group-control.autocomplete,
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-group-control.autocomplete,
.collapsible-section-content .search-group .search-group-children .search-rule .search-group-control.autocomplete {
  width: 280px;
  height: 32px;
}
.searchRulesMainContainer .grupo section.reglas .regla .search-group-control.autocomplete[style*="display: block"],
.collapsible-section-content .search-group section.reglas .regla .search-group-control.autocomplete[style*="display: block"],
.searchRulesMainContainer .grupo .search-group-children .regla .search-group-control.autocomplete[style*="display: block"],
.collapsible-section-content .search-group .search-group-children .regla .search-group-control.autocomplete[style*="display: block"],
.searchRulesMainContainer .grupo section.reglas .search-rule .search-group-control.autocomplete[style*="display: block"],
.collapsible-section-content .search-group section.reglas .search-rule .search-group-control.autocomplete[style*="display: block"],
.searchRulesMainContainer .grupo .search-group-children .search-rule .search-group-control.autocomplete[style*="display: block"],
.collapsible-section-content .search-group .search-group-children .search-rule .search-group-control.autocomplete[style*="display: block"] {
  display: flex !important;
}
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  background-color: transparent;
  color: #B8C2C8;
  padding: 8px;
  min-width: auto;
}
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine:disabled,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine:disabled,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine:disabled,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine:disabled,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine:disabled,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine:disabled,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine:disabled,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine:disabled,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule:disabled,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule:disabled,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule:disabled,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule:disabled,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule:disabled,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule:disabled,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule:disabled,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine:hover,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine:hover,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine:hover,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine:hover,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine:hover,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine:hover,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine:hover,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine:hover,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule:hover,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule:hover,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule:hover,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule:hover,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule:hover,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule:hover,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule:hover,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine span.material-symbols-outlined,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine span.material-symbols-outlined,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine span.material-symbols-outlined,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine span.material-symbols-outlined,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine span.material-symbols-outlined,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine span.material-symbols-outlined,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine span.material-symbols-outlined,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine span.material-symbols-outlined,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule span.material-symbols-outlined,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule span.material-symbols-outlined,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule span.material-symbols-outlined,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule span.material-symbols-outlined,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule span.material-symbols-outlined,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule span.material-symbols-outlined,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule span.material-symbols-outlined,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule span.material-symbols-outlined,
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine i,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine i,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine i,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine i,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine i,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine i,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine i,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine i,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule i,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule i,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule i,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule i,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule i,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule i,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule i,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule i {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine span.material-symbols-outlined::before,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine span.material-symbols-outlined::before,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine span.material-symbols-outlined::before,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine span.material-symbols-outlined::before,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule span.material-symbols-outlined::before,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule span.material-symbols-outlined::before,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule span.material-symbols-outlined::before,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule span.material-symbols-outlined::before,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule span.material-symbols-outlined::before,
.searchRulesMainContainer .grupo section.reglas .regla button.deleteLine i::before,
.collapsible-section-content .search-group section.reglas .regla button.deleteLine i::before,
.searchRulesMainContainer .grupo .search-group-children .regla button.deleteLine i::before,
.collapsible-section-content .search-group .search-group-children .regla button.deleteLine i::before,
.searchRulesMainContainer .grupo section.reglas .search-rule button.deleteLine i::before,
.collapsible-section-content .search-group section.reglas .search-rule button.deleteLine i::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.deleteLine i::before,
.collapsible-section-content .search-group .search-group-children .search-rule button.deleteLine i::before,
.searchRulesMainContainer .grupo section.reglas .regla button.remove-rule i::before,
.collapsible-section-content .search-group section.reglas .regla button.remove-rule i::before,
.searchRulesMainContainer .grupo .search-group-children .regla button.remove-rule i::before,
.collapsible-section-content .search-group .search-group-children .regla button.remove-rule i::before,
.searchRulesMainContainer .grupo section.reglas .search-rule button.remove-rule i::before,
.collapsible-section-content .search-group section.reglas .search-rule button.remove-rule i::before,
.searchRulesMainContainer .grupo .search-group-children .search-rule button.remove-rule i::before,
.collapsible-section-content .search-group .search-group-children .search-rule button.remove-rule i::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.searchRulesMainContainer .grupo section.grupoContainer .grupo,
.collapsible-section-content .search-group section.grupoContainer .grupo,
.searchRulesMainContainer .grupo .search-group-children .search-filter,
.collapsible-section-content .search-group .search-group-children .search-filter {
  margin-bottom: 10px;
}
.searchRulesMainContainer .grupo section.grupoContainer .grupo:last-child,
.collapsible-section-content .search-group section.grupoContainer .grupo:last-child,
.searchRulesMainContainer .grupo .search-group-children .search-filter:last-child,
.collapsible-section-content .search-group .search-group-children .search-filter:last-child {
  margin-bottom: 0;
}
.searchRulesMainContainer .grupo section.grupoContainer:not(:empty),
.collapsible-section-content .search-group section.grupoContainer:not(:empty) {
  margin-top: 8px;
}
.collapsible-section-content > .search-group > .search-group-children {
  padding-left: 0;
}
.searchButtonsContainer {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  display: flex;
  padding-top: 16px;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}
.searchButtonsContainer button.vsnButton.filled.search {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: rgba(255, 255, 255, 0.05);
  color: #B8C2C8;
  font-weight: 700;
  padding: 8px 24px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  white-space: nowrap;
  border-radius: 8px;
  font-size: 11px;
}
.searchButtonsContainer button.vsnButton.filled.search:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.searchButtonsContainer button.vsnButton.filled.search:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.searchButtonsContainer button.vsnButton.filled.search .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.searchButtonsContainer button.vsnButton.filled.search .buttonContent span {
  color: inherit;
}
.changeMetadataPlaceholder {
  flex: 0 0 auto !important;
  border-bottom: 1px solid #3A454C;
}
.changeMetadataPlaceholder .changeMetadataContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  padding: 0 24px;
}
.changeMetadataPlaceholder .changeMetadataContainer .headerContainer .titleContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #FFFFFF;
  height: 2.5rem;
}
.changeMetadataPlaceholder .changeMetadataContainer .headerContainer .helpContainer {
  padding: 0.75rem;
  border: 1px solid #3A454C;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.03);
  font-size: 12px;
}
.changeMetadataPlaceholder .changeMetadataContainer .addContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: relative;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #B8C2C8;
  white-space: nowrap;
  padding: 8px 16px;
  justify-content: right;
  -webkit-justify-content: right;
  -ms-justify-content: right;
  cursor: pointer;
  line-height: 1;
  background-color: rgba(255, 255, 255, 0.05);
  border-radius: 0.5rem;
  gap: 4px;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.changeMetadataPlaceholder .changeMetadataContainer .addContainer:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.changeMetadataPlaceholder .changeMetadataContainer .addContainer::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  order: 1;
}
.changeMetadataPlaceholder .changeMetadataContainer .addContainer .addRuleTitle {
  order: 2;
}
.changeMetadataPlaceholder .changeMetadataContainer .addContainer button {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: transparent;
  border: none;
  cursor: pointer;
  opacity: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  padding: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  margin-bottom: 5px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 8px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .vsn-combobox {
  min-width: 210px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .old-value-container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .old-value-container[style*="block"] {
  display: flex !important;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule input[class*="changeMetadata"],
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule textarea.changeMetadataTextarea {
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule textarea.changeMetadataTextarea {
  min-height: 60px;
  resize: vertical;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule input.changeMetadataInteger {
  appearance: textfield;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule input.changeMetadataInteger::-webkit-inner-spin-button,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule input.changeMetadataInteger::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control {
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.date_input {
  flex: none;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control .input-date-style {
  display: inline-flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control .input-date-style input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control .input-date-style .input-group-btn {
  display: flex;
  height: 100%;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container {
  display: flex;
  gap: 4px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  transition: background-color 0.15s, color 0.15s;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container .vsn-ico-plus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container .vsn-ico-edit::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "edit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.multifield .multifield-button-container .vsn-ico-bin::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input {
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 8px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .find-and-replace-container[style*="block"] {
  display: flex !important;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 8px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input span.text-helper {
  align-self: center;
  -webkit-align-self: center;
  -ms-align-self: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  color: #B8C2C8;
  font-size: 12px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .control-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-group-control.autocomplete,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input-group,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 280px;
  flex: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  height: 32px;
  overflow: hidden;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-group-control.autocomplete span.text,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input-group span.text,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input span.text {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
  font-size: 12px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-group-control.autocomplete input,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input-group input,
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .search-input input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  background: transparent;
  border: none;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input select.list-container {
  width: 280px;
  min-height: 80px;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .buttonContainer.vertical[style*="inline-block"] {
  display: flex !important;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .control.vsn_form_field_input .buttonContainer.vertical button {
  display: inline-flex !important;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .fieldRuleButtonSection {
  margin-left: auto;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .fieldRuleButtonSection button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #B8C2C8;
  padding: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .fieldRuleButtonSection button:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.changeMetadataPlaceholder .changeMetadataContainer .ruleContainer .changeMetadataRule .fieldRuleButtonSection button .minus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection {
  display: flex;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  gap: 0.5rem;
}
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .alert-invalid-search {
  background: none;
  border: none;
  cursor: pointer;
  color: #B8C2C8;
}
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .alert-invalid-search:hover {
  color: #FFFFFF;
}
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .executeButton,
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .cancelButton {
  background-color: rgba(255, 255, 255, 0.05);
  color: #B8C2C8;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 8px;
  font-size: 11px;
}
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .executeButton:hover,
.changeMetadataPlaceholder .changeMetadataContainer .actionButtonSection .cancelButton:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.configContainer {
  padding: 12px 10px;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.configContainer::-webkit-scrollbar {
  width: 5px;
}
.configContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.configContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.configContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.configContainer .mtd-displayed {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  padding-right: 20px;
}
.configContainer .mtd-displayed .vsn_form_label_row {
  margin-left: auto;
  width: auto !important;
  color: #B8C2C8 !important;
  padding: 0;
  font-weight: 700;
}
.searchContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.searchContainer .secondaryToolbar .elements-group {
  padding: 0;
}
.searchContainer .search-result-wrapper.search-result-with-faceting {
  overflow: visible;
}
.searchContainer .search-result-wrapper.search-result-with-faceting .faceting_parent {
  overflow: visible;
}
.searchContainer .search-result-wrapper.search-result-with-faceting .faceting_parent .faceting_container {
  overflow: visible;
  max-height: unset !important;
}
.searchContainer [data-id="search-result-grid"] {
  max-height: unset !important;
}
body.v2-theme .tabToolbar .BTN_NL_SEARCH {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 12px;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
body.v2-theme .tabToolbar .BTN_NL_SEARCH .nl-ai-btn-icon {
  font-size: 14px;
  color: #FFFFFF;
}
body.v2-theme .tabToolbar .BTN_NL_SEARCH:hover {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  box-shadow: 0 2px 8px rgba(26, 166, 198, 0.35);
  color: #FFFFFF;
}
body.v2-theme .waiIndexAsset.nl-ai-btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 12px;
  padding: 4px 12px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
body.v2-theme .waiIndexAsset.nl-ai-btn .btn-ico.nl-ai-btn-icon {
  font-size: 14px;
  color: #FFFFFF;
}
body.v2-theme .waiIndexAsset.nl-ai-btn:hover {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  box-shadow: 0 2px 8px rgba(26, 166, 198, 0.35);
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.nl-search-dialog {
  border-radius: 0.5rem;
  overflow: hidden;
}
body.v2-theme .ui-dialog.nl-search-dialog .ui-dialog-titlebar,
body.v2-theme .ui-dialog.nl-search-dialog .ui-custom-titlebar {
  height: 2rem;
  padding: 0 8px 0 12px;
  border-bottom: 1px solid #3A454C;
  background: #003B54;
}
body.v2-theme .ui-dialog.nl-search-dialog .ui-dialog-title,
body.v2-theme .ui-dialog.nl-search-dialog .ui-dialog-custom-title {
  display: none;
}
body.v2-theme .ui-dialog.nl-search-dialog .ui-dialog-titlebar-close {
  width: 20px;
  height: 20px;
  border-radius: 999px;
}
body.v2-theme .ui-dialog.nl-search-dialog .ui-dialog-content {
  padding: 0;
  overflow: hidden;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-container {
  height: auto;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-page {
  display: flex;
  flex-direction: column;
  background: #2A343A;
  gap: 0;
  padding: 0;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: #2A343A;
  border-bottom: 1px solid #3A454C;
  padding: 16px;
  gap: 12px;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header-icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.875rem;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  flex-shrink: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header-icon i.las {
  font-size: 20px;
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header-title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.2;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header-subtitle {
  color: rgba(255, 255, 255, 0.78);
  font-size: 12px;
  line-height: 1.45;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-prompt-section {
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 12px;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-textarea {
  min-height: 7.5rem;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.16);
  border: 1px solid rgba(110, 166, 194, 0.26);
  color: #FFFFFF;
  border-radius: 12px;
  resize: vertical;
  line-height: 1.55;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-textarea:focus {
  border-color: #0E78BC;
  outline: none;
  box-shadow: 0 0 0 3px rgba(14, 120, 188, 0.18);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-textarea::placeholder {
  color: rgba(255, 255, 255, 0.42);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-prompt-actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-translate-btn,
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn {
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  padding: 8px 16px;
  gap: 4px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.22);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-translate-btn i.las,
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn i.las {
  font-size: 14px;
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-translate-btn:hover:not(:disabled),
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-translate-btn:disabled,
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  box-shadow: none;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn {
  background: rgba(255, 255, 255, 0.1);
  box-shadow: none;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-save-btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.2);
  box-shadow: none;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-preview-section {
  margin: 0 16px 16px;
  padding: 16px;
  border: 1px solid rgba(110, 166, 194, 0.2);
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.14);
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-confidence-label {
  color: #B8C2C8;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-warning-item,
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-question-item {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
body.v2-theme .ui-dialog.nl-search-dialog .nl-search-warning-item {
  color: #F59E0B;
}
body.v2-theme .search-categories-dialog.dialog-placeholder {
  background-color: unset;
}
body.v2-theme .search-categories-dialog .dialog-element {
  min-width: 450px;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-header .dialog-title {
  font-weight: 700;
  letter-spacing: 0.025rem;
  color: #FFFFFF;
  line-height: unset;
  font-size: 14px;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content {
  overflow: hidden !important;
  padding-bottom: 0 !important;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-tree ul.fancytree-container {
  max-height: 300px;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-tree button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  display: block;
  float: right;
  margin-top: 8px;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-tree button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-tree button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-tree button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .search-categories-dialog .dialog-element .dialog-content .search-categories-container .search-categories-buttons {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  gap: 8px;
  padding: 16px 0 16px 16px;
}
@media screen and (max-width: 768px) {
  body.v2-theme .ui-dialog.nl-search-dialog .nl-search-header,
  body.v2-theme .ui-dialog.nl-search-dialog .nl-search-prompt-section {
    padding: 12px;
  }
  body.v2-theme .ui-dialog.nl-search-dialog .nl-search-preview-section {
    margin: 0 12px 12px;
  }
}
.vsn_form_main_content {
  width: 100%;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  padding: 0;
  box-sizing: border-box;
}
.vsn_form_row {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  padding: 4px 2px;
  margin: 4px auto;
}
.vsn_form_row.boolean,
.vsn_form_row_checkbox {
  flex-direction: row-reverse;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.vsn_form_row.boolean .vsn_form_label_row,
.vsn_form_row_checkbox .vsn_form_label_row {
  padding: 0;
}
.vsn_form_row.boolean .vsn_form_field_input,
.vsn_form_row_checkbox .vsn_form_field_input {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin-right: 0.5rem;
  width: auto !important;
}
.vsn_form_label_row {
  float: none;
  width: 100% !important;
  text-align: left;
  text-shadow: none;
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4 !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 0 0 4px 0;
}
.vsn_form_edit .vsn_form_row:focus-within .vsn_form_label_row {
  color: #0A6F8F;
}
.vsn_form_edit .vsn_form_row:focus-within .vsn_form_label_row.error,
.vsn_form_label_row.error {
  color: #EF4444;
}
.vsn_form_label_row[title]:not([title=""]) {
  text-decoration: underline;
  text-decoration-style: dotted;
  cursor: help;
}
.vsn_form_field_input {
  z-index: auto;
  width: 100% !important;
  float: none;
}
.vsn_form_field_input .vsn_form_metadata_main_container {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 4px;
}
input[type="text"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="password"],
textarea,
select,
.vsn_form_short_text,
.vsn_form_long_text,
.vsn_form_rest_service,
input.vsn_form_real,
input.vsn_form_date,
input.vsn_form_int,
input.vsn_form_time,
input.vsn_form_timecode,
input.vsn_form_entity,
.vsn_form_entity_list {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  padding: 8px 12px;
  box-sizing: border-box;
  width: 100%;
  transition: border-color 150ms ease-in-out;
}
input[type="text"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
textarea:focus:not([readonly]),
select:focus:not([readonly]),
.vsn_form_short_text:focus:not([readonly]),
.vsn_form_long_text:focus:not([readonly]),
.vsn_form_rest_service:focus:not([readonly]),
input.vsn_form_real:focus:not([readonly]),
input.vsn_form_date:focus:not([readonly]),
input.vsn_form_int:focus:not([readonly]),
input.vsn_form_time:focus:not([readonly]),
input.vsn_form_timecode:focus:not([readonly]),
input.vsn_form_entity:focus:not([readonly]),
.vsn_form_entity_list:focus:not([readonly]) {
  border-color: #0A6F8F;
  outline: none;
}
input[type="text"].error,
input[type="number"].error,
input[type="email"].error,
input[type="date"].error,
input[type="time"].error,
input[type="password"].error,
textarea.error,
select.error,
.vsn_form_short_text.error,
.vsn_form_long_text.error,
.vsn_form_rest_service.error,
input.vsn_form_real.error,
input.vsn_form_date.error,
input.vsn_form_int.error,
input.vsn_form_time.error,
input.vsn_form_timecode.error,
input.vsn_form_entity.error,
.vsn_form_entity_list.error {
  border-color: #EF4444;
}
input[type="text"].error:focus,
input[type="number"].error:focus,
input[type="email"].error:focus,
input[type="date"].error:focus,
input[type="time"].error:focus,
input[type="password"].error:focus,
textarea.error:focus,
select.error:focus,
.vsn_form_short_text.error:focus,
.vsn_form_long_text.error:focus,
.vsn_form_rest_service.error:focus,
input.vsn_form_real.error:focus,
input.vsn_form_date.error:focus,
input.vsn_form_int.error:focus,
input.vsn_form_time.error:focus,
input.vsn_form_timecode.error:focus,
input.vsn_form_entity.error:focus,
.vsn_form_entity_list.error:focus {
  border-color: #EF4444;
  box-shadow: none !important;
}
input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder,
input[type="date"]::placeholder,
input[type="time"]::placeholder,
input[type="password"]::placeholder,
textarea::placeholder,
select::placeholder,
.vsn_form_short_text::placeholder,
.vsn_form_long_text::placeholder,
.vsn_form_rest_service::placeholder,
input.vsn_form_real::placeholder,
input.vsn_form_date::placeholder,
input.vsn_form_int::placeholder,
input.vsn_form_time::placeholder,
input.vsn_form_timecode::placeholder,
input.vsn_form_entity::placeholder,
.vsn_form_entity_list::placeholder {
  color: #7A868E;
}
.vsn_form_long_text {
  min-height: 70px;
  resize: vertical;
}
.disabled_field {
  cursor: default;
  box-shadow: none;
  pointer-events: none;
}
.disabled_field .vsn-combobox .custom-combobox {
  background-color: #2A343A;
}
.vsn_form_real.disabled_field,
.vsn_form_date.disabled_field,
.vsn_form_int.disabled_field,
.vsn_form_time.disabled_field,
.vsn_form_timecode.disabled_field,
.vsn_form_entity.disabled_field {
  display: inline-block;
  padding: 8px 12px;
  width: 100%;
  box-sizing: border-box;
}
.vsn_form_checkbox {
  position: relative;
}
.vsn_form_checkbox input[type="checkbox"] {
  display: flex !important;
}
.vsn_form_checkbox:hover input[type="checkbox"] {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.vsn_form_sections {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.vsn_form_section_column1 {
  float: none;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}
.vsn_form_section_column2 {
  display: inline-block;
  width: 49%;
  margin: 0;
  vertical-align: top;
  box-sizing: border-box;
}
.vsn_form_section_column3 {
  display: inline-block;
  width: 32%;
  margin: 0;
  vertical-align: top;
  box-sizing: border-box;
}
.vsn_form_help,
.vsn_help_template_style {
  color: #7A868E !important;
  font-size: 10px !important;
}
.vsn_form_select,
select {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  padding: 4px 8px;
  height: 32px;
}
select.vsn_form_date_list,
select.vsn_form_datetime_list,
select.vsn_form_time_list,
select.vsn_form_integer_list,
select.vsn_form_real_list,
select.vsn_form_short_text_list,
select.vsn_form_long_text_list,
select.vsn_form_list_list,
select.vsn_form_entity_list {
  height: auto;
  min-height: 6rem;
  padding: 4px 8px;
}
.vsn_form_field_input input.vsn_form_date,
.vsn_form_field_input input.vsn_form_time {
  width: auto;
  min-width: 110px;
  max-width: 200px;
}
.vsn_table_template,
.vsn_field_template {
  color: #E6ECEF;
}
h2.expand {
  background: #004F6E;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 8px 12px;
  margin: 12px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
h2.expand a {
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: none;
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
h2.expand a::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  margin-left: auto;
  transition: all ease 0.3s;
}
h2.expand a.open::after {
  transform: rotate(180deg);
}
h2.expand.section-mode-hidden {
  display: none;
}
.hide {
  display: none !important;
}
body.v2-theme ul.ui-autocomplete.ui-menu,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  position: absolute;
  background-color: #141B1F !important;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8) !important;
  max-height: 300px !important;
  width: max-content !important;
  min-width: 200px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 90000 !important;
  list-style: none;
}
body.v2-theme ul.ui-autocomplete.ui-menu::-webkit-scrollbar,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme ul.ui-autocomplete.ui-menu::-webkit-scrollbar-thumb,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme ul.ui-autocomplete.ui-menu::-webkit-scrollbar-thumb:hover,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme ul.ui-autocomplete.ui-menu::-webkit-scrollbar-track,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item:hover,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item:hover,
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item:focus,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item:has(.ui-menu-item-wrapper.ui-state-active),
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item:has(.ui-menu-item-wrapper.ui-state-active) {
  border-left-color: #008F6A;
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item-wrapper {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper.ui-state-active a,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item-wrapper.ui-state-active a {
  color: #FFFFFF !important;
}
body.v2-theme ul.ui-autocomplete.ui-menu .ui-menu-item-wrapper a,
body.v2-theme ul.ui-autocomplete-thesaurus.ui-menu .ui-menu-item-wrapper a {
  color: #B8C2C8 !important;
}
.vsn_form_row.date-custom.disabled .custom-date-container {
  pointer-events: none;
}
.vsn_form_row.date-custom.disabled .custom-date-option {
  opacity: 0.5;
}
.vsn_form_row.date-custom.disabled input.vsn_form_date {
  background-color: rgba(255, 255, 255, 0.03) !important;
  border-color: #3A454C !important;
  color: #B8C2C8 !important;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
.vsn_form_row.vsn_form_multifield .baseTableContainer {
  overflow: hidden;
}
.vsn_form_row.vsn_form_multifield .baseTableContainer .baseTableHeaderContainer {
  overflow: hidden;
}
.vsn_form_row.vsn_form_multifield .baseTableContainer .baseTableBodyContainer {
  overflow-x: auto;
  background-color: rgba(255, 255, 255, 0.03);
}
.vsn_form_row.vsn_form_multifield .baseTableContainer .vsn_table {
  table-layout: auto;
  white-space: nowrap;
}
.vsn_form_row.vsn_form_multifield .baseTableContainer th {
  min-width: 120px;
}
.vsn_form_row.vsn_form_multifield td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 0px;
  vertical-align: middle;
}
.vsn_form_row.vsn_form_multifield td ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.vsn_form_row.vsn_form_multifield td li {
  list-style: none;
  padding: 0;
  background: none;
  border: none;
}
.vsn_form_row.vsn_form_multifield td img {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px;
  border-radius: 50%;
  vertical-align: middle;
  object-fit: cover;
  flex-shrink: 0;
}
.vsn_form_row.vsn_form_multifield td .thesaurus-term-left-item {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.vsn_form_row.vsn_form_multifield td .term-info {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.vsn_form_row.vsn_form_multifield td .thesaurus-path,
.vsn_form_row.vsn_form_multifield td .thesaurus-actions {
  display: none;
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input {
  position: relative;
  border: 1px solid #3A454C !important;
  border-radius: 4px;
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-edit-controls,
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-read-controls {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  display: flex;
  gap: 4px;
  padding: 4px 0;
  background-color: rgba(255, 255, 255, 0.03);
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-edit-controls button.tinyButton,
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-read-controls button.tinyButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  color: #B8C2C8;
  transition: background-color 150ms ease-in-out;
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-edit-controls button.tinyButton:hover,
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-read-controls button.tinyButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-edit-controls button.tinyButton span,
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-read-controls button.tinyButton span {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-edit-controls .multifield-add span::before,
.vsn_form_row.vsn_form_multifield .vsn_form_field_input .buttonContainer.multifield-read-controls .multifield-add span::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_field_input .buttonContainer button.btn.btn-transparent {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  color: #B8C2C8;
  transition: background-color 150ms ease-in-out;
}
.vsn_form_field_input .buttonContainer button.btn.btn-transparent:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
.vsn_form_field_input .buttonContainer button.btn.btn-transparent span {
  display: flex;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.vsn_form_field_input .buttonContainer button.btn.btn-transparent span.plus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_field_input .buttonContainer button.btn.btn-transparent span.user_icon_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_field_input .buttonContainer {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.vsn_form_field_input .buttonContainer button.tinyButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  color: #B8C2C8;
  transition: background-color 150ms ease-in-out;
}
.vsn_form_field_input .buttonContainer button.tinyButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
.vsn_form_field_input .buttonContainer button.tinyButton span {
  display: flex;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.vsn_form_field_input .container_with_buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.vsn_form_field_input .container_with_buttons .buttonContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  gap: 2px;
  padding: 0;
  height: auto;
  background-color: transparent;
}
.vsn_form_field_input .container_with_buttons .buttonContainer button.tinyButton,
.vsn_form_field_input .container_with_buttons .buttonContainer button.btn.btn-transparent {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  color: #B8C2C8;
  transition: background-color 150ms ease-in-out;
}
.vsn_form_field_input .container_with_buttons .buttonContainer button.tinyButton:hover,
.vsn_form_field_input .container_with_buttons .buttonContainer button.btn.btn-transparent:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
.vsn_form_field_input .container_with_buttons .buttonContainer button.tinyButton span,
.vsn_form_field_input .container_with_buttons .buttonContainer button.btn.btn-transparent span {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.vsn_form_field_input .container_with_buttons .buttonContainer button.tinyButton .plus_1::before,
.vsn_form_field_input .container_with_buttons .buttonContainer button.btn.btn-transparent .plus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.tinyButton span,
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.btn.btn-transparent span {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 16px;
  height: 16px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
}
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.tinyButton .close_medium_circle::before,
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.btn.btn-transparent .close_medium_circle::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.tinyButton .plus_1::before,
.vsn_form_field_input .vsn_form_metadata_main_container .buttonContainer button.btn.btn-transparent .plus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsn_form_thesarus_term_row .container_with_buttons,
.vsn_form_thesarus_term_row .vsn_form_metadata_main_container {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 4px;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container input.vsn_form_thesaurus_term {
  width: 100%;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term {
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  height: 32px;
  max-height: 32px;
  overflow: hidden;
  border-radius: 4px;
  padding: 0 8px;
  margin-top: 2px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  cursor: pointer;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term.ui-selected {
  background-color: #004F6E;
  border-color: #004F6E;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term span.thesaurus-term-left-item {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-width: 0;
  overflow: hidden;
  gap: 4px;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term img.thesaurus-image,
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term img.thesaurus-image-not-found {
  width: 24px !important;
  height: 24px !important;
  max-height: 24px !important;
  min-width: 24px !important;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  display: block;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term .term-info {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-width: 0;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term .thesaurus-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #E6ECEF;
  border-left: 2px solid #008F6A;
  font-size: 12px;
  line-height: 1.3;
  margin-left: 0;
  padding: 0 4px;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term .thesaurus-path {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #7A868E;
  font-size: 10px;
  line-height: 1.2;
  padding: 0 4px;
}
.vsn_form_thesarus_term_row .vsn_form_thesaurus_term_list_container li.thesaurus-list-term .thesaurus-actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  width: auto;
}
.ui-section-tags {
  padding: 8px 2px;
}
.ui-section-tags .tagContent {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  padding: 4px 0;
}
.ui-section-tags .tagContent label {
  flex-shrink: 0;
  width: 160px;
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 2;
  text-align: right;
  padding-right: 12px;
}
.ui-section-tags .tagContent .comunityTagsContainer,
.ui-section-tags .tagContent .myTagsContainer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 28px;
}
.ui-section-tags .tagContent .myTagsContainer-tag {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.ui-section-tags .display_tag {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  height: 24px;
  padding: 0 8px;
  border-radius: 4px;
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
}
.ui-section-tags .delete_tag.close_tab {
  display: flex;
  width: auto;
  height: auto;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-position: unset !important;
  border: none;
  cursor: pointer;
  padding: 0;
  color: #B8C2C8;
  opacity: 0.7;
}
.ui-section-tags .delete_tag.close_tab::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-section-tags .delete_tag.close_tab:hover {
  opacity: 1;
  color: #E6ECEF;
}
.ui-section-tags .userTagsAutocomplete.ui-autocomplete-input {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  height: 24px;
  width: 120px;
  box-sizing: border-box;
}
.ui-section-tags .userTagsAutocomplete.ui-autocomplete-input::placeholder {
  color: #7A868E;
}
.ui-section-tags .userTagsAutocomplete.ui-autocomplete-input:focus {
  border-color: #0A6F8F;
  outline: none;
}
.ui-section-tags .userTagsAutocompleteButton,
.ui-section-tags .userTagsAutocomplete-tag {
  display: flex;
  width: 24px;
  height: 24px;
  font-size: 0;
  background: none !important;
  background-image: none !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #B8C2C8;
  border-radius: 4px;
  cursor: pointer;
  padding: 0;
  margin-left: 8px;
  transition: border-color 150ms ease-in-out;
}
.ui-section-tags .userTagsAutocompleteButton::before,
.ui-section-tags .userTagsAutocomplete-tag::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-section-tags .userTagsAutocompleteButton:hover,
.ui-section-tags .userTagsAutocomplete-tag:hover {
  border-color: #4c5a63;
  color: #E6ECEF;
}
.ui-section-tags hr {
  border-width: 0px 0 0 0;
  border-color: #3A454C;
  background-color: #3A454C;
  height: 1px;
}
.added_storage_container,
.edit_added_storage_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  background: #2A343A;
  border-radius: 4px;
  border: 1px solid #3A454C;
  margin: 10px 0;
  padding: 4px;
}
.added_storage_container > .addedStorage,
.edit_added_storage_container > .addedStorage {
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.added_storage_container > .addedStorage .vsn_form_row,
.edit_added_storage_container > .addedStorage .vsn_form_row {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  margin: 0;
}
.added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container,
.edit_added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  padding: 8px;
}
.added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container input,
.edit_added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container input {
  background-color: unset;
  border: none;
  padding: 0;
  font-weight: 700;
}
.added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container > label.vsn_form_field_sublabel,
.edit_added_storage_container > .addedStorage .vsn_form_row .vsn_form_field_input > .flex_container > label.vsn_form_field_sublabel {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 11px;
}
.added_storage_container > .addedStorage .btn,
.edit_added_storage_container > .addedStorage .btn {
  background: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  text-align: center;
  position: relative;
  color: #B8C2C8;
}
.added_storage_container > .addedStorage .btn:hover,
.edit_added_storage_container > .addedStorage .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.added_storage_container > .addedStorage .btn .glyph.minus::before,
.edit_added_storage_container > .addedStorage .btn .glyph.minus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.added_storage_container > .createNewFolderCheck,
.edit_added_storage_container > .createNewFolderCheck {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  flex-wrap: nowrap;
}
.added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox,
.edit_added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox {
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox > label,
.edit_added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox > label {
  display: none;
}
.added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox .checkbox.checkbox-with-label,
.edit_added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox .checkbox.checkbox-with-label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox .checkbox.checkbox-with-label .form_label,
.edit_added_storage_container > .createNewFolderCheck .vsn_form_row_checkbox .checkbox.checkbox-with-label .form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsn_form_mandatory_message {
  font-size: 12px;
  color: #7A868E;
}
.vsn_form_error {
  font-size: 12px;
  color: #EF4444;
}
.advancedTooltipElement {
  position: absolute !important;
  z-index: 3000;
  background-color: rgba(255, 255, 255, 0.9);
  color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px 12px;
  font-size: 12px;
  max-width: 320px;
  text-align: left;
}
.vsn_form_short_text.disableSelectFrom,
.vsn_form_thesaurus_term.disableSelectFrom {
  cursor: default;
  pointer-events: none;
}
.vsn_form_error {
  color: #EF4444;
  font-weight: bold;
  font-style: normal;
  padding: 5px 10px;
  margin-top: 2px;
}
.vsn_form_real.disabled_field,
.vsn_form_date.disabled_field,
.vsn_form_datetime.disabled_field,
.vsn_form_time.disabled_field,
.vsn_form_int.disabled_field {
  display: block;
  background: #2A343A;
  cursor: default;
  color: #FFFFFF;
  height: 32px;
  width: 150px;
  overflow: hidden;
  border: 1px solid #3A454C;
  border-radius: 4px;
  font-size: 12px;
}
.vsn_form_field_input span.disabled_field {
  padding: 8px 12px;
}
input.vsn_form_real,
input.vsn_form_date,
input.vsn_form_datetime,
input.vsn_form_int,
input.vsn_form_time {
  width: 150px !important;
}
.vsn_form_entity_list,
.vsn_form_datetime_list,
.vsn_form_date_list,
.vsn_form_integer_list,
.vsn_form_time_list,
.vsn_form_real_list,
.vsn_form_short_text_list,
.vsn_form_long_text_list,
.vsn_form_list_list,
.vsn_form_thesaurus_term_list {
  background: #2A343A;
  background-color: #2A343A;
  font-family: Roboto, Arial, MingLiu_HKSCS;
  vertical-align: top;
  width: 100%;
  outline: 0px solid transparent;
  overflow: auto;
}
li.thesaurus-list-term,
span.thesaurus-list-term {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  cursor: pointer;
  padding: 5px;
  max-height: 33px;
  overflow: hidden;
  min-height: 28px;
}
.vsn_form_datetime_list_container,
.vsn_form_date_list_container,
.vsn_form_time_list_container,
.vsn_form_integer_list_container,
.vsn_form_real_list_container,
.vsn_form_short_text_list_container,
.vsn_form_long_text_list_container,
.vsn_form_entity_container,
.vsn_form_thesaurus_term_list_container {
  display: inline-block;
  width: 175px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.vsn_form_edit .vsn_form_datetime_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_date_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_time_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_integer_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_real_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_short_text_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_long_text_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_entity_container ul:not(:first-child),
.vsn_form_edit .vsn_form_thesaurus_term_list_container ul:not(:first-child),
.vsn_form_edit .vsn_form_datetime_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_date_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_time_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_integer_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_real_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_short_text_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_long_text_list_container select:not(:first-child),
.vsn_form_edit .vsn_form_entity_container select:not(:first-child),
.vsn_form_edit .vsn_form_thesaurus_term_list_container select:not(:first-child) {
  margin-top: 4px;
}
.vsn_form_short_text_list_container,
.vsn_form_long_text_list_container,
.vsn_form_thesaurus_term_list_container {
  display: inline-block;
  min-width: 175px;
  width: 80%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.vsn_form_list_list_container {
  display: inline-block;
  min-width: 175px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.vsn_form_list_list_container .vsn-combobox {
  background-color: unset !important;
}
.vsn_form_list_list_container .vsn-combobox .custom-combobox {
  max-width: 100% !important;
  width: 100% !important;
}
.vsn_form_list_list_container .vsn_form_list_list {
  margin-top: 4px;
}
.vsn_form_field_input .input-group {
  display: flex;
}
.vsn_form_field_input .input-group .input-group-btn button {
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
}
.vsn_form_field_input .input-group .input-group-btn button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
}
.elements-group.input-with-button {
  position: relative;
}
.elements-group.input-with-button input {
  background: #2A343A;
  color: #E6ECEF;
  border: none;
  outline: none;
  border-radius: 4px 0 0 4px;
  padding: 4px;
  flex: 1;
  height: 32px;
  box-sizing: border-box;
  box-shadow: 1px 1px 3px rgb(0 0 0 / 60%) inset;
}
.elements-group.input-with-button input:hover + .eraseInputContent.visible-on-hover {
  display: unset;
}
.elements-group.input-with-button .eraseInputContent {
  background: #2A343A;
  position: absolute;
  padding: 4px;
  right: 36px;
  display: none;
}
.elements-group.input-with-button .eraseInputContent.visible-on-hover:hover {
  display: unset;
}
.elements-group.input-with-button .vsnButton.filled:last-child {
  min-width: unset;
  width: 36px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #3A454C;
}
.elements-group.input-with-button .vsnButton.filled:last-child .buttonContent {
  width: 100%;
  height: 100%;
}
.videoPlayer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  min-width: 560px;
  height: 100%;
  min-height: 397px;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  border-radius: inherit;
}
.videoPlayer.image-viwer-mode .screenContainer,
.videoPlayer.image-viwer-mode .showGoToTcBox,
.videoPlayer.image-viwer-mode .playerCommandsContent,
.videoPlayer.image-viwer-mode .cataloging-view-no-proxy,
.videoPlayer.image-viwer-mode .vu-meter-button,
.videoPlayer.image-viwer-mode .vu-meter {
  display: none;
}
.videoPlayer.image-viwer-mode.full-screened .imageViewerContainer .image-viewer .navegate-btn .nav-icon::before {
  font-size: 48px;
}
.videoPlayer:not(.image-viwer-mode) .imageViewerContainer,
.videoPlayer:not(.image-viwer-mode) .playerImageCommandsContent {
  display: none;
}
.videoPlayer .playerImageCommandsContent {
  width: 100%;
  background: #141B1F;
  border-top: 1px solid #3A454C;
  padding: 0.625rem 1rem;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-wrap: nowrap !important;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 30px;
  height: 32px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  color: #7A868E;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .player_back_left::before,
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .player_end_right::before,
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .action_white::before,
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .vsn-ico-btn-fullscreen_videoPlayer::before,
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .vsn-ico-btn-exitfullscreen_videoPlayer::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .player_back_left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "skip_previous";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images button .player_end_right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "skip_next";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerImageCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-images .image-actions-placeholder {
  position: fixed;
}
.videoPlayer .screenContainer {
  height: calc(100% - 70px);
  position: relative;
  width: 100%;
}
.videoPlayer .screenContainer .screen {
  position: absolute;
  background-color: #000000;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.videoPlayer .screenContainer .screen .playersContainer {
  height: 100%;
  width: 100%;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer {
  width: 100%;
  height: 100%;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer {
  left: 0px;
  position: absolute;
  z-index: 4;
  color: white;
  width: 100%;
  height: 100%;
  padding: 2.5rem 1rem;
  background-color: rgba(0, 0, 0, 0.5);
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .infos {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-bottom: 1rem;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .infos br {
  display: none;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .overlayChart {
  display: inline-block;
  width: calc(100% - 40px);
  height: 120px;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper {
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding-top: 4px;
  margin-left: -10px;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-labels {
  position: absolute;
  top: 1px;
  bottom: -3px;
  left: -1px;
  z-index: 2;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-labels .ui-slider-label-ticks:first-child,
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-labels .ui-slider-label-ticks:last-child {
  display: none;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-labels .ui-slider-label-ticks {
  border: 1px solid transparent;
  position: absolute;
  white-space: nowrap;
  height: 1.2em;
  width: 4px;
  border-bottom: 2px solid #FFFFFF;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-labels .ui-slider-label-ticks span {
  font-size: 0.9em;
  min-width: 1.2em;
  position: relative;
  display: inline-block;
  margin-left: 8px;
  top: 0.6em;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-vertical {
  width: 0.25rem;
  height: 112px;
  background-color: #2A343A;
  border-radius: 9999px;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-vertical .ui-slider-range {
  border-radius: 9999px;
  background: #0A6F8F;
  position: absolute;
  width: 0.25rem;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .chartContainer .ui-slider-wrapper .ui-slider-vertical .ui-state-default {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  width: 12px;
  height: 12px;
  border-radius: 9999px;
  border: 2px solid #004F6E;
  border-color: #004F6E;
  background-color: #FFFFFF;
  left: -3px;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .autoZoomRate {
  display: block;
  min-width: 110px;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  bottom: 0;
  position: absolute;
  right: 0;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .autoZoomRate .autoZoomRateValue {
  min-width: 60px;
  text-shadow: #000000 2px 2px;
  color: #FFFFFF;
  white-space: normal;
  overflow: hidden;
  max-width: 99%;
  margin-bottom: 0.5em;
  font-size: 14px;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .hidden {
  display: none;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .bufferingDiv {
  position: fixed;
  z-index: 3;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  list-style: none;
  visibility: hidden;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .bufferingVideoDiv {
  height: 100%;
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  display: table;
  position: absolute;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .buffers {
  width: 100%;
  height: 100%;
  background: #000000;
}
.videoPlayer .screenContainer .screen .playersContainer .videoContainer .buffers video {
  width: 100%;
  height: 100%;
  background: #000000;
}
.videoPlayer .screenContainer .screen .vu-meter {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 60%;
  width: 54px;
  transform: translateY(-50%);
  display: flex;
  min-height: 0;
  min-width: 0;
}
.videoPlayer .screenContainer .screen .vu-meter.disabled .vu-meter-labels {
  display: none;
}
.videoPlayer .screenContainer .screen .vu-meter .vu-meter-labels {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: "-moz-box";
  min-height: 0;
  min-width: 0;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  text-align: right;
  font-size: 9px;
  padding-right: 2px;
  box-sizing: border-box;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
  width: 15px;
}
.videoPlayer .screenContainer .screen .vu-meter .vu-channel {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 100%;
  border: 1px solid #000000;
  background-image: linear-gradient(red 1%, #FF0 16%, lime 45%, #030 100%);
}
.videoPlayer .screenContainer .screen .vu-meter .vu-channel .vu-channel-mask {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: height 0.05s;
}
.videoPlayer .screenContainer .screenOver {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.videoPlayer .screenContainer .screenOver .subtitleLayer {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  bottom: 0;
  height: 60px;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  font-size: 16px;
}
.videoPlayer .showGoToTcBox {
  position: absolute;
  width: 100%;
  bottom: 120px;
}
.videoPlayer .showGoToTcBox .goToTcBox {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
  margin: auto;
  width: fit-content;
  z-index: 4;
  color: #FFFFFF;
  background: #141B1F;
  border-radius: 0.375rem;
  border: 1px solid #3A454C;
  padding: 0.5rem;
}
.videoPlayer .showGoToTcBox .goToTcBox .tc-label {
  margin-right: 0.5rem;
}
.videoPlayer .showGoToTcBox .goToTcBox .tc-input {
  height: 17.5px;
  width: 6rem;
  border-radius: 2px;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
  color: #000000;
  border-style: none;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  border-radius: 0.25rem;
  padding: 0;
  margin-left: 0.5rem;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-button:hover {
  color: #FFFFFF;
}
.videoPlayer .showGoToTcBox .goToTcBox .tc-label,
.videoPlayer .showGoToTcBox .goToTcBox .go-button {
  color: #0A6F8F;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-arrow {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  color: #0A6F8F;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-arrow:hover {
  color: #FFFFFF;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-arrow .arrow_type_blue {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 17.5px;
}
.videoPlayer .showGoToTcBox .goToTcBox .go-arrow .arrow_type_blue::before {
  content: "arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.videoPlayer.zoom-enabled .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher {
  display: flex;
}
.videoPlayer .playerCommandsContent {
  display: flex;
  min-height: 120px;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  z-index: 4;
  width: 100%;
  position: relative;
  background: #141B1F;
  gap: 0.5rem;
  border-top: 1px solid #3A454C;
  padding: 0 1rem 0.625rem 1rem;
}
.videoPlayer .playerCommandsContent .timeRow {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 100%;
  order: 2;
  font-size: 10px;
  gap: 0.5rem;
  letter-spacing: 1px;
}
.videoPlayer .playerCommandsContent .timeRow .videoZoom {
  color: #f18a8a;
}
.videoPlayer .playerCommandsContent .timeRow .time.ini:empty::before,
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .current.tcInvideo:empty::before {
  content: "--:--:--:--";
  font-size: 12px;
  font-weight: 700;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::after,
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::before {
  content: " / ";
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::after {
  margin-left: 4px;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::before {
  margin-right: 4px;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .current.blue-text {
  font-weight: 700;
  color: #0A6F8F;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .vsn-ico-pencil-small::before {
  font-size: 13px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
  color: #7A868E;
  margin-left: 4px;
  cursor: pointer;
}
.videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .vsn-ico-pencil-small:hover::before {
  color: #0A6F8F;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher {
  display: none;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  color: #f18a8a;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher::before {
  font-size: 11px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher.zoom-static-mode::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keep_off";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher .zoomModeTooltip.tooltip-right {
  color: #283A41;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .zoom-mode-switcher .zoomModeTooltip.tooltip-right::before {
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.frames,
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.seconds {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  margin-right: 4px;
  color: #f18a8a;
  cursor: pointer;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.frames::before,
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.seconds::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 13px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.frames::after,
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.seconds::after {
  content: "";
  font-size: 7px;
  margin-top: 4px;
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.frames::after {
  content: "FR";
}
.videoPlayer .playerCommandsContent .timeRow .timeEndContainer .autoZoom.seconds::after {
  content: "S";
}
.videoPlayer .playerCommandsContent .segment-row-container,
.videoPlayer .playerCommandsContent .zoomRow,
.videoPlayer .playerCommandsContent .slideRow {
  position: relative;
  cursor: pointer;
  height: 0.25rem;
  width: 100%;
  inset: 0;
  border-radius: 9999px;
  background-color: #2A343A;
  margin: 0 !important;
}
.videoPlayer .playerCommandsContent .segment-row-container {
  cursor: initial;
}
.videoPlayer .playerCommandsContent .segment-row-container .segmentsBar .segmentPart {
  background-image: linear-gradient(to right, #ca8a04, #fde047);
  height: 100%;
  position: absolute;
  border-radius: 9999px;
}
.videoPlayer .playerCommandsContent .zoomRow {
  background-image: linear-gradient(to right, #7f1d1d, #dc2626);
  cursor: initial;
}
.videoPlayer .playerCommandsContent .zoomRow .zoom-slider-text-value {
  visibility: hidden;
  width: 45px;
  height: 10px;
  background-color: blanchedalmond;
  position: relative;
  color: #000000;
}
.videoPlayer .playerCommandsContent .zoomRow .zoom-slider-text-value.hovered {
  z-index: 4000;
  visibility: visible;
  padding: 4px 5px;
}
.videoPlayer .playerCommandsContent .zoomRow.videoZoom .ui-slider-range {
  background-color: #f87171;
  height: 0.25rem;
  border-radius: 9999px;
  position: absolute;
  top: 0px;
}
.videoPlayer .playerCommandsContent .zoomRow .ui-slider-handle.ui-corner-all.ui-state-default {
  background-color: #dc2626 !important;
}
.videoPlayer .playerCommandsContent .ui-slider-handle.ui-corner-all.ui-state-default {
  height: 12px;
  position: absolute;
  width: 12px;
  border-radius: 9999px !important;
  z-index: 2;
  background: none !important;
  background-color: #0A6F8F !important;
  top: -4px !important;
  cursor: pointer;
  outline: none;
}
.videoPlayer .playerCommandsContent .ui-slider-handle.ui-corner-all.ui-state-default::before {
  background: none;
  box-shadow: none;
}
.videoPlayer .playerCommandsContent .ui-slider-handle.ui-corner-all.ui-state-default:hover {
  height: 16px;
  width: 16px;
  top: -6px !important;
  transition: all 0.1s ease;
}
.videoPlayer .playerCommandsContent .slideRow::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: var(--hover-x, 0%);
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 9999px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.1s ease;
}
.videoPlayer .playerCommandsContent .slideRow:hover::before {
  opacity: 1;
}
.videoPlayer .playerCommandsContent .slideRow .slider-progress {
  height: 100%;
  margin: 0 !important;
  width: 100%;
  background: none;
}
.videoPlayer .playerCommandsContent .slideRow .slider-progress .ui-slider-range {
  background-image: linear-gradient(to right, #004F6E, #0A6F8F);
  height: 100%;
  position: absolute;
  border-radius: 9999px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 {
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-content: center;
  flex-wrap: nowrap;
  width: 100%;
  position: relative;
  display: flex;
  padding: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-editable,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-online,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-transferring,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-nearline,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-offline,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unknown,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-not-found-in-server,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-allocated,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unavailable {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-editable::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-online::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-transferring::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-nearline::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-offline::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unknown::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-not-found-in-server::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-allocated::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unavailable::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-editable {
  color: #00e000;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-online {
  color: #39b2fb;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-transferring {
  color: #ff0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-nearline {
  color: #5c4033;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-offline {
  color: #f00;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unknown {
  color: #777;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-not-found-in-server {
  color: #000;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-allocated {
  color: #8f21c8;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status-unavailable {
  color: #e65100;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-main-buttons {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  background: none;
  cursor: pointer;
  color: #7A868E;
  border-radius: 8px;
  width: 30px;
  height: 2rem;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button.refresh,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button.refresh,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button.refresh {
  display: none;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button:hover,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button:hover,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button span,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button span,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button span {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-image: none;
  position: unset;
  transform: unset;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_left::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_left::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_left::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-second::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-second::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-second::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_rewind_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_rewind_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_rewind_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_back_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_back_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_back_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_end_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_end_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_end_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_forward_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_forward_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_forward_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepForward-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepForward-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepForward-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_slow::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_slow::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_slow::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_right::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_right::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_right::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .ray_icon_white::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .ray_icon_white::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .ray_icon_white::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-send-segment-ico::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-send-segment-ico::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-send-segment-ico::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-ico-create-thumbnail::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-ico-create-thumbnail::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-ico-create-thumbnail::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_signal::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_signal::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_signal::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-ico-btn-fullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-ico-btn-fullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-ico-btn-fullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-ico-btn-exitfullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-ico-btn-exitfullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-ico-btn-exitfullscreen_videoPlayer::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .options-menu::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .options-menu::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .options-menu::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_left,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_left,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_left {
  flex-direction: column;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_back_2";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: relative;
  margin-bottom: -15px;
  transform: rotate(-90deg);
  margin-right: 10px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_left::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_left::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_left::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "horizontal_rule";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: scaleX(2);
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-second::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-second::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-second::before {
  content: "2";
  font-size: 11px;
  margin-right: -3px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-second::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-second::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-second::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_back_2";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-first::before {
  content: "1";
  font-size: 11px;
  margin-right: -3px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepBack-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepBack-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepBack-first::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_back_2";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_rewind_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_rewind_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_rewind_left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fast_rewind";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_back_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_back_left::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_back_left::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "skip_previous";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button.play.pause .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button.play.pause .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button.play.pause .player_play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button.play .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button.play .player_play::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button.play .player_play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "pause";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_end_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_end_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_end_right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "skip_next";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_forward_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_forward_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_forward_right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fast_forward";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepForward-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepForward-first::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepForward-first::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .stepForward-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .stepForward-first::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .stepForward-first::after {
  content: "1";
  font-size: 11px;
  margin-left: -3px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_slow::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_slow::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_slow::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "resume";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_right,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_right,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_right {
  flex-direction: column;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_right::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_back_2";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: relative;
  margin-bottom: -15px;
  transform: rotate(-90deg);
  margin-left: 10px;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_point_right::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_point_right::after,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_point_right::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "horizontal_rule";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: scaleX(2);
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-send-segment-ico::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-send-segment-ico::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-send-segment-ico::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "forward";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .vsn-ico-create-thumbnail::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .vsn-ico-create-thumbnail::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .vsn-ico-create-thumbnail::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "linked_camera";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .player_signal::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .player_signal::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .player_signal::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "online_prediction";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video button .options-menu::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-extra button .options-menu::before,
.videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.expandable-menu-icon button .options-menu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "menu";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn {
  flex-direction: column-reverse;
  position: absolute;
  right: 0.75rem !important;
  left: auto !important;
  top: unset !important;
  bottom: 4.5rem;
  background: #2A343A;
  border-radius: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: 0.125rem;
  z-index: 2;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
  width: 2rem;
  height: 2rem;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .sound_player::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .sound_player::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .sound_player::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "volume_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .subtitles_blue_ondark::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .subtitles_blue_ondark::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .subtitles_blue_ondark::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "subtitles";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .player_sound::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .player_sound::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .player_sound::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "headphones";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .sound_player::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .subtitles_blue_ondark::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .player_sound::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .graphic_blue_ondark::before {
  font-feature-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .graphic_blue_ondark::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "finance";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn button {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
  border-radius: 4px;
  width: 32px;
  height: 32px;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent.hover .volumeBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent.hover .volumeSlider {
  display: block;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox {
  padding: 0.125rem;
  display: none;
  height: 180px;
  position: absolute;
  bottom: 30px;
  border-radius: 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.05);
  z-index: 2;
  background: #141B1F;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  color: #7A868E;
  border-radius: 0.25rem;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax .player_volume_up::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin .player_volume_up::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax .player_volume_down::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin .player_volume_down::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax .player_volume_up::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin .player_volume_up::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "volume_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax .player_volume_down::before,
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin .player_volume_down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "volume_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .volumeSlider {
  position: absolute;
  height: 100px;
  width: 0.25rem;
  background: #2A343A;
  border-radius: 9999px;
  left: 50%;
  transform: translateX(-50%);
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .volumeSlider .ui-slider-range {
  background-image: linear-gradient(to right, #004F6E, #0A6F8F);
  bottom: 0;
  position: absolute;
  width: 0.25rem;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .volumeSlider .ui-state-default {
  top: auto !important;
  left: -4px;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .volumeSlider .ui-state-default:hover {
  left: -6px !important;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMax {
  margin-bottom: 5px;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox .buttonMin {
  bottom: 0.125rem;
  position: absolute;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .volumeContent .volumeBox iframe {
  pointer-events: none;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent.hover .audioChannelBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent.hover .audioChannelBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent.hover .captionStreamsBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent.hover .captionStreamsBox {
  display: block;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox {
  position: absolute;
  right: 100%;
  display: none;
  box-shadow: none;
  background: none;
  border: none;
  max-width: unset;
  width: unset;
  transform: none;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul {
  width: max-content !important;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  border-radius: 0.125rem;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul::-webkit-scrollbar,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul::-webkit-scrollbar,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul::-webkit-scrollbar,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul::-webkit-scrollbar {
  width: 5px;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul::-webkit-scrollbar-thumb,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul::-webkit-scrollbar-thumb,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul::-webkit-scrollbar-thumb,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul::-webkit-scrollbar-thumb:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul::-webkit-scrollbar-thumb:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul::-webkit-scrollbar-thumb:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul::-webkit-scrollbar-track,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul::-webkit-scrollbar-track,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul::-webkit-scrollbar-track,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul li,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul li,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul li,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul li:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul li:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul li:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul li:hover,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul li:focus,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul li:focus,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul li:focus,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .audioChannelBox ul li.channel-selected,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .audioChannelBox ul li.channel-selected,
.videoPlayer .playerCommandsContent .extraCommandsColumn .audioChannelContent .captionStreamsBox ul li.channel-selected,
.videoPlayer .playerCommandsContent .extraCommandsColumn .captionStreamsContent .captionStreamsBox ul li.channel-selected {
  color: #4fc3a1;
  font-weight: 700;
}
.videoPlayer .playerCommandsContent .copyrightLayer {
  position: absolute;
  top: 9px;
  width: 100%;
  padding: 0 16px;
}
.videoPlayer .playerCommandsContent .copyrightLayer .segmentsBar {
  position: relative;
  height: 3px;
}
.videoPlayer .playerCommandsContent .copyrightLayer .segmentsBar .segmentPart {
  height: 100%;
  position: absolute;
  cursor: help;
}
.videoPlayer .glyph.vu-meter-button {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 2.5rem;
  right: 1rem;
  z-index: 2;
  color: #7A868E;
}
.videoPlayer .glyph.vu-meter-button:hover {
  cursor: pointer;
  color: #FFFFFF;
}
.videoPlayer .glyph.vu-meter-button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "equalizer";
  font-family: "Material Symbols Outlined";
  font-size: 30px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.videoPlayer.no-fullscreen .maximizeMinimize,
.videoPlayer.no-sendSegment .sendSegment,
.videoPlayer.no-sendCut .sendCut,
.videoPlayer.no-markIn .markIn,
.videoPlayer.no-rewind .rewind,
.videoPlayer.no-frameBack .frameBack,
.videoPlayer.no-frameForward .frameForward,
.videoPlayer.no-fastForward .fastForward,
.videoPlayer.no-slowMotion .slowMotion,
.videoPlayer.no-markOut .markOut,
.videoPlayer.no-maximizeMinimize .maximizeMinimize,
.videoPlayer.no-closeCaptions .captionStreamsContent,
.videoPlayer.no-audioChannel .audioChannelContent,
.videoPlayer.no-graph .graph,
.videoPlayer.no-replay .replay,
.videoPlayer.no-sendActions .sendActions,
.videoPlayer.no-refresh .refresh,
.videoPlayer.no-volume .volumeContent,
.videoPlayer.no-createThumbnail .create-thumbnail {
  display: none !important;
}
.video-scroll-adapted {
  display: flex !important;
  flex-wrap: wrap;
  align-content: flex-end;
  background-color: #000000;
}
.videoPlayer.pre-options .timeRow,
.videoPlayer.pre-options .segmentRow,
.videoPlayer.pre-options .slideRow,
.videoPlayer.pre-options .buttonRow,
.videoPlayer.pre-options .zoomRow,
.videoPlayer.pre-options .vu-meter-button {
  pointer-events: none;
  opacity: 0.5;
}
.videoPlayer.pre-options .playerCommandsContent .timeRow .time.current-tc-block::before,
.videoPlayer.pre-options .playerCommandsContent .timeRow .time.current-tc-block::after {
  content: none;
}
.segments-search-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.segments-search-container::-webkit-scrollbar {
  width: 5px;
}
.segments-search-container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.segments-search-container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.segments-search-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.segments-search-container .tabToolbar .toolbarIcon {
  display: none;
}
.segments-search-container:has(.loading-container) {
  font-size: 0;
}
.segments-search-container .segment-search-results {
  box-sizing: border-box;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.segments-search-container .segment-search-results .segment-search-results-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.segments-search-container .segment-search-results .timeline-content-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 16px;
  padding: 16px 0;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #3A454C;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 16px;
  padding: 12px 16px;
  border-bottom: 1px solid #3A454C;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header:has(~.segment-group.hidden) {
  border-bottom: 0;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary {
  flex-grow: 1;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value {
  color: #7A868E;
  font-size: 11px;
  font-family: auto;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value:first-child label {
  display: none;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value .label {
  font-weight: 700;
  color: #FFFFFF;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value:first-child span {
  font-weight: 700;
  line-height: 1.25;
  font-size: 14px;
  color: #FFFFFF;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value .clickable {
  cursor: pointer;
  transition: color 150ms ease-in-out;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .asset-information-summary .label-value .clickable:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .toggle-icon-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  background: none;
  border: none;
  color: #7A868E;
  border-radius: 8px;
  width: 32px;
  height: 32px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .toggle-icon-button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .toggle-icon-button i.icon-element::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group-header .toggle-icon-button i.icon-element.la-angle-down::before {
  transform: rotate(-180deg);
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group.hidden {
  display: none;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  border-top: 1px solid #3A454C;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row:first-child {
  border-top: 0;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row:hover {
  background-color: rgba(255, 255, 255, 0.02);
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row:hover .search-segment-data .layer-name-container {
  color: #4fc3a1;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row:hover .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .play-segment {
  opacity: 1;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-width: 180px;
  gap: 16px;
  padding: 12px 16px;
  border-right: 1px solid #3A454C;
  height: 100%;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 16px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 100px;
  aspect-ratio: 16 / 9;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.4);
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .icon_segment_BIG {
  color: #B8C2C8;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .icon_segment_BIG::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie";
  font-family: "Material Symbols Outlined";
  font-size: 32px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .segment-keyframe {
  max-width: 100%;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .play-segment {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  cursor: pointer;
  inset: 0px;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 250ms ease-in-out;
  color: #FFFFFF;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder .play-segment .play-icon-css::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 32px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transition: font-size 250ms ease-in-out;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .search-segment-options .keyframe-container .keyframe-placeholder:hover .play-segment .play-icon-css::before {
  font-size: 40px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .search-segment-data .layer-name-container {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 32px;
  padding: 12px 24px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-time {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-time div {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  transition: transform 0.2s;
  white-space: pre;
  width: fit-content;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-time div:hover {
  transform: scale(1.2);
  color: #4fc3a1;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 12px;
  min-height: 47px;
  max-height: 150px;
  overflow: auto;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items::-webkit-scrollbar {
  width: 5px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.segments-search-container .segment-search-results .timeline-content-container .search-timeline-row-group .segment-group .search-timeline-row .timeline-row-container .timeline-row-items .item-value-container .value {
  color: #B8C2C8;
}
.thesaurus-terms-management {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
.thesaurus-terms-management .content {
  -webkit-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  display: flex;
  max-height: calc(100% - 56px);
  border-bottom: 1px solid #3A454C;
}
.thesaurus-terms-management .content .left-container {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  position: relative;
  display: flex;
}
.thesaurus-terms-management .content .left-container .tabs {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  border-right: 1px solid #3A454C;
  width: 64px;
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  gap: 0.25rem;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  cursor: pointer;
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab.active {
  color: #4fc3a1;
  border-left: 2px solid #008F6A;
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab:not(.active):hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab:nth-child(1)::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: rotate(90deg);
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab:nth-child(2)::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "account_tree";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: rotate(90deg);
}
.thesaurus-terms-management .content .left-container .tabs .tabs-tab:nth-child(3)::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "verified";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transform: rotate(90deg);
}
.thesaurus-terms-management .content .left-container .tabs-content {
  width: 320px;
  border-right: 1px solid #3A454C;
}
.thesaurus-terms-management .content .left-container .tabs-content > li {
  height: 100%;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container {
  height: 100%;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-input {
  padding: 0px 20px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-input .input-with-addons {
  display: flex;
  height: 32px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-input .input-with-addons .control {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-info {
  font-size: 10px;
  font-style: italic;
  color: #7A868E;
  margin-top: 8px;
  padding: 0px 20px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-results {
  overflow: auto;
  height: calc(100% - 100px);
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  padding-top: 16px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-results::-webkit-scrollbar {
  width: 5px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-results::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-results::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container .search-results::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  cursor: pointer;
  padding: 12px 16px;
  border-bottom: 1px solid;
  transition-duration: 150ms;
  transition-property: all;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li span.term-name {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  color: #FFFFFF;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li span.term-path {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 2px;
  font-size: 10px;
  color: #7A868E;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li .term-invalid-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 4px 2px;
  opacity: 0.3;
  color: #F59E0B;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li .term-invalid-icon:hover {
  opacity: 1;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li .term-invalid-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li.selected {
  border-left: 4px solid #008F6A;
}
.thesaurus-terms-management .content .left-container .tabs-content .search-container li.selected .term-name {
  color: #4fc3a1;
}
.thesaurus-terms-management .content .left-container .tabs-content .tree-container {
  height: 100%;
  position: relative;
}
.thesaurus-terms-management .content .left-container .tabs-content .tree-container .fancytree ul.fancytree-container {
  padding: 0 8px;
}
.thesaurus-terms-management .content .term-detail {
  width: 60%;
  overflow: auto;
  position: relative;
}
.thesaurus-terms-management .content .term-detail .term-detail-content {
  margin: 0 20px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content h3 {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #FFFFFF;
  gap: 12px;
  margin-bottom: 4px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content h3::before {
  content: "";
  width: 4px;
  height: 1.5rem;
  border-radius: 9999px;
  background-color: #008F6A;
}
.thesaurus-terms-management .content .term-detail .term-detail-content h4 {
  color: #7A868E;
  margin-left: 16px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-thumbnail {
  background-color: rgba(0, 0, 0, 0.4);
  width: 160px;
  height: 200px;
  float: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 20px;
  border-radius: 16px;
  border: 1px solid #3A454C;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .no-term-thumbnail {
  opacity: 0.2;
  background-size: auto;
}
.thesaurus-terms-management .content .term-detail .term-detail-content hr {
  display: none;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin-top: 16px;
  gap: 8px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row .inline-data:after {
  content: ":";
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row label {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  color: #4fc3a1;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row .term-relation {
  cursor: pointer;
  border-radius: 4px;
  padding: 2px 8px;
  border: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  font-size: 10px;
  color: #B8C2C8;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row .term-relation:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row:has(ul) {
  flex-direction: column;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 0;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row br {
  display: none;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-data-row .term-note {
  color: #B8C2C8;
  line-height: 1.625;
  font-size: 12px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-data {
  font-size: 10px;
  color: #7A868E;
  font-style: italic;
  display: flex;
  margin-top: 16px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  float: right;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions .no-validated-term {
  color: #F59E0B;
  cursor: help;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions button {
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 10px;
  text-transform: uppercase;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions button.validate {
  margin-right: 5px;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions button.no-validate {
  background-color: #EF4444;
}
.thesaurus-terms-management .content .term-detail .term-detail-content .term-validation-actions button.no-validate:hover {
  background-color: rgba(239, 68, 68, 0.7);
}
.thesaurus-terms-management .content .term-detail .empty-detail-advise {
  text-align: center;
  font-size: large;
  width: 50%;
  font-style: italic;
  color: #7A868E;
  line-height: 1.5em;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  height: 100%;
  margin: auto;
}
.thesaurus-terms-management .button-bar {
  text-align: right;
  margin-top: -5px;
  padding-right: 0 !important;
}
section.pam {
  height: 100%;
}
section.pam .tabToolbar .topMenuContainer .menuLinks {
  margin-left: auto;
}
section.pam .tabToolbar .topMenuContainer .menuLinks button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: none;
  border: none;
  color: #4fc3a1;
  cursor: pointer;
  font-size: 12px;
}
section.pam .tabToolbar .topMenuContainer .menuLinks button:hover {
  color: #4fc3a1 !important;
  background: none !important;
}
section.pam .tabToolbar .topMenuContainer .menuLinks button.not-active {
  color: #B8C2C8;
}
section.pam .tabToolbar .topMenuContainer .menuLinks button::before {
  content: "" !important;
}
section.pam .tabToolbar .topMenuContainer .icon_pam_BIG::before {
  font-size: 40px;
  color: #B8C2C8;
}
section.pam .hidden {
  display: none !important;
}
.pam-container {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  display: flex;
  height: calc(100% - 42px);
}
.pam-container .categories {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 365px;
  max-width: 365px;
}
.pam-container .toolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 2.5rem;
  flex-shrink: 0;
  gap: 16px;
  border-bottom: 1px solid #3A454C;
  padding: 0 16px;
}
.pam-container .toolbar .btn {
  background: none;
  border: none;
  color: #B8C2C8;
  cursor: pointer;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  font-size: 12px;
}
.pam-container .toolbar .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.pam-container .toolbar .btn .glyph.add::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.filepocket::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.refresh::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "refresh";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.user::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.table_arrow::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "event_repeat";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.search-config::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "category_search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.table-view::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "table_chart";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.mosaic-view::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.kanban-view::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_kanban";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .toolbar .btn .glyph.table-view.active,
.pam-container .toolbar .btn .glyph.mosaic-view.active,
.pam-container .toolbar .btn .glyph.kanban-view.active {
  color: #0A6F8F;
}
.pam-container .toolbar .right-zone {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-direction: row;
  margin-left: auto;
}
.pam-container .toolbar .right-zone span {
  font-size: 12px;
  color: #B8C2C8;
  margin-right: 4px;
}
.pam-container .pam-resizable {
  cursor: col-resize;
  width: 4px;
  flex-shrink: 0;
  transition-duration: 150ms;
  background-color: rgba(0, 0, 0, 0.7);
}
.pam-container .pam-resizable:hover {
  background-color: #4fc3a1;
}
.pam-container .pam-resizable .vertical_toggle_button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 50px;
  transform: translate(-60%, 30%);
  cursor: ew-resize;
  background-color: #0A6F8F;
  border-radius: 4px 0 0 4px;
}
.pam-container .pam-resizable .vertical_toggle_button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.pam-container .data_container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  overflow: hidden;
}
.pam-container .data_container section {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  min-height: 0;
}
.pam-container .data_container section .toolbar {
  gap: 0;
}
.pam-container .data_container section .pam_assets {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: auto;
  overflow-x: hidden;
  flex: 1;
}
.pam-container .data_container section .table-container {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  flex: 1;
}
.pam-container .data_container section .table-container::-webkit-scrollbar {
  width: 5px;
}
.pam-container .data_container section .table-container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.pam-container .data_container section .table-container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.pam-container .data_container section .table-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.pam-container .data_container section .pam_data {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  overflow: hidden;
}
.new-category-dialog .ui-dialog-content,
.ui-dialog.new-category .ui-dialog-content {
  background-color: #141B1F;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.new-category-dialog .new_category_dialog .vsn_form_main_content,
.ui-dialog.new-category .new_category_dialog .vsn_form_main_content {
  max-height: 550px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.new-category-dialog .new_category_dialog .vsn_form_main_content::-webkit-scrollbar,
.ui-dialog.new-category .new_category_dialog .vsn_form_main_content::-webkit-scrollbar {
  width: 5px;
}
.new-category-dialog .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-thumb,
.ui-dialog.new-category .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.new-category-dialog .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-thumb:hover,
.ui-dialog.new-category .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.new-category-dialog .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-track,
.ui-dialog.new-category .new_category_dialog .vsn_form_main_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.new-category-dialog .new_category_dialog .newCategory_GeneralData_header,
.ui-dialog.new-category .new_category_dialog .newCategory_GeneralData_header,
.new-category-dialog .new_category_dialog .newCategory_LocationList_header,
.ui-dialog.new-category .new_category_dialog .newCategory_LocationList_header {
  border-left: 2px solid #4fc3a1;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #B8C2C8;
}
.new-category-dialog .new_category_dialog .newCategory_noLocation_text,
.ui-dialog.new-category .new_category_dialog .newCategory_noLocation_text {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  padding: 16px;
  margin-top: 16px;
  background-color: #2A343A;
}
.new-category-dialog .new_category_dialog .newCategory_noLocation_text span:not(.vsn-ico-warning-small),
.ui-dialog.new-category .new_category_dialog .newCategory_noLocation_text span:not(.vsn-ico-warning-small) {
  font-size: 11px;
  line-height: 1.625;
  color: #B8C2C8;
}
.new-category-dialog .new_category_dialog .newCategory_noLocation_text .vsn-ico-warning-small,
.ui-dialog.new-category .new_category_dialog .newCategory_noLocation_text .vsn-ico-warning-small {
  color: #F59E0B;
}
.new-category-dialog .new_category_dialog .newCategory_noLocation_text .vsn-ico-warning-small::before,
.ui-dialog.new-category .new_category_dialog .newCategory_noLocation_text .vsn-ico-warning-small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.new-category-dialog .new_category_dialog .newCategory_location_container .vsn_form_row.buttons,
.ui-dialog.new-category .new_category_dialog .newCategory_location_container .vsn_form_row.buttons {
  margin-right: 0;
}
.new-category-dialog .new_category_dialog .vsn_form_row.buttons,
.ui-dialog.new-category .new_category_dialog .vsn_form_row.buttons {
  padding: 0;
}
.subscriptions-dialog {
  width: 950px !important;
  min-height: 300px !important;
  background-color: #141B1F !important;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content {
  padding: 16px;
  width: 100%;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden;
  gap: 16px;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-toolbar .vsnButton.text {
  padding: 4px 8px;
  background: none;
  border: none;
  font-size: 12px;
  font-weight: 700;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-toolbar .vsnButton.text:hover {
  background-color: rgba(79, 195, 161, 0.1);
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-toolbar .vsnButton.text .buttonContent {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #4fc3a1;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-toolbar .glyph.add::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table {
  border-radius: 4px;
  border: 1px solid #3A454C;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table thead tr {
  background-color: #2A343A !important;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table th {
  padding: 8px;
  line-height: 1.5;
  font-size: 11px;
  color: #E6ECEF;
  border-right: 1px solid #3A454C;
  vertical-align: middle;
  background-color: unset;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table th:last-child {
  border-right: none;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr {
  background-color: #2A343A;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr:nth-child(odd) {
  background-color: #141B1F;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr:last-child {
  border-bottom: none;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr td {
  padding: 8px 12px;
  line-height: 1.5;
  vertical-align: middle;
  border-right: 1px solid #3A454C;
  font-size: 11px;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr td.vsn-permission-cell-right-container {
  text-align: center;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr td:not(.vsn-permission-cell-right-container) {
  color: #FFFFFF;
  font-weight: 700;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscriptions-table tbody tr td:first-child {
  min-width: 120px;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscription-actions-cell {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscription-actions-cell .btn-ico {
  color: #B8C2C8;
  cursor: pointer;
}
.subscriptions-dialog .ui-dialog-content.ui-custom-content .subscriptions-container .subscription-actions-cell .btn-ico:hover {
  color: #FFFFFF;
}
.subscriptions-form-dialog .subscription-form input.availabilityDateInput {
  width: 125px;
}
.subscriptions-form-dialog .vsn_form_row.buttons {
  padding: 0 !important;
}
.newCategory_addLocation_dialog .ui-dialog-content {
  background-color: #141B1F;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.newCategory_addLocation_dialog .add-location-dialog-header {
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}
.newCategory_addLocation_dialog .add-location-dialog-header .help {
  font-size: 12px;
  color: #7A868E;
}
.newCategory_addLocation_dialog .storage_selector_container .vsn_field_template {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  padding: 4px 2px;
}
.newCategory_addLocation_dialog .storage_selector_container .vsn_field_template .vsn_form_label {
  float: none;
  width: 100% !important;
  text-align: left;
  text-shadow: none;
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 0 0 4px 0;
}
.newCategory_addLocation_dialog .storage_selector_container .fancytree-container {
  max-height: 200px;
  background-color: #2A343A;
  border-radius: 4px;
}
.newCategory_addLocation_dialog .vsn_form_row.buttons {
  padding: 0;
}
.new-production-stage .ui-dialog-titlebar {
  cursor: default;
}
.new-production-stage .vsn_form_main_content {
  max-height: 500px;
  padding: 0;
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.new-production-stage .vsn_form_main_content::-webkit-scrollbar {
  width: 5px;
}
.new-production-stage .vsn_form_main_content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.new-production-stage .vsn_form_main_content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.new-production-stage .vsn_form_main_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.new-production-stage .expand {
  display: none;
}
.new-production-stage .vsn_form_section_column1 {
  padding: 0;
}
.new-production-stage .elements-group {
  padding: 0;
  gap: 0;
}
.new-production-stage .elements-group .vsn_form_short_text {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.new-production-stage .elements-group button {
  background-color: #004F6E;
  height: 32px;
  color: #FFFFFF;
  padding: 0 12px;
}
.new-production-stage .elements-group button:hover {
  background-color: #0A6F8F;
}
.new-production-stage .elements-group button .la-times::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.new-production-stage .date-group .vsn_form_date {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.new-production-stage .vsn-combobox.ui-widget {
  width: 50%;
}
.new-production-stage .custom-combobox {
  width: 100%;
}
.new-production-stage .buttons > div {
  display: flex;
  gap: 12px;
}
.mosaic-container {
  justify-content: start;
  -webkit-justify-content: start;
  -ms-justify-content: start;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 20px;
  padding: 16px;
}
.mosaic-container::-webkit-scrollbar {
  width: 5px;
}
.mosaic-container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.mosaic-container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.mosaic-container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.mosaic-container .card-container {
  box-sizing: border-box;
  display: flex;
  min-height: 0;
  min-width: 0;
}
.mosaic-container .card-container .card {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-width: 0;
  border-radius: 8px;
  overflow: visible;
  border: 1px solid #3A454C;
  background-color: #2A343A;
  transition: border-color 150ms ease-in-out, box-shadow 250ms ease-in-out;
  position: relative;
  width: 100%;
  min-height: 0;
}
.mosaic-container .card-container .card:hover {
  background-color: #37444c;
  border-color: #4c5a63;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.mosaic-container .card-container .card .header {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: #141B1F;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.mosaic-container .card-container .card .image {
  position: absolute;
  inset: 0;
  display: block;
  background-size: contain;
  background-position: center;
  background-color: #000000;
}
.mosaic-container .card-container .card .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.mosaic-container .card-container .card .left {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
}
.mosaic-container .card-container .card .left > * {
  pointer-events: auto;
}
.mosaic-container .card-container .card .left .type {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.mosaic-container .card-container .card .left .type img {
  width: 24px;
  height: 24px;
  display: block;
}
.mosaic-container .card-container .card .left > button:has(.glyph.star) {
  position: absolute;
  top: calc(8px + 28px);
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  padding: 0;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #E6ECEF;
}
.mosaic-container .card-container .card .left > button:has(.glyph.star)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star_border";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.mosaic-container .card-container .card .left > button:has(.glyph.star):hover {
  color: #FFD700;
}
.mosaic-container .card-container .card .left > button:has(.glyph.star) i.glyph.star {
  display: none;
}
.mosaic-container .card-container .card .left .checkbox {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 3;
}
.mosaic-container .card-container .card .right {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
  gap: 2px;
  box-sizing: border-box;
}
.mosaic-container .card-container .card .right > * {
  pointer-events: auto;
}
.mosaic-container .card-container .card button.playButton {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  cursor: pointer;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #008F6A;
  opacity: 0;
  transition: opacity 150ms ease-in-out, background-color 150ms ease-in-out;
  z-index: 2;
  background-image: none;
}
.mosaic-container .card-container .card button.playButton::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -10px 0 0 -5px;
  border: 10px solid transparent;
  border-left: 16px solid #FFFFFF;
  border-right: 0;
}
.mosaic-container .card-container .card button.playButton:hover {
  opacity: 0.7 !important;
}
.mosaic-container .card-container .card button.playButton i.glyph.play {
  display: none;
}
.mosaic-container .card-container .card .glyph.status {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.7;
  cursor: default;
  color: #F59E0B;
  line-height: 1;
  box-sizing: content-box;
  order: -1;
}
.mosaic-container .card-container .card .glyph.status::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "storage";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
.mosaic-container .card-container .card .glyph.status.assetStatus-editable,
.mosaic-container .card-container .card .glyph.status.editable {
  color: #008F6A;
}
.mosaic-container .card-container .card button.addButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  cursor: pointer;
  color: #B8C2C8;
  transition: opacity 150ms ease-in-out;
}
.mosaic-container .card-container .card button.addButton:hover {
  color: #FFFFFF;
}
.mosaic-container .card-container .card button.addButton i.glyph.add::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.mosaic-container .card-container .card button.trashButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  flex-shrink: 0;
}
.mosaic-container .card-container .card button.trashButton::before {
  font-size: 20px;
}
.mosaic-container .card-container .card button.trashButton:hover {
  color: #FFFFFF;
  opacity: 1 !important;
}
.mosaic-container .card-container .card button.trashButton i.glyph::before {
  font-size: 20px;
}
.mosaic-container .card-container .card:hover .left .type,
.mosaic-container .card-container .card:hover .left > button {
  opacity: 0.7 !important;
}
.mosaic-container .card-container .card:hover .right > button:first-child {
  opacity: 1;
}
.mosaic-container .card-container .card:hover .right > button:last-child {
  opacity: 0.7;
}
.mosaic-container .card-container .card .content {
  padding: 12px 16px;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.mosaic-container .card-container .card .content .row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.mosaic-container .card-container .card .content .label {
  display: none;
}
.mosaic-container .card-container .card .content .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.mosaic-container .card-container .card .content .row:first-child {
  padding-bottom: 12px;
}
.mosaic-container .card-container .card .content .row:first-child .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1.35;
  order: 1;
  cursor: pointer;
}
.mosaic-container .card-container .card .content .row:first-child .value:hover {
  color: #B8C2C8;
  text-decoration: none;
}
.mosaic-container .card-container .card .content .row:first-child .value em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.mosaic-container .card-container .card .content .row.ID .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  color: #7A868E;
}
.mosaic-container .card-container .card .content .row.ID .value:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.mosaic-container .card-container .card .content .row.ID .value em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.ui-dialog.vsn-dialog.permissions-dialog {
  background-color: #141B1F;
  min-height: 200px;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content {
  padding: 16px;
  max-height: 550px !important;
  overflow-y: auto;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions-dialog {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions-dialog .permissions {
  overflow-x: auto;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .secondary-title {
  margin-bottom: 0;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .vsn_form_main_content {
  padding: 0;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions th {
  text-align: center;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .vsnButton {
  background: none;
  border: none;
  padding: 0;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .glyph.checkmark {
  color: #4fc3a1;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .uncheck_small_on_dark {
  color: #EF4444;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .btn-ico.bin_delete,
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .vsn-ico-check-menu {
  color: #B8C2C8;
  cursor: pointer;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .btn-ico.bin_delete:hover,
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .permissions .vsn-permissions .vsn-ico-check-menu:hover {
  color: #FFFFFF;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .child-creator-permissions-container .child-creator-permissions-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  margin-bottom: 12px;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .child-creator-permissions-container .child-creator-permissions-header .child-creator-permissions-title {
  font-size: 13px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .child-creator-permissions-container .child-creator-permissions-header .info_white.info.ico {
  cursor: help;
  color: #B8C2C8;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .vsn_form_row.buttons {
  padding: 0;
  margin: 0;
}
.ui-dialog.vsn-dialog.permissions-dialog .ui-custom-content .help-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
/**
 * Mini Preview Styles
 * Styles for inline hover preview on thumbnails
 */
/* Container for the mini preview player */
.mini-preview-container {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  background: #000000 !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  /* Video and player elements */
  /* Player placeholder */
  /* Image preview */
  /* Hide player controls for mini preview */
}
.mini-preview-container video,
.mini-preview-container .videoPlayer,
.mini-preview-container .screenContainer,
.mini-preview-container .screen,
.mini-preview-container .playerContent {
  width: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
}
.mini-preview-container .mini-preview-player-placeholder {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.mini-preview-container .mini-preview-image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.03);
  transition: transform 0.2s ease-out;
}
.mini-preview-container:hover .mini-preview-image {
  transform: scale(1.06);
}
.mini-preview-container .playerButtons,
.mini-preview-container .botonera,
.mini-preview-container .player-controls,
.mini-preview-container .volumeSlider,
.mini-preview-container .sliderProgress,
.mini-preview-container .timeCode,
.mini-preview-container .vuMeter,
.mini-preview-container .vu-meter-button,
.mini-preview-container .playerCommandsContent,
.mini-preview-container .pre-options {
  display: none !important;
}
/* Loading state */
.mini-preview-loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: #FFFFFF;
  border-radius: 50%;
  animation: mini-preview-spin 0.8s linear infinite;
}
/* Audio visualization */
.mini-preview-audio-viz {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: absolute;
  inset: 0;
  z-index: 2;
  gap: 8px;
  pointer-events: none;
  /* Audio progress bar */
}
.mini-preview-audio-viz .audio-icon {
  display: flex;
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  gap: 3px;
  height: 26px;
}
.mini-preview-audio-viz .audio-icon .bar {
  width: 3px;
  height: 10px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  animation: miniPreviewAudioBar 0.9s ease-in-out infinite;
}
.mini-preview-audio-viz .audio-icon .bar:nth-child(2) {
  animation-delay: 0.08s;
}
.mini-preview-audio-viz .audio-icon .bar:nth-child(3) {
  animation-delay: 0.16s;
}
.mini-preview-audio-viz .audio-icon .bar:nth-child(4) {
  animation-delay: 0.24s;
}
.mini-preview-audio-viz .audio-icon .bar:nth-child(5) {
  animation-delay: 0.32s;
}
.mini-preview-audio-viz .audio-progress {
  width: 70%;
  max-width: 120px;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}
.mini-preview-audio-viz .audio-progress .audio-progress-bar {
  width: 40%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  animation: miniPreviewAudioProgress 1.6s linear infinite;
}
.request-transfer-dialog {
  display: flex;
  flex-wrap: wrap;
}
.request-transfer-dialog .volume-profile-selector {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.request-transfer-dialog .volume-profile-selector span.selector-header ~ span {
  font-style: italic;
  font-size: 11px;
  color: #B8C2C8;
}
.request-transfer-dialog .volume-profile-selector > div {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  flex-wrap: wrap;
}
.request-transfer-dialog .volume-profile-selector > div > span {
  width: 125px;
  color: #B8C2C8;
}
.request-transfer-dialog .volume-profile-selector > div > div {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
}
.request-transfer-dialog .volume-profile-selector > div .vsn-combobox .custom-combobox {
  min-width: 220px;
}
.request-transfer-dialog .transfer-time-selector {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 10px 0px;
}
.request-transfer-dialog .transfer-time-selector div {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.request-transfer-dialog .transfer-time-selector div label {
  color: #B8C2C8;
}
.request-transfer-dialog .transfer-time-selector div input[type=radio] {
  width: 10px;
  cursor: pointer;
}
.request-transfer-dialog .transfer-time-selector .hasDatepicker {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  margin-left: 30px;
}
.request-transfer-dialog .transfer-time-selector .hasDatepicker .timePickerLabel {
  margin-right: 5px;
}
.request-transfer-dialog .vsn_form_row.buttons {
  padding: 0;
  margin: 0;
  margin-left: auto;
}
.request-transfer-dialog .selector-header {
  border-left: 2px solid #4fc3a1;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #B8C2C8;
  width: 100%;
  margin-bottom: 5px;
}
.request-transfer-dialog .download-options-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin-left: 50px;
}
.assetMainContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.assetMainContent .ui-tabs-panel {
  border-top: 1px solid #3A454C;
  padding: 8px 16px;
}
.assetMainContent .ui-section-mainInfo {
  display: flex;
  column-gap: 16px;
}
.assetMainContent .ui-section-mainInfo .assetPreview {
  position: relative;
  width: 300px;
  height: 225px;
  margin: auto;
}
.assetMainContent .ui-section-mainInfo .assetPreview.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #c73c3c;
}
.assetMainContent .ui-section-mainInfo .assetPreview img.mainAssetImg {
  width: 300px;
  height: 225px;
  background-repeat: no-repeat;
  background-color: transparent;
  display: inline-block;
}
.assetMainContent .ui-section-mainInfo .editableFields {
  flex: 1;
}
.assetMainContent .ui-section-mainInfo .editableFields .align-fields {
  display: flex;
  justify-content: space-between;
}
.assetMainContent .ui-section-mainInfo .editableFields .align-fields .asset-form {
  width: calc(100% - 140px);
  min-width: 320px;
}
.assetMainContent .ui-section-mainInfo .editableFields .align-fields .buttons {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding-top: 8px;
  text-align: right;
  gap: 8px;
}
.assetMainContent .ui-section-mainInfo .editableFields .align-fields .buttons button {
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
  font-size: 12px;
  min-width: 120px;
}
.assetMainContent .ui-section-mainInfo .editableFields .align-fields .buttons button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF;
}
.assetMainContent .ui-section-mainInfo .editableFields .ui-section-assetInfo {
  width: calc(100% - 140px);
  min-width: 320px;
}
.metadata .buttons {
  text-align: right;
}
.metadata .buttons button {
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
  font-size: 12px;
}
.metadata .buttons button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF;
}
.web-editor-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.web-editor-container .web-editor-buttons {
  text-align: right;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.web-editor-container .web-editor-buttons .btn {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #B8C2C8;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  text-align: center;
  position: relative;
}
.web-editor-container .web-editor-buttons .btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.web-editor-container .web-editor-buttons .unsavedChanges {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #F59E0B;
  gap: 5px;
}
.web-editor-container .web-editor-buttons .vsn-ico-warning-small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor-buttons .btn-consolidate .glyph::before {
  font-size: 20px;
}
.web-editor-container .web-editor-buttons .vsn-ico-btn-perspectives::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "browse";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor-buttons .vsn-ico-btn-download::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor-buttons .btn-download-edl-tooltip {
  right: 0;
  top: 32px;
}
.web-editor-container .web-editor-buttons .btn-wedit-shortcuts .info_white::before {
  font-size: 20px;
}
.web-editor-container .web-editor-buttons .vsn-ico-btn-fullscreen::before {
  font-size: 20px;
}
.web-editor-container .web-editor {
  flex: 1 1 0%;
  overflow: hidden;
}
.web-editor-container .web-editor .lm_goldenlayout {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100% !important;
  gap: 0.25rem;
  background: transparent;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_content {
  background: transparent;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row {
  display: flex;
  min-height: 0px;
  flex: 1.4;
  flex-direction: row;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack {
  display: flex;
  flex-direction: column;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack:first-child {
  flex: 1.3;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_items {
  position: relative;
  flex: 1 1 0%;
  overflow: hidden;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  overflow-x: hidden;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_content::-webkit-scrollbar {
  width: 5px;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_row > .lm_item.lm_stack .lm_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.web-editor-container .web-editor .lm_goldenlayout .lm_column > .lm_item.lm_stack {
  display: flex;
  flex: 1 1 0%;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid #3A454C;
  width: 100% !important;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_item.lm_row {
  display: flex;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_item.lm_stack {
  overflow: hidden;
  border-radius: 0.25rem;
  border: 1px solid #3A454C;
  height: 100% !important;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header {
  display: flex;
  height: 1.75rem !important;
  align-items: center;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header .lm_tabs {
  display: flex;
  height: 100%;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header .lm_tabs .lm_tab {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0 16px;
  border-right: 1px solid #3A454C;
  font-weight: 700;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header .lm_tabs .lm_tab:last-child {
  border-right: none;
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header .lm_tabs .lm_tab.lm_active {
  color: #FFFFFF;
  border-bottom: 2px solid #008F6A;
  background-color: rgba(255, 255, 255, 0.05);
}
.web-editor-container .web-editor .lm_goldenlayout .lm_header .lm_tabs .lm_tab:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.web-editor-container .web-editor .lm_splitter {
  pointer-events: none;
}
.web-editor-container .web-editor .secondaryToolbar.searchToolbar {
  flex-wrap: wrap;
  max-height: unset;
  gap: 8px;
  justify-content: space-between;
}
.web-editor-container .web-editor .secondaryToolbar.searchToolbar .MAM_search {
  margin: 0;
}
.web-editor-container .web-editor .secondaryToolbar.searchToolbar .viewSelector {
  min-width: 0;
}
.web-editor-container .web-editor .search-result-wrapper {
  flex-direction: column;
}
.web-editor-container .web-editor .search-result-wrapper .pagination-container .paging {
  padding-left: 12px;
}
.web-editor-container .web-editor .search-result-wrapper > div:not(.pagination-container) {
  display: flex;
}
.web-editor-container .web-editor .search-result-wrapper .search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets {
  padding-top: 0;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.web-editor-container .web-editor .search-result-wrapper .search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .leftContainer .media-thumbnail.mainImage.no-thumb::before {
  font-size: 100px;
}
.web-editor-container .web-editor .web-editor-tab {
  height: 100%;
}
.web-editor-container .web-editor .web-editor-tab[data-id="search"] {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  overflow-x: hidden;
}
.web-editor-container .web-editor .web-editor-tab[data-id="search"]::-webkit-scrollbar {
  width: 5px;
}
.web-editor-container .web-editor .web-editor-tab[data-id="search"]::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.web-editor-container .web-editor .web-editor-tab[data-id="search"]::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.web-editor-container .web-editor .web-editor-tab[data-id="search"]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.web-editor-container .web-editor .web-editor-tab.voice-over {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
}
.web-editor-container .web-editor .web-editor-tab.voice-over #voiceOverPanelDiv {
  height: calc(100% - 32px);
  display: flex;
}
.web-editor-container .web-editor .web-editor-tab.voice-over #voiceOverPanelDiv #analyser {
  height: 100% !important;
}
.web-editor-container .web-editor .web-editor-tab.voice-over #controls {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
}
.web-editor-container .web-editor .web-editor-tab.voice-over #controls button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: none;
  border: none;
  color: #B8C2C8;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 0.25rem;
}
.web-editor-container .web-editor .web-editor-tab.voice-over #controls button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.web-editor-container .web-editor .web-editor-tab.voice-over #controls button::before {
  font-size: 20px;
}
.web-editor-container .web-editor .web-editor-tab .videoPlayer {
  min-width: unset;
}
.web-editor-container .web-editor .web-editor-tab .videoPlayer .glyph.vu-meter-button {
  top: 0;
  right: 8px;
}
.web-editor-container .web-editor .web-editor-tab .media-bin-list.media-bins {
  height: 100%;
}
.web-editor-container .web-editor .web-editor-tab .media-bin-list.media-bins .media-bin {
  height: 100%;
}
.web-editor-container .web-editor .web-editor-tab .media-bin-list.media-bins .media-bin .mosaic-container.compact-cards {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-auto-rows: 180px;
}
.web-editor-container .web-editor .web-editor-tab.timeline-wrapper {
  background: rgba(0, 0, 0, 0.4) !important;
  overflow: hidden !important;
}
.web-editor-container .web-editor .pam-ctrl section.pam .pam-container {
  height: 100%;
}
.web-editor-container .web-editor .pam-ctrl section.pam .pam-container .categories {
  min-width: 0;
}
.web-editor-container .web-editor .pam-ctrl section.pam .pam-container .categories .toolbar,
.web-editor-container .web-editor .pam-ctrl section.pam .pam-container .data_container .toolbar > button {
  display: none;
}
.web-editor-container .web-editor .pam-ctrl section.pam .pam-container .mosaic-container {
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
.web-editor-container .web-editor .cut-list-buttons {
  padding: 10px 10px 0;
}
.web-editor-container .web-editor .cut-list-buttons .cut-list-play-all {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  text-transform: uppercase;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.web-editor-container .web-editor .cut-list-buttons .cut-list-play-all .simple_play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_arrow";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor .cut-list.cuts {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.web-editor-container .web-editor .cut-list.cuts .cut {
  background-color: #2A343A;
  border-radius: 8px;
  display: flex;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata {
  flex: 1;
  padding: 8px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-name {
  width: 100%;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-name label {
  line-height: 1.5;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-name label .cut-metadata-name-span:hover {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 700;
  color: #FFFFFF;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-markin,
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-markout,
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-duration {
  display: inline-block;
  width: calc(100% / 3 - 5px * 2);
  min-width: 82px;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-markin input,
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-markout input,
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-duration input {
  width: 100%;
  min-width: 0;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  font-size: 12px;
  padding: 8px 12px;
  box-sizing: border-box;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-description {
  padding-top: 4px;
  flex: 1;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata .cut-metadata-description textarea {
  background-color: rgba(255, 255, 255, 0.2);
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata [class^=cut-metadata-] label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata [class^=cut-metadata-] label .see_white {
  margin-right: 4px;
  cursor: pointer;
  color: #7A868E;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata [class^=cut-metadata-] label .see_white:hover {
  color: #FFFFFF;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata [class^=cut-metadata-] label .see_white::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor .cut-list.cuts .cut .cut-metadata [class^=cut-metadata-] label span:not(.see_white) {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-self: center;
  flex-direction: column-reverse;
  padding: 8px;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions {
  display: flex;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #B8C2C8;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  text-align: center;
  position: relative;
  font-size: 0;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button:not(:disabled):hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button::before {
  font-size: 20px;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button.media-play::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button.media-move-up::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_up";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-actions.cut-actions button.media-move-down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_down";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-thumbnail img {
  min-width: 100px;
}
.web-editor-container .web-editor .cut-list.cuts .cut .media .media-thumbnail img:not(.upscaled) {
  width: 100%;
  max-width: 100%;
  max-height: 120px;
}
.web-editor-container .web-editor .annotation-list-wrapper .cut-list.cuts .cut {
  flex-direction: row-reverse;
}
.web-editor-container .web-editor .annotation-list-wrapper .cut-list.cuts .cut .cut-metadata-name {
  display: none;
}
#filepocketContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: fixed !important;
  left: 8px !important;
  bottom: 60px !important;
  top: auto !important;
  width: 320px;
  height: 300px;
  z-index: 500;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.9);
  outline: 1px solid rgba(255, 255, 255, 0.1);
}
#filepocketContainer > .close {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  color: #7A868E;
  transition: color 150ms ease-in-out;
  z-index: 1;
}
#filepocketContainer > .close::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#filepocketContainer > .close:hover {
  color: #FFFFFF;
}
#filepocketContainer > .content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
#filepocketContainer > .content .textfiles {
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid #3A454C;
  font-size: 13px;
  font-weight: 700;
  color: #4fc3a1;
  letter-spacing: -0.01em;
}
#filepocketContainer > .content ul.filesList {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  max-height: 350px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  border-bottom: 1px solid #3A454C;
}
#filepocketContainer > .content ul.filesList::-webkit-scrollbar {
  width: 5px;
}
#filepocketContainer > .content ul.filesList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#filepocketContainer > .content ul.filesList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#filepocketContainer > .content ul.filesList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#filepocketContainer > .content ul.filesList li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 6px 16px;
  border-bottom: 1px solid rgba(58, 69, 76, 0.3);
  font-size: 12px;
  font-weight: 500;
  color: #B8C2C8;
  letter-spacing: -0.01em;
  transition: background-color 150ms ease-in-out;
  cursor: default;
}
#filepocketContainer > .content ul.filesList li::before {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  content: attr(data-filename);
  min-width: 0;
}
#filepocketContainer > .content ul.filesList li:last-child {
  border-bottom: none;
}
#filepocketContainer > .content ul.filesList li span.removeFileInFilePocket {
  flex-shrink: 0;
  cursor: pointer;
  color: #7A868E;
  transition: color 150ms ease-in-out;
  line-height: 1;
}
#filepocketContainer > .content ul.filesList li span.removeFileInFilePocket::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#filepocketContainer > .content ul.filesList li span.removeFileInFilePocket:hover {
  color: #EF4444;
}
#filepocketContainer > .content .clearButton {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 8px;
  padding: 4px 8px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  border: 1px solid #3A454C;
  width: fit-content;
  border-radius: 4px;
  margin: 8px 8px 8px auto;
}
#filepocketContainer > .content .clearButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 150ms ease-in-out;
}
#filepocketContainer > .content .clearButton:hover span.blue_delete::before,
#filepocketContainer > .content .clearButton:hover > span:last-child {
  color: #EF4444;
  transition: color 150ms ease-in-out;
}
#filepocketContainer > .content .clearButton span.blue_delete {
  line-height: 1;
  display: flex;
}
#filepocketContainer > .content .clearButton span.blue_delete::before {
  color: #7A868E;
  transition: color 150ms ease-in-out;
}
#filepocketContainer > .content .clearButton > span:last-child {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  transition: color 150ms ease-in-out;
}
.ribbon-menu-floating-box-container.my-bags {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: fixed !important;
  left: 8px !important;
  bottom: 60px !important;
  top: auto !important;
  width: 320px;
  height: 340px;
  z-index: 500;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.9);
  outline: 1px solid rgba(255, 255, 255, 0.1);
}
.ribbon-menu-floating-box-container.my-bags .ribbon-menu-floating-box {
  height: 100%;
}
.ribbon-menu-floating-box-container.my-bags .content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
.ribbon-menu-floating-box-container.my-bags .content .textfiles {
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid #3A454C;
  font-size: 13px;
  font-weight: 700;
  color: #4fc3a1;
  letter-spacing: -0.01em;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList {
  max-height: 255px;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 4px 0;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList::-webkit-scrollbar {
  width: 5px;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 6px 16px;
  border-bottom: 1px solid rgba(58, 69, 76, 0.3);
  font-size: 12px;
  font-weight: 500;
  color: #B8C2C8;
  letter-spacing: -0.01em;
  transition: background-color 150ms ease-in-out;
  cursor: default;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer {
  height: 27px;
  display: flex;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .vsnButton {
  background: none;
  padding: 0;
  color: #B8C2C8;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .vsnButton:hover {
  color: #FFFFFF;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .bin_delete,
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .circle_action_white {
  cursor: pointer;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .bin_delete:hover,
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .circle_action_white:hover {
  color: #FFFFFF;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .unfollow_star::before,
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .follow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .unfollow_star:hover::before,
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .follow_star:hover::before {
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .unfollow_star {
  color: #FFD700;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .unfollow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .glyph.minus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "do_not_disturb_on";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row .flexButtonContainer .hiddenButton {
  display: none;
}
.ribbon-menu-floating-box-container.my-bags .content .elementsList .user-asset-baskets-row:hover .flexButtonContainer .hiddenButton {
  display: inline-flex;
}
.ribbon-menu-floating-box-container.my-bags .content .buttonsRow {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  display: flex;
  gap: 8px;
  padding: 8px;
  border-top: 1px solid #3A454C;
}
.ribbon-menu-floating-box-container.my-bags .content .buttonsRow .vsnButton {
  background: none;
  border: 1px solid #3A454C;
  padding: 4px 8px;
  border-radius: 4px;
  color: #7A868E;
}
.ribbon-menu-floating-box-container.my-bags .content .buttonsRow .vsnButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.ribbon-menu-floating-box-container.my-bags .content .buttonsRow .vsnButton .buttonContent {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.actionsListContainer {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  margin-top: 0.25rem;
  width: fit-content;
  min-width: 280px;
  z-index: 10001;
}
.actionsListContainer::-webkit-scrollbar {
  width: 5px;
}
.actionsListContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.actionsListContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.actionsListContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.actionsListContainer ul.actionsList {
  max-height: 100%;
  border: none;
}
.actionsListContainer ul.actionsList li.action {
  outline: none;
}
body.v2-theme .chat-assistant-fab {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 52px;
  height: 52px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  z-index: 9999;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  font-size: 22px;
  transition: transform 0.2s, box-shadow 0.2s;
}
body.v2-theme .chat-assistant-fab:hover {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  transform: scale(1.08);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}
body.v2-theme .chat-assistant-fab:active {
  transform: scale(0.96);
}
body.v2-theme .chat-assistant-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 400px;
  z-index: 9998;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.2);
  background: #2A343A;
  transform: translateX(100%);
  transition: transform 0.3s ease;
}
body.v2-theme .chat-assistant-overlay.chat-assistant-overlay--open {
  transform: translateX(0);
}
body.v2-theme .chat-assistant-panel {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  background: #2A343A;
}
body.v2-theme .chat-context-bar {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 56px 0 48px;
  font-size: 12px;
  color: #B8C2C8;
  border-bottom: 1px solid #3A454C;
  flex-shrink: 0;
}
body.v2-theme .chat-context-bar--empty {
  color: #7A868E;
}
body.v2-theme .chat-context-bar-label {
  font-weight: 700;
  color: #E6ECEF;
}
body.v2-theme .chat-context-bar-entry {
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.v2-theme .chat-context-chips {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 56px 0 48px;
  border-bottom: 1px solid #3A454C;
  flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
body.v2-theme .chat-context-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid #3A454C;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
  font-size: 12px;
  line-height: 1.2;
}
body.v2-theme .chat-context-chip[data-kind="search"] {
  border-color: rgba(14, 120, 188, 0.45);
  background: rgba(14, 120, 188, 0.12);
}
body.v2-theme .chat-context-chip i {
  color: #B8C2C8;
  font-size: 13px;
  flex-shrink: 0;
}
body.v2-theme .chat-context-chip-label {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body.v2-theme .chat-panel-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 12px 16px;
  background: #003B54;
  border-bottom: 1px solid #3A454C;
  flex-shrink: 0;
  gap: 12px;
}
body.v2-theme .chat-panel-header-left {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 12px;
  min-width: 0;
}
body.v2-theme .chat-panel-header-icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  flex-shrink: 0;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
body.v2-theme .chat-panel-header-icon i {
  font-size: 16px;
  color: #FFFFFF;
}
body.v2-theme .chat-panel-title {
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body.v2-theme .chat-panel-close {
  background: none;
  border: none;
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  border-radius: 4px;
  flex-shrink: 0;
}
body.v2-theme .chat-panel-close:hover {
  color: #FFFFFF;
  background: rgba(255, 255, 255, 0.1);
}
body.v2-theme .chat-messages-list {
  position: relative;
  flex: 1;
  overflow-y: auto;
  padding: 12px;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
body.v2-theme .chat-messages-list::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .chat-messages-list::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .chat-messages-list::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .chat-messages-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .chat-message {
  max-width: 85%;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12px;
  line-height: 1.5;
  word-break: break-word;
}
body.v2-theme .chat-message.chat-message-user {
  align-self: flex-end;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border-bottom-right-radius: 2px;
}
body.v2-theme .chat-message.chat-message-assistant {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
  border: 1px solid #3A454C;
  border-bottom-left-radius: 2px;
}
body.v2-theme .chat-message.chat-message-loading {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  width: 48px;
  height: 32px;
  border-radius: 12px;
  border-bottom-left-radius: 2px;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
body.v2-theme .chat-message.chat-message-loading::after {
  content: '...';
  font-size: 16px;
  color: #7A868E;
  letter-spacing: 2px;
}
body.v2-theme .chat-message-tools {
  margin-top: 4px;
}
body.v2-theme .chat-tools-toggle {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
  gap: 4px;
  background: none;
  border: 1px solid rgba(14, 120, 188, 0.3);
  border-radius: 9999px;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 10px;
  color: #1AA6C6;
  transition: background 0.15s;
}
body.v2-theme .chat-tools-toggle:hover {
  background: rgba(14, 120, 188, 0.1);
}
body.v2-theme .chat-tools-toggle-icon {
  font-size: 8px;
}
body.v2-theme .chat-tools-detail {
  margin-top: 4px;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
body.v2-theme .chat-tool-badge {
  font-size: 10px;
  padding: 2px 8px;
  background: rgba(14, 120, 188, 0.12);
  border-radius: 8px;
  color: #1AA6C6;
}
body.v2-theme .chat-message-sources {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
body.v2-theme .chat-message-sources-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 8px;
  border: 1px solid rgba(148, 198, 0, 0.35);
  border-radius: 9999px;
  background: transparent;
  color: #B8C2C8;
  font-size: 10px;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-message-sources-toggle:hover {
  background: rgba(148, 198, 0, 0.1);
  border-color: rgba(148, 198, 0, 0.55);
  color: #E6ECEF;
}
body.v2-theme .chat-message-sources-toggle-icon {
  font-size: 9px;
  color: #94C600;
}
body.v2-theme .chat-message-sources-toggle-label {
  font-weight: 500;
}
body.v2-theme .chat-message-source-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
  padding: 8px;
  border: 1px solid #3A454C;
  border-radius: 6px;
  background: rgba(20, 27, 31, 0.46);
}
body.v2-theme .chat-message-source-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  min-width: 0;
  font-size: 10px;
  line-height: 1.35;
}
body.v2-theme .chat-message-source-link {
  min-width: 0;
  color: #94C600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
body.v2-theme .chat-message-source-link:hover,
body.v2-theme .chat-message-source-link:focus {
  color: #94C600;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.v2-theme .chat-message-source-scope {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.07);
  color: #B8C2C8;
  font-size: 10px;
  font-weight: 500;
}
body.v2-theme .chat-input-section {
  align-items: central;
  -webkit-box-align: central;
  -webkit-align-items: central;
  -moz-box-align: central;
  -ms-flex-align: central;
  display: flex;
  padding: 8px 12px;
  gap: 8px;
  border-top: 1px solid #3A454C;
  flex-shrink: 0;
  background: #2A343A;
}
body.v2-theme .chat-input-textarea {
  flex: 1 1 auto;
  min-height: 40px;
  max-height: 120px;
  overflow-y: hidden;
  resize: none;
  border: 1px solid #3A454C;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-family: inherit;
  outline: none;
  background: #2A343A;
  color: #E6ECEF;
  transition: border-color 0.2s, box-shadow 0.2s;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
body.v2-theme .chat-input-textarea::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .chat-input-textarea::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .chat-input-textarea::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .chat-input-textarea::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .chat-input-textarea::placeholder {
  color: #7A868E;
}
body.v2-theme .chat-input-textarea:focus {
  border-color: #94C600;
  box-shadow: 0 0 0 3px rgba(148, 198, 0, 0.25);
}
body.v2-theme .chat-input-textarea:disabled {
  background: rgba(255, 255, 255, 0.03);
  color: #7A868E;
}
body.v2-theme .chat-send-btn {
  padding: 8px 12px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  transition: background 0.2s, box-shadow 0.2s;
  flex-shrink: 0;
}
body.v2-theme .chat-send-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
  box-shadow: 0 2px 8px rgba(26, 166, 198, 0.35);
}
body.v2-theme .chat-send-btn:disabled {
  background: rgba(255, 255, 255, 0.1);
  color: #7A868E;
  cursor: not-allowed;
  box-shadow: none;
}
@media screen and (max-width: 480px) {
  body.v2-theme .chat-assistant-overlay {
    width: 100vw;
  }
}
body.v2-theme .chat-message.chat-message-assistant {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  max-width: 92%;
}
body.v2-theme .chat-message-avatar {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 9999px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-top: 2px;
}
body.v2-theme .chat-message-avatar i {
  font-size: 14px;
}
body.v2-theme .chat-message-body {
  flex: 1;
  min-width: 0;
  position: relative;
}
body.v2-theme .chat-action-summary {
  margin-top: 4px;
}
body.v2-theme .chat-action-summary-toggle {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  display: inline-flex;
  gap: 4px;
  background: none;
  border: 1px solid rgba(0, 143, 106, 0.35);
  border-radius: 9999px;
  padding: 2px 8px;
  cursor: pointer;
  font-size: 10px;
  color: #B8C2C8;
  transition: background 0.15s;
}
body.v2-theme .chat-action-summary-toggle:hover {
  background: rgba(0, 143, 106, 0.1);
}
body.v2-theme .chat-action-summary-toggle i {
  font-size: 10px;
  color: #008F6A;
}
body.v2-theme .chat-action-summary[data-status="error"] .chat-action-summary-toggle {
  border-color: rgba(239, 68, 68, 0.35);
}
body.v2-theme .chat-action-summary[data-status="error"] .chat-action-summary-toggle:hover {
  background: rgba(239, 68, 68, 0.1);
}
body.v2-theme .chat-action-summary[data-status="error"] .chat-action-summary-toggle i:first-child {
  color: #EF4444;
}
body.v2-theme .chat-action-summary[data-status="pending"] .chat-action-summary-toggle {
  border-color: rgba(245, 158, 11, 0.35);
}
body.v2-theme .chat-action-summary[data-status="pending"] .chat-action-summary-toggle:hover {
  background: rgba(245, 158, 11, 0.1);
}
body.v2-theme .chat-action-summary[data-status="pending"] .chat-action-summary-toggle i:first-child {
  color: #F59E0B;
}
body.v2-theme .chat-action-summary-toggle-label {
  font-weight: 500;
}
body.v2-theme .chat-action-summary-detail {
  margin-top: 4px;
}
body.v2-theme .chat-action-summary-list {
  margin: 0 0 4px 16px;
  padding: 0;
  font-size: 10px;
  color: #7A868E;
}
body.v2-theme .chat-action-summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
body.v2-theme .chat-action-summary-button-open-search {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  color: #B8C2C8;
  font-size: 10px;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
body.v2-theme .chat-action-summary-button-open-search:hover {
  color: #E6ECEF;
}
body.v2-theme .chat-action-summary-button-open-search i {
  font-size: 11px;
}
body.v2-theme .chat-md {
  line-height: 1.5;
}
body.v2-theme .chat-md .chat-md-p {
  margin: 0 0 8px 0;
}
body.v2-theme .chat-md .chat-md-p:last-child {
  margin-bottom: 0;
}
body.v2-theme .chat-md .chat-md-ul,
body.v2-theme .chat-md .chat-md-ol {
  margin: 4px 0;
  padding-left: 1.25em;
}
body.v2-theme .chat-md .chat-md-li + .chat-md-li {
  margin-top: 4px;
}
body.v2-theme .chat-md .chat-md-strong {
  font-weight: 700;
}
body.v2-theme .chat-md .chat-md-em {
  font-style: italic;
}
body.v2-theme .chat-md .chat-md-link {
  color: #1AA6C6;
  text-decoration: none;
}
body.v2-theme .chat-md .chat-md-link:hover {
  text-decoration: underline;
}
body.v2-theme .chat-md .chat-md-code {
  font-family: monospace;
  font-size: 0.9em;
  background: rgba(255, 255, 255, 0.1);
  padding: 1px 4px;
  border-radius: 3px;
}
body.v2-theme .chat-md .chat-md-codeblock {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px;
  margin: 8px 0;
  overflow-x: auto;
  max-width: 100%;
}
body.v2-theme .chat-md .chat-md-codeblock code {
  font-family: monospace;
  font-size: 0.9em;
  background: transparent;
  padding: 0;
}
body.v2-theme .chat-message-actions {
  position: absolute;
  top: -4px;
  right: 0;
  opacity: 0;
  transition: opacity 0.15s;
  display: flex;
  gap: 4px;
}
body.v2-theme .chat-message-assistant:hover .chat-message-actions,
body.v2-theme .chat-message-assistant:focus-within .chat-message-actions,
body.v2-theme .chat-message-user:hover .chat-message-actions,
body.v2-theme .chat-message-user:focus-within .chat-message-actions {
  opacity: 1;
}
@media (hover: none) {
  body.v2-theme .chat-message-actions {
    opacity: 1;
    position: static;
    margin-top: 4px;
  }
}
body.v2-theme .chat-message-actions > button {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #B8C2C8;
  font-size: 11px;
  padding: 2px 8px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
body.v2-theme .chat-message-actions > button:hover:not(:disabled) {
  color: #E6ECEF;
  background: rgba(255, 255, 255, 0.1);
}
body.v2-theme .chat-message-actions > button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .chat-message-actions > button i {
  font-size: 12px;
}
body.v2-theme .chat-message-user .chat-message-actions > button {
  width: 24px;
  height: 24px;
  justify-content: center;
  padding: 0;
}
body.v2-theme .chat-message-user .chat-message-actions > button i {
  font-size: 14px;
}
body.v2-theme .chat-message-action-label {
  display: inline-block;
}
body.v2-theme .chat-message-user .chat-message-action-label {
  display: none;
}
body.v2-theme .chat-new-messages-button {
  position: sticky;
  bottom: 8px;
  display: block;
  margin: 8px 12px 0 auto;
  z-index: 1;
  border: 1px solid rgba(14, 120, 188, 0.45);
  border-radius: 9999px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
body.v2-theme .chat-new-messages-button:hover {
  background: linear-gradient(135deg, #1990D8 0%, #24B5D1 100%);
}
body.v2-theme .chat-message.chat-typing-indicator {
  width: auto;
  height: auto;
  padding: 8px 12px;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
body.v2-theme .chat-message.chat-typing-indicator::after {
  content: none;
}
body.v2-theme .chat-message.chat-typing-indicator .chat-typing-dot {
  width: 6px;
  height: 6px;
  border-radius: 9999px;
  background: #7A868E;
  animation: chat-typing-dot 1s infinite ease-in-out;
}
body.v2-theme .chat-message.chat-typing-indicator .chat-typing-dot:nth-child(2) {
  animation-delay: 0.15s;
}
body.v2-theme .chat-message.chat-typing-indicator .chat-typing-dot:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes chat-typing-dot {
  0%,
  80%,
  100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  40% {
    opacity: 1;
    transform: translateY(-2px);
  }
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(min-content, max-content);
  align-content: start;
  gap: 12px;
  padding: 0 12px 8px;
  box-sizing: border-box;
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestion-chip {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  background-color: #2A343A;
  border: 1px solid #283035;
  border-radius: 12px;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  cursor: pointer;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
  text-align: left;
  align-items: center;
  min-width: 0;
  min-height: 64px;
  padding: 12px;
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestion-chip:hover {
  background-color: #37444c;
  border-color: #4c5a63;
  transform: translateY(-1px);
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestion-chip:active {
  transform: translateY(0);
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestion-chip i {
  font-size: 18px;
  color: #1AA6C6;
  flex-shrink: 0;
  margin-top: 1px;
}
body.v2-theme .chat-assistant-panel .chat-panel-suggestion-chip-text {
  min-width: 0;
  overflow-wrap: anywhere;
}
body.v2-theme .chat-assistant-panel:not(.chat-assistant-panel--central) .chat-panel-suggestions {
  width: 100%;
  margin-top: 12px;
}
body.v2-theme .chat-assistant-panel:not(.chat-assistant-panel--central) .chat-panel-suggestion-chip {
  min-height: 52px;
}
body.v2-theme .chat-continuity-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 12px 8px 12px;
}
body.v2-theme .chat-continuity-action-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #3A454C;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.05);
  color: #E6ECEF;
  font-size: 12px;
  padding: 4px 12px;
  cursor: pointer;
}
body.v2-theme .chat-continuity-action-chip:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #4c5a63;
}
body.v2-theme .chat-dashboard-proposal {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 12px;
  padding: 16px;
  border-radius: 12px;
  background: #2A343A;
  border: 1px solid #3A454C;
  max-height: 420px;
  overflow-y: auto;
}
body.v2-theme .chat-dashboard-proposal-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
}
body.v2-theme .chat-dashboard-proposal-summary {
  margin: 8px 0 0;
  color: #B8C2C8;
  line-height: 1.5;
}
body.v2-theme .chat-dashboard-proposal-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 9999px;
  background-color: rgba(14, 120, 188, 0.15);
  color: #1AA6C6;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
body.v2-theme .chat-dashboard-proposal-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
body.v2-theme .chat-dashboard-proposal-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
body.v2-theme .chat-dashboard-proposal-next-step {
  margin: 0;
  font-style: italic;
  color: #B8C2C8;
  line-height: 1.4;
  flex: 1 1 240px;
}
body.v2-theme .chat-dashboard-widget {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid #3A454C;
  border-radius: 8px;
  background-color: #333f46;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  min-height: 100%;
}
body.v2-theme .chat-dashboard-widget-type {
  display: inline-flex;
  align-self: flex-start;
  padding: 2px 8px;
  border-radius: 9999px;
  background-color: rgba(14, 120, 188, 0.15);
  color: #1AA6C6;
  font-size: 12px;
  font-weight: 500;
}
body.v2-theme .chat-dashboard-widget-hint,
body.v2-theme .chat-dashboard-widget-rationale {
  margin: 0;
  color: #B8C2C8;
  line-height: 1.4;
}
body.v2-theme .chat-empty-hero {
  text-align: center;
  padding: 20px 12px 12px;
  color: #B8C2C8;
}
body.v2-theme .chat-empty-hero-icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 44px;
  height: 44px;
  margin: 0 auto 8px;
  border-radius: 12px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
body.v2-theme .chat-empty-hero-icon i {
  font-size: 20px;
}
body.v2-theme .chat-empty-hero-title {
  font-size: 15px;
  color: #E6ECEF;
  font-weight: 700;
  margin-bottom: 4px;
}
body.v2-theme .chat-empty-hero-sub {
  font-size: 12px;
  color: #7A868E;
}
body.v2-theme .chat-empty-kbds {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  font-size: 11px;
  color: #7A868E;
  margin-top: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
body.v2-theme .chat-empty-kbds kbd {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-bottom-width: 2px;
  border-radius: 3px;
  padding: 1px 5px;
  font-family: monospace;
  color: #B8C2C8;
  font-size: 10px;
}
body.v2-theme .chat-panel-suggestion-chip-meta {
  margin-left: auto;
  color: #7A868E;
  font-size: 10px;
  font-family: monospace;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
body.v2-theme .chat-input-hint {
  font-size: 10px;
  color: #7A868E;
  padding: 4px 12px 8px;
  display: flex;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
  flex-wrap: wrap;
}
body.v2-theme .chat-input-hint kbd {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-bottom-width: 2px;
  border-radius: 3px;
  padding: 0 4px;
  font-family: monospace;
  color: #B8C2C8;
  font-size: 10px;
}
body.v2-theme .chat-input-hint-disclaimer {
  margin-left: auto;
  color: #7A868E;
  font-style: italic;
}
@keyframes chatCentralFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.v2-theme .chat-assistant-panel--central,
body.v2-theme .chat-assistant-panel--dock {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  overflow: hidden;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-body {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme .chat-assistant-panel--dock .chat-panel-body {
  flex: 1 1 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme .chat-assistant-panel--central {
  background: radial-gradient(ellipse at 50% 0%, rgba(14, 120, 188, 0.08) 0%, #141B1F 70%);
  animation: chatCentralFadeIn 0.4s ease-out;
  box-sizing: border-box;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-body--welcome {
  flex: 0 1 auto;
  padding: 24px 12px 12px;
  align-items: center;
  margin-bottom: auto;
  margin-top: auto;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-welcome {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-icon {
  display: none;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-title {
  font-size: 24px;
  font-weight: 500;
  color: #E6ECEF;
  letter-spacing: -0.3px;
  text-align: center;
  margin: 0;
  font-size: 60px;
  line-height: 1.04;
  letter-spacing: -1.4px;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-subtitle {
  font-size: 14px;
  color: #B8C2C8;
  text-align: center;
  margin: 0;
  line-height: 1.5;
  font-size: 12px;
}
body.v2-theme .chat-assistant-panel--central > .chat-continuity-actions {
  order: 1;
}
body.v2-theme .chat-assistant-panel--central > .chat-panel-suggestions {
  order: 2;
}
body.v2-theme .chat-assistant-panel--central > .chat-input-section {
  order: 3;
}
body.v2-theme .chat-assistant-panel--central > .chat-panel-disclaimer {
  order: 4;
}
body.v2-theme .chat-assistant-panel--central .chat-panel-suggestions {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 12px 8px;
  box-sizing: border-box;
}
body.v2-theme .chat-assistant-panel--central .chat-messages-list {
  max-width: 720px;
  margin: 0 auto;
  width: 100%;
}
body.v2-theme .chat-assistant-panel--central .chat-message-content {
  padding: 8px 12px;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
}
body.v2-theme .chat-assistant-panel--central .chat-input-section {
  /*flex-shrink: 0;
		width: 100%;
		max-width: 720px;
		margin: 0 auto;
		box-sizing: border-box;*/
  flex-shrink: 0;
  width: 100%;
  max-width: 840px;
  margin: 8px auto 0;
  padding: 8px 8px 8px 24px;
  box-sizing: border-box;
  border: 1px solid rgba(40, 48, 53, 0.9);
  border-radius: 28px;
  background: rgba(42, 52, 58, 0.96);
  box-shadow: 0 20px 40px rgba(6, 18, 36, 0.22), 0 0 0 1px rgba(14, 120, 188, 0.1);
  transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-assistant-panel--central .chat-panel-disclaimer {
  flex-shrink: 0;
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 10px;
  color: rgba(184, 194, 200, 0.5);
  text-align: center;
  padding: 8px 12px 12px;
}
body.v2-theme .chat-assistant-panel--central .chat-continuity-actions {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  padding: 0 12px 8px;
  box-sizing: border-box;
  justify-content: flex-start;
}
body.v2-theme .chat-assistant-panel--dock {
  background: #141B1F;
}
body.v2-theme .chat-assistant-panel--dock .chat-panel-disclaimer {
  flex-shrink: 0;
  font-size: 10px;
  color: rgba(184, 194, 200, 0.5);
  text-align: center;
  padding: 0 12px 12px;
}
body.v2-theme .chat-central-mount {
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme #chatCentral {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
}
body.v2-theme #chatDock {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 380px;
  max-width: calc(100% - 16px);
  min-width: 320px;
  min-height: 0;
  height: 100vh;
  max-height: 100vh;
  background: rgba(42, 52, 58, 0.96);
  border: 1px solid rgba(40, 48, 53, 0.85);
  border-radius: 0;
  box-shadow: -20px 0 48px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  pointer-events: auto;
  isolation: isolate;
  z-index: 30;
}
body.v2-theme #chatDock .chat-dock-close {
  width: 44px;
  height: 44px;
  display: none;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(40, 48, 53, 0.85);
  border-radius: 9999px;
  background: rgba(0, 59, 84, 0.88);
  color: #B8C2C8;
  cursor: pointer;
  padding: 0;
  pointer-events: auto;
  touch-action: manipulation;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
  margin-left: auto;
  z-index: 34;
  transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1), transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme #chatDock .chat-dock-close:hover {
  background: #37444c;
  color: #E6ECEF;
  transform: scale(1.05);
}
body.v2-theme #chatDock .chat-dock-close i {
  font-size: 18px;
}
body.v2-theme .chat-dock-reopen {
  position: fixed;
  right: 24px;
  bottom: 24px;
  top: auto;
  transform: none;
  width: 56px;
  height: 56px;
  display: none;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, #0E78BC 0%, #1AA6C6 100%);
  color: #FFFFFF;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  pointer-events: auto;
  z-index: 45;
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-dock-reopen:hover {
  transform: scale(1.04);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3);
}
body.v2-theme .chat-dock-reopen i {
  font-size: 24px;
}
body.v2-theme #mainContent.chat-dock-active {
  position: relative;
  box-sizing: border-box;
}
body.v2-theme #mainContent.chat-dock-active #appTabNavigator {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme #mainContent.chat-dock-collapsed {
  position: relative;
}
body.v2-theme #mainContent.chat-dock-collapsed #appTabNavigator {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme #mainContent.chat-dock-collapsed #chatDock {
  display: none !important;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-active {
  position: relative;
  box-sizing: border-box;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-active #appTabNavigator {
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-active #chatDock {
  top: 0;
  right: 0;
  height: 100vh;
  max-height: 100vh;
}
body.v2-theme #appTabNavigator.app-tab-navigator--empty {
  flex: 0 0 auto !important;
  min-height: 0;
  overflow: hidden;
}
body.v2-theme #appTabNavigator.app-tab-navigator--empty #tabContainer {
  display: none !important;
}
@media screen and (max-width: 900px) {
  body.v2-theme #chatDock {
    display: none !important;
  }
  body.v2-theme .chat-dock-reopen {
    display: none !important;
  }
  body.v2-theme #mainContent.chat-dock-active {
    padding-right: 0;
  }
  body.v2-theme #mainWrapper #mainContent.chat-dock-active {
    padding-right: 0;
  }
  body.v2-theme #mainContent.chat-dock-active #appTabNavigator {
    flex: 1 1 auto;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
  }
}
@media screen and (max-width: 640px) {
  body.v2-theme .chat-assistant-panel--central .chat-panel-body--welcome {
    padding: 16px 12px 0;
  }
  body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-title {
    font-size: 16px;
  }
  body.v2-theme .chat-assistant-panel--central .chat-panel-welcome-subtitle {
    font-size: 11px;
  }
  body.v2-theme .chat-assistant-panel--central .chat-panel-suggestions {
    padding: 0 12px 8px;
    gap: 8px;
  }
}
body.v2-theme #chatDock {
  min-width: 240px;
  max-width: 600px;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-pinned {
  flex-direction: row !important;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-pinned > #appTabNavigator {
  order: 0;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  min-height: 0;
}
body.v2-theme #mainWrapper #mainContent.chat-dock-pinned > #chatDock {
  order: 1;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  flex: 0 0 auto;
  align-self: stretch;
  height: auto;
  max-height: none;
  box-shadow: none;
  border: none;
  border-left: 1px solid #3A454C;
}
body.v2-theme .chat-dock {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 35;
}
body.v2-theme .chat-dock__header {
  position: relative;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0 8px 0 12px;
  pointer-events: none;
  z-index: 2;
}
body.v2-theme .chat-dock__pin-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  color: #7A868E;
  cursor: pointer;
  border-radius: 4px;
  pointer-events: auto;
  transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-dock__pin-btn:hover {
  color: #E6ECEF;
  background-color: rgba(255, 255, 255, 0.1);
}
body.v2-theme .chat-dock__pin-btn i {
  font-size: 14px;
}
body.v2-theme .chat-dock--pinned .chat-dock__pin-btn {
  color: #0E78BC;
}
body.v2-theme .chat-dock--pinned .chat-dock__pin-btn:hover {
  color: #1990D8;
}
body.v2-theme .chat-dock:not(.chat-dock--pinned) .chat-dock__pin-btn i {
  transform: rotate(45deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-dock--pinned .chat-dock__pin-btn i {
  transform: rotate(0deg);
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
body.v2-theme .chat-dock__resize-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  cursor: ew-resize;
  background-color: transparent;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: all;
  z-index: 3;
}
body.v2-theme .chat-dock__resize-handle:hover {
  background-color: rgba(14, 120, 188, 0.5);
}
.files.ui-tabs-panel {
  overflow: visible;
}
.asset-files-component .asset-files-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 5px;
}
.asset-files-component .asset-files-buttons button {
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.asset-files-component .asset-files-buttons button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.asset-files-component .asset-files-buttons button:hover .buttonContent span {
  color: #FFFFFF !important;
}
.asset-files-component .asset-files-buttons button .buttonContent span {
  color: #B8C2C8 !important;
  font-size: 12px;
}
.asset-files-component .asset-files-list {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.asset-files-component .asset-files-list .file-main-container .file-content {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  padding: 5px;
  border-radius: 8px;
  border: 1px solid #3A454C;
  transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components:hover {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.3);
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children {
  margin: 0px 5px 0px 2px;
  min-height: 20px;
  min-width: 12px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Right,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Down {
  display: flex;
  width: 100%;
  height: 100%;
  cursor: pointer;
  color: #7A868E;
  transition: all ease 0.3s;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Right:hover,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Down:hover {
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .asset-file-show-children .toggleSearchIcon-Down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-icon img {
  max-width: 100%;
  max-height: 100%;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container {
  flex-shrink: 0;
  width: 36px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .play {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #0083aa;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .play:hover {
  background-color: #006d8f;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .play span.blue_play_main {
  font-family: "Material Symbols Outlined";
  font-size: 1.25rem;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  color: #FFFFFF;
  width: auto;
  height: auto;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .play span.blue_play_main::before {
  content: "\e037";
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .see_white {
  color: #7A868E;
  cursor: pointer;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .see_white:hover {
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-player-container .see_white::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  min-width: 0px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-extra-data {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin-top: 0.25rem;
  gap: 0.75rem;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-extra-data .asset-file-business-use .file-group-businessUse {
  position: relative;
  border-radius: 0.25rem;
  background-color: #0083aa;
  padding: 0.125rem 0.375rem;
  font-size: 9px;
  font-weight: 900;
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-extra-data .asset-file-business-use .file-group-businessUse .delete_small {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  border-radius: 4px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-extra-data .asset-file-business-use .file-group-businessUse:hover .delete_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 9px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  cursor: pointer;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .asset-file-main-info .file-main-info-extra-data .file-mainInfo-technical-info {
  font-size: 10px;
  color: #7A868E;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .file-main-actions-container-classic {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  margin-right: 5px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .file-main-actions-container-classic .file-main-action-buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0.25rem;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .file-main-actions-container-classic .file-main-action-buttons > div {
  cursor: pointer;
  display: flex;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .file-main-actions-container-classic .file-main-action-buttons > div span {
  color: #7A868E;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .filegroup-components .file-main-actions-container-classic .file-main-action-buttons > div:hover span {
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  border-left: 1px solid #3A454C;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 4px 8px;
  margin-left: 5px;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage:hover {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0px 2px 8px rgba(255, 255, 255, 0.2);
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage + .fileStorage {
  border-top: 1px solid #3A454C;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0.5rem;
  flex: 1 1 0%;
  min-width: 0;
  font-size: 0.75rem;
  color: #7A868E;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Editable {
  background-color: #00e000;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Online {
  background-color: #39b2fb;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Transferring {
  background-color: #ff0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Nearline {
  background-color: #5c4033;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Offline {
  background-color: #f00;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Unknown {
  background-color: #777;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-NotFoundInServer {
  background-color: #000;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Allocated {
  background-color: #8f21c8;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .statusBox .statusIcon.status-Unavailable {
  background-color: #e65100;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-location .storage-volume-name-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div {
  cursor: pointer;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div span,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div a {
  color: #7A868E;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div span.box_in_small.filePocket::before,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div a.box_in_small.filePocket::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div span.cloud_download::before,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div a.cloud_download::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cloud_download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div:hover span,
.asset-files-component .asset-files-list .file-main-container .file-content .file-components .file-storages-container .fileStorage .file-actions > div:hover a {
  color: #FFFFFF;
}
.asset-files-component .asset-files-list .file-main-container .file-children-container {
  padding-left: 16px;
}
.wizardContainer h3 {
  display: inline-block;
  border-radius: 0.375rem;
  padding: 0.75rem 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #FFFFFF;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
  opacity: 0.5;
}
.wizardContainer h3.current {
  cursor: default;
  opacity: 1;
}
.wizardContainer h3:hover {
  opacity: 1;
}
.wizardContainer .step {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 1rem;
  border-radius: 8px;
}
.wizardContainer .step.hidden {
  display: none;
}
.wizardContainer .step .stepHelp {
  border-radius: 4px;
  border-left: 4px solid #004F6E;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 12px;
  font-size: 12px;
  font-style: italic;
  line-height: 1.625;
  color: #B8C2C8;
}
.wizardContainer .step .stepContent {
  margin-top: 10px;
  display: flex;
  gap: 8px;
}
.wizardContainer .step .stepContent .comboNodesContainer {
  position: absolute;
}
.wizardContainer .step .stepContent .comboContainer {
  margin-top: 40px;
}
.wizardContainer .step .stepContent .comboNodesContainer,
.wizardContainer .step .stepContent .comboContainer {
  display: flex;
}
.wizardContainer .step .stepContent .comboNodesContainer .vsn-combobox,
.wizardContainer .step .stepContent .comboContainer .vsn-combobox {
  flex: 1;
}
.wizardContainer .step .stepContent .comboNodesContainer .vsn-combobox .custom-combobox,
.wizardContainer .step .stepContent .comboContainer .vsn-combobox .custom-combobox {
  max-width: 220px;
}
.wizardContainer .step .stepContent .volumeFolder {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 350px;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: top;
  border-radius: 8px;
}
.wizardContainer .step .stepContent .volumeFolder::-webkit-scrollbar {
  width: 5px;
}
.wizardContainer .step .stepContent .volumeFolder::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.wizardContainer .step .stepContent .volumeFolder::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.wizardContainer .step .stepContent .volumeFolder::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.wizardContainer .step .stepContent .fileUploadDiv {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  overflow-y: auto;
  height: 300px;
  border-radius: 4px;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList:not(:empty) {
  padding: 8px;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li {
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px;
  position: relative;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .filename {
  color: #7A868E;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  font-size: 12px;
  color: #7A868E;
  gap: 5px;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .business-use-combo,
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .no-bu-selected-container {
  display: none;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .business-use-selected-box {
  border: none;
  margin: 0;
  padding: 0;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .business-use-selected-box .vsnButton {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: none;
  border: none;
  color: #B8C2C8;
  cursor: pointer;
  border-radius: 50%;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 2px 4px;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .business-use-selected-box .vsnButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .file-size-and-uses .fileUsesPlaceholder .business-use-selector-container .business-use-selected-box .vsnButton .glyph.add::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons {
  position: absolute;
  top: 4px;
  right: 8px;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons button {
  background: none;
  color: #B8C2C8;
  padding: 4px 8px;
  background-color: rgba(255, 255, 255, 0.05);
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons .cloud_upload::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cloud_upload";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons.current .deleteUpload,
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons.current .startUpload {
  display: none;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons.current .cancelUpload {
  display: inline-flex;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .filesList li .files_buttons .cancelUpload {
  display: none;
}
.wizardContainer .step .stepContent .fileUploadDiv .filesToUpload .drag-file-zone2 {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #B8C2C8;
  height: 100%;
  align-content: center;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar {
  display: inline-flex;
  width: 100%;
  margin-top: 10px;
  align-items: center;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addFilesButton {
  position: relative;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
  text-transform: uppercase;
  font-size: 12px;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addFilesButton:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addFilesButton input[type="file"] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder {
  margin-left: 16px;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder .business-use-selected-box {
  display: none;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder .category-combo {
  display: none !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder span.bu-selector-combo.uses-combo input.disabled {
  background: none;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder button {
  text-transform: uppercase;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .addUsesPlaceholder button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .rightButtonContainer {
  display: flex;
  margin-left: auto;
  gap: 12px;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .rightButtonContainer button {
  text-transform: uppercase;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .rightButtonContainer button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .rightButtonContainer button.uploadAll {
  text-indent: 0 !important;
  gap: 5px;
}
.wizardContainer .step .stepContent .fileUploadDiv .fileupload-buttonbar .rightButtonContainer button.uploadAll .cloud_big_upload::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cloud_upload";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizardContainer .buttonContainer {
  text-align: right;
  margin-top: 10px;
}
.wizardContainer .buttonContainer button {
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #B8C2C8 !important;
  font-size: 12px;
}
.wizardContainer .buttonContainer button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}
.main-progress-bar {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFFFFF;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  margin: 5px 0 0 0;
  position: relative;
}
.main-progress-bar .extra-data {
  position: absolute;
  right: 12px;
  bottom: 3px;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #FFFFFF;
  text-align: center;
  background-color: #0A6F8F;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.image-viewer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  outline: none;
  z-index: 20;
}
.image-viewer .image-container {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 96%;
  width: 98%;
  margin: 1%;
}
.image-viewer .image-placeholder {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  max-height: 100%;
  max-width: 100%;
}
.image-viewer .image-placeholder img {
  max-height: 100%;
  max-width: 100%;
  user-select: none;
}
.image-viewer .image-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #FFFFFF;
  font-size: 12px;
  text-shadow: 2px 2px 3px #000000;
  font-weight: 700;
}
.image-viewer .image-loading {
  background-image: url("../Images/loading_vsn.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 100px;
  height: 100px;
}
.image-viewer .image-loading.error {
  border-radius: 0;
  border: none;
  background-clip: initial;
}
.image-viewer .image-info {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  background-image: linear-gradient(180deg, #000000 0%, #000000 10%);
  padding: 0 1rem;
  gap: 0.5rem;
  flex-direction: column;
}
.image-viewer:hover .image-info {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.image-viewer .image-business-uses {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}
.image-viewer .image-business-uses .use {
  background-color: #0083aa;
  padding: 2px 12px;
  border-radius: 8px;
  font-size: 12px;
  color: #FFFFFF;
  cursor: default;
  box-shadow: 3px 3px 5px -1px #000000;
}
.image-viewer .navegate-btn {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 100%;
  height: 100%;
  width: 10%;
}
.image-viewer .navegate-btn.prev-image {
  left: 0;
}
.image-viewer .navegate-btn.prev-image:hover {
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) -50%, rgba(239, 1, 124, 0) 100%);
}
.image-viewer .navegate-btn.prev-image .nav-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_back_ios";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.image-viewer .navegate-btn.next-image {
  right: 0;
}
.image-viewer .navegate-btn.next-image:hover {
  background: linear-gradient(to left, rgba(255, 255, 255, 0.5) -50%, rgba(239, 1, 124, 0) 100%);
}
.image-viewer .navegate-btn.next-image .nav-icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_forward_ios";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.image-viewer .navegate-btn .nav-icon {
  display: none;
  cursor: default;
  font-size: 0;
}
.image-viewer .navegate-btn:hover .nav-icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.image-viewer .image-container .image-slideshow {
  position: absolute;
  bottom: 5px;
  height: 100px;
  width: 70%;
  overflow-y: hidden;
  margin: auto;
}
.image-viewer .image-container .image-slideshow:hover .image-slideshow-content {
  margin-top: 0px;
  opacity: 1;
}
.image-viewer .image-container .image-slideshow .image-slideshow-content {
  height: 117px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 80px;
  opacity: 0.65;
  transition: margin 300ms;
}
.image-viewer .image-container .image-slideshow .image-slideshow-content::after {
  content: "\00a0";
}
.image-viewer .image-container .image-slideshow .slideshow-image {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin: 5px;
  margin-left: 10px;
  cursor: pointer;
}
.image-viewer .image-container .image-slideshow .slideshow-image:first-child {
  margin-left: calc(35vw - 75px);
}
.image-viewer .image-container .image-slideshow .slideshow-image:last-child {
  margin-right: calc(35vw - 75px);
}
.image-viewer .image-container .image-slideshow .slideshow-image img {
  max-height: 90px;
  max-width: 220px;
}
.image-viewer .image-container .image-slideshow .slideshow-image img:hover {
  box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.5);
}
.image-viewer .image-container .image-slideshow .slideshow-image.active img {
  box-shadow: 0 0 2px 3px rgba(255, 255, 255, 0.5);
}
.image-viewer .image-container .image-slideshow .image-loading {
  min-width: 150px;
}
.imageViewerContainer {
  height: calc(100% - 25px);
  width: 100%;
  position: relative;
}
.timelineContainer {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.timelineContainer .toolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 32px;
  width: 100%;
  padding: 0 16px;
  background-color: #003B54;
  gap: 32px;
}
.timelineContainer .toolbar .weditSettings {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: relative;
  gap: 0.5rem;
  cursor: pointer;
}
.timelineContainer .toolbar .weditSettings:hover .vsn-ico-wedit-audio-settings::before {
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1);
}
.timelineContainer .toolbar .weditSettings:hover .menu-name {
  color: #FFFFFF;
}
.timelineContainer .toolbar .weditSettings .vsn-ico-wedit-audio-settings::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "tune";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #4fc3a1;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.timelineContainer .toolbar .weditSettings .menu-name {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #B8C2C8;
}
.timelineContainer .toolbar .weditSettings .menu {
  position: absolute;
  height: 100%;
  width: 100%;
}
.timelineContainer .toolbar .weditSettings .menu .dropdownBackground {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 4px;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
  transform-origin: 50% 0%;
  transition: transform 0.2s linear 0s;
  display: none;
  opacity: 0;
  z-index: 12;
}
.timelineContainer .toolbar .weditSettings .menu .dropdownBackground.open {
  display: block;
  opacity: 1;
}
.timelineContainer .toolbar .weditSettings .menu .cool > li {
  position: relative;
  display: flex;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  border-radius: 2px;
  transition: all 0.5s;
  will-change: transform;
  z-index: 12;
  width: 0;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown {
  position: relative;
  overflow: hidden;
  padding: 16px;
  margin-left: 32px;
  border-radius: 2px;
  transition: all 0.5s;
  will-change: transform;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown.audioSettings {
  min-width: 300px;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown.audioSettings label {
  cursor: pointer;
  vertical-align: top;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown.audioSettings .audios span.audio {
  display: block;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown.audioSettings FIELDSET {
  margin: 8px;
  border: 1px solid #3A454C;
  padding: 8px;
  border-radius: 4px;
}
.timelineContainer .toolbar .weditSettings .menu .cool .outDropdown .dropdown.audioSettings LEGEND {
  padding: 2px;
}
.timelineContainer .toolbar .weditSettings .menu.trigger-enter-active .cool .outDropdown {
  visibility: visible;
  opacity: 1;
  width: auto;
}
.timelineContainer .toolbar .weditSettings .menu .top {
  color: #283A41;
}
.timelineContainer .toolbar .tools {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.timelineContainer .toolbar .tools button {
  background: none;
  border: none;
  color: #7A868E;
  cursor: pointer;
}
.timelineContainer .toolbar .tools button:hover {
  color: #FFFFFF;
}
.timelineContainer .toolbar .tools button i::before {
  font-size: 20px;
}
.timelineContainer .toolbar .tools .vsn-ico-wedit-split::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "content_cut";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .toolbar .tools .vsn-ico-wedit-undo::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "undo";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .toolbar .tools .vsn-ico-wedit-redo::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "redo";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component {
  position: relative;
  display: flex;
  flex: 1 1 0;
  min-height: 0;
}
.timelineContainer .timeline-component .timeline {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  flex: 1 1 0;
  min-height: 0;
}
.timelineContainer .timeline-component .timeline::-webkit-scrollbar {
  width: 5px;
}
.timelineContainer .timeline-component .timeline::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.timelineContainer .timeline-component .timeline::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.timelineContainer .timeline-component .timeline::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.timelineContainer .timeline-component .Blink {
  animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate;
}
@keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.timelineContainer .timeline-component .audio-component {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.timelineContainer .timeline-component .stopRec {
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: red;
  display: inline-block;
}
.timelineContainer .timeline-component .voiceOverContainer {
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-content: center;
}
.timelineContainer .timeline-component .voiceOverContainer > div,
.timelineContainer .timeline-component .voiceOverContainer .voideOverRecording {
  display: inline-block;
}
.timelineContainer .timeline-component .voiceOverContainer > div button,
.timelineContainer .timeline-component .voiceOverContainer .voideOverRecording button {
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
}
.timelineContainer .timeline-component .voiceOverContainer > div button:hover,
.timelineContainer .timeline-component .voiceOverContainer .voideOverRecording button:hover {
  color: #FFFFFF;
}
.timelineContainer .timeline-component .voiceOverContainer > div .recording,
.timelineContainer .timeline-component .voiceOverContainer .voideOverRecording .recording {
  display: none;
  width: 100%;
  margin: 0 auto 0 auto;
}
.timelineContainer .timeline-component .vis-timeline,
.timelineContainer .timeline-component .vis-timeline .vis-panel,
.timelineContainer .timeline-component .vis-timeline .vis-content {
  border: 1px solid transparent;
}
.timelineContainer .timeline-component .vis-timeline .vis-custom-time {
  background-color: #4fc3a1;
}
.timelineContainer .timeline-component .vis-timeline .vis-custom-time::before {
  content: '';
  position: absolute;
  left: -14px;
  top: 0px;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-left-width: 15px;
  border-right-width: 15px;
  border-top: 23px solid #4fc3a1;
}
.timelineContainer .timeline-component .vis-timeline .vis-time-axis .vis-grid.vis-vertical {
  border-color: transparent;
}
.timelineContainer .timeline-component .vis-timeline .vis-time-axis .vis-text {
  border-left: 1px solid #FFFFFF;
  color: #7A868E;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  border-bottom: 1px solid #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label:last-child {
  border-bottom: none;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .vis-label.audio {
  width: 60px;
  height: 50px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .vis-inner {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  display: flex;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.comments .group-header-label {
  color: #4fc3a1;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.comments button:has(.glyph.add) {
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.comments button:has(.glyph.add):hover {
  color: #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.comments .vis-inner {
  height: 25px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.video {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.video.collapsed::before,
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.video.expanded::before {
  color: #F59E0B;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.video .group-header {
  color: #F59E0B;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.video .group-header .group-header-label {
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.voice {
  height: 100% !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.voice .group-header-label {
  color: #EF4444;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.stereo0 .group-header-label {
  color: #0A6F8F;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.stereo2 .group-header-label {
  color: #1973a0;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.stereo4 .group-header-label {
  color: #165b7e;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.stereo6 .group-header-label {
  color: #0c3246;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label.stereo8 .group-header-label {
  color: #0d2236;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .voiceOverContainer {
  min-height: 50px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .voiceOverContainer .group .group-header-label {
  color: #d40002;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .voiceOverContainer,
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .audio-group-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: stretch;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .voiceOverContainer .group .group-header,
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .audio-group-container .group .group-header {
  margin-bottom: 0px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .voiceOverContainer .group .group-header:nth-child(2),
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .audio-group-container .group .group-header:nth-child(2) {
  margin-bottom: 0px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group-header {
  width: 20px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group {
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-direction: row;
  margin-bottom: 1px;
  margin-top: 1px;
  justify-content: center;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group .group-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0 1px 0 1px;
  align-self: stretch;
  align-content: center;
  margin-top: 0px;
  margin-bottom: 2px;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group .group-header * {
  align-self: center;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group .group-buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: center;
  align-content: center;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group .group-buttons .btn {
  background-color: transparent;
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  padding: 6px;
  cursor: pointer;
  color: #7A868E;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-label .group .group-buttons .btn:hover {
  color: #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-labelset .vis-nested-group {
  background: transparent;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-left {
  border-right: 1px solid #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-top {
  border-bottom: 1px solid #FFFFFF;
  border-top: 1px solid #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-center {
  background-color: rgba(255, 255, 255, 0.04);
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-center .vis-foreground .vis-group {
  border-bottom: 1px solid #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-center .vis-foreground .vis-group.video {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 50px;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel.vis-center .vis-foreground .vis-group .audio {
  height: 50px;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .vis-itemset {
  height: 100% !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .video {
  height: 50px !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .video .vis-item {
  height: 40px !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .video .vis-item-content label {
  line-height: 46px;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .vis-item.comments {
  background-color: #008F6A;
  border: 1px solid #4fc3a1;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .vis-item.comments label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 21px;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .audio,
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .voice.vis-editable {
  height: 50px !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .audio .vis-item-content label,
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .voice.vis-editable .vis-item-content label {
  line-height: 46px;
}
.timelineContainer .timeline-component .vis-timeline .vis-panel .vis-content .vis-item-content label {
  margin-left: 10px;
  min-height: 21px;
}
.timelineContainer .timeline-component .vis-timeline .vis-item {
  border-radius: 5px;
}
.timelineContainer .timeline-component .vis-timeline .vis-item .vis-item-content {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  width: 100%;
  color: #E6ECEF;
  padding: 0;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.voice {
  background-color: #2d343f;
  border: 1px solid #66719a;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.voice.vis-selected {
  border-color: #FFC200;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.voice .vis-drag-left,
.timelineContainer .timeline-component .vis-timeline .vis-item.voice .vis-drag-right {
  display: none;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.audio {
  height: 50px;
  background-color: #2d343f;
  border: 1px solid #66719a;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.audio.vis-selected {
  border-color: #FFC200;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.graphic {
  height: 50px;
  background-color: #6A8;
  border: 1px solid #66719a;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.graphic.vis-selected {
  border-color: #FFC200;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.graphic .mediaItem.graphic {
  max-width: 100%;
  overflow: hidden;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.graphic label.cutTitle {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video {
  top: unset !important;
  background-color: rgba(245, 158, 11, 0.2);
  border: 1px solid rgba(245, 158, 11, 0.4);
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video:hover {
  background-color: rgba(245, 158, 11, 0.3);
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video.vis-selected {
  border-color: #FFC200;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video .mediaItem {
  height: 100%;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video .mediaItem.video {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 100% !important;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video .mediaItem.video .thumbnail {
  height: calc(100% - 4px);
  padding: 1px 0 0 2px;
  display: inline-block;
  width: auto;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.video .mediaItem.video .cutTitle {
  vertical-align: top;
  font-weight: 700;
  font-size: 12px;
}
.timelineContainer .timeline-component .vis-timeline .vis-item .edit-cut {
  display: none;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.vis-selected .edit-cut {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 0;
  right: -48px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  z-index: 1;
  border-radius: 4px;
  color: #B8C2C8;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.vis-selected .edit-cut:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.comments label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 21px;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.comments.vis-selected {
  border-color: #FFC200;
}
.timelineContainer .timeline-component .vis-timeline .vis-item.comments.vis-selected label {
  width: calc(100% - 34px);
}
.timelineContainer .timeline-component .vis-timeline .vis-item.comments.vis-selected .vis-item-overflow,
.timelineContainer .timeline-component .vis-timeline .vis-item.graphic.vis-selected .vis-item-overflow {
  overflow: visible;
}
.timelineContainer .timeline-component .vis-timeline .vis-delete {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  border-radius: 4px;
}
.timelineContainer .timeline-component .vis-timeline .level-graph {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 11;
  cursor: default;
}
.timelineContainer .timeline-component .vis-timeline .level-graph.volume.points {
  height: 0;
  width: 0px;
}
.timelineContainer .timeline-component .vis-timeline .level-graph-point:hover {
  width: 14px;
  height: 14px;
  border: 4px solid #000;
  margin: -7px 0 0 -7px;
  z-index: 12;
}
.timelineContainer .timeline-component .vis-timeline .level-graph-point {
  position: absolute!important;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #ddd;
  border: 2px solid rgba(0, 0, 0, 0.75);
  cursor: pointer;
  transition: border 0.1s ease-in-out;
  z-index: 12;
}
.timelineContainer .timeline-component .level-graph-line {
  max-width: calc(100vw - 244px);
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
}
.timelineContainer .timeline-component div#wave {
  position: relative;
  text-align: center;
  width: 100%;
  height: 100%;
}
.timelineContainer .timeline-component div#wave canvas {
  max-width: calc(100vw - 244px);
  height: 100%;
  left: 0;
  position: absolute;
}
.timelineContainer .timeline-component div#wave .dot {
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  margin-right: 3px;
  background: #d2d2d2;
  animation: wave 1.3s linear infinite;
}
.timelineContainer .timeline-component div#wave .dot:nth-child(2) {
  animation-delay: -1.1s;
}
.timelineContainer .timeline-component div#wave .dot:nth-child(3) {
  animation-delay: -0.9s;
}
.timelineContainer .timeline-component .horizontalScrollBar {
  display: flex;
  position: absolute;
  bottom: 0;
  left: 96px;
  right: 4px;
  z-index: 5;
  box-sizing: border-box;
}
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider {
  display: flex;
  position: relative;
  cursor: default;
  padding: 0;
  height: 100%;
  width: 18px;
  border: 1px solid #000000;
  border-radius: 4px;
  background-color: #008F6A;
  color: #000000;
  cursor: pointer;
}
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider:not(:disabled):hover {
  background: #4fc3a1;
}
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider .vsn-ico-arrow-go-to-left,
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider .vsn-ico-arrow-go-to-right {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider .vsn-ico-arrow-go-to-left::before,
.timelineContainer .timeline-component .horizontalScrollBar .buttonSlider .vsn-ico-arrow-go-to-right::before {
  font-size: 16px;
}
.timelineContainer .timeline-component .vsn-ico-listen-stereo::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "volume_off";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .vsn-ico-listen-stereo.cheched::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "volume_up";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .vsn-ico-wedit-rec::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "radio_button_checked";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .vsn-ico-wedit-stop-rec::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "stop_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .vsn-ico-wedit-zoom::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "zoom_in";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .vsn-ico-solo::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "looks_one";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timelineContainer .timeline-component .edit-component-container {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}
.timelineContainer .timeline-component .edit-component-container .edit-component {
  transform: translate(-50%, -50%);
  background-color: #2A343A;
  border-radius: 8px;
  top: 50%;
  position: absolute;
  left: 50%;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  border: 1px solid #3A454C;
  max-width: 400px;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .media {
  display: none;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .close {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  font-size: 14px;
  padding: 4px;
  top: 8px;
  right: 8px;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  color: #7A868E;
  transition-duration: 150ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  background: transparent;
  border: none;
  cursor: pointer;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .close:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-name {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0 1rem;
  height: 2.5rem;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-name .cut-metadata-name-span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.025rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markin,
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markout {
  display: inline-block;
  width: 49%;
  padding-top: 1rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markin {
  padding-left: 1rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markout {
  padding-right: 1rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-duration,
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-description {
  padding: 0 1rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-duration,
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markin,
.timelineContainer .timeline-component .edit-component-container .edit-component .cut-metadata-markout {
  margin-bottom: 8px;
}
.timelineContainer .timeline-component .edit-component-container .edit-component input,
.timelineContainer .timeline-component .edit-component-container .edit-component textarea {
  color: #f6f3f3;
  border: 0 solid #5E5E5E;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 1px 1px 6px rgba(0, 0, 0, 0.83) inset;
  -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 1px 1px 6px rgba(0, 0, 0, 0.83) inset;
  box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3), 1px 1px 6px rgba(0, 0, 0, 0.83) inset;
  width: 100%;
  background-color: #3d525b;
  padding: 8px 5px 8px;
  box-sizing: border-box;
}
.timelineContainer .timeline-component .edit-component-container .edit-component textarea {
  display: block;
  width: 100%;
  height: 64px;
  resize: none;
}
.timelineContainer .timeline-component .edit-component-container .edit-component label > span {
  margin-bottom: 4px;
  display: block;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .buttons {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 1rem;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .buttons .btn {
  border-width: 1px;
  margin: 0 0 0 6px;
  border-radius: 8px;
  box-shadow: 1px 1px 1px #000000;
  padding: 8px 16px;
  font-size: 12px;
  border: none;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  background-color: #008F6A;
  border-color: #008F6A;
  color: #FFFFFF;
  text-transform: uppercase;
  height: 2.5rem;
  letter-spacing: 0.1em;
}
.timelineContainer .timeline-component .edit-component-container .edit-component .buttons .btn:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
/* Wrapper for all connect elements.*/
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-state-drag .noUi-connect {
  background: #4fc3a1;
}
/* Slider size and handle placement */
.noUi-horizontal {
  height: 18px;
  width: 100%;
}
.noUi-horizontal .noUi-handle {
  width: 10px;
  height: 18px;
  top: -1px;
  right: -12px;
}
.noUi-horizontal .noUi-handle-upper {
  right: 0px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  position: relative;
  background: rgba(0, 143, 106, 0.2);
  border-radius: 2px;
  border: 1px solid #16161682;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #008F6A;
}
/* Handles and cursors */
.noUi-draggable {
  cursor: default;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border-radius: 3px;
  cursor: ew-resize;
}
/* Handle stripes */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 2px;
  background: #000000cc;
  left: 1px;
  top: 2px;
}
.noUi-handle:after {
  left: 5px;
}
/* Disabled state */
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle,
[disabled] .noUi-connect {
  cursor: default;
}
/* Base */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings */
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
/* Horizontal layout */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.relatedAssetsToolbar {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}
.relatedAssetsToolbar button {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #B8C2C8;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  text-align: center;
  position: relative;
}
.relatedAssetsToolbar button:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.relatedAssetsToolbar button span::before {
  font-size: 20px !important;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20 !important;
}
.relatedAssetsToolbar button .glyph.minus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "do_not_disturb_on";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.relatedAssetsToolbar button .vsn-ico-filter-big::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "filter_alt";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.relatedAssetsToolbar button .icon_interrogation_circle::before {
  font-size: 20px;
}
.widgetDashboardContainer .dialog-container .widget-configurator-title {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  height: 2.5rem;
  line-height: 2.5;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
  padding: 0 16px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: move;
  font-size: 16px;
  color: #E6ECEF;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: initial;
}
.widgetDashboardContainer .dialog-container .vsn_form_main_content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 16px;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .vsn_form_main_content .vsn_form_row {
  padding: 0;
  width: 100%;
  margin: 0;
}
.widgetDashboardContainer .dialog-container .vsn_form_main_content .vsn_form_short_text {
  background-color: rgba(0, 0, 0, 0.4);
}
.widgetDashboardContainer .dialog-container .vsn_form_main_content .vsn_form_main_content {
  padding: 0;
}
.widgetDashboardContainer .dialog-container .configurator-settings {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .configurator-settings .bireport-maindata-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .configurator-settings .bireport-maindata-container .document-selector-container > div {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .configurator-settings .bireport-maindata-container .document-selector-container > div span:not(.select-combobox) {
  font-weight: 500;
}
.widgetDashboardContainer .dialog-container .help,
.widgetDashboardContainer .dialog-container .help-container,
.widgetDashboardContainer .dialog-container .refresh-configurator-help {
  border-radius: 4px;
  padding: 8px;
  background-color: rgba(255, 255, 255, 0.1);
}
.widgetDashboardContainer .dialog-container .radio-button-options {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
}
.widgetDashboardContainer .dialog-container .radio-button-options .radio-button-option {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.widgetDashboardContainer .dialog-container .automatic-refresh-time {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .automatic-refresh-time > input {
  max-width: 100px;
}
.widgetDashboardContainer .dialog-container .table-columns-selection-section,
.widgetDashboardContainer .dialog-container .refresh-configuration-panel {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  border: 1px solid #3A454C;
}
.widgetDashboardContainer .dialog-container .field-selector-container,
.widgetDashboardContainer .dialog-container .refresh-configurator-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.widgetDashboardContainer .dialog-container .field-selection-content,
.widgetDashboardContainer .dialog-container .refresh-configuration-content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 12px;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .toggleCollapseSection {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background: #004F6E;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 4px 12px;
  text-transform: uppercase;
  letter-spacing: 0.03px;
  gap: 4px;
  border-bottom: 1px solid #3A454C;
}
.widgetDashboardContainer .dialog-container .toggleCollapseSection .toggleCollapseSectionIcon {
  cursor: pointer;
}
.widgetDashboardContainer .dialog-container .toggleCollapseSection .toggleCollpaseSectionIcon-Down::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.widgetDashboardContainer .dialog-container .toggleCollapseSection .toggleCollpaseSectionIcon-Right::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.widgetDashboardContainer .dialog-container .metadata-fields-selector > div,
.widgetDashboardContainer .dialog-container .special-fields-selector > div {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .widget-config.search-results-table-widget-config {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  max-height: calc(90vh - 180px);
  overflow-y: auto;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .widget-config.search-results-table-widget-config::-webkit-scrollbar {
  width: 5px;
}
.widgetDashboardContainer .dialog-container .widget-config.search-results-table-widget-config::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.widgetDashboardContainer .dialog-container .widget-config.search-results-table-widget-config::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.widgetDashboardContainer .dialog-container .widget-config.search-results-table-widget-config::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.widgetDashboardContainer .dialog-container .field-selector-combo-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.widgetDashboardContainer .dialog-container .metadata-fields-selector,
.widgetDashboardContainer .dialog-container .special-fields-selector {
  display: flex;
  gap: 8px;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.widgetDashboardContainer .dialog-container .metadata-fields-selector button,
.widgetDashboardContainer .dialog-container .special-fields-selector button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.widgetDashboardContainer .dialog-container .metadata-fields-selector button:disabled,
.widgetDashboardContainer .dialog-container .special-fields-selector button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.widgetDashboardContainer .dialog-container .metadata-fields-selector button:hover,
.widgetDashboardContainer .dialog-container .special-fields-selector button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.widgetDashboardContainer .dialog-container .dashboard-save > .vsn_form_label_row {
  padding: 16px !important;
  padding-bottom: 0 !important;
  margin: 0;
}
.widgetDashboardContainer .dialog-container .widget-configurator-help-content {
  padding: 16px;
}
.widgetDashboardContainer .dialog-container .widget-configurator-help-content > div {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  gap: 8px;
}
.widgetDashboardContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.widgetDashboardContainer > .widgetDashboard {
  flex: 1;
  overflow: auto;
}
.widgetDashboardContainer > .widgetDashboard .widgetDashboard {
  padding: 4px 16px;
  height: 100%;
}
.widgetDashboardContainer .lm_goldenlayout,
.widgetDashboardContainer .lm_content {
  background: #141B1F;
}
.widgetDashboardContainer .lm_goldenlayout {
  height: 100% !important;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}
.widgetDashboardContainer .lm_goldenlayout > .lm_item.lm_row {
  flex: 1 1 0%;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #3A454C;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  overflow: auto;
  display: flex !important;
  /*Los heights son importantes, para cuando hay muchos widgets, el espacio se reduce y aplicamos scroll para ver los iconos en controls*/
  min-height: 1.75rem !important;
  height: auto !important;
  max-height: 3rem;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
  flex-shrink: 0;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header::-webkit-scrollbar {
  width: 5px;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_tabs {
  display: flex;
  height: 100%;
  position: relative;
  min-height: 1.75rem;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_tabs .lm_tab {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  min-height: 1.75rem;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0 16px;
  border-right: 1px solid #3A454C;
  font-weight: 700;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_tabs .lm_tab:last-child {
  border-right: none;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_tabs .lm_tab.lm_active {
  color: #FFFFFF;
  border-bottom: 2px solid #008F6A;
  background-color: rgba(255, 255, 255, 0.05);
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_tabs .lm_tab:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: unset;
  margin-left: auto;
  padding: 0 8px;
  gap: 8px;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls > li {
  width: unset;
  height: unset;
  opacity: 1;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .lm_maximise {
  background-image: none;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .lm_maximise::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  color: #B8C2C8;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header span:hover {
  color: #FFFFFF;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header button {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  color: #B8C2C8;
  cursor: pointer;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header button:hover {
  color: #FFFFFF;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header .glyph.refresh::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "refresh";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header .header-form-control {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header .header-form-control input[type="checkbox"] {
  background-color: rgba(0, 0, 0, 0.2);
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack .lm_header .lm_controls .widget-header .header-form-control input[type="checkbox"]:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.widgetDashboardContainer .lm_goldenlayout .lm_item.lm_stack.lm_maximised .lm_header .lm_controls .lm_maximise::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen_exit";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.widgetDashboardContainer .lm_goldenlayout .lm_splitter {
  background: #008F6A;
}
.widgetDashboardContainer .widget-content {
  height: 100%;
}
.widgetDashboardContainer .widget-content .report-widget-container {
  height: 100%;
  display: flex;
}
.widgetDashboardContainer .widget-content .document-main-container {
  height: 100%;
  display: flex;
  flex: 1;
}
.widgetDashboardContainer .widget-content .document-main-container .published-document {
  display: flex;
  flex: 1;
}
.widgetDashboardContainer .widget-content .published-document-error-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 100%;
}
.widgetDashboardContainer .widget-content .published-document-error-container .published-document-error-text {
  display: flex;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 8px;
  color: #FFFFFF;
  font-size: 14px;
  border: 1px solid #FFFFFF;
  border-radius: 4px;
}
.widgetDashboardContainer .widget-content .date-group ~ div > button,
.widgetDashboardContainer .widget-content .ebu-create-asset > button {
  padding: 4px 12px;
  border-radius: 4px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #FFFFFF;
  height: 100%;
  text-transform: uppercase;
  font-size: 12px;
  cursor: pointer;
  font-weight: 500;
}
.widgetDashboardContainer .widget-content .date-group ~ div > button:hover,
.widgetDashboardContainer .widget-content .ebu-create-asset > button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.widgetDashboardContainer .widget-content .SearchResultsTableWidget .empty-table-msg,
.widgetDashboardContainer .widget-content .SearchResultsTableWidget .error-table-msg {
  text-align: center;
}
.widgetDashboardContainer .widget-content .ebu-create-asset > div {
  align-items: stretch !important;
}
.widgetDashboardContainer .widget-content .ebu-create-asset .vsn_form_row {
  padding: 0;
}
.widgetDashboardContainer .widget-content .ebu-create-asset .vsn_form_row.full-size .vsn-combobox.ui-widget {
  width: 100%;
  position: static;
}
.widgetDashboardContainer .widget-content .ebu-create-asset .vsn_form_row.full-size .vsn_form_field_input {
  width: calc(100% - 10px) !important;
}
.widgetDashboardContainer .widget-content .ebu-create-asset .vsn_form_row.full-size input[type="text"] {
  min-width: unset;
  width: 100% !important;
}
.FeaturesToggleContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 16px;
  gap: 16px;
}
.FeaturesToggleContainer .filter-section {
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  gap: 8px;
}
.FeaturesToggleContainer .filter-section .input-with-addons {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 380px;
}
.FeaturesToggleContainer .filter-section .input-with-addons .control {
  flex: 1;
  min-width: 0;
}
.FeaturesToggleContainer mark {
  color: #4fc3a1;
  text-decoration: underline;
  font-weight: 700;
  font-style: normal;
  background-color: transparent;
}
.mode-recycle-bin .vsnButton.filled.searchSave {
  display: none;
}
.mode-recycle-bin .menuUtility .no-agents {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  font-size: 12px;
  font-weight: 400;
  color: #E6ECEF;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: help;
  opacity: 0.7;
}
.mode-recycle-bin .menuUtility .no-agents:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.mode-recycle-bin .menuUtility .purge-assets-by-agents {
  order: 98;
}
.mode-recycle-bin .menuUtility .recycle-bin-settings-container {
  order: 99;
}
.mode-recycle-bin-in-asset .tabToolbar .topMenuContainer .menuLinks .processCombo {
  pointer-events: none;
}
.mode-recycle-bin-in-asset .tabToolbar .topMenuContainer .menuLinks .processCombo .currentState {
  pointer-events: none;
}
.mode-recycle-bin-in-asset .tabToolbar .topMenuContainer .menuLinks .processCombo .currentState .arrow_down_menu {
  display: none;
}
.AdminBusinessUseeContainer .vsn-table tr td {
  width: unset !important;
}
.AdminBusinessUseeContainer .vsn-table .display_name.bu_color {
  padding: 0.125rem 0.375rem;
  border-radius: 4px;
  font-size: 10px;
  margin-right: 5px;
  cursor: default;
  box-shadow: inset 0px -1px 6px 0px #ffffff47;
  background-color: var(--color);
  color: var(--contrastColor);
  display: flex;
  width: max-content;
  font-weight: 900;
}
.AdminBusinessUseeContainer .vsn-table .invisible {
  display: none;
}
.AdminBusinessUseeContainer .vsn-table .edit_fields,
.AdminBusinessUseeContainer .vsn-table .bin_delete {
  cursor: pointer;
}
.applicationVisibilityContainer,
.toolbarVisibilityContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-height: 0;
}
.applicationVisibilityContainer .visibilityPendingChanges,
.toolbarVisibilityContainer .visibilityPendingChanges {
  color: #F59E0B;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
}
.applicationVisibilityContainer .applicationVisibilityContent,
.toolbarVisibilityContainer .applicationVisibilityContent,
.applicationVisibilityContainer .toolbarVisibilityContent,
.toolbarVisibilityContainer .toolbarVisibilityContent {
  display: flex;
  padding: 16px;
  overflow: hidden;
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper,
.applicationVisibilityContainer .toolbarVisibilityTableWrapper,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar,
.applicationVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar {
  width: 5px;
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-thumb,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-thumb,
.applicationVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-thumb,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-thumb:hover,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-thumb:hover,
.applicationVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-thumb:hover,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-track,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper::-webkit-scrollbar-track,
.applicationVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-track,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.applicationVisibilityContainer .applicationVisibilityTableWrapper .tstable,
.toolbarVisibilityContainer .applicationVisibilityTableWrapper .tstable {
  min-width: 760px;
}
.applicationVisibilityContainer .toolbarVisibilityTableWrapper .tstable,
.toolbarVisibilityContainer .toolbarVisibilityTableWrapper .tstable {
  min-width: 1180px;
}
.applicationVisibilityContainer .tstable thead tr,
.toolbarVisibilityContainer .tstable thead tr {
  position: sticky;
  top: 0;
  z-index: 1;
}
.applicationVisibilityContainer .tstable thead tr th.booleanColumn .header-title,
.toolbarVisibilityContainer .tstable thead tr th.booleanColumn .header-title,
.applicationVisibilityContainer .tstable thead tr th.actionsColumn .header-title,
.toolbarVisibilityContainer .tstable thead tr th.actionsColumn .header-title {
  text-align: center;
}
.applicationVisibilityContainer .tstable tbody td,
.toolbarVisibilityContainer .tstable tbody td {
  padding: 4px 16px;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell,
.toolbarVisibilityContainer .tstable tbody td.checkboxCell {
  text-align: center;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell div.checkbox,
.toolbarVisibilityContainer .tstable tbody td.checkboxCell div.checkbox {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell div.checkbox input[type="checkbox"],
.toolbarVisibilityContainer .tstable tbody td.checkboxCell div.checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  margin: 0 auto;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell div.checkbox input[type="checkbox"]::before,
.toolbarVisibilityContainer .tstable tbody td.checkboxCell div.checkbox input[type="checkbox"]::before {
  content: none;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell div.checkbox::before,
.toolbarVisibilityContainer .tstable tbody td.checkboxCell div.checkbox::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
  pointer-events: none;
}
.applicationVisibilityContainer .tstable tbody td.checkboxCell div.checkbox:has(input[type="checkbox"]:checked)::before,
.toolbarVisibilityContainer .tstable tbody td.checkboxCell div.checkbox:has(input[type="checkbox"]:checked)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #4fc3a1;
}
.applicationVisibilityContainer .tstable tbody td.actionCell,
.toolbarVisibilityContainer .tstable tbody td.actionCell {
  width: 1%;
}
.applicationVisibilityContainer .tstable tbody td.actionCell .deleteVisibilityRule,
.toolbarVisibilityContainer .tstable tbody td.actionCell .deleteVisibilityRule {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 0;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
  color: #B8C2C8;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.applicationVisibilityContainer .tstable tbody td.actionCell .deleteVisibilityRule:hover,
.toolbarVisibilityContainer .tstable tbody td.actionCell .deleteVisibilityRule:hover {
  color: #FFFFFF;
}
.checkboxListContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 16px;
  height: 216px;
  margin: 0 !important;
  overflow: auto;
}
.checkboxListContent::-webkit-scrollbar {
  width: 5px;
}
.checkboxListContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.checkboxListContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.checkboxListContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.checkboxListContent .checkboxElement {
  overflow: unset;
  display: flex;
  align-items: center;
  float: none;
  width: unset;
  margin: 0;
}
.checkboxListContent .checkboxElement span.checkbox {
  display: flex !important;
}
#rightsDialog .permissions-content {
  display: flex;
  flex-direction: column;
}
#rightsDialog #rightsContent {
  border-radius: 4px;
  border: 1px solid #3A454C;
  height: auto !important;
}
#rightsDialog .vsn-permissions {
  border: none;
}
#rightsDialog .vsn-permissions th {
  line-height: 1.5;
  color: #E6ECEF;
  border-right: 1px solid #3A454C;
}
#rightsDialog .vsn-permissions th:last-child {
  border-right: none;
}
#rightsDialog .vsn-permissions tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
#rightsDialog .vsn-permissions tbody tr td {
  line-height: 1.5;
  border-right: 1px solid #3A454C;
}
#rightsDialog .vsn-permissions tbody tr td:last-child {
  border-right: none;
}
#rightsDialog #buttonsContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
#rightsDialog #buttonsContent button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
#rightsDialog #buttonsContent button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#rightsDialog #buttonsContent button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#rightsDialog #buttonsContent button:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#rightsDialog #buttonsContent button:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#rightsDialog #buttonsContent button:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#rightsDialog #buttonsContent button:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#rightsDialog #buttonsContent button[hidden] {
  display: none;
}
body.v2-theme .activitiTaskContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background-color: #141B1F;
  font-family: 'Roboto', Arial, sans-serif;
  box-sizing: border-box;
  color: #E6ECEF;
  min-height: 100%;
}
body.v2-theme .activitiTaskContainer .task {
  display: flex;
  gap: 12px;
  align-items: stretch;
}
body.v2-theme .activitiTaskContainer .task-detail-container {
  flex: 0 0 264px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
body.v2-theme .activitiTaskContainer .task-form-container {
  flex: 1;
  min-width: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
body.v2-theme .activitiTaskContainer .process {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
body.v2-theme .activitiTaskContainer h2 {
  background-color: #004F6E;
  color: #E6ECEF;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 16px;
  margin: 0;
  font-family: 'Roboto', Arial, sans-serif;
  border-bottom: 1px solid #3A454C;
  text-shadow: none;
  border-radius: 0;
  line-height: 1.6;
}
body.v2-theme .activitiTaskContainer #taskDetail {
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
body.v2-theme .activitiTaskContainer .taskDetail > div {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
body.v2-theme .activitiTaskContainer .taskDetail .priority,
body.v2-theme .activitiTaskContainer .taskDetail .due-date {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 8px;
}
body.v2-theme .activitiTaskContainer .taskDetail .priority > label,
body.v2-theme .activitiTaskContainer .taskDetail .due-date > label {
  flex: 0 0 100%;
}
body.v2-theme .activitiTaskContainer .taskDetail span {
  color: #E6ECEF;
  font-size: 13px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.5;
}
body.v2-theme .activitiTaskContainer .vsn_form_label_row {
  color: #7A868E !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  font-family: 'Roboto', Arial, sans-serif !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  text-align: left !important;
  line-height: 1.4 !important;
}
body.v2-theme .activitiTaskContainer .vsnButton.text {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: none !important;
  border: 1px solid #3A454C !important;
  border-radius: 4px !important;
  width: 22px;
  height: 22px;
  cursor: pointer;
  padding: 0 !important;
  color: #7A868E;
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
  -webkit-transition: border-color 150ms ease-in-out;
  -moz-transition: border-color 150ms ease-in-out;
  -ms-transition: border-color 150ms ease-in-out;
  -o-transition: border-color 150ms ease-in-out;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
  -webkit-transition: opacity 150ms ease-in-out;
  -moz-transition: opacity 150ms ease-in-out;
  -ms-transition: opacity 150ms ease-in-out;
  -o-transition: opacity 150ms ease-in-out;
  flex-shrink: 0;
  box-shadow: none !important;
  opacity: 0;
}
body.v2-theme .activitiTaskContainer .vsnButton.text:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63 !important;
  color: #E6ECEF;
}
body.v2-theme .activitiTaskContainer .vsnButton.text.hidden {
  display: none !important;
}
body.v2-theme .activitiTaskContainer .taskDetail .priority:hover > .vsnButton.text,
body.v2-theme .activitiTaskContainer .taskDetail .due-date:hover > .vsnButton.text {
  opacity: 1;
}
body.v2-theme .activitiTaskContainer .taskForm.vsn_form {
  padding: 12px 16px 4px;
}
body.v2-theme .activitiTaskContainer .taskForm.vsn_form .container_with_buttons .vsn_form_entity_container {
  flex: 1;
}
body.v2-theme .activitiTaskContainer .taskForm.vsn_form .vsn_form_row {
  margin-bottom: 0;
  padding-bottom: 0;
}
body.v2-theme .activitiTaskContainer .vsn_form_mandatory_message {
  padding: 0 16px 8px !important;
  color: #7A868E;
  font-size: 10px;
  font-family: 'Roboto', Arial, sans-serif;
  text-align: right;
}
body.v2-theme .activitiTaskContainer .btn-container {
  padding: 8px 16px 16px;
  display: flex;
  justify-content: flex-end;
  background: none;
}
body.v2-theme .activitiTaskContainer .btnSaveAndComplete.blue_button {
  display: inline-flex !important;
  align-items: center;
  background-color: #008F6A !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 0 24px !important;
  height: 32px;
  font-size: 10px !important;
  font-weight: 700 !important;
  font-family: 'Roboto', Arial, sans-serif !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  cursor: pointer;
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
}
body.v2-theme .activitiTaskContainer .btnSaveAndComplete.blue_button:hover {
  background-color: #4fc3a1 !important;
}
body.v2-theme .activitiTaskContainer #processDetail {
  padding: 12px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px 24px;
}
body.v2-theme .activitiTaskContainer #processVariables {
  padding: 12px 16px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 10px 24px;
  border-top: 1px solid #3A454C;
}
body.v2-theme .activitiTaskContainer #processDetail > div,
body.v2-theme .activitiTaskContainer #processVariables > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.v2-theme .activitiTaskContainer #processDetail > div > span,
body.v2-theme .activitiTaskContainer #processVariables > div > span {
  color: #B8C2C8;
  font-size: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  word-break: break-all;
  line-height: 1.5;
}
body.v2-theme .activitiTaskContainer .play-main-video {
  display: none !important;
}
body.v2-theme .activitiTaskContainer .loadingBackground {
  border-radius: 6px;
}
body.v2-theme #processContainer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background-color: #141B1F;
  font-family: 'Roboto', Arial, sans-serif;
  box-sizing: border-box;
  color: #E6ECEF;
}
body.v2-theme #processContainer .clear {
  display: none;
}
body.v2-theme #processContainer .process-tasks-container,
body.v2-theme #processContainer .process-diagram-container,
body.v2-theme #processContainer .process-detail-container {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
body.v2-theme #processContainer h2 {
  background-color: #004F6E;
  color: #E6ECEF;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 16px;
  margin: 0;
  font-family: 'Roboto', Arial, sans-serif;
  border-bottom: 1px solid #3A454C;
  text-shadow: none;
  border-radius: 0;
  line-height: 1.6;
}
body.v2-theme #processContainer #processTasks {
  border: none;
  border-radius: 0;
  background: none;
}
body.v2-theme #processContainer #processTasks table {
  width: 100%;
  border-collapse: collapse;
}
body.v2-theme #processContainer #processTasks thead.k-grid-header th {
  background-color: #1d2830;
  color: #E6ECEF;
  font-size: 10px;
  font-weight: 500;
  padding: 4px 12px;
  border-bottom: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
  text-align: left;
  white-space: nowrap;
  font-family: 'Roboto', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
body.v2-theme #processContainer #processTasks thead.k-grid-header th:last-child {
  border-right: none;
}
body.v2-theme #processContainer #processTasks tbody tr {
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(58, 69, 76, 0.8);
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
}
body.v2-theme #processContainer #processTasks tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.4);
}
body.v2-theme #processContainer #processTasks tbody tr:last-child {
  border-bottom: none;
}
body.v2-theme #processContainer #processTasks tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.v2-theme #processContainer #processTasks tbody td {
  padding: 8px 12px;
  font-size: 12px;
  color: #E6ECEF;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Roboto', Arial, sans-serif;
}
body.v2-theme #processContainer #processTasks a.task-name {
  color: #4fc3a1;
  text-decoration: none;
}
body.v2-theme #processContainer #processTasks a.task-name:hover {
  text-decoration: underline;
}
body.v2-theme #processContainer #processTasks .user-info {
  color: #B8C2C8;
}
body.v2-theme #processContainer #processDiagram {
  padding: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #141B1F;
}
body.v2-theme #processContainer #processDiagram img {
  height: auto;
  border-radius: 4px;
  background-color: #FFFFFF;
}
body.v2-theme #processContainer #processDetail {
  padding: 12px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px 24px;
}
body.v2-theme #processContainer #processVariables {
  padding: 12px 16px 16px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 10px 24px;
  border-top: 1px solid #3A454C;
}
body.v2-theme #processContainer #processDetail > div,
body.v2-theme #processContainer #processVariables > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
body.v2-theme #processContainer #processDetail > div .vsn_form_label_row,
body.v2-theme #processContainer #processVariables > div .vsn_form_label_row {
  color: #7A868E !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  font-family: 'Roboto', Arial, sans-serif !important;
}
body.v2-theme #processContainer #processDetail > div > span,
body.v2-theme #processContainer #processVariables > div > span {
  color: #B8C2C8;
  font-size: 12px;
  font-family: 'Roboto', Arial, sans-serif;
  word-break: break-all;
  line-height: 1.5;
}
.kanbanContainer {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  overflow: auto;
  padding: 16px;
}
.kanbanContainer .ui-scrollhelper-content {
  height: 100%;
}
.kanbanContainer .stagesContainer {
  display: flex;
  height: 100%;
  min-width: max-content;
  gap: 16px;
}
.kanbanContainer .stagesContainer .stage {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  transition-duration: 200ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  flex-shrink: 0;
  max-width: 320px;
}
.kanbanContainer .stagesContainer .stage .header {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  padding: 0 16px;
  background-color: #003B54;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  height: 2.5rem;
}
.kanbanContainer .stagesContainer .stage .header .header_label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.kanbanContainer .stagesContainer .stage .header .header_label .kanbanColumnName {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
}
.kanbanContainer .stagesContainer .stage .header .header_label .header_num_total {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 10px;
  font-weight: 700;
  color: #FFFFFF;
}
.kanbanContainer .stagesContainer .stage .content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  border: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 12px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  gap: 12px;
}
.kanbanContainer .stagesContainer .stage .content::-webkit-scrollbar {
  width: 5px;
}
.kanbanContainer .stagesContainer .stage .content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.kanbanContainer .stagesContainer .stage .content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.kanbanContainer .stagesContainer .stage .content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.kanbanContainer .stagesContainer .stage .content .kanban_item {
  flex-shrink: 0;
  position: relative;
  cursor: grab;
  overflow: hidden;
  border-radius: 4px;
  background-color: #ffff88;
  padding: 16px;
  color: #141B1F;
  box-shadow: 0 0 #000000, 0 0 #000000, 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 95% 100%, 0px 100%);
  text-align: left;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item::before {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0px;
  height: 1rem;
  width: 1rem;
  background-color: rgba(0, 0, 0, 0.1);
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item:hover {
  box-shadow: 0 0 #000000, 0 0 #000000, 4px 4px 10px rgba(0, 0, 0, 0.3);
  transform: translate(0, -2px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);
}
.kanbanContainer .stagesContainer .stage .content .kanban_item:hover::before {
  background-color: rgba(0, 0, 0, 0.2);
}
.kanbanContainer .stagesContainer .stage .content .kanban_item.is-dragging {
  cursor: grabbing;
  clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 95% 100%, 0px 100%);
  opacity: 0.4 !important;
  transform: translate(0, -2px) rotate(2deg) skewX(0) skewY(0) scaleX(0.95) scaleY(0.95) !important;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item .task_assignee {
  width: 20px;
  height: 20px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  background-clip: padding-box;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item .task_definition_label {
  color: #141B1F;
  min-height: 40px;
  padding: 5px 0 5px 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item .task_definition_label h4 {
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 4px;
  font-size: 13px;
  font-weight: 700;
  color: #141B1F;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item .task_definition_label ul {
  font-size: 11px;
  opacity: 0.8;
  letter-spacing: 0.2px;
}
.kanbanContainer .stagesContainer .stage .content .kanban_item .task_definition_label ul li {
  display: flex;
  gap: 4px;
}
.kanbanContainer .stagesContainer .stage.over {
  transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.02) scaleY(1.02);
  box-shadow: 0 0 0 0px #FFFFFF, 0 0 0 2px rgba(79, 195, 161, 0.8), 0 0 #000000;
}
.dashboardTabContent {
  background: #141B1F;
  padding: 16px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.dashboardTabContent .editTool {
  background: transparent;
}
.dashboardTabContent .editTool .editTool-content {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
  align-content: start;
  padding: 0;
  background: transparent;
}
.dashboardTabContent .editTool .editTool-content .editTool-Item {
  display: flex;
  flex-direction: column;
  position: relative;
  background: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 8px;
  padding: 12px 16px;
  min-height: 80px;
  height: auto;
  width: auto;
  overflow: hidden;
  box-sizing: border-box;
}
.dashboardTabContent .editTool .editTool-content .editTool-Item:hover {
  background: #334049;
  border-color: #4A5860;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.dashboardTabContent .editTool .editTool-content .editTool-Item .itemLabel {
  font-size: 12px;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1.35;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-bottom: 6px;
  padding-right: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
}
.dashboardTabContent .editTool .editTool-content .editTool-Item .itemDesc {
  font-size: 12px;
  font-weight: 400;
  color: #7A868E;
  line-height: 1.4;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  flex: 1;
}
.dashboardTabContent .editTool .editTool-content .editTool-Item .addWidgetBtn {
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboardTabContent .dashboard {
  display: flex;
  gap: 8px;
}
.dashboardTabContent .dashboard.editMode .dashboardColumn {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-grow: 1;
  min-height: 72px;
  box-sizing: border-box;
  position: relative;
  border: 2px dashed #3A454C;
  border-radius: 8px;
  padding: 12px;
  background: rgba(255, 255, 255, 0.05);
}
.dashboardTabContent .dashboard.editMode .dashboardColumn:empty::after {
  content: 'ADD DOCUMENTS HERE';
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  color: #7A868E;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  box-sizing: border-box;
  text-align: center;
}
.dashboardTabContent .dashboard.editMode .dashboardColumn .documentContainer.ui-sortable-helper iframe {
  display: none;
}
.dashboardTabContent .dashboard.editMode .dashboardColumn .dashboardDocumentHeader {
  cursor: move;
}
.dashboardTabContent .dashboard.editMode .dashboardColumn .deleteDocument {
  display: flex !important;
}
.dashboardTabContent .dashboard.editMode .dashboardColumn .dashboard-placeholder {
  border: 2px dashed #3A454C;
  margin: 0 12px 12px 0;
  height: 50px;
}
.dashboardTabContent .dashboardDocumentHeader {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  background-color: #003B54;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 400;
  padding: 8px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-clip: padding-box;
  line-height: 25px;
  display: flex;
  align-items: center;
}
.dashboardTabContent .dashboardDocumentHeader .reloadDocument,
.dashboardTabContent .dashboardDocumentHeader .deleteDocument {
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  color: #FFFFFF;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  order: 2;
  margin-left: auto;
}
.dashboardTabContent .dashboardIframe {
  width: 100%;
  background: #141B1F;
}
.wizard.swMain {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.wizard.swMain > ul.anchor {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0;
  padding: 0 16px;
  background-color: rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #3A454C;
  flex-shrink: 0;
}
.wizard.swMain > ul.anchor > li {
  margin: 0;
  padding: 0;
}
.wizard.swMain > ul.anchor > li > a {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  color: #3A454C;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-bottom: 2px solid transparent;
  transition: color 150ms ease-in-out;
  height: 45px;
}
.wizard.swMain > ul.anchor > li > a.selected {
  color: #E6ECEF;
  border-bottom-color: #A6C83A;
}
.wizard.swMain > ul.anchor > li > a.error {
  color: #EF4444;
  border-bottom-color: #EF4444;
}
.wizard.swMain > ul.anchor > li > a.error .stepDesc::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cancel";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizard.swMain > ul.anchor > li > a:not(.disabled):not(.selected):hover {
  color: #B8C2C8;
}
.wizard.swMain > ul.anchor > li > a.disabled {
  pointer-events: none;
  cursor: default;
}
.wizard.swMain > ul.anchor > li > a .stepDesc {
  display: flex;
  align-items: center;
  gap: 2px;
}
.wizard.swMain > ul.anchor > li > a.done .stepDesc {
  color: #008F6A;
}
.wizard.swMain > ul.anchor > li > a.done .stepDesc::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizard.swMain > ul.anchor > li > a.done:hover .stepDesc {
  color: #FFFFFF;
}
.wizard.swMain .stepContainer {
  flex: 1;
  overflow: hidden;
  min-height: 0;
}
.wizard.swMain .stepContainer .content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}
.wizard.swMain .stepContainer .content::-webkit-scrollbar {
  width: 5px;
}
.wizard.swMain .stepContainer .content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.wizard.swMain .stepContainer .content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.wizard.swMain .stepContainer .content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.wizard.swMain .stepContainer .content .StepTitle {
  font-size: 14px;
  font-weight: 500;
  color: #B8C2C8;
  margin: 0 0 4px 0;
  padding-left: 8px;
  border-left: 3px solid #008F6A;
  flex-shrink: 0;
}
.wizard.swMain .stepContainer .content > h3 {
  font-size: 10px;
  color: #7A868E;
  font-weight: 400;
  font-style: italic;
  margin: 0 0 12px 13px;
  flex-shrink: 0;
}
.wizard.swMain .stepContainer .content > h3:empty {
  display: none;
}
.wizard.swMain .stepContainer .content .content_step1 {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.wizard.swMain .stepContainer .content .content_step1 > div {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #3A454C;
  border-radius: 8px;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul::-webkit-scrollbar {
  width: 5px;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li {
  display: flex;
  align-items: baseline;
  padding: 8px 12px 8px 11px;
  border-bottom: 1px solid #283035;
  border-left: 3px solid transparent;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
  gap: 8px;
  list-style: none;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li:last-child {
  border-bottom: none;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li.ui-selected,
.wizard.swMain .stepContainer .content .content_step1 > div ul li.selected {
  background-color: #0A6F8F;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li .title {
  font-size: 12px;
  font-weight: 700;
  color: #E6ECEF;
  white-space: nowrap;
  cursor: pointer;
  flex-shrink: 0;
}
.wizard.swMain .stepContainer .content .content_step1 > div ul li .description {
  font-size: 12px;
  color: #B8C2C8;
  line-height: 1.5;
}
.wizard.swMain .stepContainer .content > div {
  flex: 1;
}
.wizard.swMain .stepContainer .content > div:has(.switchBehavior) {
  display: flex;
  align-items: center;
}
.wizard.swMain .stepContainer .content .vsn_form_field_input textarea {
  max-height: 115px !important;
}
.wizard.swMain .stepContainer .content .switchBehavior {
  display: flex;
  border: 1px solid #3A454C;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 !important;
  flex: 1;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions#userDataDiv {
  border-left: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions input[type="radio"] {
  display: none;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions .radios {
  display: flex;
  height: 100%;
  align-items: center;
  cursor: pointer;
  padding: 8px;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions .radios.ui-state-active,
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions .radios:hover {
  background-color: #0A6F8F;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions .radios label {
  display: block;
  text-align: center;
}
.wizard.swMain .stepContainer .content .switchBehavior .configurationsOptions .radios .ratioDescription {
  text-align: center;
  font-size: 12px;
}
.wizard.swMain .stepContainer .content .inputDataSummaryStep4 {
  font-size: 12px;
  color: #B8C2C8;
}
.wizard.swMain .stepContainer .content .selectInputDataButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  display: block;
  margin: auto;
  margin-top: 8px;
}
.wizard.swMain .stepContainer .content .selectInputDataButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .stepContainer .content .selectInputDataButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .stepContainer .content .selectInputDataButton:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.wizard.swMain .actionBar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  border-top: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.25);
}
.wizard.swMain .actionBar .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.wizard.swMain .actionBar button:not(.tinyButton),
.wizard.swMain .actionBar input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.wizard.swMain .actionBar button:not(.tinyButton):disabled,
.wizard.swMain .actionBar input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .actionBar button:not(.tinyButton):hover,
.wizard.swMain .actionBar input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .actionBar button:not(.tinyButton).ui-button-primary,
.wizard.swMain .actionBar input[type="button"].ui-button-primary,
.wizard.swMain .actionBar button:not(.tinyButton).blue_button,
.wizard.swMain .actionBar input[type="button"].blue_button,
.wizard.swMain .actionBar button:not(.tinyButton):last-child,
.wizard.swMain .actionBar input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.wizard.swMain .actionBar button:not(.tinyButton).ui-button-primary:disabled,
.wizard.swMain .actionBar input[type="button"].ui-button-primary:disabled,
.wizard.swMain .actionBar button:not(.tinyButton).blue_button:disabled,
.wizard.swMain .actionBar input[type="button"].blue_button:disabled,
.wizard.swMain .actionBar button:not(.tinyButton):last-child:disabled,
.wizard.swMain .actionBar input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .actionBar button:not(.tinyButton).ui-button-primary:hover,
.wizard.swMain .actionBar input[type="button"].ui-button-primary:hover,
.wizard.swMain .actionBar button:not(.tinyButton).blue_button:hover,
.wizard.swMain .actionBar input[type="button"].blue_button:hover,
.wizard.swMain .actionBar button:not(.tinyButton):last-child:hover,
.wizard.swMain .actionBar input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .actionBar button:not(.tinyButton).ui-button-primary:hover,
.wizard.swMain .actionBar input[type="button"].ui-button-primary:hover,
.wizard.swMain .actionBar button:not(.tinyButton).blue_button:hover,
.wizard.swMain .actionBar input[type="button"].blue_button:hover,
.wizard.swMain .actionBar button:not(.tinyButton):last-child:hover,
.wizard.swMain .actionBar input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.wizard.swMain .actionBar button:not(.tinyButton)[hidden],
.wizard.swMain .actionBar input[type="button"][hidden] {
  display: none;
}
.wizard.swMain .actionBar .msgBox {
  display: none;
  margin-right: auto;
  padding: 2px 12px;
  border-radius: 3px;
  border: 1px solid #3A454C;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  background: #C53030;
  align-items: center;
  gap: 8px;
}
.wizard.swMain .actionBar .msgBox[style*="display: block"],
.wizard.swMain .actionBar .msgBox[style*="display:block"] {
  display: flex !important;
}
.wizard.swMain .actionBar .msgBox a.close {
  font-size: 0;
  cursor: pointer;
  color: #7A868E;
  transition: color 150ms ease-in-out;
  width: 24px;
  height: 24px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
}
.wizard.swMain .actionBar .msgBox a.close::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.wizard.swMain .actionBar .msgBox a.close:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.wizard.swMain .actionBar .loader {
  display: none;
  font-size: 12px;
  color: #7A868E;
  margin-right: auto;
}
.wizard.swMain .actionBar > a {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.wizard.swMain .actionBar > a:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .actionBar > a:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .actionBar > a.buttonPrevious {
  order: 1;
}
.wizard.swMain .actionBar > a.buttonNext {
  order: 2;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.wizard.swMain .actionBar > a.buttonNext:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .actionBar > a.buttonNext:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .actionBar > a.buttonNext:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.wizard.swMain .actionBar > a.buttonFinish {
  order: 3;
}
.wizard.swMain .actionBar > a.buttonPrevious:not(.buttonDisabled),
.wizard.swMain .actionBar > a.buttonFinish:not(.buttonDisabled) {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.wizard.swMain .actionBar > a.buttonPrevious:not(.buttonDisabled):disabled,
.wizard.swMain .actionBar > a.buttonFinish:not(.buttonDisabled):disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.wizard.swMain .actionBar > a.buttonPrevious:not(.buttonDisabled):hover,
.wizard.swMain .actionBar > a.buttonFinish:not(.buttonDisabled):hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.wizard.swMain .actionBar > a.buttonPrevious:not(.buttonDisabled):hover,
.wizard.swMain .actionBar > a.buttonFinish:not(.buttonDisabled):hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.wizard.swMain .actionBar > a.buttonDisabled {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}
.wizardDocumentsContent .ui-dialog-content {
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex: 1 !important;
}
.wizardDocumentsContent .vsn_form_row {
  flex-direction: row;
  gap: 8px;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_label_row {
  width: unset !important;
  min-width: 20%;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_label_row:empty {
  display: none;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input {
  flex: 1;
  width: unset !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  overflow: hidden;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input .vsn_form_help {
  flex-basis: 100%;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input .icon_interrogation_circle {
  cursor: pointer;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input .data-source-information {
  flex-basis: 100%;
  display: flex;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input .data-source-mode-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input .data-source-mode-container .icon_interrogation_circle {
  cursor: help;
}
.wizardDocumentsContent .vsn_form_row .vsn_form_field_input textarea {
  max-width: 100%;
  box-sizing: border-box;
}
.wizardDocumentsContent .vsn_form_row .advancedSearchPopup {
  flex: 1;
}
.wizardDocumentsContent .vsn_form_row .advancedSearchPopup .secondaryToolbar {
  display: none;
}
.adminRightsDialog .tableContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  max-height: 400px;
  overflow: auto;
}
.adminRightsDialog .tableContainer::-webkit-scrollbar {
  width: 5px;
}
.adminRightsDialog .tableContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.adminRightsDialog .tableContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.adminRightsDialog .tableContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.adminRightsDialog .buttonsContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
.adminRightsDialog .buttonsContainer .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton),
.adminRightsDialog .buttonsContainer input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton):disabled,
.adminRightsDialog .buttonsContainer input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton):hover,
.adminRightsDialog .buttonsContainer input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary,
.adminRightsDialog .buttonsContainer input[type="button"].ui-button-primary,
.adminRightsDialog .buttonsContainer button:not(.tinyButton).blue_button,
.adminRightsDialog .buttonsContainer input[type="button"].blue_button,
.adminRightsDialog .buttonsContainer button:not(.tinyButton):last-child,
.adminRightsDialog .buttonsContainer input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:disabled,
.adminRightsDialog .buttonsContainer input[type="button"].ui-button-primary:disabled,
.adminRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:disabled,
.adminRightsDialog .buttonsContainer input[type="button"].blue_button:disabled,
.adminRightsDialog .buttonsContainer button:not(.tinyButton):last-child:disabled,
.adminRightsDialog .buttonsContainer input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:hover,
.adminRightsDialog .buttonsContainer input[type="button"].ui-button-primary:hover,
.adminRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:hover,
.adminRightsDialog .buttonsContainer input[type="button"].blue_button:hover,
.adminRightsDialog .buttonsContainer button:not(.tinyButton):last-child:hover,
.adminRightsDialog .buttonsContainer input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:hover,
.adminRightsDialog .buttonsContainer input[type="button"].ui-button-primary:hover,
.adminRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:hover,
.adminRightsDialog .buttonsContainer input[type="button"].blue_button:hover,
.adminRightsDialog .buttonsContainer button:not(.tinyButton):last-child:hover,
.adminRightsDialog .buttonsContainer input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.adminRightsDialog .buttonsContainer button:not(.tinyButton)[hidden],
.adminRightsDialog .buttonsContainer input[type="button"][hidden] {
  display: none;
}
.useRightsDialog .description {
  font-size: 12px;
}
.useRightsDialog .tableContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  max-height: 400px;
  overflow: auto;
}
.useRightsDialog .tableContainer::-webkit-scrollbar {
  width: 5px;
}
.useRightsDialog .tableContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.useRightsDialog .tableContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.useRightsDialog .tableContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.useRightsDialog .buttonsContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
.useRightsDialog .buttonsContainer .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton),
.useRightsDialog .buttonsContainer input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton):disabled,
.useRightsDialog .buttonsContainer input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton):hover,
.useRightsDialog .buttonsContainer input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary,
.useRightsDialog .buttonsContainer input[type="button"].ui-button-primary,
.useRightsDialog .buttonsContainer button:not(.tinyButton).blue_button,
.useRightsDialog .buttonsContainer input[type="button"].blue_button,
.useRightsDialog .buttonsContainer button:not(.tinyButton):last-child,
.useRightsDialog .buttonsContainer input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:disabled,
.useRightsDialog .buttonsContainer input[type="button"].ui-button-primary:disabled,
.useRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:disabled,
.useRightsDialog .buttonsContainer input[type="button"].blue_button:disabled,
.useRightsDialog .buttonsContainer button:not(.tinyButton):last-child:disabled,
.useRightsDialog .buttonsContainer input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:hover,
.useRightsDialog .buttonsContainer input[type="button"].ui-button-primary:hover,
.useRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:hover,
.useRightsDialog .buttonsContainer input[type="button"].blue_button:hover,
.useRightsDialog .buttonsContainer button:not(.tinyButton):last-child:hover,
.useRightsDialog .buttonsContainer input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton).ui-button-primary:hover,
.useRightsDialog .buttonsContainer input[type="button"].ui-button-primary:hover,
.useRightsDialog .buttonsContainer button:not(.tinyButton).blue_button:hover,
.useRightsDialog .buttonsContainer input[type="button"].blue_button:hover,
.useRightsDialog .buttonsContainer button:not(.tinyButton):last-child:hover,
.useRightsDialog .buttonsContainer input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.useRightsDialog .buttonsContainer button:not(.tinyButton)[hidden],
.useRightsDialog .buttonsContainer input[type="button"][hidden] {
  display: none;
}
.timeRestrictionsContainer .box-hack .help {
  flex-direction: column;
  font-size: 12px;
}
.timeRestrictionsContainer .box-hack .help > div {
  margin-left: auto;
}
.timeRestrictionsContainer .box-hack .help > div button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.timeRestrictionsContainer .box-hack .help > div button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.timeRestrictionsContainer .box-hack .help > div button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.timeRestrictionsContainer .box-hack .help > div button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.timeRestrictionsContainer .timeRestrictionsList {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: 420px;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.timeRestrictionsContainer .timeRestrictionsList::-webkit-scrollbar {
  width: 5px;
}
.timeRestrictionsContainer .timeRestrictionsList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.timeRestrictionsContainer .timeRestrictionsList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.timeRestrictionsContainer .timeRestrictionsList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction {
  padding: 8px;
  border: 1px solid #3A454C;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  background-color: rgba(0, 0, 0, 0.1);
  position: relative;
  gap: 8px;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .close {
  position: absolute;
  right: 8px;
  cursor: pointer;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .close::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template {
  display: flex;
  align-items: center;
  gap: 8px;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template.every-day {
  flex-basis: 100%;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template .field-input-container {
  display: flex;
  gap: 4px;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template .field-input-container .checkbox {
  font-size: 12px;
  text-indent: 22px;
  gap: 4px;
  line-height: 1;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template .field-input-container .checkbox[checked="checked"] {
  text-indent: 0;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template .field-input-container input.error {
  border-color: #EF4444;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .vsn_field_template.days-of-week .field-input-container {
  gap: 34px;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .error-message {
  font-size: 0;
}
.timeRestrictionsContainer .timeRestrictionsList .time-restriction .error-message::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.UploadManagerComponent {
  position: fixed !important;
  left: 8px !important;
  bottom: 60px !important;
  top: auto !important;
  right: auto !important;
  z-index: 1001;
}
.UploadManagerComponent .ribbon-menu-floating-box {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 320px;
  height: 320px;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.9);
}
.UploadManagerComponent .ribbon-menu-floating-box .content {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .textfiles {
  padding: 12px 16px;
  background-color: rgba(255, 255, 255, 0.05);
  border-bottom: 1px solid #3A454C;
  font-size: 13px;
  font-weight: 700;
  color: #4fc3a1;
  letter-spacing: -0.01em;
  flex-shrink: 0;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 4px 0;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList::-webkit-scrollbar {
  width: 5px;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
  padding: 8px 16px;
  border-bottom: 1px solid rgba(58, 69, 76, 0.3);
  position: relative;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .fileName {
  font-size: 12px;
  font-weight: 500;
  color: #B8C2C8;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .fileSize {
  font-size: 10px;
  color: #7A868E;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .main-progress-bar {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  margin: 4px 0 0;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .main-progress-bar .progress-bar {
  background-color: #008F6A;
  box-shadow: none;
  padding-left: 8px;
  text-align: left;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .main-progress-bar .extra-data {
  font-size: 10px;
  line-height: 20px;
  bottom: 0;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .files_buttons {
  position: absolute;
  right: 8px;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .files_buttons button,
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .files_buttons a {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 20px;
  height: 20px;
  background: none;
  border: none;
  padding: 0;
  color: #7A868E;
  cursor: pointer;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .files_buttons button:hover,
.UploadManagerComponent .ribbon-menu-floating-box .content .filesList li .files_buttons a:hover {
  color: #FFFFFF;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 8px;
  padding: 8px 16px;
  border-top: 1px solid #3A454C;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .closeButton,
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .clearButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  border: 1px solid #3A454C;
  padding: 4px 12px;
  border-radius: 4px;
  color: #7A868E;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .closeButton:hover,
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .clearButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .closeButton > span:first-child,
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .clearButton > span:first-child {
  display: none;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .clearButton {
  order: 1;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .clearButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .closeButton {
  order: 2;
}
.UploadManagerComponent .ribbon-menu-floating-box .content .buttonContainer .closeButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
html body.doingLogin {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-color: #141B1F;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  margin: 0;
}
html body.doingLogin #mainHeader,
html body.doingLogin #mainFooter,
html body.doingLogin #appTabNavigator,
html body.doingLogin #mainContent,
html body.doingLogin .header,
html body.doingLogin footer {
  display: none !important;
}
html body.doingLogin #loginCenterContainer {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  height: 100%;
}
html body.doingLogin #mainWrapper {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  max-width: 420px;
}
html body.doingLogin #mainPage {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
}
html body.doingLogin .login_logo {
  display: block;
  width: 100%;
  height: 80px;
  margin-bottom: 48px;
  background: url("/StaticRepoExplorer/Images/VSNThemeV3/vsn_explorer_main_logo.png") no-repeat center;
  background-size: contain;
  float: none;
  position: static;
}
html body.doingLogin .login_logo::after {
  content: none;
}
html body.doingLogin .login_with_sso,
html body.doingLogin .login_with_credentials {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  margin: 32px 0 0 0;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
}
html body.doingLogin .login_with_sso div:first-child,
html body.doingLogin .login_with_credentials div:first-child {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  color: #7A868E;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 16px;
  margin-top: 0;
}
html body.doingLogin .login_with_sso div:first-child::before,
html body.doingLogin .login_with_credentials div:first-child::before,
html body.doingLogin .login_with_sso div:first-child::after,
html body.doingLogin .login_with_credentials div:first-child::after {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  content: "";
  height: 1px;
  background: #3A454C;
  margin: 0 15px;
}
html body.doingLogin .link_to_login {
  color: #A6C83A;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  padding: 8px;
  margin: 0;
  display: inline-block;
  transition: color 0.2s;
}
html body.doingLogin .link_to_login:hover {
  color: #8FB02F;
  text-decoration: none;
}
html body.doingLogin label.recover_previous_state:has(input[type="checkbox"]#recoverStateSSO),
html body.doingLogin label:has(input[type="checkbox"]#recoverState) {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  margin-top: 24px;
  font-size: 14px;
  color: #B8C2C8;
  width: 100%;
  cursor: pointer;
  user-select: none;
  float: none !important;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  letter-spacing: 0.5px;
}
html body.doingLogin label.recover_previous_state:has(input[type="checkbox"]#recoverStateSSO) input[type="checkbox"],
html body.doingLogin label:has(input[type="checkbox"]#recoverState) input[type="checkbox"] {
  background-color: #2A343A;
}
html body.doingLogin label.recover_previous_state:has(input[type="checkbox"]#recoverStateSSO) input[type="checkbox"]:checked,
html body.doingLogin label:has(input[type="checkbox"]#recoverState) input[type="checkbox"]:checked {
  background-color: #A6C83A;
  border-color: #A6C83A;
}
html body.doingLogin label.recover_previous_state:has(input[type="checkbox"]#recoverStateSSO):hover,
html body.doingLogin label:has(input[type="checkbox"]#recoverState):hover {
  color: #E6ECEF;
}
html body.doingLogin label.recover_previous_state:has(input[type="checkbox"]#recoverStateSSO):hover input[type="checkbox"],
html body.doingLogin label:has(input[type="checkbox"]#recoverState):hover input[type="checkbox"] {
  border-color: #4c5a63;
}
html {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
html::-webkit-scrollbar {
  width: 5px;
}
html::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
html::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
html::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body:not(.doingLogin).v2-theme {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-height: 100vh;
  overflow: hidden;
  background-color: #141B1F;
  color: #E6ECEF;
}
body:not(.doingLogin).v2-theme #mainWrapper {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: calc(100vh - 32px);
  overflow: hidden;
}
body:not(.doingLogin).v2-theme #mainWrapper #mainContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
body.agent-admin-dashboard.v2-theme {
  overflow: visible !important;
  display: block !important;
  height: auto !important;
  min-height: 100vh;
  background: #141B1F;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-feature-settings: "tnum" 1;
}
body.agent-admin-dashboard.v2-theme.doingLogin #admin-content {
  display: none;
}
body.agent-admin-dashboard.v2-theme #login-mount {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  min-height: 100vh;
}
body.agent-admin-dashboard.v2-theme #admin-content {
  min-height: 100vh;
}
body.agent-admin-dashboard.v2-theme #admin-container {
  padding: 24px 20px;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-shell {
  padding: 32px 24px;
  color: #B8C2C8;
  text-align: center;
  font-size: 14px;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: baseline;
  gap: 16px;
  margin: 8px 0 24px;
  padding: 0 0 16px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header__accent {
  width: 10px;
  height: 10px;
  background: #1AA6C6;
  border-radius: 2px;
  transform: rotate(45deg);
  box-shadow: 0 0 0 3px rgba(26, 166, 198, 0.14);
  align-self: center;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header__title {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.6px;
  line-height: 1;
  color: #FFFFFF;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header__title::after {
  content: " · Admin";
  color: #7A868E;
  font-weight: 400;
  letter-spacing: 0;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header__refresh {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  border: 1px solid rgba(0, 143, 106, 0.35);
  border-radius: 2px;
  background: transparent;
  color: #008F6A;
  font-family: 'Roboto Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-header__refresh::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-error {
  margin-bottom: 16px;
  padding: 12px 16px;
  border-left: 2px solid #EF4444;
  background: rgba(239, 68, 68, 0.08);
  color: #EF4444;
  font-size: 12px;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-row {
  margin-bottom: 24px;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-row--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
body.agent-admin-dashboard.v2-theme .admin-dashboard-content {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell {
  position: relative;
  min-width: 0;
  padding: 20px 20px 16px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  background: #1B242A;
  transition: border-color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell:hover {
  border-color: rgba(255, 255, 255, 0.14);
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell--stretch {
  height: 100%;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell__accent {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: #1AA6C6;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell__title {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #B8C2C8;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell__status {
  padding: 20px;
  font-size: 12px;
  color: #7A868E;
  text-align: center;
  font-style: italic;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell--tool-usage .admin-panel-shell__accent {
  background: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell--conversation-health .admin-panel-shell__accent {
  background: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell--timeline .admin-panel-shell__accent {
  background: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-panel-shell--llm-performance .admin-panel-shell__accent {
  background: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-stats-cards {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}
body.agent-admin-dashboard.v2-theme .admin-stats-cards--status {
  display: block;
}
body.agent-admin-dashboard.v2-theme .admin-stats-message {
  padding: 20px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  background: #1B242A;
  font-size: 12px;
  color: #7A868E;
  text-align: center;
}
body.agent-admin-dashboard.v2-theme .admin-stats-message--error {
  color: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card {
  position: relative;
  padding: 16px 16px 16px 20px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-left: 3px solid #1AA6C6;
  border-radius: 6px;
  background: #1B242A;
  overflow: hidden;
  transition: border-color 150ms ease-in-out, transform 250ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(125deg, rgba(26, 166, 198, 0.12) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.14);
}
body.agent-admin-dashboard.v2-theme .admin-stat-label {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-stat-value {
  position: relative;
  z-index: 1;
  font-family: 'Roboto Mono', monospace;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--total {
  border-left-color: #1AA6C6;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--total::after {
  background: linear-gradient(125deg, rgba(26, 166, 198, 0.14) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--total .admin-stat-value {
  color: #1AA6C6;
  font-size: 54px;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--active {
  border-left-color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--active::after {
  background: linear-gradient(125deg, rgba(0, 143, 106, 0.14) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--active .admin-stat-value {
  color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--created {
  border-left-color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--created::after {
  background: linear-gradient(125deg, rgba(245, 158, 11, 0.14) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--created .admin-stat-value {
  color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--hour {
  border-left-color: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--hour::after {
  background: linear-gradient(125deg, rgba(175, 147, 255, 0.14) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--hour .admin-stat-value {
  color: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--duration {
  border-left-color: #00D9D9;
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--duration::after {
  background: linear-gradient(125deg, rgba(0, 217, 217, 0.14) 0%, transparent 55%);
}
body.agent-admin-dashboard.v2-theme .admin-stat-card--duration .admin-stat-value {
  color: #00D9D9;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-chart {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 2px 0;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-0 {
  color: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-1 {
  color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-2 {
  color: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-3 {
  color: #00D9D9;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-4 {
  color: #EB8787;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-5 {
  color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-6 {
  color: #DAA400;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-item--palette-7 {
  color: #94C600;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-name {
  width: 140px;
  min-width: 140px;
  flex-shrink: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  text-align: right;
  color: #B8C2C8;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-meter {
  display: block;
  flex: 1;
  min-width: 0;
  height: 14px;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-meter__track {
  fill: rgba(255, 255, 255, 0.03);
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-meter__fill {
  fill: currentColor;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-count {
  min-width: 42px;
  flex-shrink: 0;
  font-family: 'Roboto Mono', monospace;
  font-size: 14px;
  font-weight: 700;
  text-align: right;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
body.agent-admin-dashboard.v2-theme .admin-tool-usage-error {
  padding: 1px 6px;
  border-radius: 2px;
  background: rgba(239, 68, 68, 0.18);
  color: #EF4444;
  font-family: 'Roboto Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.5px;
  flex-shrink: 0;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 96px;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__chart {
  width: 96px;
  height: 96px;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__track {
  stroke: rgba(255, 255, 255, 0.05);
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__progress {
  fill: none;
  stroke-linecap: round;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__percentage {
  font-family: 'Roboto Mono', monospace;
  font-size: 18px;
  font-weight: 700;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--tool-adoption .admin-conversation-health__progress {
  stroke: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--tool-adoption .admin-conversation-health__percentage {
  fill: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--error-rate .admin-conversation-health__progress {
  stroke: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--error-rate .admin-conversation-health__percentage {
  fill: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--completion .admin-conversation-health__progress {
  stroke: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__donut--completion .admin-conversation-health__percentage {
  fill: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__label {
  margin-top: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-align: center;
  text-transform: uppercase;
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__summary {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed rgba(255, 255, 255, 0.07);
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__summary-item {
  text-align: center;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__summary-value {
  font-family: 'Roboto Mono', monospace;
  font-size: 16px;
  font-weight: 700;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__summary-value--warning {
  color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-conversation-health__summary-label {
  margin-top: 2px;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric {
  padding: 16px 0 0;
  border-top: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 0;
  background: transparent;
  transition: border-color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--latency-fast {
  border-top-color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--latency-medium {
  border-top-color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--ratio {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  padding-top: 16px;
  border-top-color: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--latency-slow {
  border-top-color: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--total-tokens {
  border-top-color: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric--avg-tokens {
  border-top-color: #00D9D9;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value {
  font-family: 'Roboto Mono', monospace;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.6px;
  color: #FFFFFF;
  font-variant-numeric: tabular-nums;
  line-height: 1.1;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value--latency-fast {
  color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value--latency-medium {
  color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value--latency-slow {
  color: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value--total-tokens {
  color: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-value--avg-tokens {
  color: #00D9D9;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__metric-label,
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-heading {
  margin-top: 8px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-heading {
  margin: 0;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-bar {
  display: block;
  width: 100%;
  height: 10px;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-track {
  fill: rgba(255, 255, 255, 0.05);
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-fill--prompt {
  fill: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-fill--completion {
  fill: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-labels {
  display: flex;
  justify-content: space-between;
  margin-top: 8px;
  font-family: 'Roboto Mono', monospace;
  font-size: 11px;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-label {
  font-weight: 700;
  letter-spacing: 0.3px;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-label--prompt {
  color: #0AA9FF;
}
body.agent-admin-dashboard.v2-theme .admin-llm-performance__ratio-label--completion {
  color: #F59E0B;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__empty {
  padding: 20px;
  font-size: 12px;
  color: #7A868E;
  text-align: center;
  font-style: italic;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__chart {
  display: block;
  width: 100%;
  max-height: 200px;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__grid-line {
  stroke: rgba(255, 255, 255, 0.03);
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__axis-label {
  fill: #7A868E;
  font-family: 'Roboto Mono', monospace;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__area {
  fill: rgba(175, 147, 255, 0.12);
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__line {
  fill: none;
  stroke: #AF93FF;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__point-ring {
  fill: #1B242A;
  stroke: #AF93FF;
  stroke-width: 1.5;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__point-core {
  fill: #AF93FF;
}
body.agent-admin-dashboard.v2-theme .admin-session-timeline__point-value {
  fill: #FFFFFF;
  font-size: 10px;
  font-weight: 700;
  font-family: 'Roboto Mono', monospace;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-list {
  flex: 1 1 0;
  min-width: 0;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  background: #1B242A;
  overflow: hidden;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-loading {
  padding: 20px;
  color: #7A868E;
  text-align: center;
  font-style: italic;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-table {
  width: 100%;
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-table thead,
body.agent-admin-dashboard.v2-theme .admin-sessions-table tbody,
body.agent-admin-dashboard.v2-theme .admin-sessions-table tr {
  background: transparent !important;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-table th {
  padding: 12px 16px;
  background: transparent !important;
  color: #7A868E;
  text-align: left;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}
body.agent-admin-dashboard.v2-theme .admin-sessions-table td {
  padding: 12px 16px;
  color: #E6ECEF;
  font-size: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.agent-admin-dashboard.v2-theme .admin-sessions-table tbody tr:last-child td {
  border-bottom: none;
}
body.agent-admin-dashboard.v2-theme .admin-session-row {
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-session-row:hover td {
  background: rgba(26, 166, 198, 0.06);
  color: #FFFFFF;
}
body.agent-admin-dashboard.v2-theme .admin-session-id {
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  color: #1AA6C6;
}
body.agent-admin-dashboard.v2-theme .admin-sessions-empty {
  padding: 24px !important;
  color: #7A868E;
  text-align: center;
  font-style: italic;
}
body.agent-admin-dashboard.v2-theme .admin-status-active,
body.agent-admin-dashboard.v2-theme .admin-status-inactive {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Roboto Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
body.agent-admin-dashboard.v2-theme .admin-status-active::before,
body.agent-admin-dashboard.v2-theme .admin-status-inactive::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
body.agent-admin-dashboard.v2-theme .admin-status-active {
  color: #008F6A;
}
body.agent-admin-dashboard.v2-theme .admin-status-active::before {
  background: #008F6A;
  box-shadow: 0 0 6px rgba(0, 143, 106, 0.6);
}
body.agent-admin-dashboard.v2-theme .admin-status-inactive {
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-status-inactive::before {
  background: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 16px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
body.agent-admin-dashboard.v2-theme .admin-pagination button {
  padding: 8px 16px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 2px;
  background: transparent;
  color: #B8C2C8;
  font-family: 'Roboto Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: border-color 150ms ease-in-out, color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-pagination button:hover:not(:disabled) {
  border-color: #1AA6C6;
  color: #1AA6C6;
}
body.agent-admin-dashboard.v2-theme .admin-pagination button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
body.agent-admin-dashboard.v2-theme .admin-page-info {
  font-family: 'Roboto Mono', monospace;
  font-size: 11px;
  color: #B8C2C8;
  letter-spacing: 0.5px;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail {
  position: sticky;
  top: 16px;
  flex: 0 0 420px;
  min-width: 320px;
  max-width: 460px;
  max-height: calc(100vh - 32px);
  overflow-y: auto;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 6px;
  background: #1B242A;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail:empty {
  display: none;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail::-webkit-scrollbar {
  width: 6px;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail::-webkit-scrollbar-track {
  background: transparent;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.14);
  border-radius: 9999px;
}
body.agent-admin-dashboard.v2-theme .admin-session-detail::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}
body.agent-admin-dashboard.v2-theme .admin-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
body.agent-admin-dashboard.v2-theme .admin-detail-header h3 {
  margin: 0;
  font-family: 'Roboto Mono', monospace;
  font-size: 12px;
  font-weight: 700;
  color: #1AA6C6;
}
body.agent-admin-dashboard.v2-theme .admin-close-btn {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 2px;
  background: transparent;
  color: #7A868E;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-close-btn:hover {
  background: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
body.agent-admin-dashboard.v2-theme .admin-detail-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
  padding: 12px;
  border-left: 2px solid rgba(26, 166, 198, 0.35);
  background: rgba(20, 27, 31, 0.5);
  font-size: 12px;
  color: #B8C2C8;
}
body.agent-admin-dashboard.v2-theme .admin-detail-messages {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px;
}
body.agent-admin-dashboard.v2-theme .admin-message {
  padding: 12px 16px;
  border-left: 2px solid transparent;
  font-size: 12px;
}
body.agent-admin-dashboard.v2-theme .admin-message-user {
  border-left-color: #0AA9FF;
  background: rgba(10, 169, 255, 0.06);
  color: #E6ECEF;
}
body.agent-admin-dashboard.v2-theme .admin-message-assistant {
  border-left-color: #008F6A;
  background: rgba(0, 143, 106, 0.06);
  color: #E6ECEF;
}
body.agent-admin-dashboard.v2-theme .admin-message-role {
  margin-bottom: 4px;
  font-family: 'Roboto Mono', monospace;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #7A868E;
}
body.agent-admin-dashboard.v2-theme .admin-message-content {
  word-break: break-word;
  white-space: pre-wrap;
  line-height: 1.5;
}
body.agent-admin-dashboard.v2-theme .admin-detail-actions {
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}
body.agent-admin-dashboard.v2-theme .admin-delete-btn,
body.agent-admin-dashboard.v2-theme .admin-delete-yes,
body.agent-admin-dashboard.v2-theme .admin-delete-no {
  padding: 8px 16px;
  border: 1px solid transparent;
  border-radius: 2px;
  font-family: 'Roboto Mono', monospace;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, color 150ms ease-in-out;
}
body.agent-admin-dashboard.v2-theme .admin-delete-btn {
  border-color: rgba(239, 68, 68, 0.5);
  background: transparent;
  color: #EF4444;
}
body.agent-admin-dashboard.v2-theme .admin-delete-btn:hover {
  background: rgba(239, 68, 68, 0.15);
}
body.agent-admin-dashboard.v2-theme .admin-delete-confirm {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  color: #EF4444;
  font-size: 12px;
}
body.agent-admin-dashboard.v2-theme .admin-delete-yes {
  background: #EF4444;
  color: #FFFFFF;
}
body.agent-admin-dashboard.v2-theme .admin-delete-yes:hover {
  background: #ec1e1e;
}
body.agent-admin-dashboard.v2-theme .admin-delete-no {
  background: transparent;
  color: #B8C2C8;
  border-color: rgba(255, 255, 255, 0.14);
}
body.agent-admin-dashboard.v2-theme .admin-delete-no:hover {
  border-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
body.agent-admin-dashboard.v2-theme .admin-detail-loading {
  padding: 16px;
  color: #B8C2C8;
  font-size: 12px;
  text-align: center;
  font-style: italic;
}
body.agent-admin-dashboard.v2-theme .admin-detail-error {
  margin-bottom: 12px;
  padding: 12px 16px;
  border-left: 2px solid #EF4444;
  background: rgba(239, 68, 68, 0.08);
  color: #EF4444;
  font-size: 12px;
}
@media (max-width: 1180px) {
  body.agent-admin-dashboard.v2-theme .admin-stats-cards {
    grid-template-columns: 1fr 1fr 1fr;
  }
  body.agent-admin-dashboard.v2-theme .admin-stats-cards .admin-stat-card--total {
    grid-column: span 3;
  }
  body.agent-admin-dashboard.v2-theme .admin-dashboard-row--split {
    grid-template-columns: 1fr;
  }
  body.agent-admin-dashboard.v2-theme .admin-dashboard-content {
    flex-direction: column;
  }
  body.agent-admin-dashboard.v2-theme .admin-session-detail {
    position: static;
    flex: 1 1 auto;
    max-width: none;
    max-height: none;
    width: 100%;
  }
}
@media (max-width: 720px) {
  body.agent-admin-dashboard.v2-theme #admin-container {
    padding: 8px;
  }
  body.agent-admin-dashboard.v2-theme .admin-dashboard-header {
    grid-template-columns: auto 1fr;
    row-gap: 8px;
  }
  body.agent-admin-dashboard.v2-theme .admin-dashboard-header__refresh {
    grid-column: 1 / -1;
    justify-self: start;
  }
  body.agent-admin-dashboard.v2-theme .admin-stats-cards {
    grid-template-columns: 1fr;
  }
  body.agent-admin-dashboard.v2-theme .admin-stats-cards .admin-stat-card--total {
    grid-column: auto;
  }
  body.agent-admin-dashboard.v2-theme .admin-stat-card--total .admin-stat-value {
    font-size: 44px;
  }
  body.agent-admin-dashboard.v2-theme .admin-tool-usage-item {
    flex-wrap: wrap;
  }
  body.agent-admin-dashboard.v2-theme .admin-tool-usage-name {
    width: 100%;
    min-width: 0;
    text-align: left;
  }
}
body:not(.doingLogin).v2-theme #mainWrapper #mainContent #appTabNavigator .ui-tabs-panel > .tabToolbar + .secondaryToolbar.searchToolbar {
  flex-shrink: 0;
  min-height: auto;
  overflow: visible;
}
body.v2-theme .tabToolbar .BTN_EXPORT {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  color: #E6ECEF;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  position: relative;
}
body.v2-theme .tabToolbar .BTN_EXPORT::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "upload";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
body.v2-theme .tabToolbar .BTN_EXPORT:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
body.v2-theme .tabToolbar .BTN_EXPORT .vsn-ico-export {
  display: none;
}
body.v2-theme .tabToolbar .BTN_EXPORT .actionsListContainer.export {
  top: 100%;
  left: 0;
}
body.v2-theme .tabToolbar .BTN_EXPORT .actionsListContainer.export li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
body.v2-theme .tabToolbar .BTN_EXPORT .actionsListContainer.export li:hover,
body.v2-theme .tabToolbar .BTN_EXPORT .actionsListContainer.export li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.search-result-wrapper .search-result-container > *:not(.secondaryToolbar),
.search-result-wrapper .faceting_parent,
.search-result-wrapper .faceting_container {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.search-result-wrapper .search-result-container > *:not(.secondaryToolbar)::-webkit-scrollbar,
.search-result-wrapper .faceting_parent::-webkit-scrollbar,
.search-result-wrapper .faceting_container::-webkit-scrollbar {
  width: 5px;
}
.search-result-wrapper .search-result-container > *:not(.secondaryToolbar)::-webkit-scrollbar-thumb,
.search-result-wrapper .faceting_parent::-webkit-scrollbar-thumb,
.search-result-wrapper .faceting_container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.search-result-wrapper .search-result-container > *:not(.secondaryToolbar)::-webkit-scrollbar-thumb:hover,
.search-result-wrapper .faceting_parent::-webkit-scrollbar-thumb:hover,
.search-result-wrapper .faceting_container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.search-result-wrapper .search-result-container > *:not(.secondaryToolbar)::-webkit-scrollbar-track,
.search-result-wrapper .faceting_parent::-webkit-scrollbar-track,
.search-result-wrapper .faceting_container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.search-result-wrapper.search-result-with-faceting {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  min-height: 0;
  overflow: hidden;
}
.search-result-wrapper.search-result-with-faceting .faceting_parent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  float: none;
  margin: 0;
  min-height: 0;
  overflow: visible;
  height: 100%;
  position: relative;
}
.search-result-wrapper.search-result-with-faceting .faceting_parent .faceting_toggle_button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 50px;
  transform: translateY(-50%);
  pointer-events: all;
  cursor: pointer;
  background-color: #0A6F8F;
  border-radius: 4px 0 0 4px;
  z-index: 1;
}
.search-result-wrapper.search-result-with-faceting .faceting_parent .faceting_toggle_button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
}
.search-result-wrapper.search-result-with-faceting .faceting_container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  float: none;
  display: block;
}
.search-result-wrapper.search-result-with-faceting.noFacets .faceting_container {
  display: none;
}
.search-result-wrapper.search-result-with-faceting.noFacets .faceting_parent {
  width: 0;
  min-width: 0;
}
.search-result-wrapper.search-result-with-faceting.noFacets .faceting_toggle_button {
  transform: translate(100%, -50%);
  border-radius: 0 4px 4px 0;
}
.search-result-wrapper.search-result-with-faceting.noFacets .faceting_toggle_button::before {
  transform: rotate(180deg);
}
.search-result-wrapper.search-result-with-faceting .search-result-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  width: auto;
  float: none;
  overflow: hidden;
}
.search-result-wrapper.search-result-with-faceting .search-result-container > .secondaryToolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  flex-grow: 0;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  align-self: flex-start;
  -webkit-align-self: flex-start;
  -ms-align-self: flex-start;
  flex-wrap: nowrap;
  height: auto;
  min-height: 0;
  overflow: visible;
  position: relative;
  z-index: 10;
}
.search-result-wrapper.search-result-with-faceting .search-result-container > *:not(.secondaryToolbar) {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: auto;
  height: 100%;
  isolation: isolate;
}
.search-result-wrapper.search-result-with-faceting .search-result-container .paging {
  padding: 0 16px;
}
.search-result-wrapper .pagination-container ~ .pagination-container {
  padding-bottom: 8px;
}
.search-result-wrapper .pagination-container ~ .pagination-container .paginator-page-size .select-combobox {
  position: relative;
}
.search-result-wrapper .pagination-container ~ .pagination-container .paginator-page-size .select-combobox ul.ui-autocomplete,
.search-result-wrapper .pagination-container ~ .pagination-container .paginator-page-size .select-combobox .vsn-combobox-autocomplete {
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 0.25rem;
}
.search-result-wrapper .search-result-container {
  position: relative;
}
.search-result-wrapper .search-result-container .mygrid_container.elasticGrid.withFacets:not(:empty) {
  display: grid !important;
}
.secondaryToolbar.searchToolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  flex-wrap: nowrap;
  padding: 8px 16px;
  height: auto;
  min-height: 0;
  max-height: 48px;
}
.secondaryToolbar.searchToolbar .orderContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  min-width: 405px;
}
.secondaryToolbar.searchToolbar .orderContent button.toggle-icon-button {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #141B1F;
  color: #E6ECEF;
  box-shadow: none;
}
.secondaryToolbar.searchToolbar .orderContent button.toggle-icon-button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.secondaryToolbar.searchToolbar .orderContent button.toggle-icon-button .buttonContent i::before {
  font-size: 16px !important;
}
.secondaryToolbar.searchToolbar .MAM_search {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin: 0 8px;
  width: 100%;
  height: 32px;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  overflow: visible;
}
.secondaryToolbar.searchToolbar .MAM_search .search-input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  min-width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.secondaryToolbar.searchToolbar .MAM_search .search-mode-selector-container {
  position: relative;
}
.secondaryToolbar.searchToolbar .MAM_search .search_area_Details {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: #E6ECEF;
  font-size: 12px;
}
.secondaryToolbar.searchToolbar .viewSelector {
  display: flex;
  min-width: 80px;
  gap: 8px;
}
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector,
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector,
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #B8C2C8;
  cursor: pointer;
}
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector:hover,
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector:hover,
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector:hover {
  color: #E6ECEF;
}
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector.activated,
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector.activated,
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector.activated,
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector.active,
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector.active,
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector.active {
  color: #0A6F8F;
}
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector::before,
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector::before,
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector::before {
  font-size: 20px !important;
}
.secondaryToolbar.searchToolbar .viewSelector .grid_icon.gridViewSelector::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_list";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.secondaryToolbar.searchToolbar .viewSelector .mosaic_icon.mosaicViewSelector::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.secondaryToolbar.searchToolbar .viewSelector .glyph.table-view-medium.tableViewSelector::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "table_chart";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.select-combobox .vsn_form_select {
  display: none !important;
}
.select-combobox ~ button.toggle-icon-button {
  width: 36px;
  height: 32px;
  margin: 0;
  padding: 0;
  border: 1px solid #3A454C;
  border-radius: 4px;
  background-color: #141B1F;
  color: #E6ECEF;
  box-shadow: none;
}
.select-combobox ~ button.toggle-icon-button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.search-result-wrapper .faceting_container {
  background-color: #141B1F;
  color: #E6ECEF;
  font-family: inherit;
  font-size: 12px;
  padding: 12px 16px 24px;
  width: 220px;
  border-right: 1px solid #3A454C;
  height: 100%;
}
.search-result-wrapper .faceting_container .facetFieldsContent {
  overflow: visible;
}
.search-result-wrapper .faceting_container .facetFieldsContent .faceting {
  margin: 0;
  padding: 0;
}
.search-result-wrapper .faceting_container .vsn_form_label_faceting {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #E6ECEF;
  background-color: transparent;
  text-shadow: none;
  text-indent: 0;
  padding: 12px 0 8px;
  margin-bottom: 8px;
  border-bottom: 1px solid #3A454C;
}
.search-result-wrapper .faceting_container .vsn_form_label_faceting:first-child {
  padding-top: 0;
}
.search-result-wrapper .faceting_container .checkboxContainer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  margin-bottom: 8px;
  cursor: pointer;
  min-height: 20px;
}
.search-result-wrapper .faceting_container .checkboxContainer .facet_value,
.search-result-wrapper .faceting_container .checkboxContainer .facet_num {
  font-size: 12px;
  font-weight: 400;
  color: #B8C2C8;
  cursor: pointer;
}
.search-result-wrapper .faceting_container .checkboxContainer .facet_num {
  margin-left: 0;
  color: #7A868E;
}
.search-result-wrapper .faceting_container .checkboxContainer.facet-selected .facet_value,
.search-result-wrapper .faceting_container .checkboxContainer.facet-selected .facet_num {
  color: #0A6F8F;
  font-weight: 500;
}
.search-result-wrapper .faceting_container .checkboxContainer:hover .facet_value,
.search-result-wrapper .faceting_container .checkboxContainer:hover .facet_num {
  color: #E6ECEF;
}
.search-result-wrapper .faceting_container span.checkbox {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 14px;
  width: 14px;
  min-width: 14px;
  max-width: 14px;
  border-radius: 2px;
  border: 1px solid #3A454C;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  color: #FFFFFF;
  background-color: #141B1F;
  margin: 0;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  border: 1px solid #B8C2C8;
  box-shadow: none;
  background-image: none;
  float: none;
}
.search-result-wrapper .faceting_container span.checkbox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.search-result-wrapper .faceting_container span.checkbox[checked="checked"],
.search-result-wrapper .faceting_container span.checkbox:checked {
  background-color: #004F6E !important;
  border: none;
}
.search-result-wrapper .faceting_container span.checkbox[checked="checked"]::before,
.search-result-wrapper .faceting_container span.checkbox:checked::before {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.search-result-wrapper .faceting_container span.checkbox:focus {
  outline: none;
  border-color: #004F6E;
  box-shadow: 0 0 0 2px rgba(0, 79, 110, 0.2);
}
.search-result-wrapper .faceting_container span.checkbox:disabled,
.search-result-wrapper .faceting_container span.checkbox[disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.search-result-wrapper .faceting_container .checkboxContainer:hover span.checkbox {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets {
  justify-content: start;
  -webkit-justify-content: start;
  -ms-justify-content: start;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  grid-auto-rows: max-content;
  align-content: start;
  gap: 20px;
  padding: 16px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar {
  width: 5px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar {
  width: 5px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container {
  box-sizing: border-box;
  display: flex;
  min-height: 0;
  min-width: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-width: 0;
  border-radius: 8px;
  overflow: visible;
  border: 1px solid #3A454C;
  background-color: #2A343A;
  transition: border-color 150ms ease-in-out, box-shadow 250ms ease-in-out;
  position: relative;
  width: 100%;
  min-height: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card:hover {
  background-color: #37444c;
  border-color: #4c5a63;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .header {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: #141B1F;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .image {
  position: absolute;
  inset: 0;
  display: block;
  background-size: contain;
  background-position: center;
  background-color: #000000;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left > * {
  pointer-events: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left .type {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left .type img {
  width: 24px;
  height: 24px;
  display: block;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left > button:has(.glyph.star) {
  position: absolute;
  top: calc(8px + 28px);
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  padding: 0;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #E6ECEF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left > button:has(.glyph.star)::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star_border";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left > button:has(.glyph.star):hover {
  color: #FFD700;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left > button:has(.glyph.star) i.glyph.star {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .left .checkbox {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 3;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .right {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
  gap: 2px;
  box-sizing: border-box;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .right > * {
  pointer-events: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.playButton {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  cursor: pointer;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #008F6A;
  opacity: 0;
  transition: opacity 150ms ease-in-out, background-color 150ms ease-in-out;
  z-index: 2;
  background-image: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.playButton::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -10px 0 0 -5px;
  border: 10px solid transparent;
  border-left: 16px solid #FFFFFF;
  border-right: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.playButton:hover {
  opacity: 0.7 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.playButton i.glyph.play {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .glyph.status {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.7;
  cursor: default;
  color: #F59E0B;
  line-height: 1;
  box-sizing: content-box;
  order: -1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .glyph.status::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "storage";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .glyph.status.assetStatus-editable,
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .glyph.status.editable {
  color: #008F6A;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.addButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  cursor: pointer;
  color: #B8C2C8;
  transition: opacity 150ms ease-in-out;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.addButton:hover {
  color: #FFFFFF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.addButton i.glyph.add::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.trashButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.trashButton::before {
  font-size: 20px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.trashButton:hover {
  color: #FFFFFF;
  opacity: 1 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card button.trashButton i.glyph::before {
  font-size: 20px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card:hover .left .type,
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card:hover .left > button {
  opacity: 0.7 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card:hover .right > button:first-child {
  opacity: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card:hover .right > button:last-child {
  opacity: 0.7;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content {
  padding: 12px 16px;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .label {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row:first-child {
  padding-bottom: 12px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row:first-child .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1.35;
  order: 1;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row:first-child .value:hover {
  color: #B8C2C8;
  text-decoration: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row:first-child .value em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row.ID .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  color: #7A868E;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row.ID .value:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets .card-container .card .content .row.ID .value em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .mygrid_container.elasticGrid.withFacets:not(.mosaic-view) {
  grid-template-columns: 1fr !important;
  gap: 8px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media {
  position: absolute;
  inset: 0;
  height: 100%;
  max-height: 100%;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > * {
  pointer-events: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 8px;
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  background: none;
  background-image: none;
  line-height: 1;
  color: #004F6E;
  z-index: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType.icon-media::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #4a91cf;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType.icon-hotlist::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #c73c3c;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType.icon-category::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "account_tree";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #afc6e0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType.icon-bag::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #b094ff;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left .iconAssetType.icon-sequence::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "web_stories";
  font-family: "Material Symbols Outlined";
  font-size: 24px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #cfed37;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset {
  position: absolute;
  top: calc(8px + 28px);
  left: 8px;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  padding: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .follow_star,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .follow_star,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .unfollow_star,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .unfollow_star {
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #E6ECEF;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  line-height: 1;
  vertical-align: middle;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .follow_star::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .follow_star::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .unfollow_star::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .unfollow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star_border";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .follow_star:hover,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .follow_star:hover,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .unfollow_star:hover,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .unfollow_star:hover {
  color: #FFD700;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .unfollow_star,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .unfollow_star {
  color: #FFD700;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.unfollowAsset .unfollow_star::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left div.followAsset .unfollow_star::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "star";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) {
  position: absolute;
  top: calc(8px + 56px);
  left: 8px;
  opacity: 0;
  transition: opacity 0.2s;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) .downloadButton,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) .box_in.downloadButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 20px;
  background: none;
  background-image: none;
  color: #E6ECEF;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) .downloadButton::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) .box_in.downloadButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: flex-end;
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  padding: 8px;
  gap: 2px;
  box-sizing: border-box;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right > * {
  pointer-events: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 20px;
  min-width: 22px;
  min-height: 20px;
  flex-shrink: 0;
  background: none;
  background-image: none;
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-style: normal;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  line-height: 1;
  color: #E6ECEF;
  opacity: 0.7;
  cursor: pointer;
  box-sizing: content-box;
  overflow: visible;
  position: relative;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton > *:not(.tooltip-right) {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  pointer-events: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton .tooltip-right {
  position: absolute !important;
  left: 50% !important;
  top: auto !important;
  right: auto !important;
  bottom: 100%;
  transform: translateX(-50%);
  margin: 0 0 4px 0 !important;
  padding: 4px 8px;
  max-width: 220px;
  font-size: 12px;
  line-height: 1.3;
  white-space: normal;
  text-align: center;
  color: #E6ECEF;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease-in-out, visibility 150ms ease-in-out;
  pointer-events: none;
  z-index: 1000;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton .tooltip-right::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #3A454C;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton:hover .tooltip-right {
  opacity: 1;
  visibility: visible;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .categoryButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "category";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .addToBasketButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  min-width: 22px;
  min-height: 22px;
  flex-shrink: 0;
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-style: normal;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  line-height: 1;
  color: #E6ECEF;
  opacity: 0.7;
  cursor: pointer;
  box-sizing: content-box;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .addToBasketButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .addToBasketButton:has(#canvasLoader)::before {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .bin_delete {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .bin_delete::before {
  font-size: 20px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right .bin_delete:hover {
  color: #FFFFFF;
  opacity: 1 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage {
  position: absolute;
  inset: 0;
  display: block;
  background-size: contain;
  background-position: center;
  background-color: #000000;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage img.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage.thumbnail-media.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #4a91cf;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage.thumbnail-hotlist.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "movie_edit";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #c73c3c;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage.thumbnail-category.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "account_tree";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #afc6e0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage.thumbnail-bag.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "shopping_basket";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #b094ff;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-thumbnail.mainImage.thumbnail-sequence.no-thumb::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "web_stories";
  font-family: "Material Symbols Outlined";
  font-size: 150px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #cfed37;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .playButton {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  cursor: pointer;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #008F6A;
  opacity: 0;
  transition: opacity 150ms ease-in-out, background-color 150ms ease-in-out;
  z-index: 2;
  background-image: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .playButton::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin: -10px 0 0 -5px;
  border: 10px solid transparent;
  border-left: 16px solid #FFFFFF;
  border-right: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .playButton:hover {
  opacity: 0.7 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .assetStatusIcon {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  flex-shrink: 0;
  opacity: 0.7;
  cursor: default;
  color: #F59E0B;
  line-height: 1;
  box-sizing: content-box;
  order: -1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .assetStatusIcon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "storage";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .assetStatusIcon.assetStatus-editable,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .assetStatusIcon.editable {
  color: #008F6A;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .btn-add-media {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
  cursor: pointer;
  color: #B8C2C8;
  transition: opacity 150ms ease-in-out;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .btn-add-media:hover {
  color: #FFFFFF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .btn-add-media::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right {
  transition: opacity 0.2s;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .leftContainer .media-actions-right > *:not(.assetStatusIcon) {
  opacity: 0;
  transition: opacity 0.2s;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-left .iconAssetType,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-left .icon-media,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-left div.unfollowAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-left div.followAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-left > div:nth-child(3) {
  opacity: 0.7;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .media-actions-right > * {
  opacity: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:hover .leftContainer .playButton {
  opacity: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
  padding: 12px 16px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-title-container {
  margin-bottom: 0;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .mainTitle .field-value {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1.35;
  order: 1;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .mainTitle .field-value:hover {
  color: #B8C2C8;
  text-decoration: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .mainTitle .field-value em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-id {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  color: #7A868E;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-id:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-id em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field .label {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"] {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  font-size: 10px;
  color: #7A868E;
  gap: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"]::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
  background-color: #7A868E;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class[data-class-type="production"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"][data-class-type="production"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class.production::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"].production::before {
  background-color: #008F6A;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class[data-class-type="archive"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"][data-class-type="archive"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class.archive::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"].archive::before {
  background-color: #F59E0B;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class[data-class-type="admin"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"][data-class-type="admin"]::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field-class.admin::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .rightContainer .field[data-field*="class"].admin::before {
  background-color: #EF4444;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .wrapper-editable-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  flex-wrap: nowrap;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .wrapper-editable-container .vsn-ico-pencil.title {
  display: none;
  background: none !important;
  background-image: none !important;
  width: 18px;
  height: 18px;
  min-width: 18px;
  flex-shrink: 0;
  cursor: pointer;
  transition: color 0.2s ease;
  order: 2;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .wrapper-editable-container .vsn-ico-pencil.title::before {
  line-height: 1;
  color: #7A868E;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .wrapper-editable-container .vsn-ico-pencil.title:hover::before {
  color: #FFFFFF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow .wrapper-editable-container:hover .vsn-ico-pencil.title {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 8px;
  transition: background-color 0.2s ease;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  width: 240px;
  min-width: 240px;
  height: 200px;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-thumbnail.mainImage.thumbnail-media.no-thumb::before {
  font-size: 100px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-thumbnail.mainImage.thumbnail-hotlist.no-thumb::before {
  font-size: 100px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-thumbnail.mainImage.thumbnail-category.no-thumb::before {
  font-size: 100px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-thumbnail.mainImage.thumbnail-bag.no-thumb::before {
  font-size: 100px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-thumbnail.mainImage.thumbnail-sequence.no-thumb::before {
  font-size: 100px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  gap: 2px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left .iconAssetType,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left div.unfollowAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left div.followAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left > div:nth-child(3) {
  position: static;
  opacity: 0;
  top: auto;
  left: auto;
  transition: opacity 0.2s;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .leftContainer .media-actions-left .bigCheck {
  position: relative;
  bottom: auto;
  left: auto;
  margin-top: auto;
  opacity: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  min-width: 0;
  border-left: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field-title-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  margin-bottom: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field-title-container .mainTitle {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field-title-container .mainTitle .field-value {
  color: #E6ECEF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field {
  display: flex;
  font-size: 13px;
  gap: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .secundaryTitle {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  font-style: italic;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .secundaryTitle:hover {
  text-decoration: underline;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .secundaryTitle .toggler {
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent currentColor;
  margin: 0 5px;
  transition: transform 0.3s linear;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .box {
  overflow: hidden;
  transform-origin: top center;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.down .secundaryTitle .toggler {
  transform: rotate(90deg);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.down .box {
  animation: slide-down 0.5s normal 1 forwards;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.up .secundaryTitle .toggler {
  transform: rotate(0deg);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.up .box {
  animation: slide-up 0.5s normal 1 forwards;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.vsn-accordion {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.vsn-accordion .box {
  flex: 1;
  min-width: 0;
  margin-left: 15px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.vsn-accordion .box > [data-assetpk] .field {
  margin: 6px 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-id {
  font-size: 13px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-id:hover {
  color: #008F6A;
  text-decoration: underline;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.tagField .secundaryTitle {
  color: #0A6F8F;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.tagField .box {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.tagField .box .display_tag {
  padding: 6px 8px;
  background-color: #0A6F8F;
  color: #FFFFFF;
  margin: 2px;
  font-style: italic;
  border-radius: 4px;
  min-width: 135px;
  line-height: 1.2em;
  cursor: default;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .secundaryTitle {
  color: #F59E0B;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box .loadingLayer {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  padding: 16px 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box .loadingLayer .loadingFlag {
  width: 32px;
  height: 32px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 4px 8px;
  background-color: #003B54;
  border-radius: 4px 4px 0 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box header .segments-layer-filter {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box header .segments-layer-filter .custom-combobox.dark_button {
  background-color: rgba(0, 0, 0, 0.5);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box header .segments-layer-filter .custom-combobox.dark_button:hover {
  background-color: rgba(0, 0, 0, 0.3);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box header label.label::after {
  content: "";
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section ul:has(h4) {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
  min-height: 30px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section ul:has(h4) h4 {
  margin-bottom: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(58, 69, 76, 0.8);
  padding: 4px 6px;
  gap: 12px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .playButton,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .playButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  width: 28px;
  height: 28px;
  cursor: pointer;
  color: #E6ECEF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .playButton.blue_play_main::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .playButton.blue_play_main::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .playButton:hover,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .playButton:hover {
  color: #FFFFFF;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .markin,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .markin,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .markout,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .markout,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .duration,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .duration {
  border-radius: 4px;
  padding: 2px 8px;
  min-width: 85px;
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 10px;
  font-family: monospace;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .markin,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .markin,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .markout,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .markout {
  color: #F59E0B;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .marks .markout:empty,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .marks .markout:empty {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .segment_view .description,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.segmentField .box section .semanticSegmentElement .description {
  display: inline-block;
  color: #E6ECEF;
  font-size: 12px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .secundaryTitle {
  color: #008F6A;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe {
  float: left;
  margin: 2px 5px;
  position: relative;
  width: 100px;
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  border: 1px solid #3A454C;
  overflow: hidden;
  background-color: #000000;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe .thumbnail-wrapper img.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe .time-code {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  font-family: monospace;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  pointer-events: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe:hover .thumbnail-wrapper {
  border-color: #004F6E;
  box-shadow: 0 0 12px rgba(0, 79, 110, 0.4);
  outline: 1px solid #004F6E;
  outline-offset: -1px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .keyframe:hover .time-code {
  background-color: #004F6E;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  clear: left;
  width: 100% !important;
  height: 2rem !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 0.75rem;
  gap: 0.5rem;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more .show-more-txt {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more .show-more-more,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more .show-more-all {
  cursor: pointer;
  border-radius: 0.125rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.125rem 0.5rem;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  color: #7A868E;
  height: fit-content;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more .show-more-more:hover,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .paginator-more .show-more .show-more-all:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field.keyframesField .keyframes .title-panel-no-keyframes {
  font-size: 12px;
  padding: 8px 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .label {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  display: inline-block;
  color: #B8C2C8 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .label::after {
  content: ":";
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-value .background-coloured {
  background-color: var(--color) !important;
  color: var(--contrastColor) !important;
  border-radius: 4px;
  padding: 0 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field:not(.mainTitle) .vsn-ico-pencil {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  opacity: 0;
  pointer-events: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field:not(.mainTitle) .vsn-ico-pencil::before {
  line-height: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-editable {
  cursor: pointer;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-editable:hover .vsn-ico-pencil {
  opacity: 1;
  pointer-events: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer) .rightContainer .field .field-editable input {
  position: static;
  width: auto;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer):hover {
  background-color: #37444c;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer):hover .leftContainer .media-actions-left .iconAssetType,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer):hover .leftContainer .media-actions-left div.unfollowAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer):hover .leftContainer .media-actions-left div.followAsset,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow:not(.mosaicViewCardContainer):hover .leftContainer .media-actions-left > div:nth-child(3) {
  opacity: 0.7 !important;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  min-width: 0;
  border-radius: 8px;
  overflow: visible;
  border: 1px solid #3A454C;
  background-color: #2A343A;
  transition: border-color 150ms ease-in-out, box-shadow 250ms ease-in-out;
  position: relative;
  width: 100%;
  min-height: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer:hover {
  background-color: #37444c;
  border-color: #4c5a63;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .mainMosaicViewCard.leftContainer,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .media-thumbnail.mainImage {
  border-radius: 8px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .leftContainer {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: #141B1F;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 8px 8px 0 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .wrapper-editable-container .asset-grid-title {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu {
  animation: fadeIn 0.2s ease-out forwards;
  position: fixed;
  z-index: 1000;
  min-height: 80px;
  min-width: 200px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #141B1F;
  padding: 4px;
  box-shadow: 0 0 #000000, 0 0 #000000, 0 20px 50px rgba(0, 0, 0, 0.8);
  transition-duration: 250ms;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu::before,
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu::after {
  content: " ";
  right: 100%;
  top: 50%;
  border: solid transparent;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu::before {
  border-right-color: rgba(255, 255, 255, 0.1);
  border-width: 10px;
  margin-top: -10px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu::after {
  border-right-color: #141B1F;
  border-width: 9px;
  margin-top: -9px;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu .close {
  display: none;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu ul h6 {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  gap: 8px;
  border-radius: 6px;
  padding: 24px 16px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #7A868E;
  margin-bottom: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu ul h6 .white_big_exclamation_mark::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "error";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu ul li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  cursor: pointer;
  gap: 8px;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 11px;
  text-transform: uppercase;
  color: #B8C2C8;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.search-result-container.withFacets [data-id="search-result-grid"] .elasticGridRow.withMainImage.withMainTitle.mosaicViewCardContainer .dragMenu ul li:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #4fc3a1;
}
.search-result-container.withFacets .descriptionMosaicViewCard {
  padding: 12px 16px;
  width: 100%;
  height: 80px;
  overflow: hidden;
}
.search-result-container.withFacets .descriptionMosaicViewCard table {
  display: block;
  width: 100%;
}
.search-result-container.withFacets .descriptionMosaicViewCard tbody {
  display: block;
  width: 100%;
}
.search-result-container.withFacets .descriptionMosaicViewCard tr.field {
  display: flex;
}
.search-result-container.withFacets .descriptionMosaicViewCard tr.field.field-editable {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding-bottom: 12px;
  width: 100%;
  box-sizing: border-box;
}
.search-result-container.withFacets .descriptionMosaicViewCard tr.field.field-editable:has(.asset-with-copyright-with) {
  gap: 5px;
}
.search-result-container.withFacets .descriptionMosaicViewCard tr.field td {
  vertical-align: top;
  overflow: hidden;
}
.search-result-container.withFacets .descriptionMosaicViewCard tr.field:first-child td {
  padding-top: 0;
}
.search-result-container.withFacets .descriptionMosaicViewCard td.field-label.label {
  display: none;
}
.search-result-container.withFacets .descriptionMosaicViewCard td.field-value.mainTitle {
  cursor: pointer;
  flex: 1;
}
.search-result-container.withFacets .descriptionMosaicViewCard .asset-with-copyright-with {
  cursor: help;
}
.search-result-container.withFacets .descriptionMosaicViewCard .asset-with-copyright-with::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "copyright";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.search-result-container.withFacets .descriptionMosaicViewCard .asset-grid-title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  color: #E6ECEF;
  line-height: 1.35;
  order: 1;
  cursor: pointer;
}
.search-result-container.withFacets .descriptionMosaicViewCard .asset-grid-title:hover {
  color: #B8C2C8;
  text-decoration: none;
}
.search-result-container.withFacets .descriptionMosaicViewCard .asset-grid-title em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
.search-result-container.withFacets .descriptionMosaicViewCard input.content-editable {
  background-color: rgba(0, 0, 0, 0.3);
  color: #E6ECEF;
  border: 1px solid #3A454C;
  width: 100%;
  height: 2rem;
  padding: 4px 8px;
  border-radius: 4px;
}
.search-result-container.withFacets .descriptionMosaicViewCard td.field-value.field-id {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  font-weight: 400;
  color: #7A868E;
}
.search-result-container.withFacets .descriptionMosaicViewCard td.field-value.field-id:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.search-result-container.withFacets .descriptionMosaicViewCard td.field-value.field-id em {
  font-style: normal;
  font-weight: inherit;
  color: #4fc3a1;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid,
body.v2-theme .search-result-container .descriptorGrid.k-grid,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid,
body.v2-theme .search-result-container .k-grid.descriptorGrid {
  background-color: transparent;
  border: none;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-header,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-header,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-header,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-header,
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-header,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-header,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-header,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-header {
  background-color: #2A343A !important;
  color: #E6ECEF;
  border-color: #3A454C;
  font-weight: 700;
  font-size: 12px;
  padding: 8px 16px;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content {
  scrollbar-width: thin;
  scrollbar-color: #2A343A transparent;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-button,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-button,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-button,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-button {
  display: none;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-track,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-track,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-track,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-track {
  background: transparent;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-thumb,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-thumb,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-thumb,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-thumb {
  background: #2A343A;
  border-radius: 6px;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-corner,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-content::-webkit-scrollbar-corner,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-corner,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-content::-webkit-scrollbar-corner {
  background: transparent;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid tr,
body.v2-theme .search-result-container .descriptorGrid.k-grid tr,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid tr,
body.v2-theme .search-result-container .k-grid.descriptorGrid tr {
  background-color: #141B1F;
  color: #E6ECEF;
  transition: background-color 0.2s ease;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid tr:hover,
body.v2-theme .search-result-container .descriptorGrid.k-grid tr:hover,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid tr:hover,
body.v2-theme .search-result-container .k-grid.descriptorGrid tr:hover {
  background-color: #37444c;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid tr.k-alt,
body.v2-theme .search-result-container .descriptorGrid.k-grid tr.k-alt,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid tr.k-alt,
body.v2-theme .search-result-container .k-grid.descriptorGrid tr.k-alt {
  background-color: #2A343A;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid tr.k-alt:hover,
body.v2-theme .search-result-container .descriptorGrid.k-grid tr.k-alt:hover,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid tr.k-alt:hover,
body.v2-theme .search-result-container .k-grid.descriptorGrid tr.k-alt:hover {
  background-color: #37444c;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid td,
body.v2-theme .search-result-container .descriptorGrid.k-grid td,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid td,
body.v2-theme .search-result-container .k-grid.descriptorGrid td {
  border-color: #3A454C;
  padding: 8px 16px;
  font-size: 12px;
  color: #E6ECEF;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid a,
body.v2-theme .search-result-container .descriptorGrid.k-grid a,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid a,
body.v2-theme .search-result-container .k-grid.descriptorGrid a {
  color: #0A6F8F;
  text-decoration: none;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid a:hover,
body.v2-theme .search-result-container .descriptorGrid.k-grid a:hover,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid a:hover,
body.v2-theme .search-result-container .k-grid.descriptorGrid a:hover {
  color: #E6ECEF;
}
body.v2-theme .search-result-wrapper .descriptorGrid.k-grid .k-grid-pager,
body.v2-theme .search-result-container .descriptorGrid.k-grid .k-grid-pager,
body.v2-theme .search-result-wrapper .k-grid.descriptorGrid .k-grid-pager,
body.v2-theme .search-result-container .k-grid.descriptorGrid .k-grid-pager {
  background-color: #141B1F;
  border-color: #3A454C;
  color: #B8C2C8;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .pagination-container {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .pagination-container .paging {
  padding: 8px 16px;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .pagination-container:first-child .paging {
  padding-top: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .pagination-container:last-child .paging {
  padding-bottom: 0;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  overflow: auto;
  padding-left: 16px;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container::-webkit-scrollbar {
  width: 5px;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.search-result-container.withFacets [data-id="search-result-grid"]:has(> .table_container[style*="display: block"]) .table_container .tstable thead tr {
  position: sticky;
  top: 0;
  z-index: 1;
}
body.v2-theme .pageContent:has(> .cataloging-view-container) {
  overflow: hidden;
}
body.v2-theme .cataloging-view-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  background-color: #141B1F;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .disable-nav-arrow {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
body.v2-theme .cataloging-view-container .cataloging-tabs-container {
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  border-bottom: 1px solid #3A454C;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar:has(.catalogging-carousel-left-btn) .catalogingTabsBar .ui-tabs-nav {
  padding: 0 !important;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-left-btn {
  margin-left: 5px;
  margin-right: 10px;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-left-btn,
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-right-btn {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-left-btn i,
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-right-btn i {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  height: 100%;
  width: 32px;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-left-btn i::before,
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-right-btn i::before {
  font-size: 22px;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-left-btn:hover,
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .catalogging-carousel-right-btn:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
  cursor: pointer;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .cataloging-buttons-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  padding: 4px 8px;
  margin-left: auto !important;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .cataloging-buttons-container button {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #B8C2C8;
  text-shadow: none;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  background: transparent;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
  cursor: pointer;
  display: inline-flex;
}
body.v2-theme .cataloging-view-container .cataloging-view-tabsBar .cataloging-buttons-container button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .cataloging-view {
  overflow-x: hidden;
  overflow-y: clip;
  height: 100%;
  width: 100%;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout {
  position: sticky;
  top: 0;
  background: none;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  background: none;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content:has(.storyboard-component) {
  min-height: 200px !important;
  width: calc(100% - 15px) !important;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content:has(.iasegmentation) {
  scroll-padding-top: 48px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content .web-editor-tab:has(.iasegmentation[aria-hidden="false"]),
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content .assetMainContent:has(.iasegmentation[aria-hidden="false"]) {
  height: 100%;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_content.fluidPlayer {
  background: #141B1F;
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row {
  display: flex;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header {
  height: 32px !important;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab {
  background: none;
  box-shadow: none;
  border-bottom: 2px solid transparent;
  padding: 8px 12px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab:hover {
  background: none;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab:hover .lm_title {
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab.lm_active {
  border-bottom-color: #A6C83A;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab.lm_active .lm_title {
  color: #A6C83A;
  font-weight: 700;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_row .lm_header .lm_tabs .lm_tab .lm_title {
  color: #7A868E;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0;
  min-width: auto;
  margin: 0 !important;
  text-shadow: none;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_column:first-child {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  padding: 8px 0 0 8px;
  overflow-y: auto;
  overflow-x: hidden;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_column:first-child::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_column:first-child::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_column:first-child::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_item.lm_column:first-child::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter {
  pointer-events: none;
  background: transparent;
  opacity: 1;
  transition: none;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter:hover {
  background: transparent;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter .vertical_toggle_button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
  top: 50%;
  width: 10px;
  height: 50px;
  transform: translate(-115%, -50%);
  pointer-events: all;
  cursor: pointer;
  background-color: #0A6F8F;
  border-radius: 4px 0 0 4px;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter .vertical_toggle_button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_left";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transition: transform 250ms ease-in-out;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter .vertical_toggle_button.collapsed {
  transform: translate(0, -50%);
  border-radius: 0 4px 4px 0;
}
body.v2-theme .cataloging-view-container .cataloging-view .lm_goldenlayout .lm_splitter .vertical_toggle_button.collapsed::before {
  transform: rotate(180deg);
}
body.v2-theme .cataloging-view-container .storyboard-component {
  background-color: #141B1F;
  color: #E6ECEF;
  height: 100%;
  max-height: calc(100% - 25px);
  border: 1px solid #3A454C;
  border-radius: 8px;
}
body.v2-theme .cataloging-view-container .storyboard-component .action-row {
  display: none;
}
body.v2-theme .cataloging-view-container .storyboard-component .insert-keyframes,
body.v2-theme .cataloging-view-container .storyboard-component .images-storyboard {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
body.v2-theme .cataloging-view-container .storyboard-component .storyboard-no-items {
  margin: auto;
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .storyboard-component ul {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 0.75rem;
  padding: 0.75rem;
  overflow-y: auto;
  overflow-x: hidden;
}
body.v2-theme .cataloging-view-container .storyboard-component ul::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .cataloging-view-container .storyboard-component ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .storyboard-component ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .cataloging-view-container .storyboard-component ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .storyboard-component ul.vsn_form_thesaurus_term_list {
  display: block;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  display: block;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right {
  color: #2A343A;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: block;
  padding: 10px;
  border-radius: 3px;
  background-color: rgba(255, 255, 255, 0.9);
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right::before {
  left: 10px;
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-name-text {
  margin-right: 5px;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info {
  display: block;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-businessUse {
  background-color: #0083aa;
  padding: 2px 6px 1px;
  border-radius: 3px;
  font-size: 11px;
  cursor: default;
  box-shadow: inset 0px -1px 6px 0px rgba(255, 255, 255, 0.3);
  text-shadow: 1px 0 0 #3A454C, -1px 0 0 #3A454C, 0 1px 0 #3A454C, 0 -1px 0 #3A454C, 1px 1px #3A454C, -1px -1px 0 #3A454C, 1px -1px 0 #3A454C, -1px 1px 0 #3A454C;
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info {
  color: #7A868E !important;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty) {
  font-style: italic;
  display: inline-block;
  color: #7A868E;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):before {
  content: "(";
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .file-group-tooltip.tooltip-right .file-group-extra-info .file-group-technical-info:not(:empty):after {
  content: ")";
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  border: 1px solid #3A454C;
  overflow: hidden;
  background-color: #000000;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li .time-code {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  font-family: monospace;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 1;
  pointer-events: none;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li:hover .thumbnail-wrapper,
body.v2-theme .cataloging-view-container .storyboard-component ul li.active .thumbnail-wrapper {
  border-color: #004F6E;
  box-shadow: 0 0 12px rgba(0, 79, 110, 0.4);
  outline: 1px solid #004F6E;
  outline-offset: -1px;
}
body.v2-theme .cataloging-view-container .storyboard-component ul li:hover .time-code,
body.v2-theme .cataloging-view-container .storyboard-component ul li.active .time-code {
  background-color: #004F6E;
}
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more {
  border-top: 1px solid #3A454C;
  width: 100% !important;
  display: flex;
  height: 2rem !important;
}
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  padding: 0.75rem;
  gap: 0.5rem;
}
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more .show-more-txt {
  display: none;
}
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more .show-more-more,
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more .show-more-all {
  cursor: pointer;
  border-radius: 0.125rem;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  padding: 0.125rem 0.5rem;
  font-size: 9px;
  font-weight: 900;
  text-transform: uppercase;
  color: #7A868E;
  height: fit-content;
}
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more .show-more-more:hover,
body.v2-theme .cataloging-view-container .storyboard-component .paginator-more .show-more .show-more-all:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
body.v2-theme .cataloging-view-container .storyboard-component.iaVideoCategories-storyboard-component,
body.v2-theme .cataloging-view-container .storyboard-component.iaAudioCategories-storyboard-component {
  min-height: unset;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .storyboard-component.iaVideoCategories-storyboard-component::-webkit-scrollbar,
body.v2-theme .cataloging-view-container .storyboard-component.iaAudioCategories-storyboard-component::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .cataloging-view-container .storyboard-component.iaVideoCategories-storyboard-component::-webkit-scrollbar-thumb,
body.v2-theme .cataloging-view-container .storyboard-component.iaAudioCategories-storyboard-component::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .storyboard-component.iaVideoCategories-storyboard-component::-webkit-scrollbar-thumb:hover,
body.v2-theme .cataloging-view-container .storyboard-component.iaAudioCategories-storyboard-component::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .cataloging-view-container .storyboard-component.iaVideoCategories-storyboard-component::-webkit-scrollbar-track,
body.v2-theme .cataloging-view-container .storyboard-component.iaAudioCategories-storyboard-component::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer {
  width: calc(100% - 15px);
  height: 100%;
  min-width: 260px;
  min-height: 100px;
  position: relative;
  flex-wrap: nowrap;
  z-index: 2;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .showGoToTcBox {
  bottom: 130px;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .screenContainer {
  position: relative;
  overflow: hidden;
  height: calc(100% - 130px);
  min-height: calc(100% - 130px);
  min-width: 260px;
  width: 100%;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .playerCommandsContent {
  flex-shrink: 0;
  flex-grow: 1;
  background-color: rgba(255, 255, 255, 0.03);
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .playerCommandsContent .copyrightLayer {
  top: 11px;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .playerImageCommandsContent {
  background-color: rgba(255, 255, 255, 0.03);
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .glyph.vu-meter-button {
  top: 0.5rem;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .screen {
  position: absolute;
  background-color: #000000;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
body.v2-theme .cataloging-view-container .fluidPlayer .videoPlayer .screenOver {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: 2;
}
body.v2-theme .cataloging-view-container .videoContainer {
  width: 100%;
  height: 100%;
}
body.v2-theme .cataloging-view-container .videoContainer .hidden {
  display: none;
}
body.v2-theme .cataloging-view-container .videoContainer .debugContainer {
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  resize: none;
  border-width: 0;
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .cataloging-thumbnail-preview-container {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  z-index: 10;
  background: #000000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
body.v2-theme .cataloging-view-container .cataloging-thumbnail-preview-container .cataloging-thumbnail {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  object-fit: contain;
  border: none;
  color: transparent;
  font-size: 0;
  max-width: 75%;
}
body.v2-theme .cataloging-view-container .cataloging-thumbnail-preview-container .miniPlayerHover {
  cursor: pointer;
  background: transparent url("../Images/VSNThemeV2/play-icon.png") no-repeat;
  width: 75px;
  height: 90px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
}
body.v2-theme .cataloging-view-container .cataloging-thumbnail-preview-container .miniPlayerHover:hover {
  opacity: 0.9;
}
body.v2-theme .cataloging-view-container .cataloging-view-no-proxy {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 2;
}
body.v2-theme .cataloging-view-container .cataloging-view-no-proxy .cataloging-view-no-proxy-image {
  background: transparent url("../Images/VSNThemeV2/novideo.png") no-repeat;
  width: 125px;
  height: 134px;
  margin: 0 auto;
}
body.v2-theme .cataloging-view-container .cataloging-view-no-proxy .cataloging-view-no-proxy-text {
  color: #7A868E;
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel {
  background-color: #141B1F;
  color: #E6ECEF;
  border-top: none;
  padding: 8px !important;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .cataloging-view-container .assetMainContent.ui-tabs > .ui-tabs-panel.iasegmentation {
  overflow: visible !important;
  height: 100%;
}
body.v2-theme .cataloging-view-container .asset-mainInfo-container {
  padding: 0;
}
body.v2-theme .cataloging-view-container .detected-item-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  margin: 3px;
  position: relative;
  user-select: none;
  cursor: pointer;
}
body.v2-theme .cataloging-view-container .detected-item-container.transcription,
body.v2-theme .cataloging-view-container .detected-item-container.description {
  user-select: text;
  cursor: unset;
}
body.v2-theme .cataloging-view-container .detected-item-container.transcription textarea,
body.v2-theme .cataloging-view-container .detected-item-container.description textarea {
  line-height: 16px;
  padding: 3px 6px;
  box-shadow: none;
}
body.v2-theme .cataloging-view-container .detected-item-container.transcription textarea::placeholder,
body.v2-theme .cataloging-view-container .detected-item-container.description textarea::placeholder {
  color: #7A868E;
}
body.v2-theme .cataloging-view-container .detected-item-container.transcription .value {
  border-top-right-radius: 0;
  border: 1px solid #3A454C;
}
body.v2-theme .cataloging-view-container .detected-item-container.selected,
body.v2-theme .cataloging-view-container .detected-item-container.selectedDraggable {
  -webkit-box-shadow: inset 0px 0px 0px 2px #A6C83A;
  -moz-box-shadow: inset 0px 0px 0px 2px #A6C83A;
  box-shadow: inset 0px 0px 0px 2px #A6C83A;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container {
  height: 30px;
  width: 30px;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container .image {
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transition: transform 0.2s;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container .image.speaker {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: relative;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container .image.speaker::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "campaign";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container .image.face {
  background-repeat: no-repeat;
  background-image: url('../Images/VSNThemeV2/sprites_1.png?decachify=0.1606093750101587');
  background-position: -154px -913px;
  background-size: auto;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-image-container > .image:hover:not(.speaker) {
  transform: scale(2.2);
  border: 1px solid #B8C2C8;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container {
  padding: 3px 5px;
  text-align: justify;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description {
  width: 100%;
  color: #E6ECEF;
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 6px;
  border-radius: 4px;
  min-height: 30px;
  line-height: 16px;
  white-space: break-spaces;
  word-break: break-word;
  flex: 1;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner {
  border-radius: 4px;
  color: #000000;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_person,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_person {
  background-color: #AF93FF;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_place,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_place {
  background-color: #94C600;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_organization,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_organization {
  background-color: #C59578;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_date,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_date {
  background-color: #DAA400;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_product,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_product {
  background-color: #0AA9FF;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .ner_event,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .ner_event {
  background-color: #AFC8DF;
}
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.transcription .value .keywords,
body.v2-theme .cataloging-view-container .detected-item-container .item-value-container.description .value .keywords {
  background-color: #EB8787;
}
body.v2-theme .cataloging-view-container .detected-item-container .vsn_form_long_text {
  height: unset;
  width: 100%;
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container,
body.v2-theme .cataloging-view-container .detected-item-container .description-container {
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  flex: 1;
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .value span:not(.transcription-word),
body.v2-theme .cataloging-view-container .detected-item-container .description-container .value span:not(.transcription-word) {
  background-color: var(--tag-golden-light-background);
  color: var(--reverse-text-color);
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .transcription-word,
body.v2-theme .cataloging-view-container .detected-item-container .description-container .transcription-word {
  cursor: pointer;
  border-radius: 2px;
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .transcription-word:hover,
body.v2-theme .cataloging-view-container .detected-item-container .description-container .transcription-word:hover,
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .transcription-word:focus,
body.v2-theme .cataloging-view-container .detected-item-container .description-container .transcription-word:focus {
  background-color: rgba(166, 200, 58, 0.2);
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .transcription-word:focus,
body.v2-theme .cataloging-view-container .detected-item-container .description-container .transcription-word:focus {
  outline: 1px solid #A6C83A;
  outline-offset: 1px;
}
body.v2-theme .cataloging-view-container .detected-item-container .transcription-container .transcription-word.active-word,
body.v2-theme .cataloging-view-container .detected-item-container .description-container .transcription-word.active-word {
  background-color: #A6C83A;
  color: var(--reverse-text-color);
}
body.v2-theme .cataloging-view-container .timeline-main-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: sticky;
  top: 0;
  background-color: #141B1F;
  margin: 0 0 4px;
  padding: 8px 0;
  z-index: 1;
  width: 100%;
  gap: 8px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .operation-mode-selector {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  flex: 1;
  gap: 8px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .operation-mode-selector .mode {
  padding-right: 2px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .operation-mode-selector .mode .selected-mode {
  color: #A6C83A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .operation-mode-selector button.toggle-icon-button i.la-exchange-alt::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "swap_horiz";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .vsnButton.text {
  color: #E6ECEF;
  background: transparent !important;
  padding: 4px 8px;
  font-size: 12px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .vsnButton.text .buttonContent {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .vsnButton.text i.la-plus-circle.cp-third {
  color: #EF4444;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .vsnButton.text i.la-plus-circle.cp-own {
  color: #72A400;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 8px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group {
  padding: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter input {
  width: 220px;
  padding-right: 25px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .eraseInputContent {
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  cursor: pointer;
  display: flex;
  pointer-events: none;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .eraseInputContent i::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "cancel";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .eraseInputContent:hover i::before {
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter:hover:has(input:not(:placeholder-shown)) .eraseInputContent {
  opacity: 1;
  pointer-events: auto;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button {
  position: relative;
  border: 1px solid #3A454C;
  border-radius: 4px;
  background-color: #2A343A;
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button:focus-within {
  border-color: #004F6E;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: none;
  background: transparent;
  box-shadow: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button input:focus {
  outline: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button > .vsnButton.filled.gray {
  width: 32px;
  height: 30px;
  padding: 0;
  min-width: unset;
  background: #141B1F;
  border: none;
  border-left: 1px solid #3A454C;
  box-shadow: none;
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button > .vsnButton.filled.gray:hover {
  background: rgba(0, 0, 0, 0.2);
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons .filter .elements-group.input-with-button > .vsnButton.filled.gray i.la-plus-circle::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons button.toggle-icon-button {
  width: 32px;
  height: 32px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.3);
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .segments-edit-buttons button.toggle-icon-button:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
body.v2-theme .cataloging-view-container .timeline-main-container .layers-selector,
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .layers-selector .elements-group,
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group {
  padding: 0;
  gap: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector {
  margin-left: 12px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group > input.vsn_form_short_text {
  margin-left: 8px;
  width: 260px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group button.vsnButton.filled.gray {
  height: 32px;
  width: 32px;
  border: 1px solid #3A454C;
  background-color: transparent;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group button.vsnButton.filled.gray:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group button.vsnButton.filled.gray i.la-times::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .sublayer-selector .elements-group button.vsnButton.filled.gray i.la-plus-circle::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox {
  margin-left: 8px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .vsn_form_select {
  height: 32px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox {
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 32px;
  border: 1px solid #3A454C;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  position: relative;
  min-width: 220px;
  overflow: hidden;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox .custom-combobox-input {
  background: none;
  border: none;
  color: #E6ECEF;
  padding: 0 8px 0 12px;
  font-size: 12px;
  cursor: pointer;
  flex: 1;
  min-width: 0;
  pointer-events: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox .custom-combobox-input::placeholder {
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox .custom-combobox-toggle {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0 8px;
  cursor: pointer;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox .custom-combobox-toggle .arrow_down_menu {
  background: none;
  width: auto;
  height: auto;
  padding: 0 !important;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox.disabled {
  background-color: rgba(255, 255, 255, 0.03);
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox.disabled:hover {
  border-color: #3A454C;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox.disabled .custom-combobox-input {
  color: #B8C2C8;
  background: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .select-combobox .custom-combobox.disabled .custom-combobox-toggle {
  pointer-events: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container {
  flex-grow: 1;
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-shrink: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-shrink: 1;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: relative;
  width: 99%;
  gap: 12px;
  border-radius: 6px;
  padding: 12px 12px 12px 20px;
  margin-bottom: 4px;
  background-color: #2A343A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.with-copyright .timeline-row-items {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 2px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.with-copyright .timeline-row-items .segment-with-copyright {
  margin-top: 4px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.with-copyright .timeline-row-items span {
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.selected {
  outline: 2px ridge #A6C83A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.playing {
  background-color: #445F6B;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time div {
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  cursor: pointer;
  user-select: none;
  white-space: pre;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time div:hover {
  text-shadow: 1px 1px 1px #000000;
  transform: scale(1.2);
  color: #4fc3a1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time div + div {
  margin-top: 4px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0.5px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container :disabled .mark-get {
  pointer-events: none;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .mark-input-container input {
  border-radius: 1ch;
  border-style: none;
  padding: 2px 3px;
  background-color: #404F55;
  width: 75px;
  text-align: center;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .mark-input-container input:read-only {
  opacity: 0.75;
  cursor: default;
  border: none !important;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .mark-input-container:hover {
  transform: unset;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .vsnButton.text {
  background: transparent !important;
  padding: 0;
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .vsnButton.text i.la-eye {
  margin-right: 4px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .vsnButton.text i.la-eye::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "visibility";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-time .mark-container .vsnButton.text:hover:not(:disabled) {
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .buttons {
  border-bottom: none;
  background: transparent;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .buttons .vsnButton.text {
  background: transparent;
  color: #B8C2C8;
  padding: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .buttons .vsnButton.text i::before {
  font-size: 22px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .buttons .vsnButton.text:hover:not(:disabled) {
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items {
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .detected-item-container.edit-item .item-ocurrences {
  background-color: transparent;
  padding: 0 8px 0 2px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section {
  display: grid;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face {
  order: 1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face:hover {
  z-index: 1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-expand,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-collapse {
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-expand:hover,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-collapse:hover {
  cursor: pointer;
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-expand::before,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-collapse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-expand::before {
  content: "keyboard_arrow_down";
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.face .vsn-ribbon-collapse::before {
  content: "keyboard_arrow_up";
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.speaker {
  order: 2;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.transcription,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.description {
  order: 3;
  flex: 1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.empty {
  width: calc(30px + 3px * 2);
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .rest-of-elements {
  display: flex;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded {
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .item-section.speaker,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .timeline-row-time {
  margin-top: 3px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .timeline-row-items {
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .item-section.face:not(.empty):not(.only-faces-in-row) {
  display: flex;
  flex-wrap: wrap;
  padding-left: 39px;
  padding-right: 32px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .detected-item-container.speaker {
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded .detected-item-container.speaker.edit-item .item-ocurrences {
  align-self: center;
  -webkit-align-self: center;
  -ms-align-self: center;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-container.expanded.with-speakers .item-section.face:not(.empty):not(.only-faces-in-row) {
  padding-left: 78px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .timeline-row-items .item-section.only-faces-in-row {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.speaker.selected,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.face.selected,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.entity.selected {
  box-shadow: unset;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.speaker.selected .item-image-container,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.face.selected .item-image-container,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.entity.selected .item-image-container {
  -webkit-box-shadow: 0 0 0 2px #A6C83A;
  -moz-box-shadow: 0 0 0 2px #A6C83A;
  box-shadow: 0 0 0 2px #A6C83A;
  border-radius: 50%;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item {
  height: fit-content;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.content_category {
  background-color: #00B7B7;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.face {
  order: 1;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.speaker {
  order: 2;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.face,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.speaker {
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.face .item-ocurrences,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item.speaker .item-ocurrences {
  height: unset;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container {
  padding: 2px 5px;
  border-radius: inherit;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.face,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.speaker {
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.face input,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.speaker input {
  padding: 4px 5px;
  background-color: rgba(0, 0, 0, 0.2);
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container,
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container {
  border: none;
  border-radius: 0;
}
body.v2-theme .cataloging-view-container .timeline-main-container .timeline-content-container .detected-item-container.edit-item .item-ocurrences {
  cursor: help;
}
body.v2-theme .cataloging-view-container .timeline-main-container .create_mark:hover:not(:disabled) .buttonContent,
body.v2-theme .cataloging-view-container .timeline-main-container .create_segment:hover:not(:disabled) .buttonContent {
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .expand-collapse-button {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 30px;
  height: 30px;
  margin: 3px;
  cursor: pointer;
}
body.v2-theme .cataloging-view-container .item-ocurrences {
  display: inline-block;
  padding: 3px 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .speaker .item-ocurrences,
body.v2-theme .cataloging-view-container .face .item-ocurrences,
body.v2-theme .cataloging-view-container .entity .item-ocurrences,
body.v2-theme .cataloging-view-container .ocr .item-ocurrences {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0 8px;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.keywords,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.keywords {
  background-color: #C96565;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ocr,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ocr {
  background-color: #A0B8D2;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_person,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_person {
  background-color: #8D71DD;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_place,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_place {
  background-color: #72A400;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_organization,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_organization {
  background-color: #A37356;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_date,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_date {
  background-color: #B88200;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_product,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_product {
  background-color: #0887DD;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item.ner_event,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item.ner_event {
  background-color: #9DB3C8;
}
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item .vsn_form_thesarus_term_row,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item .vsn_form_thesarus_term_row,
body.v2-theme .cataloging-view-container .timeline-content-container .detected-item-container.edit-item .vsn_form_main_content,
body.v2-theme .cataloging-view-container .grid-container .detected-item-container.edit-item .vsn_form_main_content {
  padding: 0;
  margin: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container {
  padding: 4px;
}
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .text-checked {
  display: inline-flex;
  width: 2ch;
}
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.description,
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.transcription {
  margin: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.description .item-value-container.description,
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.transcription .item-value-container.description,
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.description .item-value-container.transcription,
body.v2-theme .cataloging-view-container .timeline-row-items .item-section.description .text-container .detected-item-container.transcription .item-value-container.transcription {
  padding: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-container {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
}
body.v2-theme .cataloging-view-container .timeline-row-container > .buttons {
  padding-right: 4px;
  padding-left: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-container .description-with-buttons {
  display: flex;
}
body.v2-theme .cataloging-view-container .timeline-row-container .description-with-buttons .detected-item-container.description,
body.v2-theme .cataloging-view-container .timeline-row-container .description-with-buttons .detected-item-container.transcription {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
body.v2-theme .cataloging-view-container .timeline-row-container .metadata-container .vsn_form {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .timeline-row-container .metadata-container .vsn_form_sections {
  justify-content: space-around;
  -webkit-justify-content: space-around;
  -ms-justify-content: space-around;
  gap: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: #3A454C;
  border-radius: 4px;
  padding: 2px;
  height: 24px;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons .button-with-menu {
  position: relative;
  width: 48px;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons .button-with-menu button {
  background-color: transparent;
  color: #E6ECEF;
  padding: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons .button-with-menu button.icon-at-right .buttonContent {
  flex-direction: row-reverse;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons .button-with-menu button .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
body.v2-theme .cataloging-view-container .timeline-row-container .floating-buttons .button-with-menu button .buttonContent .arrow_down_menu:hover {
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .timeline-row-container .vsn_form {
  padding: 8px;
  margin-top: 8px;
}
body.v2-theme .cataloging-view-container .timeline-row-container .metadata-hidden .vsn_form {
  display: none;
}
body.v2-theme .cataloging-view-container .timeline-row-container .expander-container {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
}
body.v2-theme .cataloging-view-container .timeline-row-container .expander-container i {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 100%;
  height: 12px;
  background-color: #004F6E;
  border-radius: 4px;
  cursor: pointer;
}
body.v2-theme .cataloging-view-container .timeline-row-container .expander-container i::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .timeline-row-container .expander-container i.puller_down_black::before {
  transform: rotate(-180deg);
}
body.v2-theme .cataloging-view-container .timeline-row-container input.vsn_form_int,
body.v2-theme .cataloging-view-container .timeline-row-container span.vsn_form_int {
  width: 150px;
}
body.v2-theme .cataloging-view-container .timeline-row-container input.vsn_form_int.disabled,
body.v2-theme .cataloging-view-container .timeline-row-container span.vsn_form_int.disabled {
  padding: 6px 0px 6px 12px;
}
body.v2-theme .cataloging-view-container .timeline-row-container input.vsn_form_short_text.disabledSelectFrom {
  background-color: rgba(255, 255, 255, 0.03);
  color: #B8C2C8;
  cursor: default;
  box-shadow: none;
}
body.v2-theme .cataloging-view-container .buttons,
body.v2-theme .cataloging-view-container .mainButtons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: #141B1F;
  border-bottom: 1px solid #3A454C;
  padding: 8px 12px;
  flex-wrap: wrap;
  gap: 8px;
}
body.v2-theme .cataloging-view-container .buttons h2,
body.v2-theme .cataloging-view-container .mainButtons h2 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #E6ECEF;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  gap: 4px;
}
body.v2-theme .cataloging-view-container .buttons h2 i.glyph,
body.v2-theme .cataloging-view-container .mainButtons h2 i.glyph {
  display: none;
}
body.v2-theme .cataloging-view-container .buttons .textButton,
body.v2-theme .cataloging-view-container .mainButtons .textButton {
  display: inline-flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Roboto', Arial, sans-serif;
  color: #E6ECEF !important;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  text-shadow: none;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
body.v2-theme .cataloging-view-container .buttons .textButton i.glyph,
body.v2-theme .cataloging-view-container .mainButtons .textButton i.glyph {
  display: none;
}
body.v2-theme .cataloging-view-container .buttons .textButton::before,
body.v2-theme .cataloging-view-container .mainButtons .textButton::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-style: normal;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  line-height: 1;
  flex-shrink: 0;
}
body.v2-theme .cataloging-view-container .buttons .textButton:hover,
body.v2-theme .cataloging-view-container .mainButtons .textButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF !important;
  text-shadow: none;
}
body.v2-theme .cataloging-view-container .buttons .textButton.dropdownMenu::after,
body.v2-theme .cataloging-view-container .mainButtons .textButton.dropdownMenu::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "expand_more";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 1;
}
body.v2-theme .cataloging-view-container .mainButtons .buttons {
  padding: 0;
  border: none;
}
body.v2-theme .cataloging-view-container .vsn-combobox .custom-combobox {
  max-width: 150px;
}
body.v2-theme .cataloging-view-container .vsn-combobox .custom-combobox .custom-combobox-input.disabled {
  background-color: rgba(255, 255, 255, 0.03);
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .custom-date-container {
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
}
body.v2-theme .cataloging-view-container .custom-date-container label {
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .custom-date-container .radio-date-option {
  accent-color: #004F6E;
}
body.v2-theme .cataloging-view-container .container_with_buttons {
  width: 100%;
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity {
  scrollbar-width: thin;
  scrollbar-color: #2A343A transparent;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity::-webkit-scrollbar-button {
  display: none;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity::-webkit-scrollbar-track {
  background: transparent;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity::-webkit-scrollbar-thumb {
  background: #2A343A;
  border-radius: 6px;
}
body.v2-theme .cataloging-view-container .container_with_buttons select.vsn_form_entity::-webkit-scrollbar-corner {
  background: transparent;
}
body.v2-theme .cataloging-view-container .buttonContainer .tinyButton {
  margin: 0 2px;
  background: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #B8C2C8;
  cursor: pointer;
  padding: 2px;
  transition: background-color 150ms ease-in-out;
}
body.v2-theme .cataloging-view-container .buttonContainer .tinyButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
body.v2-theme .cataloging-view-container .buttonContainer .tinyButton span.icon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: none !important;
  width: 16px;
  height: 16px;
  font-size: 0;
}
body.v2-theme .cataloging-view-container .buttonContainer .tinyButton:hover span.icon::before {
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .metadataListContainer ul li {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: none;
}
body.v2-theme .cataloging-view-container .metadataListContainer ul li .title {
  color: #B8C2C8;
}
body.v2-theme .cataloging-view-container .metadataListContainer ul li .description {
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .metadataListContainer ul li:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
body.v2-theme .cataloging-view-container .permissions_help {
  background-color: #2A343A;
  color: #B8C2C8;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .autoGenID {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: none;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .templatesPanelsContainer .compilationResults {
  color: #E6ECEF;
  background-color: #141B1F;
}
body.v2-theme .cataloging-view-container .templatesPanelsContainer .compilationResults .compilation-errors {
  color: #EF4444;
}
body.v2-theme .cataloging-view-container .templatesPanelsContainer .compilationResults .compilation-ok {
  color: #008F6A;
}
body.v2-theme .cataloging-view-container .templatesPanelsContainer .operandsList dl {
  background-color: #2A343A;
  border-color: #3A454C;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .segmentLayersContainer .vsn-permissions tr[disabled] {
  background-color: rgba(239, 68, 68, 0.15);
}
body.v2-theme .cataloging-view-container .classDetailToolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
body.v2-theme .cataloging-view-container .classDetailToolbar .textButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Roboto', Arial, sans-serif;
  color: #E6ECEF;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  text-shadow: none;
  transition: background-color 150ms ease-in-out;
}
body.v2-theme .cataloging-view-container .classDetailToolbar .textButton i.btn-ico {
  background-image: none;
  background: none;
  width: auto;
  height: auto;
}
body.v2-theme .cataloging-view-container .classDetailToolbar .textButton i.btn-ico::before {
  content: "";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-style: normal;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  line-height: 1;
  display: inline-block;
}
body.v2-theme .cataloging-view-container .classDetailToolbar .textButton i.glyph {
  display: none;
}
body.v2-theme .cataloging-view-container .classDetailToolbar .textButton:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
body.v2-theme .cataloging-view-container .dropdownContent {
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}
body.v2-theme .cataloging-view-container .dropdownContent ul li:hover {
  background-color: #004F6E;
  background-image: none;
}
body.v2-theme .cataloging-view-container .vsn_form_row:not(.boolean) .vsn_form_field_input {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  text-align: unset;
  width: 100% !important;
  z-index: unset;
}
body.v2-theme .cataloging-view-container .vsn_form_row:not(.boolean) .vsn_form_field_input .vsn_form_long_text_list_container {
  width: 95% !important;
}
body.v2-theme .cataloging-view-container .vsn_form_row:not(.boolean) .vsn_form_field_input .vsn_form_metadata_main_container .vsn_form_short_text_list_container {
  width: unset !important;
  flex: 1;
}
body.v2-theme .cataloging-view-container .grid-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 12px;
  position: relative;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  text-align: center;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .category-label {
  margin: 0 0 4px 0;
  user-select: none;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list {
  display: flex;
  flex-flow: row wrap;
  padding: 0.3rem;
  overflow: visible;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li {
  position: static !important;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container {
  color: #000000;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: rgba(255, 255, 255, 0.7);
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.add-item-button .item-value-container {
  padding: 0 4px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.add-item-button .item-value-container .add_white::before {
  font-size: 16px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  color: #E6ECEF;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.content_category {
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_person {
  background-color: #AF93FF;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_place {
  background-color: #94C600;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_organization {
  background-color: #C59578;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_date {
  background-color: #DAA400;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_product {
  background-color: #0AA9FF;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.ner_event {
  background-color: #AFC8DF;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ner.keywords {
  background-color: #EB8787;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.content_category {
  background-color: #00B7B7;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.entity.no-image,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.ocr.no-image {
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_person {
  background-color: #8D71DD;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_place {
  background-color: #72A400;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_organization {
  background-color: #A37356;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_date {
  background-color: #B88200;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_product {
  background-color: #0887DD;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.ner_event {
  background-color: #9DB3C8;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.ner.keywords {
  background-color: #C96565;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container:hover.content_category {
  background-color: #00D9D9;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.selected .item-ocurrences,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.selectedDraggable .item-ocurrences {
  -webkit-box-shadow: inset -2px 0 0 0 #A6C83A, inset 0 2px 0 0 #A6C83A, inset 0 -2px 0 0 #A6C83A;
  -moz-box-shadow: inset -2px 0 0 0 #A6C83A, inset 0 2px 0 0 #A6C83A, inset 0 -2px 0 0 #A6C83A;
  box-shadow: inset -2px 0 0 0 #A6C83A, inset 0 2px 0 0 #A6C83A, inset 0 -2px 0 0 #A6C83A;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit.ner {
  cursor: grab;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item {
  border-radius: 4px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item.face,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item.speaker {
  min-width: 215px;
  align-items: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item.face .item-ocurrences,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item.speaker .item-ocurrences {
  height: unset;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container {
  padding: 3px 8px 3px 5px;
  border-radius: inherit;
  flex: 1;
  min-width: 0;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.ner input,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.content_category input {
  padding: 0;
  border: none;
  background: none;
  color: #000000;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker {
  padding: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face input,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker input {
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
  border: 1px solid transparent;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face input:hover,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker input:hover {
  box-shadow: 0 0 0 1px #3A454C;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face input:focus,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker input:focus {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #0A6F8F;
  outline: none;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_label_row,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_label_row {
  padding: 0;
  background-color: #2A343A;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_field_input,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_field_input,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .container_with_buttons,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .container_with_buttons {
  flex: 1;
  min-width: 0;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container {
  width: 100%;
  flex: 1;
  min-width: 0;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term {
  background-color: #141B1F;
  color: #E6ECEF;
  border: 1px solid #3A454C;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term::placeholder,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term::placeholder {
  color: #7A868E;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term:hover,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term:hover {
  border-color: #4c5a63;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term:focus,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term:focus {
  border-color: #0A6F8F;
  outline: none;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term_list,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term_list {
  margin-top: 0;
  padding: 8px;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.face .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term_list .thesaurus-list-term,
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-value-container.speaker .vsn_form_thesaurus_term_list_container .vsn_form_thesaurus_term_list .thesaurus-list-term {
  border: none;
}
body.v2-theme .cataloging-view-container .grid-container .grid-item .detectedItems-list li .detected-item-container.edit-item .item-ocurrences {
  background-color: #141B1F;
  color: #E6ECEF;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  cursor: help;
}
body.v2-theme .item-with-copyright,
body.v2-theme .asset-with-copyright,
body.v2-theme .segment-with-copyright {
  cursor: help;
  margin-right: 4px;
  text-shadow: 0 0 20px #4F4F4F;
}
body.v2-theme .item-with-copyright::after,
body.v2-theme .asset-with-copyright::after,
body.v2-theme .segment-with-copyright::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "copyright";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .item-with-copyright:hover::after,
body.v2-theme .asset-with-copyright:hover::after,
body.v2-theme .segment-with-copyright:hover::after {
  font-variation-settings: "FILL" 0, "wght" 800, "GRAD" 0, "opsz" 20;
}
.ui-section-assetInfo {
  background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 12px;
  margin: 12px 0;
}
.ui-section-assetInfo .assetInfo {
  color: #E6ECEF;
}
.ui-section-assetInfo .assetInfo > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
.ui-section-assetInfo .field.custom-label {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: baseline;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  padding: 4px 8px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
}
.ui-section-assetInfo .field.custom-label label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-width: 100px;
  margin-right: 8px;
}
.ui-section-assetInfo .field.custom-label span {
  color: #E6ECEF;
  font-weight: 500;
  text-align: right;
}
.full-screen-section {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw !important;
  height: 100vh !important;
  z-index: 20;
}
.metadata-revisions-number-menu {
  background-color: #A6C83A;
  min-width: 10px;
  height: 17px;
  line-height: 17px;
  display: inline-block;
  border-radius: 10px;
  font-size: 12px;
  bottom: 0;
  right: 0;
  padding: 0 5px;
  font-weight: bold;
  color: #000000;
}
[data-id="transcript"] {
  height: 100%;
  overflow: hidden;
}
.wedit-transcript-segments-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  background: #141B1F;
  color: #E6ECEF;
}
.wedit-transcript-segments-panel .wedit-transcript-layer-row {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-bottom: 1px solid #3A454C;
  gap: 8px;
}
.wedit-transcript-segments-panel .wedit-transcript-layer-row .vsn-combobox {
  flex: 1 1 auto;
}
.wedit-transcript-segments-panel .wedit-transcript-layer-label {
  font-size: 11px;
  opacity: 0.7;
  flex-shrink: 0;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border-bottom: 1px solid #3A454C;
  gap: 4px;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  min-width: 0;
  height: 32px;
  overflow: hidden;
  padding: 0;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > input.vsn_form_short_text {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: transparent;
  border: none;
  min-width: 0;
  padding: 8px 12px;
  font-size: 12px;
  color: #E6ECEF;
  height: 100%;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > input.vsn_form_short_text::placeholder {
  color: #7A868E;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > input.vsn_form_short_text:focus {
  outline: none;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > button.vsnButton.filterSegments {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  background-color: #004F6E;
  color: #FFFFFF;
  border: none;
  height: 100%;
  padding: 0 12px;
  border-radius: 0;
  cursor: pointer;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > button.vsnButton.filterSegments:hover {
  background-color: #0A6F8F;
}
.wedit-transcript-segments-panel .wedit-transcript-search-row .search-input.elements-group.input-with-button > button.vsnButton.filterSegments .buttonContent {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.wedit-transcript-segments-panel .wedit-transcript-segments-content {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 8px 12px 12px;
  min-height: 0;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-item {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  margin-bottom: 12px;
  cursor: pointer;
  border-radius: 4px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.03);
}
.wedit-transcript-segments-panel .wedit-transcript-segment-item:hover {
  background: rgba(255, 255, 255, 0.05);
  border-color: #4c5a63;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-item.active {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}
.wedit-transcript-segments-panel .wedit-transcript-segment-thumb {
  width: 64px;
  height: 36px;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 2px;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-thumb-placeholder {
  width: 64px;
  height: 36px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
}
.wedit-transcript-segments-panel .wedit-transcript-play-btn {
  cursor: pointer;
  flex-shrink: 0;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-meta {
  font-size: 11px;
  opacity: 0.65;
  margin-bottom: 4px;
  font-family: monospace;
}
.wedit-transcript-segments-panel .wedit-transcript-segment-text {
  font-size: 13px;
  line-height: 1.35;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.wedit-transcript-segments-panel .wedit-transcript-word {
  cursor: pointer;
  border-radius: 2px;
}
.wedit-transcript-segments-panel .wedit-transcript-word:hover {
  background: rgba(255, 255, 255, 0.15);
}
.wedit-transcript-segments-panel .wedit-transcript-word.active-word {
  background-color: #A6C83A;
  color: var(--reverse-text-color);
}
.wedit-transcript-segments-panel .wedit-transcript-word.search-match {
  background-color: rgba(250, 196, 48, 0.35);
}
.userSettingsDiv,
.tabSettingsDiv,
.mamSettingsContainer {
  background-color: rgba(255, 255, 255, 0.02);
  width: 99%;
  min-height: unset !important;
  margin: auto;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 16px;
}
.userSettingsDiv .vsn-combobox {
  width: 250px;
}
.userSettingsDiv .buttons {
  float: right;
}
.settingsTabContent .ui-tabs-panel {
  overflow: visible !important;
}
.licensed-users .licensed-users-container {
  padding: 8px 16px;
}
.licensed-users .licensed-users-container .vsn-combobox-autocomplete {
  top: auto !important;
  bottom: 100% !important;
}
.licensed-users .licensed-users-container .tstable {
  margin: 5px 0;
}
.licensed-users .licensed-users-container .tstable tbody tr td .vsnButton {
  background: none;
}
.licensed-users .licensed-users-container .tstable tbody tr td .vsnButton .buttonContent i.icon-element.la-sign-out-alt {
  color: #E6ECEF;
}
.licensed-users .licensed-users-container .tstable tbody tr td .vsnButton:hover .buttonContent i.icon-element.la-sign-out-alt {
  color: #FFFFFF;
}
.batches-management-window {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 16px;
}
.batches-management-window .toolbar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
.batches-management-window .toolbar .icon_interrogation_circle {
  cursor: pointer;
}
.batches-management-window .toolbar .icon_interrogation_circle::before {
  font-size: 20px;
}
.batches-management-window .toolbar .main-title {
  display: none;
}
.batches-management-window .toolbar .k-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.batches-management-window .toolbar .k-menu::after {
  content: "";
}
.batches-management-window .toolbar .k-menu #btn_Add_batch .k-link {
  display: flex;
  align-items: center;
  gap: 4px;
}
.batches-management-window .toolbar .k-menu #btn_Add_batch .k-link.k-state-hover {
  color: #FFFFFF;
  cursor: pointer;
}
.batches-management-window .toolbar .k-menu #btn_Add_batch .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .toolbar .k-menu #btn_Add_batch .k-link img {
  height: 0;
}
.batches-management-window .pageContent,
.batches-management-window #page_content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
}
.batches-management-window .pageContent::-webkit-scrollbar,
.batches-management-window #page_content::-webkit-scrollbar {
  width: 5px;
}
.batches-management-window .pageContent::-webkit-scrollbar-thumb,
.batches-management-window #page_content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.batches-management-window .pageContent::-webkit-scrollbar-thumb:hover,
.batches-management-window #page_content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.batches-management-window .pageContent::-webkit-scrollbar-track,
.batches-management-window #page_content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.batches-management-window .pageContent #for1,
.batches-management-window #page_content #for1 {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.batches-management-window .pageContent .EventContainer,
.batches-management-window #page_content .EventContainer {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
}
.batches-management-window .pageContent .EventContainer.modified,
.batches-management-window #page_content .EventContainer.modified {
  border: 2px solid #F59E0B;
}
.batches-management-window .pageContent .EventContainer.modified header div,
.batches-management-window #page_content .EventContainer.modified header div,
.batches-management-window .pageContent .EventContainer.modified header div::after,
.batches-management-window #page_content .EventContainer.modified header div::after {
  color: #F59E0B !important;
}
.batches-management-window .pageContent .EventContainer header,
.batches-management-window #page_content .EventContainer header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
}
.batches-management-window .pageContent .EventContainer header.expand,
.batches-management-window #page_content .EventContainer header.expand {
  cursor: pointer;
}
.batches-management-window .pageContent .EventContainer header .title.name,
.batches-management-window #page_content .EventContainer header .title.name {
  color: #E6ECEF;
  font-weight: 700;
  font-size: 14px;
  flex-grow: 1;
}
.batches-management-window .pageContent .EventContainer header .subtitle.description,
.batches-management-window #page_content .EventContainer header .subtitle.description {
  border-left: 1px solid;
  padding-left: 16px;
  font-size: 12px;
  font-style: italic;
  color: #7A868E;
  flex-grow: 2;
}
.batches-management-window .pageContent .EventContainer header .event-buttons,
.batches-management-window #page_content .EventContainer header .event-buttons {
  display: flex;
  justify-content: flex-end;
}
.batches-management-window .pageContent .EventContainer header .event-buttons::after,
.batches-management-window #page_content .EventContainer header .event-buttons::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  cursor: pointer;
  color: #008F6A;
  width: 28px;
  height: 28px;
  font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 20;
}
.batches-management-window .pageContent .EventContainer header .event-buttons::after:hover,
.batches-management-window #page_content .EventContainer header .event-buttons::after:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.batches-management-window .pageContent .EventContainer header .event-buttons button,
.batches-management-window #page_content .EventContainer header .event-buttons button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.batches-management-window .pageContent .EventContainer header .event-buttons button:hover,
.batches-management-window #page_content .EventContainer header .event-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.batches-management-window .pageContent .EventContainer header .event-buttons button i::before,
.batches-management-window #page_content .EventContainer header .event-buttons button i::before {
  font-size: 20px;
}
.batches-management-window .pageContent .EventContainer .eventParentID,
.batches-management-window #page_content .EventContainer .eventParentID {
  padding: 16px;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul,
.batches-management-window #page_content .EventContainer .eventParentID ul {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 8px;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li,
.batches-management-window #page_content .EventContainer .eventParentID ul li {
  list-style: none;
  display: flex;
  gap: 16px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  cursor: move;
  background-color: #141B1F;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li:first-child .goUpButtonAction,
.batches-management-window #page_content .EventContainer .eventParentID ul li:first-child .goUpButtonAction,
.batches-management-window .pageContent .EventContainer .eventParentID ul li:last-child .goDownButtonAction,
.batches-management-window #page_content .EventContainer .eventParentID ul li:last-child .goDownButtonAction {
  visibility: hidden;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .move-item-buttons,
.batches-management-window #page_content .EventContainer .eventParentID ul li .move-item-buttons {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .move-item-buttons button,
.batches-management-window #page_content .EventContainer .eventParentID ul li .move-item-buttons button {
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .move-item-buttons button:hover,
.batches-management-window #page_content .EventContainer .eventParentID ul li .move-item-buttons button:hover {
  color: #FFFFFF;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .move-item-buttons .goUpButtonAction::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .move-item-buttons .goUpButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_up";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .move-item-buttons .goDownButtonAction::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .move-item-buttons .goDownButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_down";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header {
  display: flex;
  align-items: center;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .title,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .title {
  font-size: 14px;
  font-weight: 700;
  color: #4fc3a1;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons {
  display: flex;
  align-items: center;
  gap: 2px;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .button-container,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .button-container {
  display: flex;
  align-items: center;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button:hover,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button i::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons button i::before {
  font-size: 22px;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .manageActionSearch::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .manageActionSearch::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "dynamic_form";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .deleteAction::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .action-header .agent-buttons .deleteAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .description,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .description {
  font-size: 12px;
  color: #B8C2C8;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to {
  margin-top: 8px;
  border-top: 1px solid #FFFFFF;
  padding-top: 8px;
  display: flex;
  align-items: stretch;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to label,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7A868E;
  margin-right: 8px;
  align-self: center;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to .fieldName,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to .fieldName {
  color: #b8c2c8;
  font-size: 12px;
  font-style: italic;
  border: 1px solid #FFFFFF;
  padding: 2px 8px;
  padding-right: 2px;
  border-radius: 8px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to .fieldName:empty,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to .fieldName:empty {
  display: none;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to .delete-restriction,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to .delete-restriction {
  background: none;
  border: none;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0;
  padding-right: 8px;
}
.batches-management-window .pageContent .EventContainer .eventParentID ul li .action-data .restrict-to .delete-restriction .vsn-ico-cross-red::before,
.batches-management-window #page_content .EventContainer .eventParentID ul li .action-data .restrict-to .delete-restriction .vsn-ico-cross-red::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
}
.batches-management-window .pageContent .button-bar,
.batches-management-window #page_content .button-bar {
  padding-top: 16px;
}
.batches-management-window .SelectBatch {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.batches-management-window .SelectBatch .help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.3);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
}
.batches-management-window .SelectBatch .help .icon_interrogation_circle {
  cursor: pointer;
}
.batches-management-window .SelectBatch #batchesContainer ul {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.batches-management-window .SelectBatch #batchesContainer ul li {
  list-style: none;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-group {
  padding-left: 12px;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-bot {
  display: flex;
  align-items: center;
  gap: 4px;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-bot > .k-in {
  flex: 1;
  min-width: 0;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-icon {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  color: #B8C2C8;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-icon:hover {
  color: #FFFFFF;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-icon.k-minus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-icon.k-plus::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: none;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in.k-state-hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in .name {
  font-size: 14px;
  font-weight: 700;
  color: #4fc3a1;
  width: calc(100% - 120px);
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in .btnAddBatches {
  text-transform: uppercase;
  font-size: 12px;
  background-color: #008F6A;
  border: 1px solid #008F6A;
  color: #FFFFFF;
  padding: 4px 12px;
  min-width: 120px;
  min-height: 30px;
  cursor: pointer;
  border-radius: 4px;
  letter-spacing: 0.1em;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in .btnAddBatches:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in .description {
  font-size: 12px;
  color: #B8C2C8;
  text-indent: 25px;
}
.batches-management-window .SelectBatch #batchesContainer ul .k-in .helpText {
  font-size: 12px;
  color: #B8C2C8;
  width: 90%;
  margin-left: auto;
}
.batches-management-window .SelectBatch .button-bar {
  display: none;
}
.batches-management-window button#btnSave img {
  display: none;
}
.asset-storage-managers .vsn-table a {
  color: #4fc3a1;
  transition: color 150ms ease-in-out;
}
.asset-storage-managers .vsn-table a:hover {
  color: rgba(255, 255, 255, 0.8);
  cursor: pointer;
}
.asset-storage-managers .vsn-table .center {
  display: flex;
  justify-content: center;
}
.asset-storage-managers .vsn-table .actions > * {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  background-color: transparent;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  transition: all 0.15s ease;
}
.asset-storage-managers .vsn-table .actions > *:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.1);
}
.storage-management-window {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 16px;
}
.storage-management-window .toolbar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
.storage-management-window .toolbar .btn-interrogation_circle {
  background: none;
  float: none;
  margin: 0;
  cursor: pointer;
  display: flex;
}
.storage-management-window .toolbar .btn-interrogation_circle::before {
  font-size: 20px;
}
.storage-management-window .toolbar .main-title {
  display: none;
}
.storage-management-window .toolbar .k-menu {
  background: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
.storage-management-window .toolbar .k-menu::after {
  content: "";
}
.storage-management-window .toolbar .k-menu #btn_new_storage {
  border: none;
}
.storage-management-window .toolbar .k-menu #btn_new_storage .k-link {
  display: flex;
  align-items: center;
  padding: 0;
  line-height: 1.5;
  gap: 4px;
}
.storage-management-window .toolbar .k-menu #btn_new_storage .k-link.k-state-hover {
  background: none;
}
.storage-management-window .toolbar .k-menu #btn_new_storage .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.storage-management-window .toolbar .k-menu #btn_new_storage .k-link:hover {
  cursor: pointer;
}
.storage-management-window .toolbar .k-menu #btn_new_storage .k-link img {
  height: 0;
}
.storage-management-window .pageContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.storage-management-window .pageContent::-webkit-scrollbar {
  width: 5px;
}
.storage-management-window .pageContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.storage-management-window .pageContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.storage-management-window .pageContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.storage-management-window .pageContent .storage-item {
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
}
.storage-management-window .pageContent .storage-item header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
}
.storage-management-window .pageContent .storage-item header .storage-name {
  color: #E6ECEF;
  font-weight: 700;
  font-size: 14px;
  min-width: 30%;
}
.storage-management-window .pageContent .storage-item header .storage-type {
  border-left: 2px solid;
  padding-left: 16px;
  font-size: 14px;
  font-style: italic;
  color: #7A868E;
  flex-grow: 2;
  font-weight: 700;
}
.storage-management-window .pageContent .storage-item header .storage-type.appcache {
  border-color: #B06300;
  color: #B06300;
}
.storage-management-window .pageContent .storage-item header .storage-type.online {
  border-color: #E57C40;
  color: #E57C40;
}
.storage-management-window .pageContent .storage-item header .storage-type.sgl {
  border-color: #5B8600;
  color: #5B8600;
}
.storage-management-window .pageContent .storage-item header .storage-type.xendata {
  border-color: #005CA5;
  color: #005CA5;
}
.storage-management-window .pageContent .storage-item header .storage-type.xendatawapi {
  border-color: #005CA5;
  color: #005CA5;
}
.storage-management-window .pageContent .storage-item header .storage-type.iptransfer {
  border-color: #4900A5;
  color: #4900A5;
}
.storage-management-window .pageContent .storage-item header .storage-type.oastream {
  border-color: #4900A5;
  color: #4900A5;
}
.storage-management-window .pageContent .storage-item header .storage-type.activecircle {
  border-color: #00899C;
  color: #00899C;
}
.storage-management-window .pageContent .storage-item header .storage-type.osiris {
  border-color: #6F2A8E;
  color: #6F2A8E;
}
.storage-management-window .pageContent .storage-item header .storage-type.sonyoda {
  border-color: #DFA900;
  color: #DFA900;
}
.storage-management-window .pageContent .storage-item header .storage-type.unmanaged {
  border-color: #E13232;
  color: #E13232;
}
.storage-management-window .pageContent .storage-item header .storage-type.diva {
  border-color: #C0C0C0;
  color: #C0C0C0;
}
.storage-management-window .pageContent .storage-item header .storage-type.blob {
  border-color: #f0ea5d;
  color: #F0EA5D;
}
.storage-management-window .pageContent .storage-item header .storage-type.azurems {
  border-color: #c03993;
  color: #c03993;
}
.storage-management-window .pageContent .storage-item header .storage-type.qstar {
  border-color: #deec1c;
  color: #deec1c;
}
.storage-management-window .pageContent .storage-item header .storage-type.blackpearl {
  border-color: #b6121b;
  color: #b6121b;
}
.storage-management-window .pageContent .storage-item header .storage-type.storeopen {
  border-color: #aac058;
  color: #aac058;
}
.storage-management-window .pageContent .storage-item header .storage-type.dacalto {
  border-color: #EDAAD8;
  color: #EDAAD8;
}
.storage-management-window .pageContent .storage-item header .storage-type.vserverstore {
  border-color: #92d2ed;
  color: #92d2ed;
}
.storage-management-window .pageContent .storage-item header .storage-type.riobroker {
  border-color: #b6121b;
  color: #b6121b;
}
.storage-management-window .pageContent .storage-item header .storage-type.amazons3 {
  border-color: #FF9A00;
  color: #FF9A00;
}
.storage-management-window .pageContent .storage-item header .storage-type.googlecloud {
  border-color: #4185f4;
  color: #4185f4;
}
.storage-management-window .pageContent .storage-item header .storage-tools {
  display: flex;
  justify-content: flex-end;
}
.storage-management-window .pageContent .storage-item header .storage-tools button,
.storage-management-window .pageContent .storage-item header .storage-tools span {
  background: none;
  border: none;
  border-radius: 4px;
  color: #7A868E;
  cursor: pointer;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  position: relative;
  padding: 0;
}
.storage-management-window .pageContent .storage-item header .storage-tools button:hover,
.storage-management-window .pageContent .storage-item header .storage-tools span:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.storage-management-window .pageContent .storage-item header .storage-tools button i::before,
.storage-management-window .pageContent .storage-item header .storage-tools span i::before {
  font-size: 20px;
}
.storage-management-window .pageContent .storage-item header .storage-tools .checkResults:empty {
  display: none;
}
.storage-management-window .pageContent .storage-item .storage-data {
  display: flex;
  flex-direction: column;
  padding: 4px 16px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-tools button,
.storage-management-window .pageContent .storage-item .storage-data .access-tools button {
  background: none;
  border: none;
  border-radius: 4px;
  color: #7A868E;
  cursor: pointer;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  position: relative;
  padding: 0;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-tools button:hover,
.storage-management-window .pageContent .storage-item .storage-data .access-tools button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header {
  background: transparent;
  padding: 0;
  border-bottom: 0;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header:not(:first-child) .volume {
  visibility: hidden;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header > div {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  gap: 4px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header > div .vsn_table_th {
  display: flex;
  align-items: center;
  border: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
  border-radius: 8px;
  justify-content: space-between;
  min-width: 32%;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header > div .vsn_table_th.access {
  flex: 2;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-header > div .vsn_table_th .label-item {
  color: #E6ECEF;
  font-weight: 700;
  font-size: 14px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content {
  display: flex;
  width: 100%;
  gap: 4px;
  flex-wrap: nowrap;
  padding: 8px 0;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .volume {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 32%;
  border-radius: 8px;
  background-color: #003B54;
  height: 38px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .volume .label-item {
  padding: 8px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .volume .volume-tools {
  display: flex;
  align-items: center;
  background-color: #1d2326;
  border-radius: 8px;
  padding: 0 4px;
  height: 100%;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list {
  flex: 2;
  list-style: none;
  border-left: 1px solid #3A454C;
  padding: 0;
  margin: 0;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list li {
  display: flex;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .access {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #003B54;
  height: 38px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .access:nth-child(even) {
  background-color: rgba(0, 59, 84, 0.4);
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .access .label-item {
  padding: 0 8px;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .access .label-item:not(:first-child) {
  flex: 1;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .access .access-tools {
  display: flex;
  align-items: center;
  background-color: #1d2326;
  border-radius: 8px;
  padding: 0 4px;
  height: 100%;
}
.storage-management-window .pageContent .storage-item .storage-data .volume-content .access-list .info-box {
  padding: 2% 5%;
  background-color: #910f0f;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  border-radius: 8px;
}
.storage-management-window .pageContent .storage-item.sgl .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.sgl .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.xendatawapi .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.xendatawapi .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.diva .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.diva .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.iptransfer .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.iptransfer .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.activecircle .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.activecircle .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.sonyoda .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.sonyoda .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.blob .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.blob .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.azurems .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.azurems .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.storeopen .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.storeopen .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.dacalto .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.dacalto .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.vserverstore .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.vserverstore .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.qstar .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.qstar .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.blackpearl .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.blackpearl .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.amazons3 .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.amazons3 .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.googlecloud .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.googlecloud .storage-data .volume-content ul.access-list,
.storage-management-window .pageContent .storage-item.riobroker .storage-data .volume-header .access,
.storage-management-window .pageContent .storage-item.riobroker .storage-data .volume-content ul.access-list {
  visibility: hidden;
  display: none;
}
.storage-management-window .ui-dialog .ui-dialog-titlebar {
  position: initial;
  width: initial;
  background-color: #003B54 !important;
}
.storage-management-window .ui-dialog .ui-dialog-content {
  overflow: hidden;
}
.storage-management-window .skinned-select {
  height: auto !important;
  position: relative;
}
.storage-management-window .skinned-select::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.storage-management-window .skinned-select .select-text {
  display: none;
}
.storage-management-window .skinned-select select.vsn_form_data,
.storage-management-window .skinned-select select#type {
  appearance: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 8px 2rem 8px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.storage-management-window .skinned-select select.vsn_form_data option,
.storage-management-window .skinned-select select#type option {
  background-color: #141B1F !important;
  color: #E6ECEF !important;
}
.storage-management-window .vsn_form_help_style {
  font-size: 12px;
}
.storage-management-window .vsn_form_label,
.storage-management-window .vsn_form_label_flex {
  font-size: 10px !important;
  color: #7A868E !important;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.3px;
}
.storage-management-window .vsn_form_field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.storage-management-window .btn-interrogation_circle_storage {
  background-image: none !important;
  width: unset !important;
  height: unset !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.storage-management-window h2.expand {
  padding: 8px 12px !important;
  text-indent: 0 !important;
  display: flex !important;
  align-items: center;
}
.storage-management-window h2.expand button.addButton {
  margin-left: auto;
  border: none;
  background: none;
  color: #FFFFFF;
}
.storage-management-window .vsn_form_field > span.vsn_form_data {
  display: flex;
  gap: 8px;
  margin-left: 25%;
}
.storage-management-window #volumeDialog .vsn_form_table,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table,
.storage-management-window [id^="addStore"] .vsn_form_table {
  margin: 0;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .vsn_form_label,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .vsn_form_label,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .vsn_form_label {
  min-width: 25%;
  float: none;
  width: unset;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field > :not(:first-child),
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field > :not(:first-child),
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field > :not(:first-child) {
  width: unset !important;
  flex: 1;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .vsn_form_help,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .vsn_form_help,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .vsn_form_help {
  flex-basis: 100%;
  max-width: 100%;
  margin-left: 25%;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .vsn_form_help:empty,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .vsn_form_help:empty,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .vsn_form_help:empty {
  display: none;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container {
  display: flex;
  justify-content: flex-end;
  flex-basis: 100%;
  width: 100% !important;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container #addTagButton {
  margin-right: 0 !important;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:disabled,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:disabled,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container #addTagButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container #addTagButton:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:disabled,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:disabled,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.storage-management-window #volumeDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:hover,
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:hover,
.storage-management-window [id^="addStore"] .vsn_form_table .vsn_form_field .buttons-container .transfer-profiles-button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.storage-management-window #newAppCacheStorageDialog {
  height: 100%;
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table::-webkit-scrollbar {
  width: 5px;
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.storage-management-window #newAppCacheStorageDialog .vsn_form_table .vsn_form_field {
  align-items: flex-start;
}
.storage-management-window .storage_node_subtitle_access {
  padding-left: 0 !important;
}
.storage-management-window .storage_node_subtitle_access:empty {
  padding: 0 !important;
}
.storage-management-window .storage_node_subtitle_edit_access {
  padding-left: 0 !important;
}
.storage-management-window .storage_node_subtitle_storage {
  border-left: 2px solid;
}
.storage-management-window .storage_node_subtitle_storage.appcache {
  color: #B06300;
  border-color: #B06300;
}
.storage-management-window .storage_node_subtitle_storage.online {
  color: #E57C40;
  border-color: #E57C40;
}
.storage-management-window .storage_node_subtitle_storage.qstar {
  color: #deec1c;
  border-color: #deec1c;
}
.storage-management-window .storage_node_subtitle_storage.xendata {
  color: #005CA5;
  border-color: #005CA5;
}
.storage-management-window .storage_node_subtitle_storage.diva {
  color: #C0C0C0;
  border-color: #C0C0C0;
}
.storage-management-window .storage_node_subtitle_storage.vserverstore {
  color: #92d2ed;
  border-color: #92d2ed;
}
.storage-management-window .storage_node_subtitle_storage.dacalto {
  color: #EDAAD8;
  border-color: #EDAAD8;
}
.storage-management-window .storage_node_subtitle_storage.blackpearl {
  color: #b6121b;
  border-color: #b6121b;
}
.storage-management-window .storage_node_subtitle_storage.unmanaged {
  color: #E13232;
  border-color: #E13232;
}
.storage-management-window #storageDialog {
  overflow-y: auto;
}
.storage-management-window #storageDialog input[type="password"] {
  width: unset !important;
  flex: 1;
}
.storage-management-window #storageDialog #passwordToggle {
  background: none;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  width: 32px !important;
  height: 32px;
  border-radius: 4px;
  color: #7A868E;
}
.storage-management-window #storageDialog #passwordToggle:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.storage-management-window #storageDialog .button-bar {
  padding-right: 0;
}
.storage-management-window #storageDialog .drivesContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.storage-management-window #storageDialog .drivesContent::-webkit-scrollbar {
  width: 5px;
}
.storage-management-window #storageDialog .drivesContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.storage-management-window #storageDialog .drivesContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.storage-management-window #storageDialog .drivesContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.storage-management-window #storageDialog .drivesContent > .drive {
  border: 1px solid #3A454C;
  border-radius: 4px;
  font-size: 10px;
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 4px 8px !important;
}
.storage-management-window #storageDialog .drivesContent .r.field {
  display: flex;
}
.storage-management-window #storageDialog .drivesContent .field .vsn_form_checkbox {
  background: none;
  color: #000000;
  cursor: pointer;
}
.storage-management-window #storageDialog .drivesContent .field .vsn_form_checkbox::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.storage-management-window #storageDialog .drivesContent .field .vsn_form_checkbox[checked="checked"] {
  color: #FFFFFF;
}
.storage-management-window #storageDialog .drivesContent .field .vsn_form_checkbox[checked="checked"]::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.storage-management-window .storage-access-detail-dialog .ui-dialog-content {
  overflow: auto;
}
.storage-management-window #sanMappingContainer fieldset form .vsn_field_template_flex .row {
  display: flex;
  gap: 8px;
}
.storage-management-window #sanMappingContainer fieldset form .vsn_field_template_flex .row .vsn_form_data {
  width: unset !important;
}
#new-storage-dialog {
  display: flex;
  flex-direction: column;
  height: 100%;
}
#new-storage-dialog #new-storage-dialog-header {
  padding: 4px 0;
}
#new-storage-dialog #new-storage-dialog-header .new-storage-dialog-title {
  background: transparent;
  font-size: 18px;
  padding: 4px 10px;
  margin-bottom: 0;
}
#new-storage-dialog #new-storage-dialog-body {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
}
#new-storage-dialog #new-storage-dialog-body::-webkit-scrollbar {
  width: 5px;
}
#new-storage-dialog #new-storage-dialog-body::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#new-storage-dialog #new-storage-dialog-body::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#new-storage-dialog #new-storage-dialog-body::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#new-storage-dialog #new-storage-dialog-body .accordion-item-bd .new-storage.continue-btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  position: unset;
  margin-left: auto;
}
#new-storage-dialog #new-storage-dialog-body .accordion-item-bd .new-storage.continue-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#new-storage-dialog #new-storage-dialog-body .accordion-item-bd .new-storage.continue-btn:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#new-storage-dialog #new-storage-dialog-body .accordion-item-bd .new-storage.continue-btn:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#sanMappingsDialog {
  display: flex !important;
  flex-direction: column;
}
#sanMappingsDialog .storage_node_title_volumes {
  padding-left: 0 !important;
  margin-bottom: 0;
}
.id-generators-management-window {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 16px;
}
.id-generators-management-window .toolbar {
  display: flex;
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 4px 0 8px 0;
}
.id-generators-management-window .toolbar .btn-interrogation_circle:hover {
  color: #FFFFFF;
  cursor: pointer;
}
.id-generators-management-window .toolbar .main-title {
  display: none;
}
.id-generators-management-window .toolbar .k-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
.id-generators-management-window .toolbar .k-menu::after {
  content: "";
}
.id-generators-management-window .toolbar .k-menu .k-item .k-link {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.id-generators-management-window .toolbar .k-menu .k-item .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.id-generators-management-window .toolbar .k-menu .k-item .k-link img {
  height: 0;
}
.id-generators-management-window .toolbar .k-menu .k-item.k-state-hover {
  color: #FFFFFF;
  cursor: pointer;
}
.id-generators-management-window #generatorsContent {
  margin-top: 0 !important;
}
.id-generators-management-window #generatorsContent .grig-id-generator {
  padding: 0;
}
.id-generators-management-window .ui-widget-overlay {
  position: fixed;
  backdrop-filter: none;
  background: none;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnSaveAndClose {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnSaveAndClose:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnSaveAndClose:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnSaveAndClose:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnCancel {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnCancel:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.id-generators-management-window .custom-pop-up-in-admin-pages #btnCancel:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content {
  max-height: calc(70vh - 2.5rem - 70px);
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 12px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone {
  cursor: default !important;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help > div {
  width: 100%;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .pattern_placeholder {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0 8px 8px 8px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .pattern_dropable {
  padding: 0 8px 8px 8px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .pattern_dropable .dropPattern {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .pattern_item {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  padding: 8px 12px;
  border: 1px solid #3A454C;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #E6ECEF;
  font-size: 12px;
  text-align: center;
  cursor: grab;
  min-height: 50px;
  min-width: 130px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .pattern_item.pattern_item_mandatory {
  border-color: #F59E0B;
  background-color: rgba(0, 0, 0, 0.4);
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent #dand_zone .vsn_field_template .help .vsn_help_mandatory {
  color: #F59E0B;
  font-size: 12px;
  padding-left: 8px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 4px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select {
  height: auto !important;
  position: relative;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select .select-text {
  display: none !important;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select select.vsn_form_select {
  appearance: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 8px 2rem 8px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select select.vsn_form_select option {
  background-color: #141B1F !important;
  color: #E6ECEF !important;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_form_label {
  font-size: 10px;
  color: #B8C2C8;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: 0.3px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_form_data {
  position: unset;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_form_data:focus {
  border-color: #0A6F8F;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template #idNumChar,
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template #idGenSeparator,
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .skinned-select:has(#select_idFormatDate) {
  width: 120px !important;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_form_checkbox_container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_form_checkbox_container .checkbox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.id-generators-management-window .custom-pop-up-in-admin-pages .ui-custom-content .dialogContent .vsn_field_template .vsn_help_template {
  font-size: 12px;
}
.bpTab .filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding: 16px;
  background-color: #1d2830;
  border-bottom: 1px solid #3A454C;
  align-items: flex-start;
  max-height: 500px;
  position: relative;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
  height: auto;
}
.bpTab .filters.hidden {
  overflow: hidden;
  max-height: 0;
  padding: 0 16px;
  transition: max-height 0.3s ease-in-out, padding 0.3s ease-in-out;
}
.bpTab .filters .filterControl {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1 1 190px;
  min-width: 150px;
  max-width: 260px;
}
.bpTab .filters .filterControl.instanceTitle {
  flex: 0 0 100%;
  max-width: 100%;
}
.bpTab .filters .filterControl.instanceTitle [data-tooltip]::before {
  white-space: normal;
  bottom: unset;
  top: 50%;
  left: calc(100% + 10px);
  margin-left: 0;
  margin-bottom: 0;
  transform: translateY(-50%);
  width: 280px;
}
.bpTab .filters .filterControl.instanceTitle [data-tooltip]::after {
  bottom: unset;
  top: 50%;
  left: calc(100% + 10px);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(255, 255, 255, 0.9);
  border-left: none;
}
.bpTab .filters .filterControl:not(.instanceTitle) [data-tooltip]::before {
  white-space: normal;
  bottom: unset;
  top: 130%;
  left: 0;
  margin-left: 0;
  margin-bottom: 0;
  width: 240px;
}
.bpTab .filters .filterControl:not(.instanceTitle) [data-tooltip]::after {
  bottom: unset;
  top: 100%;
  left: 10px;
  margin-left: 0;
  border-top: none;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
.bpTab .filters .filterControl.inline {
  display: flex;
  flex-direction: column;
  flex: 1 1 200px;
  min-width: 160px;
  max-width: 280px;
}
.bpTab .filters .filterControl.variable .blue_button.addVariable {
  margin-top: 4px;
  background-color: transparent;
  color: #B8C2C8;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 0 10px;
  height: 26px;
  font-size: 11px;
  font-family: 'Roboto', Arial, sans-serif;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s;
}
.bpTab .filters .filterControl .title {
  display: block;
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4;
  white-space: nowrap;
}
.bpTab .filters .filterControl input.filterInstanceTitle {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  color: #E6ECEF;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  padding: 0 8px;
  height: 32px;
  box-sizing: border-box;
  width: 100%;
  transition: border-color 0.2s;
}
.bpTab .filters > footer {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 12px;
  border-top: 1px solid #3A454C;
  margin-top: 2px;
  width: 100%;
  box-sizing: border-box;
}
.bpTab .filters > footer .blue_button.applyFilters {
  background-color: rgba(255, 255, 255, 0.05);
  color: #B8C2C8;
  border: none;
  border-radius: 8px;
  padding: 0 24px;
  height: 32px;
  font-size: 11px;
  font-weight: 700;
  font-family: 'Roboto', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.bpTab .filters > footer .blue_button.applyFilters:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.bpTab .loadedFilters:empty {
  margin: 0;
  padding: 0;
}
.bpTab .submenu-container {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  padding: 8px 0;
}
.bpTab .submenu-container > div:last-child {
  margin-left: auto;
  padding-right: 16px;
}
.bpTab .submenu-container .blue_button.refresh_process {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  border-radius: 8px;
  padding: 0 24px;
  height: 32px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.bpTab .submenu-container .blue_button.refresh_process:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.bpTab .submenu-container .blue_button.refresh_process:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.bpTab .submenu-container .blue_button.refresh_process:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.bpTab .paginationContainer {
  padding: 0 16px;
}
.bpTab:has(.paginationContainer:not(:empty)) .assignedTasksGrid,
.bpTab:has(.paginationContainer:not(:empty)) .candidateTasksGrid,
.bpTab:has(.paginationContainer:not(:empty)) .processInstancesGrid {
  margin: 0 16px;
}
.bpTab .assignedTasksGrid,
.bpTab .candidateTasksGrid,
.bpTab .processInstancesGrid {
  margin: 16px;
  border: 1px solid #3A454C;
  border-radius: 6px;
  overflow: hidden;
}
.bpTab .assignedTasksGrid table,
.bpTab .candidateTasksGrid table,
.bpTab .processInstancesGrid table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.bpTab .assignedTasksGrid thead.k-grid-header th.k-header,
.bpTab .candidateTasksGrid thead.k-grid-header th.k-header,
.bpTab .processInstancesGrid thead.k-grid-header th.k-header {
  background-color: #003B54;
  color: #E6ECEF;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 12px;
  border-bottom: 1px solid #3A454C;
  border-right: 1px solid #3A454C;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bpTab .assignedTasksGrid thead.k-grid-header th.k-header:last-child,
.bpTab .candidateTasksGrid thead.k-grid-header th.k-header:last-child,
.bpTab .processInstancesGrid thead.k-grid-header th.k-header:last-child {
  border-right: none;
}
.bpTab .assignedTasksGrid thead .k-link,
.bpTab .candidateTasksGrid thead .k-link,
.bpTab .processInstancesGrid thead .k-link {
  color: #E6ECEF;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.bpTab .assignedTasksGrid thead .k-link:hover,
.bpTab .candidateTasksGrid thead .k-link:hover,
.bpTab .processInstancesGrid thead .k-link:hover {
  color: #4fc3a1;
  text-decoration: none;
}
.bpTab .assignedTasksGrid .order-icon,
.bpTab .candidateTasksGrid .order-icon,
.bpTab .processInstancesGrid .order-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: #4fc3a1;
  border-radius: 2px;
}
.bpTab .assignedTasksGrid .order-icon.k-i-arrow-n::before,
.bpTab .candidateTasksGrid .order-icon.k-i-arrow-n::before,
.bpTab .processInstancesGrid .order-icon.k-i-arrow-n::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_up";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 800, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bpTab .assignedTasksGrid .order-icon.k-i-arrow-s::before,
.bpTab .candidateTasksGrid .order-icon.k-i-arrow-s::before,
.bpTab .processInstancesGrid .order-icon.k-i-arrow-s::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 800, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bpTab .assignedTasksGrid tbody tr,
.bpTab .candidateTasksGrid tbody tr,
.bpTab .processInstancesGrid tbody tr {
  background-color: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(58, 69, 76, 0.8);
  -webkit-transition: background-color 150ms ease-in-out;
  -moz-transition: background-color 150ms ease-in-out;
  -ms-transition: background-color 150ms ease-in-out;
  -o-transition: background-color 150ms ease-in-out;
}
.bpTab .assignedTasksGrid tbody tr:nth-child(even),
.bpTab .candidateTasksGrid tbody tr:nth-child(even),
.bpTab .processInstancesGrid tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.4);
}
.bpTab .assignedTasksGrid tbody tr:last-child,
.bpTab .candidateTasksGrid tbody tr:last-child,
.bpTab .processInstancesGrid tbody tr:last-child {
  border-bottom: none;
}
.bpTab .assignedTasksGrid tbody tr:hover,
.bpTab .candidateTasksGrid tbody tr:hover,
.bpTab .processInstancesGrid tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
.bpTab .assignedTasksGrid tbody tr.k-state-selected,
.bpTab .candidateTasksGrid tbody tr.k-state-selected,
.bpTab .processInstancesGrid tbody tr.k-state-selected,
.bpTab .assignedTasksGrid tbody tr.k-selected,
.bpTab .candidateTasksGrid tbody tr.k-selected,
.bpTab .processInstancesGrid tbody tr.k-selected {
  background-color: #004F6E !important;
}
.bpTab .assignedTasksGrid tbody tr.k-state-selected td,
.bpTab .candidateTasksGrid tbody tr.k-state-selected td,
.bpTab .processInstancesGrid tbody tr.k-state-selected td,
.bpTab .assignedTasksGrid tbody tr.k-selected td,
.bpTab .candidateTasksGrid tbody tr.k-selected td,
.bpTab .processInstancesGrid tbody tr.k-selected td {
  color: #FFFFFF;
}
.bpTab .assignedTasksGrid tbody td,
.bpTab .candidateTasksGrid tbody td,
.bpTab .processInstancesGrid tbody td {
  padding: 8px 12px;
  line-height: 1.5;
  font-size: 12px;
  color: #E6ECEF;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bpTab .assignedTasksGrid a.task-name,
.bpTab .candidateTasksGrid a.task-name,
.bpTab .processInstancesGrid a.task-name {
  color: #4fc3a1;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.bpTab .assignedTasksGrid a.task-name:hover,
.bpTab .candidateTasksGrid a.task-name:hover,
.bpTab .processInstancesGrid a.task-name:hover {
  text-decoration: underline;
}
.bpTab .assignedTasksGrid a.process-title,
.bpTab .candidateTasksGrid a.process-title,
.bpTab .processInstancesGrid a.process-title {
  color: #4fc3a1;
  text-decoration: none;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.bpTab .assignedTasksGrid a.process-title:hover,
.bpTab .candidateTasksGrid a.process-title:hover,
.bpTab .processInstancesGrid a.process-title:hover {
  text-decoration: underline;
}
.bpTab .assignedTasksGrid .unassignButton.minus_1,
.bpTab .candidateTasksGrid .unassignButton.minus_1,
.bpTab .processInstancesGrid .unassignButton.minus_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #7A868E;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
}
.bpTab .assignedTasksGrid .unassignButton.minus_1::before,
.bpTab .candidateTasksGrid .unassignButton.minus_1::before,
.bpTab .processInstancesGrid .unassignButton.minus_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "do_not_disturb_on";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bpTab .assignedTasksGrid .unassignButton.minus_1:hover,
.bpTab .candidateTasksGrid .unassignButton.minus_1:hover,
.bpTab .processInstancesGrid .unassignButton.minus_1:hover {
  color: #EF4444;
}
.bpTab .assignedTasksGrid col:nth-child(3),
.bpTab .candidateTasksGrid col:nth-child(3) {
  width: 110px;
}
.bpTab .assignedTasksGrid col:nth-child(6),
.bpTab .candidateTasksGrid col:nth-child(6) {
  width: 150px;
}
.bpTab .processInstancesGrid col:nth-child(1) {
  width: 165px;
}
.bpTab .processInstancesGrid col:nth-child(3) {
  width: 150px;
}
.bpTab .processInstancesGrid col:nth-child(4) {
  width: 120px;
}
.bpTab .processInstancesGrid col:nth-child(5) {
  width: 150px;
}
.bpTab .processInstancesGrid a.process-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bpTab .processInstancesGrid .status_active,
.bpTab .processInstancesGrid .status_suspended {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
  vertical-align: middle;
}
.bpTab .processInstancesGrid .status_active {
  background-color: #008F6A;
}
.bpTab .processInstancesGrid .status_suspended {
  background-color: #ffbf00;
}
.bpTab .processInstancesGrid .taskList {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bpTab .processInstancesGrid .taskUserRow {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 0;
}
.bpTab .processInstancesGrid .pause_task,
.bpTab .processInstancesGrid .start_task,
.bpTab .processInstancesGrid .delete_task {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #7A868E;
  border-radius: 4px;
  -webkit-transition: color 150ms ease-in-out;
  -moz-transition: color 150ms ease-in-out;
  -ms-transition: color 150ms ease-in-out;
  -o-transition: color 150ms ease-in-out;
}
.bpTab .processInstancesGrid .pause_task:hover,
.bpTab .processInstancesGrid .start_task:hover,
.bpTab .processInstancesGrid .delete_task:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.bpTab .processInstancesGrid .pause_task:hover {
  color: #F59E0B;
}
.bpTab .processInstancesGrid .pause_task .suspend_task::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "pause_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bpTab .processInstancesGrid .start_task:hover {
  color: #008F6A;
}
.bpTab .processInstancesGrid .start_task .activate_task::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.bpTab .processInstancesGrid .delete_task:hover {
  color: #EF4444;
}
.bpTab .processInstancesGrid .delete_task .bin_delete::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.nle-plugin-body {
  background-color: #141B1F;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
.nle-plugin-body .nle-plugin {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  height: 100%;
}
.nle-plugin-body .nle-plugin .login {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  max-width: 420px;
}
.nle-plugin-body .nle-plugin .web-editor {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.nle-plugin-body .nle-plugin .web-editor .tab {
  display: flex;
  height: 1.75rem;
  align-items: center;
  border-bottom: 1px solid #3A454C;
  background-color: #003B54;
}
.nle-plugin-body .nle-plugin .web-editor .tab .tablinks {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 100%;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0 16px;
  border-right: 1px solid #3A454C;
  font-weight: 700;
}
.nle-plugin-body .nle-plugin .web-editor .tab .tablinks:last-child {
  border-right: none;
}
.nle-plugin-body .nle-plugin .web-editor .tab .tablinks.logout {
  margin-left: auto;
}
.nle-plugin-body .nle-plugin .web-editor .tab .tablinks.active {
  color: #FFFFFF;
  border-bottom: 2px solid #008F6A;
  background-color: rgba(255, 255, 255, 0.05);
}
.nle-plugin-body .nle-plugin .web-editor .tab .tablinks:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
  cursor: pointer;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl {
  flex: 1 1 0%;
  min-height: 0;
  overflow: hidden;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container {
  height: 100%;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .categories .toolbar,
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .toolbar {
  display: none;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 0 16px;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.02);
  flex-shrink: 0;
  box-sizing: border-box;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .toolbar-left {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .toolbar-right {
  display: flex;
  align-items: center;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle {
  -webkit-appearance: none;
  appearance: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 26px;
  padding: 0 12px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #E6ECEF;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
  white-space: nowrap;
  box-sizing: border-box;
  line-height: 1;
  outline: none;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle:hover:not(:disabled) {
  background-color: rgba(255, 255, 255, 0.1);
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle.primary {
  background-color: #008F6A;
  border-color: #008F6A;
  color: #FFFFFF;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle.primary:hover:not(:disabled) {
  background-color: #00b888;
  border-color: #00b888;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .btn-nle .btn-nle-icon {
  font-size: 13px;
  line-height: 1;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .selection-counter {
  font-size: 11px;
  color: #7A868E;
  letter-spacing: 0.02em;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .nle-assets-toolbar .selection-counter .count-highlight {
  color: #4fc3a1;
  font-weight: 700;
}
.nle-plugin-body .nle-plugin .web-editor .pam-ctrl section.pam .pam-container .data_container .mosaic-container {
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  grid-auto-rows: 180px;
}
.nle-plugin-body .nle-plugin .web-editor .nleplugin-search .secondaryToolbar.searchToolbar {
  min-height: 48px;
}
.nle-plugin-body .nle-plugin .web-editor .nleplugin-search .elasticGridRow .segmentField {
  display: none !important;
}
.nle-plugin-body .nle-plugin .web-editor .nleplugin-search .elasticGridRow .leftContainer .media-actions-left > div:nth-child(3) {
  position: static;
}
.nle-plugin-body .nle-plugin .web-editor .webregister-nle {
  flex: 1 1 0%;
}
.nle-plugin-body .nle-plugin .web-editor .webregister-nle .containerForm {
  height: 100%;
}
.nle-plugin-body .nle-plugin .web-editor .webregister-nle .containerForm iframe {
  flex: 1;
  height: 100% !important;
  min-height: 0;
  display: block;
  width: 100% !important;
  border: none;
}
#NLETranscoderStyle {
  overflow: hidden;
}
#NLETranscoderStyle .masterPageMainContent #generalOptions #prioridad {
  visibility: hidden;
}
#NLETranscoderStyle .masterPageMainContent #PanelRegisterIn {
  border-right: 1px solid #3A454C;
}
#NLETranscoderStyle .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles {
  padding: 6px 12px;
}
.vsnRegistry {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent > div:first-child {
  flex: 1;
  display: flex;
  flex-direction: row;
  min-height: 0;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelInformacionGeneral {
  order: 2;
  width: 310px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  overflow: auto;
}
.vsnRegistry .masterPageMainContent #PanelInformacionGeneral .datos {
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelInformacionGeneral .datos .singleFile {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelInformacionGeneral .datos .singleFile span {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnRegistry .masterPageMainContent #PanelInformacionGeneral .datos textarea {
  height: 236px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn {
  order: 1;
  flex: 1 1 0%;
  min-width: 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0;
  padding-bottom: 6px;
  border-bottom: 1px solid #3A454C;
  flex-wrap: wrap;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles .profileSelectPlaceholder,
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles .renderEngineSelectPlaceholder {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles .profileSelectPlaceholder .vsn_form_label,
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles .renderEngineSelectPlaceholder .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .transcodeFilesContainer .mediaProfiles .vsn_form_help {
  flex-basis: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .frameAccurate {
  padding: 8px 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .frameAccurate label.center {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 22px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn .frameAccurate label.center .checkbox {
  display: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #mainHeader[data-tabs="0"],
.vsnRegistry .masterPageMainContent #PanelRegisterIn #mainHeader[data-tabs="1"],
.vsnRegistry .masterPageMainContent #PanelRegisterIn .RegistryHeaderBlock[data-tabs="0"],
.vsnRegistry .masterPageMainContent #PanelRegisterIn .RegistryHeaderBlock[data-tabs="1"] {
  display: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator {
  padding: 0 12px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator #tabContainer {
  border-bottom: 1px solid #3A454C;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator #tabContainer .tabScroller {
  display: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .height100 {
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .ui-tabs-panel .ui-tabs .ui-tabs-nav {
  padding: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent {
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent ul:empty {
  display: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent {
  padding: 6px 12px;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent {
  flex: 1;
  min-height: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent > div {
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_create {
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  height: auto;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_create > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_search {
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_search .search-div {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_search .search-div .search-input-registry {
  height: auto;
  flex: unset;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent #mam_search #searchAssetsResult {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel {
  display: flex;
  flex-direction: column;
  flex: 1 1 0%;
  padding: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel .errorText {
  color: #EF4444;
  font-size: 12px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel .retryBtn {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  margin-top: auto;
  align-self: flex-end;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel .retryBtn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel .retryBtn:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .modulesContent .errorPanel .retryBtn:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule {
  height: auto !important;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer {
  display: inherit;
  flex-direction: column;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  height: 100%;
  overflow: hidden;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer {
  display: flex;
  align-items: center;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer .comboContainer {
  width: unset;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer button.createFolder {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  margin-left: auto;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer button.createFolder:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer button.createFolder:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .buttonContainer button.createFolder:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .commonModule .mamModuleMainContainer .volumeFolder {
  height: 100%;
  flex: 1;
  min-height: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .comboContainer {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .comboContainer label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .comboContainer .vsn-combobox {
  width: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .field {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .field label {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
  flex-basis: 25%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .search-input-registry {
  display: flex;
  flex: 1;
  min-width: 0;
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .search-input-registry input[type="text"] {
  background-color: rgba(0, 0, 0, 0.3);
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .search-input-registry .sortDirection {
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: #141B1F;
  color: #E6ECEF;
  box-shadow: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .search-input-registry .searchAssets.search_button {
  height: auto;
  align-self: stretch;
  box-sizing: border-box;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent input[type="checkbox"] + span.checkbox {
  display: none;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .createAssetChk,
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .createChild > label {
  width: auto !important;
  flex-grow: 1;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .createAssetChk span:not(.checkbox),
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .createChild > label span:not(.checkbox) {
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .createChild {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid {
  border: 1px solid #3A454C;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-header {
  flex-shrink: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-content {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-content::-webkit-scrollbar {
  width: 5px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .k-grid .k-grid-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  align-content: stretch;
  flex-grow: 1;
  padding: 8px 0;
  gap: 4px;
  height: auto;
  min-height: 0;
  flex: 1 1 auto;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .categories {
  max-width: 240px;
  flex-grow: 1;
  padding: 8px;
  flex-basis: 30%;
  position: relative;
  display: flex;
  flex-direction: column;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .categories .folderSwitchButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "folder_data";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .categories .searchToolBar.topToolbar.searchElement {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  min-height: 32px;
  align-items: center;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .categories ul.fancytree-container li span.fancytree-node {
  color: #FFFFFF;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .categories .tree {
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory {
  flex-grow: 1;
  flex-basis: 65%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  padding: 8px;
  position: relative;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory .assetsOptions {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory .assetsGrid {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory .assetsGrid label {
  flex-basis: unset;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory .createAsset {
  padding: 16px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .categoriesContainer .assetsInCategory .createAsset > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .pamTarget {
  display: flex;
  align-items: center;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM .pamTarget label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM button.round {
  border-radius: 50%;
  width: 30px;
  cursor: pointer;
  background-color: #008F6A;
  border-color: #008F6A;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .moduleMainContent .moduleTabContent .searchInPAM button.round:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #PanelRegisterIn #appTabNavigator .bigCheck {
  position: relative;
  bottom: unset;
  left: unset;
  background-color: #FFFFFF;
}
.vsnRegistry .masterPageMainContent #generalOptions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 8px 16px;
  border-top: 1px solid #3A454C;
  flex-shrink: 0;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #generalOptions #prioridad {
  display: flex;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
  padding: 8px;
  align-items: center;
  gap: 8px;
}
.vsnRegistry .masterPageMainContent #generalOptions #prioridad #prioridadesDetalladas_btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  margin-left: auto;
}
.vsnRegistry .masterPageMainContent #generalOptions #prioridad #prioridadesDetalladas_btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnRegistry .masterPageMainContent #generalOptions #prioridad #prioridadesDetalladas_btn:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.vsnRegistry .masterPageMainContent #generalOptions #prioridad #prioridadesDetalladas_btn:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  margin-left: auto;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton),
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).ui-button-primary,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].ui-button-primary,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).blue_button,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].blue_button,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):last-child,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).ui-button-primary:disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].ui-button-primary:disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).blue_button:disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].blue_button:disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):last-child:disabled,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).ui-button-primary:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].ui-button-primary:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).blue_button:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].blue_button:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):last-child:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).ui-button-primary:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].ui-button-primary:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton).blue_button:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"].blue_button:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton):last-child:hover,
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.vsnRegistry .masterPageMainContent #generalOptions #botonera button:not(.tinyButton)[hidden],
.vsnRegistry .masterPageMainContent #generalOptions #botonera input[type="button"][hidden] {
  display: none;
}
[data-importroute="mam:vsnMAM.Metadata.MetadataCtrl"] .toolbar {
  width: 100%;
}
[data-importroute="mam:vsnMAM.Metadata.MetadataCtrl"] .toolbar button.btn_link_guide {
  margin-left: auto;
}
#metadata-sets-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
}
#metadata-sets-content .metadata-set {
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
}
#metadata-sets-content .metadata-set .metadata-set-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadata-set-name {
  color: #E6ECEF;
  font-weight: 700;
  font-size: 14px;
  flex-grow: 1;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadtata-set-description {
  border-left: 1px solid;
  padding-left: 16px;
  font-size: 12px;
  font-style: italic;
  color: #7A868E;
  flex-grow: 2;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadata-set-tools {
  display: flex;
  justify-content: flex-end;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadata-set-tools button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadata-set-tools button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#metadata-sets-content .metadata-set .metadata-set-header .metadata-set-tools button i::before {
  font-size: 20px;
}
#metadata-sets-content .metadata-set .metadata-set-content {
  display: flex;
  gap: 8px;
  padding: 16px;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .mtd-tables {
  display: flex;
  flex-direction: column;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-header .vsn_table_th {
  display: flex;
  align-items: center;
  border: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
  border-radius: 8px;
  justify-content: space-between;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-header .vsn_table_th .mtdTables-buttons button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-header .vsn_table_th .mtdTables-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content {
  padding: 8px 0;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list li {
  display: flex;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table {
  display: flex;
  align-items: center;
  border-radius: 8px;
  background-color: #003B54;
  height: 38px;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table.change-alarm {
  background-color: #DAA400 !important;
  border: 1px solid #B88200;
  color: #000000 !important;
  cursor: help;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table:nth-child(even) {
  background-color: rgba(0, 59, 84, 0.4);
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table .metadata-table-display-name {
  padding: 0 8px;
  flex: 1;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table .metadata-table-tools {
  display: flex;
  align-items: center;
  background-color: #1d2326;
  border-radius: 8px;
  padding: 0 4px;
  height: 100%;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table .metadata-table-tools button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table .metadata-table-tools button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .metadata-table-group-content .metadata-table-list .metadata-table .metadata-table-tools button i::before {
  font-size: 20px;
}
#metadata-sets-content .metadata-set .metadata-set-content .metadata-set-column .info-box {
  padding: 8px 16px;
  color: #FFFFFF;
  text-align: center;
  width: 100%;
  border-radius: 8px;
  height: 38px;
  margin: 8px 0;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] .toolbar {
  width: 100%;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] .toolbar button.btn_link_guide {
  margin-left: auto;
  order: 1;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] .toolbar .unsave-view-organizer {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #F59E0B;
  gap: 4px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] .toolbar .unsave-view-organizer::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "warning";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder {
  display: flex;
  width: 100%;
  padding: 16px;
  gap: 16px;
  height: 100%;
  overflow: hidden;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .vsn_dataview_list_column {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .vsn_dataview_list_column .vsn_dataview_item {
  list-style: none;
  display: flex;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  cursor: move;
  background-color: #141B1F;
  justify-content: center;
  align-items: center;
  position: relative;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .vsn_dataview_list_column .vsn_dataview_item .vsn-ico-dont-keep-field-order {
  order: 1;
  position: absolute;
  right: 8px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .left_container {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  width: 30%;
  overflow-y: auto;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #3A454C;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .left_container::-webkit-scrollbar {
  width: 5px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .left_container::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .left_container::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder .left_container::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder::-webkit-scrollbar {
  width: 5px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder:empty {
  display: none;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2 {
  margin-bottom: 0;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2.expandParent {
  background: #004F6E;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 8px 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  cursor: pointer;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2.expandParent .remove_section {
  margin-left: auto;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2.expandParent a {
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  color: #FFFFFF;
  text-decoration: none;
  text-shadow: none;
  display: flex !important;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2.expandParent a::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  transition: all ease 0.3s;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder h2.expandParent a.open::after {
  transform: rotate(180deg);
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder div.collapsed {
  display: none;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder div.collapse {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #sections_placeholder .vsn_dataview_list_column {
  min-height: 100px;
  background-color: rgba(255, 255, 255, 0.1);
  padding: 4px;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #nosectionsmessage {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
[data-importroute="mam:vsnMAM.Metadata.ViewOrganizer.ViewOrganizerCtrl"] #matadatabuilder_placeholder #nosectionsmessage:empty {
  display: none;
}
/* Add Area Dialog Form */
.addAreaForm .vsn_form_field_input {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
}
.addAreaForm .vsn_form_field_input .buttonContainer {
  padding: 4px;
}
.addAreaForm .vsn_form_field_input .vsn_form_help {
  flex-basis: 100%;
}
/* Area Details Toolbar */
.areaDetailsToolbar {
  margin: 0 !important;
}
/* Area Details */
.areaDetails {
  padding: 16px;
}
.areaDetails .areaInfo {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.areaDetails .areaInfo h2 {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-height: 40px;
  color: #FFFFFF;
  background-color: #004F6E;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 12px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.areaDetails .areaInfo .data-container {
  padding: 12px 16px;
}
.areaDetails .areaInfo .sectionGeneral .data-container p {
  margin: 8px 0;
}
.areaDetails .areaInfo .sectionGeneral .data-container p .vsn_form_label {
  color: #B8C2C8;
  font-size: 12px;
}
.areaDetails .areaInfo .buttonBar {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 8px;
  margin: 8px 0;
}
.areaDetails .areaInfo .buttonBar .blue_button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.areaDetails .areaInfo .buttonBar .blue_button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.areaDetails .areaInfo .buttonBar .blue_button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.areaDetails .areaInfo .buttonBar .blue_button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.areaDetails .areaInfo .templateListContainer:empty,
.areaDetails .areaInfo .processListContainer:empty,
.areaDetails .areaInfo .rightListContainer:empty {
  border: none;
}
.areaDetails .areaInfo .templateListContainer tr th:last-child,
.areaDetails .areaInfo .processListContainer tr th:last-child,
.areaDetails .areaInfo .rightListContainer tr th:last-child,
.areaDetails .areaInfo .templateListContainer tr td:last-child,
.areaDetails .areaInfo .processListContainer tr td:last-child,
.areaDetails .areaInfo .rightListContainer tr td:last-child {
  width: 1%;
  white-space: nowrap;
}
.areaDetails .areaInfo .rightListContainer th.center {
  text-align: center;
}
.areaDetails .areaInfo .rightListContainer td.center span.checkbox2 {
  cursor: pointer;
}
.areaDetails .areaInfo .rightListContainer td.center span.checkbox2.check_small {
  color: #4fc3a1;
}
.areaDetails .areaInfo .rightListContainer td.center span.checkbox2.uncheck_small_on_dark {
  color: #EF4444;
}
.areaDetails .areaInfo .rightListContainer .permissions-help {
  display: inline-flex !important;
  vertical-align: middle;
  width: 16px;
  height: 16px;
}
.areaDetails .areaInfo .actionListContainer ul {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  gap: 8px;
  max-height: 280px;
  overflow-y: auto;
}
.areaDetails .areaInfo .actionListContainer ul::-webkit-scrollbar {
  width: 5px;
}
.areaDetails .areaInfo .actionListContainer ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.areaDetails .areaInfo .actionListContainer ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.areaDetails .areaInfo .actionListContainer ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.areaDetails .areaInfo .actionListContainer ul li {
  padding: 4px 8px;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.areaDetails .areaInfo .actionListContainer ul li .title {
  color: #4fc3a1;
}
.areaDetails .areaInfo .actionListContainer ul li .title,
.areaDetails .areaInfo .actionListContainer ul li .description {
  font-size: 12px;
}
/* Area Detail Help Dialog */
.ui-dialog:has(#areaDetailHelp) {
  width: 620px !important;
}
/* Content of the Area Detail Help Dialog */
#areaDetailHelp {
  padding: 0 8px;
}
#areaDetailHelp h4 {
  background-color: #B8C2C8;
  color: #141B1F;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0.375rem 1rem;
  margin: 0 -8px 0 -8px;
  border-radius: 4px;
}
#areaDetailHelp p {
  margin: 8px 0;
  padding: 0 8px;
  font-size: 12px;
}
#areaDetailHelp p:has(+ h4) {
  margin-bottom: 20px;
}
/* New Class Dialog */
.newTemplateDialog {
  height: auto !important;
}
.newTemplateDialog .ui-dialog-content {
  height: auto !important;
  overflow: visible;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard.step1 .newClassStep2,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard.step2 .newClassStep1 {
  display: none !important;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard:not(.projectClass) .btnNextArea,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard:not(.projectClass) .btnPrevArea,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard.step1 .btnPrevArea,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard.step2 .btnNextArea,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard.step1.projectClass .btnAddArea {
  display: none !important;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .newClassStep1,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .newClassStep2 {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .newClassStep2 + * {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field > *:first-child {
  width: 25%;
  text-align: right;
  flex-shrink: 0;
  color: #B8C2C8;
  font-size: 12px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field > *:not(:first-child) {
  flex: 1;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field.vsn_form_field_input {
  flex-wrap: wrap;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field.vsn_form_field_input .vsn_help_template_style {
  flex: none;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_field .skinned-select {
  height: unset !important;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .vsn_form_mandatory_message {
  padding-left: 16px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .newClassStep1 .templateGUID:disabled {
  color: #7A868E;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .checkboxNewClassWiz {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  margin-left: 16px;
  float: none !important;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 0;
  float: none !important;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton),
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).ui-button-primary,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].ui-button-primary,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).blue_button,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].blue_button,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):last-child,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).ui-button-primary:disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].ui-button-primary:disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).blue_button:disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].blue_button:disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):last-child:disabled,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).ui-button-primary:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].ui-button-primary:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).blue_button:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].blue_button:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):last-child:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).ui-button-primary:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].ui-button-primary:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton).blue_button:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"].blue_button:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton):last-child:hover,
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block button:not(.tinyButton)[hidden],
.newTemplateDialog .ui-dialog-content #newTemplateDialog .classWizard .buttons-block input[type="button"][hidden] {
  display: none;
}
.classMainContent .ui-tabs-panel {
  padding: 0 16px;
}
.classMainContent .ui-tabs-nav {
  position: sticky;
  top: 0;
  z-index: 15;
  background-color: #141B1F !important;
}
.classMainContent .ui-tabs-nav .ui-tabs-tab.ui-state-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}
.classMainContent .ui-tabs-nav .ui-tabs-tab .close_tab_round {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  opacity: 0.5;
  color: #B8C2C8 !important;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, opacity 150ms ease-in-out;
}
.classMainContent .ui-tabs-nav .ui-tabs-tab .close_tab_round:hover {
  background-color: rgba(255, 255, 255, 0.1);
  opacity: 1;
  color: #EF4444 !important;
}
.classMainContent .ui-tabs-nav .ui-tabs-tab .close_tab_round:hover::before {
  color: #EF4444 !important;
}
.classMainContent .ui-tabs-nav .ui-tabs-tab .close_tab_round::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  line-height: 1;
  color: #B8C2C8 !important;
}
.classMainContent .buttons h2,
.classMainContent .mainButtons h2 {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #FFFFFF;
  gap: 4px;
  font-size: 14px;
  font-weight: 500;
  margin: 12px 0 12px 8px;
}
.classMainContent .buttons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 0 4px;
  gap: 4px;
}
.classMainContent .buttons .textButton,
.classMainContent .buttons.edition-mode button.create,
.classMainContent .buttons.edition-mode button.save,
.classMainContent .buttons.edition-mode button.cancel,
.classMainContent .buttons.edition-mode button.isNewMTD {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  gap: 4px;
  font-size: 12px;
  color: #E6ECEF !important;
  background-color: transparent !important;
  border: none !important;
  border-radius: 4px;
  padding: 4px 8px;
  cursor: pointer;
  text-transform: none !important;
}
.classMainContent .buttons.edition-mode {
  gap: 0;
}
.classMainContent .buttons.edition-mode button.create:hover,
.classMainContent .buttons.edition-mode button.save:hover,
.classMainContent .buttons.edition-mode button.cancel:hover,
.classMainContent .buttons.edition-mode button.isNewMTD:hover {
  color: #FFFFFF !important;
}
.classMainContent .buttons .textButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #FFFFFF !important;
}
.classMainContent .buttons .textButton.dropdownMenu {
  position: relative;
}
.classMainContent .buttons .textButton.dropdownMenu:hover .dropdownContent {
  display: block;
}
.classMainContent .buttons .dropdownContent {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 10000;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}
.classMainContent .buttons .dropdownContent .scrollBlock {
  min-width: 160px;
}
.classMainContent .buttons .dropdownContent .scrollBlock li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
.classMainContent .buttons .dropdownContent .scrollBlock li:hover,
.classMainContent .buttons .dropdownContent .scrollBlock li:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.classMainContent .buttons .dropdownContent .scrollBlock li label {
  cursor: pointer;
}
.classMainContent .mainButtons {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding-right: 8px;
  gap: 8px;
}
.classMainContent .mainButtons .buttons {
  gap: 8px;
  padding-right: 0;
}
.classMainContent .mainButtons .buttons .icon-button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background: none !important;
  border: none !important;
  color: #E6ECEF !important;
  cursor: pointer;
  transition: color 150ms ease-in-out;
}
.classMainContent .mainButtons .buttons .icon-button:hover {
  color: #FFFFFF !important;
}
.classMainContent .mainButtons .buttons .icon-button.disabled {
  opacity: 0.4;
  cursor: default;
  pointer-events: none;
}
.classMainContent .mainButtons .buttons .glyph.information.icon-button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.classMainContent .autoGenID {
  margin-bottom: 4px;
  padding: 8px;
  background-color: #6f6343;
  width: 52%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  color: #FFFFFF;
}
.classMainContent .metadataListContainer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  overflow-y: auto;
  padding: 8px 12px;
}
.classMainContent .metadataListContainer::-webkit-scrollbar {
  width: 5px;
}
.classMainContent .metadataListContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.classMainContent .metadataListContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.classMainContent .metadataListContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.classMainContent .metadataListContainer ul {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
}
.classMainContent .metadataListContainer ul li {
  background-color: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.classMainContent .metadataListContainer ul li .title {
  color: #4fc3a1;
  font-weight: 500;
}
.classMainContent .metadataListContainer ul li .description {
  color: #E6ECEF;
  margin-top: 4px;
}
.classMainContent .metadataListContainer ul li .description:empty {
  display: none;
}
.classMainContent .metadataListContainer ul li .title,
.classMainContent .metadataListContainer ul li .description {
  font-size: 12px;
}
.classMainContent .metadataListContainer ul li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.classMainContent .rulesEditor .templatesPanelsContainer {
  height: calc(100vh - 180px);
  overflow: hidden;
}
.classMainContent .rulesEditor .templatesPanelsContainer .lm_splitter:hover,
.classMainContent .rulesEditor .templatesPanelsContainer .lm_splitter.lm_dragging {
  background: #4fc3a1;
  opacity: 1;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts > div {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0;
  padding-bottom: 8px;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .editor {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .editor .lines-content span {
  font-family: 'Roboto Mono', monospace;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .editor .mtkz {
  width: unset !important;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .buttons {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  height: auto;
  min-height: 30px;
  padding: 4px 8px;
  gap: 8px;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .buttons button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  height: 26px;
  padding: 0 12px;
  font-size: 12px;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.classMainContent .rulesEditor .templatesPanelsContainer .scripts .buttons button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults {
  padding: 4px;
  overflow: auto;
}
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults,
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults .compilation-errors li,
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults span {
  font-family: 'Roboto Mono', monospace;
}
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults .compilation-errors {
  color: #ff9999;
  cursor: pointer;
}
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults .compilation-errors li:hover {
  text-decoration: underline;
}
.classMainContent .rulesEditor .templatesPanelsContainer .compilationResults .compilation-ok {
  color: #99ff99;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList > div {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 4px;
  gap: 4px;
  overflow: auto;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList > div::-webkit-scrollbar {
  width: 5px;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList > div::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList > div::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList > div::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList dl {
  background-color: #2A343A;
  border-radius: 4px;
  border: 1px solid #3A454C;
  padding: 4px;
  width: 100%;
  color: #FFFFFF;
}
.classMainContent .rulesEditor .templatesPanelsContainer .operandsList dt {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 4px;
  user-select: all;
  cursor: move;
}
.classMainContent .rulesEditor .lm_popout,
.classMainContent .rulesEditor .lm_close_tab {
  display: none !important;
}
.classMainContent .rulesEditor .lm_header {
  background-image: linear-gradient(to bottom, #2A343A 0%, #141B1F 100%);
  height: 28px !important;
}
.classMainContent .rulesEditor .lm_header .lm_tabs {
  pointer-events: none;
}
.classMainContent .rulesEditor .lm_header .lm_tab,
.classMainContent .rulesEditor .lm_header .lm_tab.lm_active {
  background: unset;
  border: unset;
  box-shadow: unset;
  font-size: 14px !important;
}
.classMainContent .rulesEditor .lm_header .lm_controls .lm_maximise {
  background-image: none;
}
.classMainContent .rulesEditor .lm_header .lm_controls .lm_maximise::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #B8C2C8;
}
.classMainContent .rulesEditor .lm_header .lm_controls .lm_maximise:hover::before {
  color: #FFFFFF;
}
.classMainContent .rulesEditor .lm_maximised .lm_header .lm_controls .lm_maximise::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "horizontal_rule";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.classMainContent .rulesEditor .lm_content > div {
  height: 100%;
  width: 100%;
  display: flex;
}
/* Class Permissions, Default Rights, Segment Layers and Process Dialogs */
.ui-dialog.vsn-dialog:has(.rightsClassContainer),
.ui-dialog.vsn-dialog:has(.defaultRightsContainer),
.ui-dialog.vsn-dialog:has(.segmentLayersContainer),
.ui-dialog.vsn-dialog:has(.processContainer) {
  background-color: #141B1F;
  height: auto !important;
  top: 50vh !important;
  transform: translateY(-50%);
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .ui-custom-content,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .ui-custom-content,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .ui-custom-content,
.ui-dialog.vsn-dialog:has(.processContainer) .ui-custom-content {
  height: auto !important;
  max-height: 600px;
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .manyPermissions,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .manyPermissions,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .manyPermissions,
.ui-dialog.vsn-dialog:has(.processContainer) .manyPermissions {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: auto !important;
  max-height: 500px;
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .manyPermissions::-webkit-scrollbar,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .manyPermissions::-webkit-scrollbar,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .manyPermissions::-webkit-scrollbar,
.ui-dialog.vsn-dialog:has(.processContainer) .manyPermissions::-webkit-scrollbar {
  width: 5px;
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .manyPermissions::-webkit-scrollbar-thumb,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .manyPermissions::-webkit-scrollbar-thumb,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .manyPermissions::-webkit-scrollbar-thumb,
.ui-dialog.vsn-dialog:has(.processContainer) .manyPermissions::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .manyPermissions::-webkit-scrollbar-thumb:hover,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .manyPermissions::-webkit-scrollbar-thumb:hover,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .manyPermissions::-webkit-scrollbar-thumb:hover,
.ui-dialog.vsn-dialog:has(.processContainer) .manyPermissions::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) .manyPermissions::-webkit-scrollbar-track,
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) .manyPermissions::-webkit-scrollbar-track,
.ui-dialog.vsn-dialog:has(.segmentLayersContainer) .manyPermissions::-webkit-scrollbar-track,
.ui-dialog.vsn-dialog:has(.processContainer) .manyPermissions::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-dialog.vsn-dialog:has(.rightsClassContainer) {
  width: 700px !important;
}
.ui-dialog.vsn-dialog:has(.defaultRightsContainer) {
  width: 960px !important;
}
.ui-dialog.vsn-dialog:has(.segmentLayersContainer),
.ui-dialog.vsn-dialog:has(.processContainer) {
  width: 550px !important;
}
.segmentLayersContainer .vsn-permissions tr[disabled] {
  opacity: 0.4;
  pointer-events: none;
}
.metadata-set-edit .vsn_field_template textarea {
  width: unset !important;
  flex: 1;
}
.mtd-set-automatic-mode-dialog .import-set-container,
.mtd-set-automatic-mode-dialog .import-view-container {
  flex-direction: column;
}
.mtd-set-automatic-mode-dialog .import-set-container > div:not(.import-container),
.mtd-set-automatic-mode-dialog .import-view-container > div:not(.import-container) {
  display: flex;
  width: 100% !important;
  justify-content: space-between;
  align-items: center;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-set-view-help,
.mtd-set-automatic-mode-dialog .import-view-container .import-set-view-help {
  margin: 0 !important;
  cursor: pointer;
  position: relative;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-set-view-help .tooltip-right,
.mtd-set-automatic-mode-dialog .import-view-container .import-set-view-help .tooltip-right {
  color: #141B1F;
  margin-top: 25px;
  z-index: 1000;
  position: fixed;
  display: block;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  font-weight: normal !important;
  font-size: 0.9em !important;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-set-view-help .tooltip-right::before,
.mtd-set-automatic-mode-dialog .import-view-container .import-set-view-help .tooltip-right::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container,
.mtd-set-automatic-mode-dialog .import-view-container .import-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  height: auto !important;
  flex-shrink: 0;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container #input-file,
.mtd-set-automatic-mode-dialog .import-view-container .import-container #input-file {
  display: none;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn {
  padding: 8px;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileName,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileName,
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileNameView,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileNameView {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileName:disabled,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileName:disabled,
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileNameView:disabled,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileNameView:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileName:hover,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileName:hover,
.mtd-set-automatic-mode-dialog .import-set-container .import-container .upload-btn #selectedFileNameView:hover,
.mtd-set-automatic-mode-dialog .import-view-container .import-container .upload-btn #selectedFileNameView:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.mtd-set-status-export-dialog .subtitle:empty {
  display: none;
}
.mtd-set-status-export-dialog .help-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
.mtd-set-permissions-dialog {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mtd-set-permissions-dialog .subtitle:empty {
  display: none !important;
}
.mtd-set-permissions-dialog #rightsManagementID {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: 180px !important;
}
.mtd-set-permissions-dialog #rightsManagementID::-webkit-scrollbar {
  width: 5px;
}
.mtd-set-permissions-dialog #rightsManagementID::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.mtd-set-permissions-dialog #rightsManagementID::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.mtd-set-permissions-dialog #rightsManagementID::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.mtd-set-permissions-dialog #rightsManagementID table.vsn-permissions tr th {
  text-align: center;
}
.mtd-set-permissions-dialog > span {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mtd-set-permissions-dialog > span .bigCheck {
  bottom: 0;
  left: 0;
}
.metadata-table-edit .subtitle:empty {
  display: none;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton),
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].blue_button,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].blue_button:disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:disabled,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].blue_button:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"].blue_button:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:hover,
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) button:not(.tinyButton)[hidden],
.metadata-table-edit > div:not(.vsn_field_template):not(.vsn_form_mandatory_message) input[type="button"][hidden] {
  display: none;
}
.metadata-table-edit .vsn_field_template textarea {
  width: unset !important;
  flex: 1;
}
.metadata-table-edit label.vsn-metadata-checkbox {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 18px;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  border-radius: 2px;
  border: 1px solid #3A454C;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  color: #FFFFFF;
  background-color: #141B1F;
  margin: 0;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
.metadata-table-edit label.vsn-metadata-checkbox:hover {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: #505f69;
}
.metadata-table-edit label.vsn-metadata-checkbox[checked="checked"],
.metadata-table-edit label.vsn-metadata-checkbox:checked {
  background-color: #004F6E !important;
  border: none;
}
.metadata-table-edit label.vsn-metadata-checkbox[checked="checked"]::before,
.metadata-table-edit label.vsn-metadata-checkbox:checked::before {
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
}
.metadata-table-edit label.vsn-metadata-checkbox:focus {
  outline: none;
  border-color: #004F6E;
  box-shadow: 0 0 0 2px rgba(0, 79, 110, 0.2);
}
.metadata-table-edit label.vsn-metadata-checkbox:disabled,
.metadata-table-edit label.vsn-metadata-checkbox[disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
}
.metadata-table-edit label.vsn-metadata-checkbox.big label {
  line-height: 24px;
}
.metadata-table-edit label.vsn-metadata-checkbox.checkbox-with-label {
  display: flex;
  gap: 2px;
  align-items: center;
}
.metadata-table-edit input[type="text"]:focus,
.metadata-table-edit textarea:focus {
  border-color: #0A6F8F !important;
}
.metadata-table-edit input[type="text"].error {
  border-color: #EF4444 !important;
}
#addSection.ui-dialog-content #addSectionForm > .vsn_form_label {
  display: inline;
}
#addSection.ui-dialog-content #addSectionForm > .ui-front {
  display: inline-flex;
  margin-left: 8px;
}
#addSection.ui-dialog-content .field {
  display: flex;
  align-self: center;
  margin: 8px 0;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton),
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].blue_button,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].blue_button:disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:disabled,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].blue_button:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).ui-button-primary:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].ui-button-primary:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton).blue_button:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"].blue_button:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton):last-child:hover,
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) button:not(.tinyButton)[hidden],
#addSection.ui-dialog-content > div:not(#addSectionForm):not(#addSectionFormMsg):not(.vsn_form_mandatory_message) input[type="button"][hidden] {
  display: none;
}
#addSection.ui-dialog-content #addSectionFormMsg {
  color: #FFFFFF;
  text-align: center;
  border-radius: 4px;
  background-color: #C53030;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .bodyMtdtFieldContents {
  height: 100%;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 1fr auto;
  row-gap: 8px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > h4.subtitle {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  margin: 0;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > .icon_interrogation_circle {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid {
  grid-column: 1 / -1;
  min-height: 0;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid::-webkit-scrollbar {
  width: 5px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > #fieldGrid .tstable {
  table-layout: fixed;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > .alarm_help {
  grid-column: 1;
  grid-row: 4;
  align-self: center;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .page-content > .button-content {
  grid-column: 2;
  grid-row: 4;
  align-self: center;
  width: auto;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] thead {
  position: sticky;
  top: 0;
  z-index: 2;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody tr:last-child {
  border-bottom: none;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody tr.green-alarm {
  background-color: rgba(0, 255, 0, 0.15) !important;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody tr.yellow-alarm {
  background-color: rgba(255, 255, 0, 0.15) !important;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody tr.red-alarm {
  background-color: rgba(255, 0, 0, 0.15) !important;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 8px 12px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td > span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td:first-child > span {
  color: #4fc3a1;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td:first-child > span:hover {
  text-decoration: underline;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td:last-child {
  text-align: center;
  padding: 4px 8px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td .btn.btn-transparent {
  width: 22px;
  height: 22px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  color: #7A868E;
  transition: background-color 0.15s, color 0.15s;
  vertical-align: middle;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] tbody td .btn.btn-transparent:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton),
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).ui-button-primary,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].ui-button-primary,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).blue_button,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].blue_button,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):last-child,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).ui-button-primary:disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].ui-button-primary:disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).blue_button:disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].blue_button:disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):last-child:disabled,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).ui-button-primary:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].ui-button-primary:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).blue_button:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].blue_button:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):last-child:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).ui-button-primary:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].ui-button-primary:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton).blue_button:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"].blue_button:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton):last-child:hover,
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content button:not(.tinyButton)[hidden],
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .button-content input[type="button"][hidden] {
  display: none;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .alarm_help .help {
  margin-bottom: 0;
  line-height: 1.2;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .green_alarm_circle {
  height: 18px;
  width: 18px;
  background-color: rgba(0, 255, 0, 0.3);
  line-height: 20px;
  display: inline-block;
  border-radius: 4px;
  text-align: left;
  vertical-align: bottom;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .yellow_alarm_circle {
  height: 18px;
  width: 18px;
  background-color: rgba(255, 255, 0, 0.4);
  line-height: 20px;
  display: inline-block;
  border-radius: 4px;
  text-align: left;
  vertical-align: bottom;
  margin-left: 10px;
}
[data-importroute="mam:vsnMAM.Metadata.Fields.MetadataTableFieldsCtrl"] .red_alarm_circle {
  height: 18px;
  width: 18px;
  background-color: rgba(255, 0, 0, 0.3);
  line-height: 20px;
  display: inline-block;
  border-radius: 4px;
  text-align: left;
  vertical-align: bottom;
  margin-left: 10px;
}
.bodyMtdtFieldEdit .vsn_field_template textarea {
  flex: 1 1 100%;
}
.bodyMtdtFieldEdit .vsn_field_template .field-input-container {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.bodyMtdtFieldEdit #multiplicityContainer,
.bodyMtdtFieldEdit #fieldUsesAutocompletion {
  display: flex !important;
}
.bodyMtdtFieldEdit #fieldIndexed label,
.bodyMtdtFieldEdit #fieldStored label,
.bodyMtdtFieldEdit #fieldForm #fieldUseInDaily label {
  display: none;
}
.bodyMtdtFieldEdit #fieldIndexed,
.bodyMtdtFieldEdit #fieldStored,
.bodyMtdtFieldEdit #fieldUseInDaily {
  margin: 4px 0;
}
.bodyMtdtFieldEdit .vsn_form_checkbox_container {
  display: flex;
  gap: 8px;
  align-items: center;
}
.bodyMtdtFieldEdit .vsn_help_template_style {
  color: #7A868E;
  font-size: 10px;
  flex-basis: 100%;
  max-width: 100%;
  margin-top: 4px;
}
.bodyMtdtFieldEdit input[type="text"]:focus,
.bodyMtdtFieldEdit textarea:focus {
  border-color: #0A6F8F !important;
}
.MTDenumList input[type="text"]:focus,
.MTDenumList textarea:focus {
  border-color: #0A6F8F !important;
}
.MTDenum {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.MTDenum.hide-disabled .mtd_enum.disabled {
  display: none;
}
.MTDenum .MTDenumHeader {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.MTDenum .MTDenumHeader h4 {
  margin-bottom: 0;
}
.MTDenum .MTDenumHeader h4:last-of-type {
  order: 1;
}
.MTDenum .MTDenumHeader .selectable-label-checkbox {
  display: flex;
  margin-left: auto;
  gap: 8px;
  align-items: center;
}
.MTDenum #gridEnumerationsList {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
}
.MTDenum #gridEnumerationsList::-webkit-scrollbar {
  width: 5px;
}
.MTDenum #gridEnumerationsList::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.MTDenum #gridEnumerationsList::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.MTDenum #gridEnumerationsList::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.MTDenum #gridEnumerationsList .mtd_enum {
  padding: 8px;
  border: 1px solid #3A454C;
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.05);
}
.MTDenum #gridEnumerationsList .mtd_enum_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.MTDenum #gridEnumerationsList .mtd_enum_item .EnumValue {
  line-height: 1.2;
}
.MTDenum #gridEnumerationsList .mtd_enum_item .vsn_help_template_style {
  margin: 0 !important;
}
.MTDenum #gridEnumerationsList .mtd_enum_item .enum-item-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.MTDenum #gridEnumerationsList .mtd_enum_item .enum-item-buttons div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.ui-dialog-content.entitySearchContainer[data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .selectable-label-checkbox {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 4px;
}
.metadata-set-edit .vsn_form_label,
.metadata-table-edit .vsn_form_label,
#addSection.ui-dialog-content .vsn_form_label,
.bodyMtdtFieldEdit .vsn_form_label,
.MTDenumList .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-width: 25%;
  float: none;
  width: unset;
  align-self: center;
}
.metadata-set-edit .vsn_field_template,
.metadata-table-edit .vsn_field_template,
#addSection.ui-dialog-content .vsn_field_template,
.bodyMtdtFieldEdit .vsn_field_template,
.MTDenumList .vsn_field_template {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
.metadata-set-edit .vsn_help_style,
.metadata-table-edit .vsn_help_style,
#addSection.ui-dialog-content .vsn_help_style,
.bodyMtdtFieldEdit .vsn_help_style,
.MTDenumList .vsn_help_style {
  color: #7A868E;
  font-size: 10px;
  flex-basis: 100%;
  max-width: 100%;
  margin-left: 25%;
  margin-top: 4px;
}
.metadata-set-edit .vsn_form_mandatory_message,
.metadata-table-edit .vsn_form_mandatory_message,
#addSection.ui-dialog-content .vsn_form_mandatory_message,
.bodyMtdtFieldEdit .vsn_form_mandatory_message,
.MTDenumList .vsn_form_mandatory_message {
  text-align: right;
}
.metadata-set-edit .buttons-content,
.mtd-set-automatic-mode-dialog .buttons-content,
.mtd-set-status-export-dialog .buttons-content,
.mtd-set-permissions-dialog .buttons-content,
.bodyMtdtFieldEdit .buttons-content,
.MTDenumList .buttons-content,
.MTDenum .buttons-content {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
.metadata-set-edit .buttons-content .ui-dialog-buttonset,
.mtd-set-automatic-mode-dialog .buttons-content .ui-dialog-buttonset,
.mtd-set-status-export-dialog .buttons-content .ui-dialog-buttonset,
.mtd-set-permissions-dialog .buttons-content .ui-dialog-buttonset,
.bodyMtdtFieldEdit .buttons-content .ui-dialog-buttonset,
.MTDenumList .buttons-content .ui-dialog-buttonset,
.MTDenum .buttons-content .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.metadata-set-edit .buttons-content button:not(.tinyButton),
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton),
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton),
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton),
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton),
.MTDenumList .buttons-content button:not(.tinyButton),
.MTDenum .buttons-content button:not(.tinyButton),
.metadata-set-edit .buttons-content input[type="button"],
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"],
.mtd-set-status-export-dialog .buttons-content input[type="button"],
.mtd-set-permissions-dialog .buttons-content input[type="button"],
.bodyMtdtFieldEdit .buttons-content input[type="button"],
.MTDenumList .buttons-content input[type="button"],
.MTDenum .buttons-content input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.metadata-set-edit .buttons-content button:not(.tinyButton):disabled,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):disabled,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):disabled,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):disabled,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):disabled,
.MTDenumList .buttons-content button:not(.tinyButton):disabled,
.MTDenum .buttons-content button:not(.tinyButton):disabled,
.metadata-set-edit .buttons-content input[type="button"]:disabled,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:disabled,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:disabled,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:disabled,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:disabled,
.MTDenumList .buttons-content input[type="button"]:disabled,
.MTDenum .buttons-content input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.metadata-set-edit .buttons-content button:not(.tinyButton):hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):hover,
.MTDenumList .buttons-content button:not(.tinyButton):hover,
.MTDenum .buttons-content button:not(.tinyButton):hover,
.metadata-set-edit .buttons-content input[type="button"]:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:hover,
.MTDenumList .buttons-content input[type="button"]:hover,
.MTDenum .buttons-content input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.metadata-set-edit .buttons-content button:not(.tinyButton).ui-button-primary,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).ui-button-primary,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).ui-button-primary,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).ui-button-primary,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).ui-button-primary,
.MTDenumList .buttons-content button:not(.tinyButton).ui-button-primary,
.MTDenum .buttons-content button:not(.tinyButton).ui-button-primary,
.metadata-set-edit .buttons-content input[type="button"].ui-button-primary,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].ui-button-primary,
.mtd-set-status-export-dialog .buttons-content input[type="button"].ui-button-primary,
.mtd-set-permissions-dialog .buttons-content input[type="button"].ui-button-primary,
.bodyMtdtFieldEdit .buttons-content input[type="button"].ui-button-primary,
.MTDenumList .buttons-content input[type="button"].ui-button-primary,
.MTDenum .buttons-content input[type="button"].ui-button-primary,
.metadata-set-edit .buttons-content button:not(.tinyButton).blue_button,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).blue_button,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).blue_button,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).blue_button,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).blue_button,
.MTDenumList .buttons-content button:not(.tinyButton).blue_button,
.MTDenum .buttons-content button:not(.tinyButton).blue_button,
.metadata-set-edit .buttons-content input[type="button"].blue_button,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].blue_button,
.mtd-set-status-export-dialog .buttons-content input[type="button"].blue_button,
.mtd-set-permissions-dialog .buttons-content input[type="button"].blue_button,
.bodyMtdtFieldEdit .buttons-content input[type="button"].blue_button,
.MTDenumList .buttons-content input[type="button"].blue_button,
.MTDenum .buttons-content input[type="button"].blue_button,
.metadata-set-edit .buttons-content button:not(.tinyButton):last-child,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):last-child,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):last-child,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):last-child,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):last-child,
.MTDenumList .buttons-content button:not(.tinyButton):last-child,
.MTDenum .buttons-content button:not(.tinyButton):last-child,
.metadata-set-edit .buttons-content input[type="button"]:last-child,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:last-child,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:last-child,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:last-child,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:last-child,
.MTDenumList .buttons-content input[type="button"]:last-child,
.MTDenum .buttons-content input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.metadata-set-edit .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.MTDenumList .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.MTDenum .buttons-content button:not(.tinyButton).ui-button-primary:disabled,
.metadata-set-edit .buttons-content input[type="button"].ui-button-primary:disabled,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].ui-button-primary:disabled,
.mtd-set-status-export-dialog .buttons-content input[type="button"].ui-button-primary:disabled,
.mtd-set-permissions-dialog .buttons-content input[type="button"].ui-button-primary:disabled,
.bodyMtdtFieldEdit .buttons-content input[type="button"].ui-button-primary:disabled,
.MTDenumList .buttons-content input[type="button"].ui-button-primary:disabled,
.MTDenum .buttons-content input[type="button"].ui-button-primary:disabled,
.metadata-set-edit .buttons-content button:not(.tinyButton).blue_button:disabled,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).blue_button:disabled,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).blue_button:disabled,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).blue_button:disabled,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).blue_button:disabled,
.MTDenumList .buttons-content button:not(.tinyButton).blue_button:disabled,
.MTDenum .buttons-content button:not(.tinyButton).blue_button:disabled,
.metadata-set-edit .buttons-content input[type="button"].blue_button:disabled,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].blue_button:disabled,
.mtd-set-status-export-dialog .buttons-content input[type="button"].blue_button:disabled,
.mtd-set-permissions-dialog .buttons-content input[type="button"].blue_button:disabled,
.bodyMtdtFieldEdit .buttons-content input[type="button"].blue_button:disabled,
.MTDenumList .buttons-content input[type="button"].blue_button:disabled,
.MTDenum .buttons-content input[type="button"].blue_button:disabled,
.metadata-set-edit .buttons-content button:not(.tinyButton):last-child:disabled,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):last-child:disabled,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):last-child:disabled,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):last-child:disabled,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):last-child:disabled,
.MTDenumList .buttons-content button:not(.tinyButton):last-child:disabled,
.MTDenum .buttons-content button:not(.tinyButton):last-child:disabled,
.metadata-set-edit .buttons-content input[type="button"]:last-child:disabled,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:last-child:disabled,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:last-child:disabled,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:last-child:disabled,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:last-child:disabled,
.MTDenumList .buttons-content input[type="button"]:last-child:disabled,
.MTDenum .buttons-content input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.metadata-set-edit .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.MTDenumList .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.MTDenum .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.metadata-set-edit .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"].ui-button-primary:hover,
.MTDenumList .buttons-content input[type="button"].ui-button-primary:hover,
.MTDenum .buttons-content input[type="button"].ui-button-primary:hover,
.metadata-set-edit .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).blue_button:hover,
.MTDenumList .buttons-content button:not(.tinyButton).blue_button:hover,
.MTDenum .buttons-content button:not(.tinyButton).blue_button:hover,
.metadata-set-edit .buttons-content input[type="button"].blue_button:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].blue_button:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"].blue_button:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"].blue_button:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"].blue_button:hover,
.MTDenumList .buttons-content input[type="button"].blue_button:hover,
.MTDenum .buttons-content input[type="button"].blue_button:hover,
.metadata-set-edit .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):last-child:hover,
.MTDenumList .buttons-content button:not(.tinyButton):last-child:hover,
.MTDenum .buttons-content button:not(.tinyButton):last-child:hover,
.metadata-set-edit .buttons-content input[type="button"]:last-child:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:last-child:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:last-child:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:last-child:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:last-child:hover,
.MTDenumList .buttons-content input[type="button"]:last-child:hover,
.MTDenum .buttons-content input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.metadata-set-edit .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.MTDenumList .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.MTDenum .buttons-content button:not(.tinyButton).ui-button-primary:hover,
.metadata-set-edit .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"].ui-button-primary:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"].ui-button-primary:hover,
.MTDenumList .buttons-content input[type="button"].ui-button-primary:hover,
.MTDenum .buttons-content input[type="button"].ui-button-primary:hover,
.metadata-set-edit .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton).blue_button:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton).blue_button:hover,
.MTDenumList .buttons-content button:not(.tinyButton).blue_button:hover,
.MTDenum .buttons-content button:not(.tinyButton).blue_button:hover,
.metadata-set-edit .buttons-content input[type="button"].blue_button:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"].blue_button:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"].blue_button:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"].blue_button:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"].blue_button:hover,
.MTDenumList .buttons-content input[type="button"].blue_button:hover,
.MTDenum .buttons-content input[type="button"].blue_button:hover,
.metadata-set-edit .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton):last-child:hover,
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton):last-child:hover,
.MTDenumList .buttons-content button:not(.tinyButton):last-child:hover,
.MTDenum .buttons-content button:not(.tinyButton):last-child:hover,
.metadata-set-edit .buttons-content input[type="button"]:last-child:hover,
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"]:last-child:hover,
.mtd-set-status-export-dialog .buttons-content input[type="button"]:last-child:hover,
.mtd-set-permissions-dialog .buttons-content input[type="button"]:last-child:hover,
.bodyMtdtFieldEdit .buttons-content input[type="button"]:last-child:hover,
.MTDenumList .buttons-content input[type="button"]:last-child:hover,
.MTDenum .buttons-content input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.metadata-set-edit .buttons-content button:not(.tinyButton)[hidden],
.mtd-set-automatic-mode-dialog .buttons-content button:not(.tinyButton)[hidden],
.mtd-set-status-export-dialog .buttons-content button:not(.tinyButton)[hidden],
.mtd-set-permissions-dialog .buttons-content button:not(.tinyButton)[hidden],
.bodyMtdtFieldEdit .buttons-content button:not(.tinyButton)[hidden],
.MTDenumList .buttons-content button:not(.tinyButton)[hidden],
.MTDenum .buttons-content button:not(.tinyButton)[hidden],
.metadata-set-edit .buttons-content input[type="button"][hidden],
.mtd-set-automatic-mode-dialog .buttons-content input[type="button"][hidden],
.mtd-set-status-export-dialog .buttons-content input[type="button"][hidden],
.mtd-set-permissions-dialog .buttons-content input[type="button"][hidden],
.bodyMtdtFieldEdit .buttons-content input[type="button"][hidden],
.MTDenumList .buttons-content input[type="button"][hidden],
.MTDenum .buttons-content input[type="button"][hidden] {
  display: none;
}
.mtd-set-automatic-mode-dialog .help-text,
.mtd-set-permissions-dialog .help-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
.mtd-set-automatic-mode-dialog .help-text .icon_interrogation_circle,
.mtd-set-permissions-dialog .help-text .icon_interrogation_circle {
  cursor: pointer;
}
.MTDenum .checkbox-text,
.ui-dialog-content.entitySearchContainer[data-importroute="mam:vsnMAM.Controllers.EntitySearchCtrlV2"] .checkbox-text {
  font-size: 12px;
}
#periodicExecutionsPage {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 16px;
}
#periodicExecutionsPage .toolbar {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
#periodicExecutionsPage .toolbar .main-title {
  display: none;
}
#periodicExecutionsPage .toolbar .btn-interrogation_circle {
  background: none;
  float: none;
  margin: 0;
  cursor: pointer;
  display: flex;
}
#periodicExecutionsPage .toolbar .btn-interrogation_circle::before {
  font-size: 20px;
}
#periodicExecutionsPage .toolbar .k-menu {
  background: none;
  border: none;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 8px;
}
#periodicExecutionsPage .toolbar .k-menu .k-item#periodic_execution img,
#periodicExecutionsPage .toolbar .k-menu .k-item#refresh_periodic_execution img {
  display: none;
}
#periodicExecutionsPage .toolbar .k-menu .k-item#periodic_execution .k-link,
#periodicExecutionsPage .toolbar .k-menu .k-item#refresh_periodic_execution .k-link {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 4px;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
}
#periodicExecutionsPage .toolbar .k-menu .k-item#periodic_execution .k-link:hover,
#periodicExecutionsPage .toolbar .k-menu .k-item#refresh_periodic_execution .k-link:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#periodicExecutionsPage .toolbar .k-menu .k-item#periodic_execution .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .toolbar .k-menu .k-item#refresh_periodic_execution .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "refresh";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 !important;
}
#periodicExecutionsPage .pageContent::-webkit-scrollbar {
  width: 5px;
}
#periodicExecutionsPage .pageContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#periodicExecutionsPage .pageContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#periodicExecutionsPage .pageContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#periodicExecutionsPage .pageContent #periodicExecution_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#periodicExecutionsPage .pageContent .batch-item {
  width: 100% !important;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 !important;
}
#periodicExecutionsPage .pageContent .batch-item header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #3A454C;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 8px 16px;
  float: none;
  height: unset;
  font-size: unset;
  color: unset;
  font-weight: unset;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-name {
  color: #E6ECEF;
  font-weight: 700;
  font-size: 14px;
  flex-grow: 1;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools {
  display: flex;
  align-items: center;
  gap: 8px;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .label-item {
  border-left: 1px solid;
  padding-left: 16px;
  font-size: 12px;
  font-style: italic;
  color: #7A868E;
  flex-grow: 2;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button.saveButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "save";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button.editButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "edit";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button.addButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "add_circle";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item header .batch-tools .batch-tools-buttons button.deleteButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data {
  padding: 16px;
  border: none;
  background: none;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li {
  list-style: none;
  display: flex;
  gap: 16px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .table_cell:not(.w1) {
  flex: 1;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .goButtons {
  display: flex;
  flex-direction: column;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .goButtons button {
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
  padding: 0 !important;
  margin: 0 !important;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .goButtons button:hover {
  color: #FFFFFF;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .goButtons .goUpButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_up";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .goButtons .goDownButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_down";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent {
  display: flex;
  flex-wrap: wrap;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent .title {
  font-size: 14px;
  font-weight: 700;
  color: #4fc3a1 !important;
  margin: 0 !important;
  flex: 1;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent button::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent button img {
  display: none;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data ul li .bodyContent .description {
  font-size: 12px;
  color: #B8C2C8;
  float: none !important;
  margin: 0 !important;
  flex-basis: 100%;
}
#periodicExecutionsPage .pageContent .batch-item .batch-data .msg-center {
  font-size: 12px;
  color: #B8C2C8;
}
.ui-dialog.custom-pop-up-in-periodic-executions #periodicExecution {
  margin: 0 !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions .periodicExecContent {
  padding: 0 !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  min-width: 25%;
  float: none;
  width: unset;
  align-self: center;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template textarea {
  width: unset !important;
  flex: 1;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template span.error-message {
  font-size: 0;
  cursor: help;
  display: none;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template span.error-message::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "info";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template button.select-user {
  width: 32px;
  height: 32px;
  background: none;
  background-image: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  cursor: pointer;
  width: 32px !important;
  color: #7A868E;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template button.select-user:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_field_template .vsn_help_template_style {
  color: #7A868E;
  font-size: 10px;
  flex-basis: 100%;
  max-width: 100%;
  margin-top: 4px;
  margin-left: 25% !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions input[type="text"]:focus,
.ui-dialog.custom-pop-up-in-periodic-executions textarea:focus {
  border-color: #0A6F8F !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions input[type="text"].error {
  border-color: #EF4444 !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions .vsn_form_mandatory_message {
  text-align: right;
}
.ui-dialog.custom-pop-up-in-periodic-executions input#idperiodicExecPeriod {
  max-width: 10%;
}
.ui-dialog.custom-pop-up-in-periodic-executions input#idperiodicExecValidUntil {
  flex-basis: 65%;
}
.ui-dialog.custom-pop-up-in-periodic-executions .periodicExec_check {
  margin-left: 25% !important;
  flex-wrap: nowrap;
  text-indent: 22px;
  padding: 0 !important;
  white-space: nowrap;
  margin-top: 4px !important;
}
.ui-dialog.custom-pop-up-in-periodic-executions .periodicExec_check[checked="checked"] {
  text-indent: 2px;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer::-webkit-scrollbar {
  width: 5px;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer table.vsn-permissions thead {
  position: sticky;
  top: 0;
  z-index: 1;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer table.vsn-permissions thead tr {
  background-color: #003B54;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights div#publishedAgentsContainer .vsn-permissions th {
  text-align: center;
}
.ui-dialog-content#AddPublishedAgent .asset-user-rights .button-bar {
  padding-right: 0;
  margin: 0 !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container {
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  padding: 8px 16px;
  border-bottom: 1px solid #3A454C;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .show-all-fields-content {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .show-all-fields-content label {
  font-size: 12px;
  color: #E6ECEF !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons {
  display: flex;
  gap: 8px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  font-size: 11px;
  height: 2rem;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button.saveButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  font-size: 11px;
  height: 2rem;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button.saveButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button.saveButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button.saveButton:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-asset-buttons-and-check-container .merge-content-buttons button.replaceAllButton {
  margin-right: 16px !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  min-height: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content {
  display: contents;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .currentForm,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .suggested-content {
  grid-row: 2;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  padding: 8px 16px;
  min-height: 0;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .currentForm::-webkit-scrollbar,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .suggested-content::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .currentForm::-webkit-scrollbar-thumb,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .suggested-content::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .currentForm::-webkit-scrollbar-thumb:hover,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .suggested-content::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .currentForm::-webkit-scrollbar-track,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .suggested-content::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title {
  border-bottom: 1px solid #3A454C;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  gap: 16px;
  padding: 8px 16px;
  height: 100%;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-text,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-info,
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-info-review {
  font-size: 12px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-text {
  font-weight: 700;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-info {
  color: #7A868E;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content .merge-content-title .merge-section .merge-info-suggested .select-revision-combo .custom-combobox {
  width: 240px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.current .merge-content-title {
  border-right: 1px solid #3A454C;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.current .merge-content-title .merge-text {
  color: #99ff99;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.current .currentForm {
  border-right: 1px solid #3A454C;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.current .currentForm .vsn_form_label_row {
  color: #99ff99;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.suggested .merge-content-title .merge-text {
  color: #ff9999;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.suggested .suggested-content .suggested-content-empty {
  font-size: 12px;
  color: #7A868E !important;
  text-align: center;
  padding: 24px !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container .merge-content.suggested .suggested-content .vsn_form_label_row {
  color: #ff9999;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container + div {
  align-items: center;
  min-height: calc(2rem + 16px);
  border-top: 1px solid #3A454C;
  background-color: unset !important;
  justify-content: flex-start !important;
  padding: 8px 16px !important;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container + div .merge-content-buttons button {
  display: none;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container + div .delete-asset-merge-content {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
}
body.v2-theme .ui-tabs-panel:has(.merge-asset-container) .merge-asset-container .merge-content-container + div .delete-asset-merge-content label {
  font-size: 12px;
  cursor: pointer;
}
#process-detail-window .toolbar {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 2px 16px;
  border-bottom: 1px solid #283035;
}
#process-detail-window .toolbar .main-title {
  display: none;
}
#process-detail-window .toolbar .k-menu {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 4px;
}
#process-detail-window .toolbar .k-menu::after {
  content: "";
}
#process-detail-window .toolbar .k-menu .k-item {
  line-height: 1.2;
}
#process-detail-window .toolbar .k-menu .k-item .k-link {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out;
}
#process-detail-window .toolbar .k-menu .k-item .k-link img {
  display: none;
  height: 0;
}
#process-detail-window .toolbar .k-menu .k-item .k-link.k-state-hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: none !important;
  cursor: pointer;
}
#process-detail-window .toolbar #toolViewHelp .k-link {
  font-size: 0;
  gap: 2px;
}
#process-detail-window .toolbar #toolViewHelp .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "help_outline";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#process-detail-window .toolbar #toolViewHelp .k-link::after {
  content: "Help";
  font-size: 12px;
}
#process-detail-window .toolbar #toolSave .k-link::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "save";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#process-detail-window #page_content {
  display: flex;
  height: calc(100vh - 45px);
  overflow: hidden;
  margin-top: 0 !important;
  padding: 16px;
  gap: 12px;
}
#process-detail-window #page_content #processViewer {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
}
#process-detail-window #processViewer,
#process-detail-window #propertiesEditor {
  background-color: rgba(0, 0, 0, 0.2);
  border: 1px solid #283035;
  border-radius: 4px;
  overflow: hidden;
}
#process-detail-window #propertiesEditor {
  display: flex;
  width: 30%;
}
#process-detail-window #propertiesEditor #helpMessage {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: #7A868E;
  font-size: 12px;
  padding: 16px;
}
#process-detail-window #propertiesEditor #helpMessage::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "touch_app";
  font-family: "Material Symbols Outlined";
  font-size: 32px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#process-detail-window #propertiesEditor #stateEditor,
#process-detail-window #propertiesEditor #transitionEditor {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
}
#process-detail-window #propertiesEditor #stateEditor::-webkit-scrollbar,
#process-detail-window #propertiesEditor #transitionEditor::-webkit-scrollbar {
  width: 5px;
}
#process-detail-window #propertiesEditor #stateEditor::-webkit-scrollbar-thumb,
#process-detail-window #propertiesEditor #transitionEditor::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#process-detail-window #propertiesEditor #stateEditor::-webkit-scrollbar-thumb:hover,
#process-detail-window #propertiesEditor #transitionEditor::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#process-detail-window #propertiesEditor #stateEditor::-webkit-scrollbar-track,
#process-detail-window #propertiesEditor #transitionEditor::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#process-detail-window #propertiesEditor h2 {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-height: 40px;
  color: #FFFFFF;
  background-color: #004F6E;
  border-radius: 4px;
  font-size: 12px;
  padding: 8px 12px;
  margin: 12px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#process-detail-window #propertiesEditor section {
  padding: 4px 16px;
}
#process-detail-window #propertiesEditor section p {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  margin: 0 0 12px 0;
}
#process-detail-window #propertiesEditor section p:last-of-type {
  margin-bottom: 0;
}
#process-detail-window #propertiesEditor section p .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  padding: 0 0 4px 0;
}
#process-detail-window #propertiesEditor section p input[type="text"][disabled],
#process-detail-window #propertiesEditor section p input[type="number"][disabled],
#process-detail-window #propertiesEditor section p input[type="text"][readonly],
#process-detail-window #propertiesEditor section p input[type="number"][readonly] {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window #propertiesEditor section p select:hover {
  cursor: pointer;
}
#process-detail-window #propertiesEditor section p select[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window #propertiesEditor #transitionSourceName,
#process-detail-window #propertiesEditor #transitionTargetName {
  font-size: 12px;
  padding: 4px 2px;
}
#process-detail-window #propertiesEditor .button-bar {
  display: flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  gap: 8px;
  margin-top: 12px;
}
#process-detail-window #propertiesEditor .button-bar button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 2.5rem;
  cursor: pointer;
  font-size: 12px;
}
#process-detail-window #propertiesEditor .button-bar button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window #propertiesEditor .button-bar button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#process-detail-window #propertiesEditor .button-bar button img {
  display: none;
}
#process-detail-window #propertiesEditor .button-bar button#transitionBttnSaveRights {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#process-detail-window #propertiesEditor .button-bar button#transitionBttnSaveRights:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window #propertiesEditor .button-bar button#transitionBttnSaveRights:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#process-detail-window #propertiesEditor .button-bar button#transitionBttnSaveRights:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#process-detail-window #propertiesEditor .button-bar button#transitionBttnManageEvents {
  gap: 4px;
}
#process-detail-window #propertiesEditor #transitionEditorEvents h2 {
  position: relative;
}
#process-detail-window #propertiesEditor #transitionEditorEvents h2 button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 2.5rem;
  cursor: pointer;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  font-size: 12px;
}
#process-detail-window #propertiesEditor #transitionEditorEvents h2 button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window #propertiesEditor #transitionEditorEvents h2 button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#process-detail-window #propertiesEditor #transitionEditorEvents h2 button img {
  display: none;
}
#process-detail-window #propertiesEditor .vsn-permissions .vsn-permissions-checkbox {
  background: none;
  width: auto;
  height: auto;
}
#process-detail-window #propertiesEditor .vsn-permissions .vsn-permissions-checkbox[checked="checked"] {
  background: none;
}
#process-detail-window #propertiesEditor .vsn-permissions .vsn-permission-remover {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
  color: #B8C2C8;
  cursor: pointer;
}
#process-detail-window #propertiesEditor .vsn-permissions .vsn-permission-remover:hover {
  color: #FFFFFF;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content {
  height: auto !important;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content .show-confirm-text {
  padding: 0;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content h4 {
  background-color: #B8C2C8;
  color: #141B1F;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 12px;
  padding: 0.375rem 1rem;
  margin: 0 0 12px 0;
  border-radius: 4px;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content ul.process-editor-help {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 12px;
  padding: 0 8px;
  margin: 0 0 16px 0;
  list-style: none;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content ul.process-editor-help li {
  position: relative;
  padding-left: calc(20px + 8px);
  font-size: 12px;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content ul.process-editor-help li img {
  position: absolute;
  left: 0;
  top: 2px;
  width: 20px;
  height: 20px;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-custom-content ul.process-editor-help li span {
  color: #4fc3a1;
  font-weight: 700;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton),
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].blue_button,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].blue_button:disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:disabled,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).ui-button-primary:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].ui-button-primary:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton).blue_button:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"].blue_button:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton):last-child:hover,
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane button:not(.tinyButton)[hidden],
#process-detail-window .ui-dialog.vsn-dialog.custom-dialog .ui-dialog-buttonpane input[type="button"][hidden] {
  display: none;
}
#process-detail-window .ui-widget-overlay {
  backdrop-filter: none;
  background: none;
  position: fixed;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .pageContent {
  padding: 16px;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 0;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton),
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).ui-button-primary,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].ui-button-primary,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).blue_button,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].blue_button,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):last-child,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).ui-button-primary:disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].ui-button-primary:disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).blue_button:disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].blue_button:disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):last-child:disabled,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).ui-button-primary:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].ui-button-primary:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).blue_button:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].blue_button:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):last-child:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).ui-button-primary:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].ui-button-primary:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton).blue_button:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"].blue_button:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton):last-child:hover,
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar button:not(.tinyButton)[hidden],
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] .button-bar input[type="button"][hidden] {
  display: none;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] #watchfolder-section .vsn_form_field.field-zero-or-custom .vsn_form_field_input.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] #watchfolder-section .vsn_form_field.field-zero-or-custom .vsn_form_field_input.form-group > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ui-tabs-panel[data-importroute="wf:vsnWF.Controllers.WatchfolderDetailsCtrl"] #watchfolder-section .vsn_form_field.field-zero-or-custom .vsn_form_field_input.form-group > div label {
  white-space: nowrap;
  font-size: 12px;
}
.publicAgentsManagement {
  padding: 16px;
  margin: 0 !important;
}
.publicAgentsManagement .input-with-addons {
  display: flex;
  height: 32px;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.publicAgentsManagement .input-with-addons .control {
  flex: 1;
  display: flex;
  min-width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.publicAgentsManagement .input-with-addons .control input[type="text"] {
  border: none;
  border-radius: 0;
  background: transparent;
  padding: 0 8px !important;
}
.ui-dialog.diaAgentDetail h2 {
  background: #004F6E;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 8px 12px;
  margin: 12px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#actions-management-page {
  display: flex;
  height: 100vh;
  overflow: hidden;
}
#actions-management-page .pageContent.areasActionsEdit {
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 12px;
  padding: 16px;
  overflow: hidden;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer,
#actions-management-page .pageContent.areasActionsEdit .rightContainer {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer h2,
#actions-management-page .pageContent.areasActionsEdit .rightContainer h2 {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  min-height: 36px;
  color: #FFFFFF;
  background-color: #004F6E;
  border-radius: 4px;
  font-size: 12px;
  padding: 8px 12px;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  overflow-y: auto;
  padding: 12px;
  margin: 0;
  gap: 8px;
  border: 1px solid #283035;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.15);
  min-height: 0 !important;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list::-webkit-scrollbar,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list::-webkit-scrollbar {
  width: 5px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list::-webkit-scrollbar-thumb,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list::-webkit-scrollbar-thumb:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list::-webkit-scrollbar-track,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list #dropAnAgentBox,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list #dropAnAgentBox {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  gap: 4px;
  color: #7A868E;
  font-size: 13px;
  border: 1px dashed #3A454C;
  border-radius: 4px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list #dropAnAgentBox::before,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list #dropAnAgentBox::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "drag_indicator";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  height: auto !important;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement:hover {
  cursor: move;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement.vsn-action-selected,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement.vsn-action-selected {
  border-color: #004F6E;
  background-color: rgba(0, 79, 110, 0.2);
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .title,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .title {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #4fc3a1;
  font-weight: 700;
  font-size: 13px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .deleteAction,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .deleteAction,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionPermissions,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionPermissions,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionSearch,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionSearch,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .importAgent,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .importAgent {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .deleteAction:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .deleteAction:hover,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionPermissions:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionPermissions:hover,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionSearch:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionSearch:hover,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .importAgent:hover,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .importAgent:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .deleteAction.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .deleteAction.hidden,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionPermissions.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionPermissions.hidden,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionSearch.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionSearch.hidden,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .importAgent.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .importAgent.hidden {
  display: none;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .title,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .title {
  order: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionSearch,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionSearch {
  order: 1;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionPermissions,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionPermissions {
  order: 2;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .deleteAction,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .deleteAction {
  order: 3;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .importAgent,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .importAgent {
  order: 4;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .description,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .description {
  order: 5;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .appliesTo,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .appliesTo {
  order: 6;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .restrictTo,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .restrictTo {
  order: 7;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .deleteAction::before,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .deleteAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionPermissions::before,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionPermissions::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person_check";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .manageActionSearch::before,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .manageActionSearch::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "filter_alt";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .importAgent::before,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .importAgent::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "chevron_right";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .description,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .description {
  flex-basis: 100%;
  color: #B8C2C8;
  font-size: 12px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .appliesTo,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .appliesTo,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .restrictTo,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .restrictTo {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  flex-basis: 100%;
  gap: 4px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .appliesTo.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .appliesTo.hidden,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .restrictTo.hidden,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .restrictTo.hidden {
  display: none !important;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .appliesTo .fieldLabel,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .appliesTo .fieldLabel,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .restrictTo .fieldLabel,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .restrictTo .fieldLabel {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  color: #7A868E;
  font-size: 11px;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .appliesTo .fieldName,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .appliesTo .fieldName,
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list li.actionElement .restrictTo .fieldName,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list li.actionElement .restrictTo .fieldName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #E6ECEF;
  font-size: 11px;
  font-style: italic;
}
#actions-management-page .pageContent.areasActionsEdit .leftContainer ul.vsn-active-list.vsn-drop-active,
#actions-management-page .pageContent.areasActionsEdit .rightContainer ul.vsn-active-list.vsn-drop-active {
  border: 2px dashed #004F6E;
  border-radius: 4px;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages .ui-dialog-content,
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages .ui-custom-content {
  height: auto !important;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages #rightsContent {
  max-height: 250px;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages #rightsContent .vsn-permissions .vsn-permissions-checkbox {
  background: none;
  width: auto;
  height: auto;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages #rightsContent .vsn-permissions .vsn-permissions-checkbox[checked="checked"] {
  background: none;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages #rightsContent .vsn-permissions .vsn-permission-remover {
  background-image: none;
  text-indent: 0;
  width: auto;
  height: auto;
  color: #B8C2C8;
  cursor: pointer;
}
#actions-management-page .ui-dialog.custom-pop-up-in-action-pages #rightsContent .vsn-permissions .vsn-permission-remover:hover {
  color: #FFFFFF;
}
#actions-management-page .ui-widget-overlay {
  backdrop-filter: none;
  background: none;
  position: fixed;
}
.agent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  height: 100%;
}
.agent::-webkit-scrollbar {
  width: 5px;
}
.agent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.agent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.agent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.agent ul.vsn-combobox-autocomplete {
  position: fixed !important;
  max-height: 300px;
  border: 1px solid #3A454C !important;
  border-radius: 4px !important;
}
.agent .add-tags-to-asset {
  flex: 1;
  margin-top: 8px;
}
.agent #consolidationOptionsForm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}
.agent #consolidationOptionsForm .vsn_form_field {
  display: flex !important;
  gap: 8px;
  align-items: center;
}
.agent .transcodingProfilePlaceholder {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agent .transcodingProfilePlaceholder:empty {
  display: none;
}
.agent .transcodingProfilePlaceholder .vsn_field_template {
  display: flex !important;
}
.agent .vsn_form_mandatory_message {
  text-align: right;
}
.agent button#openManagement {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent button#openManagement:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent button#openManagement:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent button#openManagement:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent .blue-highlight {
  color: #A6C83A;
  font-weight: 700;
}
.error-message-icon-agent {
  font-size: 0;
  display: none;
}
.agent .section-header,
.agent .transcode-title,
.separator-section-agent {
  background: #004F6E;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 8px 12px;
  margin: 12px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent .section-header h4,
.agent .transcode-title h4,
.separator-section-agent h4 {
  margin: 0;
}
#agentConfigurationForm {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#agentConfigurationForm:empty {
  display: none;
}
#agentConfigurationForm .field-container {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
#agentConfigurationForm .vsn_field_template.maxmilliseconds,
#agentConfigurationForm .vsn_field_template.threshold {
  flex-wrap: wrap;
  align-items: flex-start !important;
}
#agentConfigurationForm .vsn_field_template.maxmilliseconds .field-input-container,
#agentConfigurationForm .vsn_field_template.threshold .field-input-container {
  flex: 1;
}
#agentConfigurationForm .vsn_field_template.maxmilliseconds .field-input-container input,
#agentConfigurationForm .vsn_field_template.threshold .field-input-container input {
  width: 100%;
}
#agentConfigurationForm .vsn_field_template.maxmilliseconds .vsn_form_help,
#agentConfigurationForm .vsn_field_template.threshold .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
  margin-top: 2px;
}
#agentTemplateConfiguration {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex-grow: 1;
}
.agent .vsn_field_template,
.register-storage-selector .vsn_field_template,
.config-delete-old-tasks .vsn_field_template,
.sendToFacebook .vsn_field_template {
  display: flex;
  gap: 8px;
  align-items: center;
}
.agent .vsn_field_template .vsn_form_field_input,
.register-storage-selector .vsn_field_template .vsn_form_field_input,
.config-delete-old-tasks .vsn_field_template .vsn_form_field_input,
.sendToFacebook .vsn_field_template .vsn_form_field_input {
  display: flex;
  align-items: center;
  gap: 4px;
}
.agent .vsn_field_template .field-input-container input[type="text"],
.register-storage-selector .vsn_field_template .field-input-container input[type="text"],
.config-delete-old-tasks .vsn_field_template .field-input-container input[type="text"],
.sendToFacebook .vsn_field_template .field-input-container input[type="text"] {
  background-color: rgba(0, 0, 0, 0.3);
}
.agent .vsn_field_template .lockWidthAgents.vsn-ico-keep-aspect::before,
.register-storage-selector .vsn_field_template .lockWidthAgents.vsn-ico-keep-aspect::before,
.config-delete-old-tasks .vsn_field_template .lockWidthAgents.vsn-ico-keep-aspect::before,
.sendToFacebook .vsn_field_template .lockWidthAgents.vsn-ico-keep-aspect::before,
.agent .vsn_field_template .lockWidthAgents.vsn-ico-dont-keep-aspect::before,
.register-storage-selector .vsn_field_template .lockWidthAgents.vsn-ico-dont-keep-aspect::before,
.config-delete-old-tasks .vsn_field_template .lockWidthAgents.vsn-ico-dont-keep-aspect::before,
.sendToFacebook .vsn_field_template .lockWidthAgents.vsn-ico-dont-keep-aspect::before {
  transform: rotate(90deg);
}
.agent .vsn_field_template label.form-label-agent,
.register-storage-selector .vsn_field_template label.form-label-agent,
.config-delete-old-tasks .vsn_field_template label.form-label-agent,
.sendToFacebook .vsn_field_template label.form-label-agent,
.agent .vsn_field_template label.vsn_form_label,
.register-storage-selector .vsn_field_template label.vsn_form_label,
.config-delete-old-tasks .vsn_field_template label.vsn_form_label,
.sendToFacebook .vsn_field_template label.vsn_form_label {
  min-width: 100px;
  font-size: 10px !important;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent .help-text,
.help-text-agent,
.agent .help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
#contentDiv {
  height: inherit;
}
#defaultAgentMainContainer {
  display: flex;
  flex-direction: column;
  height: inherit;
}
#defaultAgentMainContainer > div {
  margin: 5px 10px 5px 10px;
}
.vsnContent {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.vsnContent label.vsn_form_label {
  min-width: 100px;
  font-size: 10px !important;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.vsnContent .title-h3-agent:empty {
  display: none;
}
#tree_div .vsn_form_label {
  align-self: flex-start;
}
#tree_div #treeView {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  border-radius: 4px;
  border: 1px solid #3A454C;
  flex: 1;
  background: rgba(0, 0, 0, 0.2);
  max-height: 300px;
  overflow: auto;
}
#tree_div #treeView::-webkit-scrollbar {
  width: 5px;
}
#tree_div #treeView::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
#tree_div #treeView::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
#tree_div #treeView::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
#tree_div #treeView:empty {
  display: none;
}
.buttons-bar,
.button-bar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 0;
}
.buttons-bar .ui-dialog-buttonset,
.button-bar .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.buttons-bar button:not(.tinyButton),
.button-bar button:not(.tinyButton),
.buttons-bar input[type="button"],
.button-bar input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.buttons-bar button:not(.tinyButton):disabled,
.button-bar button:not(.tinyButton):disabled,
.buttons-bar input[type="button"]:disabled,
.button-bar input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.buttons-bar button:not(.tinyButton):hover,
.button-bar button:not(.tinyButton):hover,
.buttons-bar input[type="button"]:hover,
.button-bar input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.buttons-bar button:not(.tinyButton).ui-button-primary,
.button-bar button:not(.tinyButton).ui-button-primary,
.buttons-bar input[type="button"].ui-button-primary,
.button-bar input[type="button"].ui-button-primary,
.buttons-bar button:not(.tinyButton).blue_button,
.button-bar button:not(.tinyButton).blue_button,
.buttons-bar input[type="button"].blue_button,
.button-bar input[type="button"].blue_button,
.buttons-bar button:not(.tinyButton):last-child,
.button-bar button:not(.tinyButton):last-child,
.buttons-bar input[type="button"]:last-child,
.button-bar input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.buttons-bar button:not(.tinyButton).ui-button-primary:disabled,
.button-bar button:not(.tinyButton).ui-button-primary:disabled,
.buttons-bar input[type="button"].ui-button-primary:disabled,
.button-bar input[type="button"].ui-button-primary:disabled,
.buttons-bar button:not(.tinyButton).blue_button:disabled,
.button-bar button:not(.tinyButton).blue_button:disabled,
.buttons-bar input[type="button"].blue_button:disabled,
.button-bar input[type="button"].blue_button:disabled,
.buttons-bar button:not(.tinyButton):last-child:disabled,
.button-bar button:not(.tinyButton):last-child:disabled,
.buttons-bar input[type="button"]:last-child:disabled,
.button-bar input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.buttons-bar button:not(.tinyButton).ui-button-primary:hover,
.button-bar button:not(.tinyButton).ui-button-primary:hover,
.buttons-bar input[type="button"].ui-button-primary:hover,
.button-bar input[type="button"].ui-button-primary:hover,
.buttons-bar button:not(.tinyButton).blue_button:hover,
.button-bar button:not(.tinyButton).blue_button:hover,
.buttons-bar input[type="button"].blue_button:hover,
.button-bar input[type="button"].blue_button:hover,
.buttons-bar button:not(.tinyButton):last-child:hover,
.button-bar button:not(.tinyButton):last-child:hover,
.buttons-bar input[type="button"]:last-child:hover,
.button-bar input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.buttons-bar button:not(.tinyButton).ui-button-primary:hover,
.button-bar button:not(.tinyButton).ui-button-primary:hover,
.buttons-bar input[type="button"].ui-button-primary:hover,
.button-bar input[type="button"].ui-button-primary:hover,
.buttons-bar button:not(.tinyButton).blue_button:hover,
.button-bar button:not(.tinyButton).blue_button:hover,
.buttons-bar input[type="button"].blue_button:hover,
.button-bar input[type="button"].blue_button:hover,
.buttons-bar button:not(.tinyButton):last-child:hover,
.button-bar button:not(.tinyButton):last-child:hover,
.buttons-bar input[type="button"]:last-child:hover,
.button-bar input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.buttons-bar button:not(.tinyButton)[hidden],
.button-bar button:not(.tinyButton)[hidden],
.buttons-bar input[type="button"][hidden],
.button-bar input[type="button"][hidden] {
  display: none;
}
.ui-helper-hidden-accessible {
  display: none;
}
.addWaterMark .addBUContainer .addBussinessUseOptions .vsn_form_main_content {
  display: flex;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  margin: 8px 0;
  padding: 0 8px;
}
.addWaterMark .addBUContainer .addBussinessUseOptions .vsn_form_main_content .vsn_form_row {
  margin: 4px 0;
  flex: 1;
}
.addWaterMark .addBUContainer .addBussinessUseOptions .vsn_form_main_content .vsn_form_row .vsn_form_field_input .vsn-combobox {
  min-width: 250px;
}
.ui-dialog.agent-consolidate-container-action .container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agent.add-image-business-use .add-image-business-use {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.agent-buildKeyFrames .buildKeyFramesConfig .field-container input.widthInputKeyframeConfiguration {
  width: 75px !important;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerWidthkeyframeConfiguration {
  align-items: flex-start;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerWidthkeyframeConfiguration > .vsn_form_label {
  padding-top: 7px;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerWidthkeyframeConfiguration .field-input-container {
  position: relative;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerWidthkeyframeConfiguration .field-input-container .lockWidthAgents {
  position: absolute;
  left: 92px;
  top: 38px;
  transform: translateY(-50%);
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerHeightkeyframeConfiguration .inputContainerHeightkeyframeConfiguration {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  gap: 8px;
  flex: 1;
  width: auto;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerHeightkeyframeConfiguration .inputContainerHeightkeyframeConfiguration .vsn_form_help {
  flex-basis: 100%;
  font-size: 10px;
  line-height: 1.4;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.containerHeightkeyframeConfiguration input.heightInputKeyframeConfiguration {
  width: 75px;
  min-width: 75px;
  max-width: 75px;
  flex-shrink: 0;
  flex-grow: 0;
}
.agent-buildKeyFrames .buildKeyFramesConfig .vsn_field_template.extractFirstFrame .vsn_form_label {
  white-space: nowrap;
}
.agent-buildKeyFrames .buildKeyFramesConfig .lineInputKeyframeConfiguration {
  border-top: solid 2px;
  border-right: solid 2px;
  border-bottom: solid 2px;
  border-color: #FFFFFF;
  width: 12px;
  height: 45px;
  position: absolute;
  top: 15px;
  left: 77px;
  -webkit-box-shadow: -7px 8px 9px -9px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: -7px 8px 9px -9px rgba(0, 0, 0, 0.8);
  box-shadow: inset -7px 8px 9px -9px rgba(0, 0, 0, 0.8);
  border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
}
#buildFilegroupThumbnailPlaceholder {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
#buildFilegroupThumbnailPlaceholder .field-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
#buildFilegroupThumbnailPlaceholder .field-input-container:has(.input-build-asset-thumbnail) {
  flex-wrap: wrap;
  align-items: flex-start;
}
#buildFilegroupThumbnailPlaceholder .field-input-container:has(.input-build-asset-thumbnail) .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent-change-asset-rights .currentUsersRightsSection label.vsn-checkbox {
  display: flex;
  gap: 4px;
  font-size: 12px;
  align-items: center;
}
.agent-change-asset-rights .currentUsersRightsSection .currentUsersRightsContainer {
  margin-top: 8px;
}
.agent-change-asset-rights .currentUsersRightsSection .currentUsersRightsContainer .vsn-permissions th:first-child,
.agent-change-asset-rights .currentUsersRightsSection .currentUsersRightsContainer .vsn-permissions td:first-child,
.agent-change-asset-rights .currentUsersRightsSection .currentUsersRightsContainer .vsn-permissions th:last-child,
.agent-change-asset-rights .currentUsersRightsSection .currentUsersRightsContainer .vsn-permissions td:last-child {
  display: none;
}
.agent-change-asset-rights h2.separator-section-agent {
  margin: 0;
}
.agent-change-asset-rights #replaceOrMergeText {
  font-size: 12px !important;
  color: #B8C2C8;
}
.agent-change-asset-rights .divRadioButton .vsn_help_template_style {
  font-size: 12px !important;
}
.agent-change-asset-rights .rightsToAddContainer {
  margin-top: 8px;
}
.agent-change-asset-rights .button-bar.addRights {
  margin-top: 8px;
}
.agent-select-file-formats {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agent-select-file-formats section.help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(0, 0, 0, 0.1);
  color: #B8C2C8;
  padding: 8px;
  border-radius: 4px;
  font-size: 12px !important;
  width: 100% !important;
}
.agent-select-file-formats #availableFileFormats > div {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}
.agent-select-file-formats .vsn_form_label {
  font-size: 10px !important;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent-select-file-formats .skinned-select {
  height: auto !important;
  position: relative;
}
.agent-select-file-formats .skinned-select::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.agent-select-file-formats .skinned-select .select-text {
  display: none;
}
.agent-select-file-formats .skinned-select select.vsn_form_select {
  appearance: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 8px 2rem 8px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.agent-select-file-formats .skinned-select select.vsn_form_select option {
  background-color: #141B1F !important;
  color: #E6ECEF !important;
}
.agent-select-file-formats #btnAddFormat {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent-select-file-formats #btnAddFormat:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent-select-file-formats #btnAddFormat:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent-select-file-formats #btnAddFormat:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent-select-file-formats #btnAddFormat img {
  display: none;
}
.config-delete-old-tasks #configurationForm,
.config-delete-old-tasks .configurationForm {
  margin: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.config-delete-old-tasks .form-label-agent {
  align-self: flex-start;
  padding-top: 8px;
}
.config-delete-old-tasks .field-input-container {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.config-delete-old-tasks .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent-send-to-multistream .field-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.agent-send-to-multistream .field-container .form-label-agent {
  align-self: flex-start;
  padding-top: 8px;
}
.agent-send-to-multistream .field-container .field-input-container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.agent-send-to-multistream .field-container .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent-send-to-multistream .single-transcode-options {
  display: none;
}
.RepeatAsset .agent .repetition,
.RepeatAsset .agent .week-type,
.RepeatAsset .agent .month-type,
.RepeatAsset .agent .once-type,
.RepeatAsset .agent .start-date-section,
.RepeatAsset .agent .state-selector,
.RepeatAsset .agent .start-time-selector {
  display: flex;
  border: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.agent-transfer-file .transfer_field_files_checkbox {
  display: none;
}
.config-delete-old-tasks .loadingBackground,
.execute-action-onSearch .loadingBackground,
.config-export-asset-to-crea .loadingBackground,
.config-export-search .loadingBackground {
  display: none;
}
.execute-action-onSearch label.vsn_form_checkbox {
  margin: 0 !important;
}
.execute-action-onSearch .container {
  margin: 16px 0;
}
.execute-action-onSearch .advancedSearchPopup .secondaryToolbar {
  display: none;
}
.agent.execute-agents-in-batch #addAgents #agentsContainer {
  max-height: 400px;
  overflow-y: scroll;
}
.agent.execute-agents-in-batch .buttons-bar,
.agent.execute-agents-in-batch .button-bar {
  padding: 16px 0;
}
.agent.execute-agents-in-batch .noSelectedAgentsMsg {
  text-align: center;
  width: 100%;
  float: right;
  font-size: 12px;
}
.agent.execute-agents-in-batch ul#BatchAgentsList {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  gap: 8px;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li {
  list-style: none;
  display: flex;
  gap: 16px;
  padding: 12px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  cursor: move;
  background-color: #141B1F;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li:first-child .goUpButtonAction,
.agent.execute-agents-in-batch ul#BatchAgentsList li:last-child .goDownButtonAction {
  visibility: hidden;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .move-item-buttons {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .move-item-buttons button {
  background: none;
  border: none;
  cursor: pointer;
  color: #7A868E;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .move-item-buttons button:hover {
  color: #FFFFFF;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .move-item-buttons .goUpButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_up";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .move-item-buttons .goDownButtonAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_circle_down";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header {
  display: flex;
  align-items: center;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .title {
  font-size: 14px;
  font-weight: 700;
  color: #4fc3a1;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons {
  display: flex;
  align-items: center;
  gap: 2px;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons .button-container {
  display: flex;
  align-items: center;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons button i::before {
  font-size: 22px;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons .manageActionSearch::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "dynamic_form";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .action-header .agent-buttons .deleteAction::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "delete";
  font-family: "Material Symbols Outlined";
  font-size: 20px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .description {
  font-size: 12px;
  color: #B8C2C8;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to {
  margin-top: 8px;
  border-top: 1px solid #FFFFFF;
  padding-top: 8px;
  display: flex;
  align-items: stretch;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7A868E;
  margin-right: 8px;
  align-self: center;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to .fieldName {
  color: #b8c2c8;
  font-size: 12px;
  font-style: italic;
  border: 1px solid #FFFFFF;
  padding: 2px 8px;
  padding-right: 2px;
  border-radius: 8px;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to .fieldName:empty {
  display: none;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to .delete-restriction {
  background: none;
  border: none;
  border: 1px solid #FFFFFF;
  border-radius: 8px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0;
  padding-right: 8px;
}
.agent.execute-agents-in-batch ul#BatchAgentsList li .action-data .restrict-to .delete-restriction .vsn-ico-cross-red::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #EF4444;
}
.config-export-asset-to-crea .configurationForm {
  margin: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.config-export-asset-to-crea .differentClassesError {
  position: relative;
  float: right;
  margin-right: 10px;
  display: none;
}
.config-export-asset-to-crea .errorMsg_label {
  margin-right: auto;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  font-size: 12px;
  font-weight: 700;
  color: #FFFFFF;
  background: #C53030;
  align-items: center;
}
.configure-generate-image-proxies .proxiesContainer {
  display: flex;
  justify-content: space-between;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container {
  display: flex;
  flex: 1 0 0;
  flex-wrap: wrap;
  max-width: 31%;
  margin: 3px 5px;
  overflow: hidden;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form-label {
  width: 100%;
  display: flex;
  justify-content: center;
  min-height: 15px;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form {
  display: flex;
  width: 100%;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form .vsn_form_main_content {
  margin: 5px 6px;
  display: flex;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form .vsn_form_main_content .vsn_form_row {
  width: 45%;
  margin: 5px;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form .vsn_form_main_content .vsn_form_row .no-content {
  display: none !important;
}
.configure-generate-image-proxies .proxiesContainer .proxy-form-container .proxy-form .vsn_form_main_content .vsn_form_row .vsn_form_int {
  width: 100% !important;
}
.agent-generate-new-rendition .configure-form .field-container {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
.agent .smashing-rendition-container .form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent .smashing-rendition-container .orderable-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #3A454C;
  background-color: rgba(0, 0, 0, 0.2);
}
.agent .smashing-rendition-container .orderable-list .orderable-list-no-items {
  font-size: 12px;
}
.agent .smashing-rendition-container .checkbox.checkbox-with-label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.agent .smashing-rendition-container .profile-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.agent .smashing-rendition-container .profile-selector .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent .smashing-rendition-container .profileSelectPlaceholder,
.agent .smashing-rendition-container .renderEngineSelectPlaceholder {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
.agent .smashing-rendition-container .profileSelectPlaceholder .vsn_form_label,
.agent .smashing-rendition-container .renderEngineSelectPlaceholder .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent .smashing-rendition-container .buttonsRow {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding-right: 0;
}
.agent .smashing-rendition-container .buttonsRow .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton),
.agent .smashing-rendition-container .buttonsRow input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):disabled,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).ui-button-primary,
.agent .smashing-rendition-container .buttonsRow input[type="button"].ui-button-primary,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).blue_button,
.agent .smashing-rendition-container .buttonsRow input[type="button"].blue_button,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):last-child,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
.agent .smashing-rendition-container .buttonsRow input[type="button"].ui-button-primary:disabled,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).blue_button:disabled,
.agent .smashing-rendition-container .buttonsRow input[type="button"].blue_button:disabled,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):last-child:disabled,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"].ui-button-primary:hover,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).blue_button:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"].blue_button:hover,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):last-child:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"].ui-button-primary:hover,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton).blue_button:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"].blue_button:hover,
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton):last-child:hover,
.agent .smashing-rendition-container .buttonsRow input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent .smashing-rendition-container .buttonsRow button:not(.tinyButton)[hidden],
.agent .smashing-rendition-container .buttonsRow input[type="button"][hidden] {
  display: none;
}
.insert-subtitle-into-mxf .agent .BU-selector {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 8px auto;
}
.insert-subtitle-into-mxf .agent .BU-selector label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.insert-subtitle-into-mxf .agent .BU-selector .select-row-container {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
}
.insert-subtitle-into-mxf .agent .BU-selector .select-row-container .vsn-combobox {
  flex: 1;
}
.insert-subtitle-into-mxf .agent .BU-selector button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.insert-subtitle-into-mxf .agent .BU-selector button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.insert-subtitle-into-mxf .agent .BU-selector button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.insert-subtitle-into-mxf .agent .BU-selector button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-placeholder {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 5px;
  margin: 5px 0;
  border: 1px solid #3A454C;
  border-radius: 4px;
  padding: 8px;
  flex-wrap: wrap;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-placeholder .BU-placeholder-text {
  font-size: 12px;
  font-style: italic;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-placeholder .doRemoveBusinessUse {
  background: rgba(0, 0, 0, 0.6) !important;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 5px;
  border-radius: 50%;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-placeholder .doRemoveBusinessUse.hidden {
  display: none;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-placeholder .doRemoveBusinessUse::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "close";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.insert-subtitle-into-mxf .agent .BU-container .BU-selected {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  position: relative;
  min-height: 0 !important;
  padding: 0 12px !important;
  height: 22px;
  color: #FFFFFF;
  text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
  border-radius: 4px;
  gap: 5px;
  line-height: 1;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 16px 0;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton),
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).ui-button-primary,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].ui-button-primary,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).blue_button,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].blue_button,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):last-child,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).ui-button-primary:disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].ui-button-primary:disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).blue_button:disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].blue_button:disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):last-child:disabled,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).ui-button-primary:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].ui-button-primary:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).blue_button:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].blue_button:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):last-child:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).ui-button-primary:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].ui-button-primary:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton).blue_button:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"].blue_button:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton):last-child:hover,
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.insert-subtitle-into-mxf .agent .agent-buttons-bar button:not(.tinyButton)[hidden],
.insert-subtitle-into-mxf .agent .agent-buttons-bar input[type="button"][hidden] {
  display: none;
}
.nomarlizeMainFileConf .agent .availableFileFormats > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.nomarlizeMainFileConf .agent .availableFileFormats > div button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.nomarlizeMainFileConf .agent .availableFileFormats > div button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.nomarlizeMainFileConf .agent .availableFileFormats > div button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.nomarlizeMainFileConf .agent .availableFileFormats > div button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.nomarlizeMainFileConf .agent .selectedfileFormats .tableContainer {
  height: 200px;
  overflow: auto;
}
.nomarlizeMainFileConf .agent .selectedTranscodeProfile {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.nomarlizeMainFileConf .agent .selectedTranscodeProfile .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.nomarlizeMainFileConf .agent .profileSelectPlaceholder,
.nomarlizeMainFileConf .agent .renderEngineSelectPlaceholder {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
.nomarlizeMainFileConf .agent .deleteEntryFilegroup > div {
  display: flex;
  gap: 8px;
}
.nomarlizeMainFileConf .agent .selectedBusinessUse > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.nomarlizeMainFileConf .agent .selectedBusinessUse > div .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent.agent-send-to-twitter .configure-form .field-container {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
.agent.agent-send-to-twitter .configure-form .field-container .form-label-agent {
  align-self: flex-start;
  padding-top: 8px;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .configure-purge-options {
  margin: 8px 0;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section {
  display: flex;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-start;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section h3 {
  font-size: 14px;
  width: 100%;
  margin-bottom: 0;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section .purge-options-section-element {
  display: flex;
  gap: 8px;
  align-items: center;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section .purge-options-section-element input[type="radio"] {
  margin: 0;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section .configure-purge-text-container {
  display: flex;
  visibility: hidden;
  flex-wrap: wrap;
  flex: 2;
}
.agent.purge-assets .purge-assets-container .purge-assets-configuration-container .purge-options-section .configure-purge-text-container .text-configure-purge-label {
  font-size: 12px;
  color: #B8C2C8;
  line-height: 1.4;
}
.agent.purge-assets .purge-files-archive-container input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent.purge-assets .purge-files-archive-container input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent.purge-assets .purge-files-archive-container input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent.purge-assets .purge-files-archive-container input[type="button"]:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent.purge-old-files-volume-occupation .location-selectors-container {
  display: flex;
}
.agent.purge-old-files-volume-occupation .volume-container,
.agent.purge-old-files-volume-occupation .archive-container {
  display: flex;
  flex-wrap: wrap;
}
.agent.purge-old-files-volume-occupation .volume-container .header,
.agent.purge-old-files-volume-occupation .archive-container .header {
  display: flex;
  width: 100%;
  margin-bottom: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.agent.purge-old-files-volume-occupation .volume-container .header label,
.agent.purge-old-files-volume-occupation .archive-container .header label {
  font-size: 12px;
}
.send-wedit-cuts-to-folder .agent .profile-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.send-wedit-cuts-to-folder .agent .form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.send-wedit-cuts-to-folder .agent .frame-accuracy-row,
.send-wedit-cuts-to-folder .agent .use-intermediate-copy-row {
  flex-direction: row;
  gap: 8px;
}
.agent.sendToFacebook .fb-login-button-wrapper {
  height: unset !important;
}
.agent.sendToFacebook .fb-login-button-wrapper iframe {
  width: 100% !important;
  border: none !important;
  margin: 8px 0 !important;
}
.agent.sendToFacebook .user-name,
.agent.sendToFacebook .accounts {
  display: none;
}
.sendToFacebook {
  overflow: auto !important;
}
.sendToFacebook .field-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sendToFacebook .field-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.sendToFacebook button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.sendToFacebook button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sendToFacebook button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.sendToFacebook button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.sendToFacebook .skinned-select {
  height: auto !important;
  position: relative;
}
.sendToFacebook .skinned-select::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.sendToFacebook .skinned-select .select-text {
  display: none;
}
.sendToFacebook .skinned-select select.vsn_form_select {
  appearance: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 8px 2rem 8px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.sendToFacebook .skinned-select select.vsn_form_select option {
  background-color: #141B1F !important;
  color: #E6ECEF !important;
}
.sendToFacebook .allowed-profiles .form-label-agent {
  align-self: flex-start;
}
.sendToFacebook .allowed-profiles .field-input-container {
  flex: 1;
}
.sendToFacebook .allowed-profiles .ms-container {
  display: flex;
  gap: 16px;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable,
.sendToFacebook .allowed-profiles .ms-container .ms-selection {
  flex: 1;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable ul,
.sendToFacebook .allowed-profiles .ms-container .ms-selection ul {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  width: 100%;
  min-width: 250px;
  height: 200px;
  overflow: auto;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable ul::-webkit-scrollbar,
.sendToFacebook .allowed-profiles .ms-container .ms-selection ul::-webkit-scrollbar {
  width: 5px;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable ul::-webkit-scrollbar-thumb,
.sendToFacebook .allowed-profiles .ms-container .ms-selection ul::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable ul::-webkit-scrollbar-thumb:hover,
.sendToFacebook .allowed-profiles .ms-container .ms-selection ul::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.sendToFacebook .allowed-profiles .ms-container .ms-selectable ul::-webkit-scrollbar-track,
.sendToFacebook .allowed-profiles .ms-container .ms-selection ul::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.sendToFacebook .allowed-profiles .ms-container ul {
  outline: none !important;
  list-style: none;
  border: 1px solid #3A454C;
  border-radius: 4px;
  background-color: #141B1F;
  padding: 0;
  margin: 0;
}
.sendToFacebook .allowed-profiles .ms-container ul li {
  cursor: pointer;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  color: #B8C2C8;
  line-height: 1.5;
}
.sendToFacebook .allowed-profiles .ms-container ul li:hover {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
.sendToFacebook .form-label-agent {
  align-self: flex-start;
}
.agent-send-to-flumotion .field-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.agent-send-to-flumotion .form-label-agent {
  align-self: flex-start;
  padding-top: 8px;
}
.agent-send-to-flumotion .field-container {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
.agent-send-to-flumotion .skinned-select {
  height: auto !important;
  position: relative;
}
.agent-send-to-flumotion .skinned-select::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: #FFFFFF;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.agent-send-to-flumotion .skinned-select .select-text {
  display: none;
}
.agent-send-to-flumotion .skinned-select select.vsn_form_select {
  appearance: none;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  padding: 8px 2rem 8px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: border-color 150ms ease-in-out;
}
.agent-send-to-flumotion .skinned-select select.vsn_form_select option {
  background-color: #141B1F !important;
  color: #E6ECEF !important;
}
.agent-send-to-ftp .configure-form h2 {
  background: #004F6E;
  color: #FFFFFF;
  border: none;
  border-radius: 4px;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-shadow: none;
  padding: 8px 12px;
  margin: 12px 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent-send-to-ftp .field-container {
  display: flex !important;
  flex-direction: column;
  gap: 8px;
}
.agent.sendToYoutube .filegroup-bu,
.agent.sendToYoutube .subtitle-bu {
  margin: 0 !important;
}
.agent.normalize-main-file-advanced .tstable thead {
  display: none;
}
.agent.normalize-main-file-advanced .tstable tbody {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  max-height: 272px;
  min-height: 272px;
}
.agent.normalize-main-file-advanced .tstable tbody::-webkit-scrollbar {
  width: 5px;
}
.agent.normalize-main-file-advanced .tstable tbody::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.agent.normalize-main-file-advanced .tstable tbody::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.agent.normalize-main-file-advanced .tstable tbody::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.agent.normalize-main-file-advanced .tstable tbody tr {
  display: flex;
  align-items: center;
}
.agent.normalize-main-file-advanced .tstable tbody tr:not(.empty-table-row):last-child {
  border-bottom: 1px solid #3A454C;
}
.agent.normalize-main-file-advanced .tstable tbody td:first-child {
  flex: 1;
  border: none;
}
.agent.normalize-main-file-advanced .tstable tbody td:last-child {
  border: none;
}
.agent.normalize-main-file-advanced .tstable .empty-table-row {
  text-align: center;
  line-height: 3rem;
  display: flex;
  flex: 1;
}
.agent.normalize-main-file-advanced .tstable .empty-table-row:hover {
  background-color: rgba(0, 0, 0, 0.4);
}
.agent.normalize-main-file-advanced .tstable .empty-table-row td {
  font-size: 14px;
  align-content: center;
}
.agent.normalize-main-file-advanced .tstable .cell-edition button {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.agent.normalize-main-file-advanced .tstable .cell-edition button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.agent.normalize-main-file-advanced .buttonsRow button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent.normalize-main-file-advanced .buttonsRow button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent.normalize-main-file-advanced .buttonsRow button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent.normalize-main-file-advanced .buttonsRow button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent.normalize-main-file-advanced .buttonsRow button .buttonContent {
  display: flex;
  align-items: center;
  gap: 4px;
}
.agent.normalize-main-file-advanced .form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent.normalize-main-file-advanced .profile-selector {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.agent.normalize-main-file-advanced .profile-selector .vsn_form_help {
  flex-basis: 100%;
  line-height: 1.4;
}
.agent.normalize-main-file-advanced .profileSelectPlaceholder,
.agent.normalize-main-file-advanced .renderEngineSelectPlaceholder {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
}
.agent.normalize-main-file-advanced .profileSelectPlaceholder .vsn_form_label,
.agent.normalize-main-file-advanced .renderEngineSelectPlaceholder .vsn_form_label {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent.normalize-main-file-advanced .checkbox.checkbox-with-label {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
}
.agent.normalize-main-file-advanced .business-use-selector-container .select-combobox:first-child,
.agent.normalize-main-file-advanced .business-use-selector-container .blue_button,
.agent.normalize-main-file-advanced .business-use-selector-container .business-use-selected-box {
  display: none;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  padding: 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  gap: 12px;
  padding: 16px 0;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow .ui-dialog-buttonset {
  display: flex;
  gap: 12px;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton),
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"] {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).ui-button-primary,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].ui-button-primary,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).blue_button,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].blue_button,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):last-child,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:last-child {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).ui-button-primary:disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].ui-button-primary:disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).blue_button:disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].blue_button:disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):last-child:disabled,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:last-child:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].ui-button-primary:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).blue_button:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].blue_button:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):last-child:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:last-child:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).ui-button-primary:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].ui-button-primary:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton).blue_button:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"].blue_button:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton):last-child:hover,
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"]:last-child:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow button:not(.tinyButton)[hidden],
.agent.normalize-main-file-advanced .agent-content ~ .buttonsRow input[type="button"][hidden] {
  display: none;
}
.change-status-from-search-agent .change-status-from-search {
  display: flex;
  justify-content: space-between;
  height: unset !important;
}
.change-status-from-search-agent .change-status-from-search > div {
  line-height: unset !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
  gap: 4px;
}
.change-status-from-search-agent .change-status-from-search > div:last-child {
  color: #7A868E;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.change-status-from-search-agent .buttons-bar {
  padding: 16px 0;
}
.agent-change-video-audio-tracks .modeSelector {
  display: flex;
  align-items: center;
  gap: 8px;
}
.agent-change-video-audio-tracks .modeSelector .vsn_form_label {
  min-width: 100px;
  font-size: 10px !important;
  font-weight: 500;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.4;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.agent .change-status-from-widget img.upscaled.thumbnail {
  width: 120px !important;
  height: 80px !important;
  object-fit: contain;
  display: block;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
body.v2-theme .browseVolume .tabToolbar .menuInfo .info_icon_2 {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 30px;
  height: 30px;
}
body.v2-theme .browseVolume .tabToolbar .menuInfo .info_icon_2::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 22px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  z-index: 1;
  transform: rotate(30deg) translate(6px, -5px);
}
body.v2-theme .browseVolume .tabToolbar .menuInfo .info_icon_2::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "folder";
  font-family: "Material Symbols Outlined";
  font-size: 28px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  z-index: 2;
  transform: translateY(2px);
}
body.v2-theme .browseVolume #horizontal {
  display: flex !important;
  width: 100%;
  overflow: visible;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 4px !important;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: col-resize;
  overflow: visible;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar:hover {
  background-color: #4fc3a1;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-resize-handle {
  display: none !important;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-prev,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-prev,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-next,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-next {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  position: absolute;
  top: 50%;
  width: 10px;
  height: 50px;
  cursor: pointer;
  background-color: #0A6F8F;
  color: #FFFFFF;
  z-index: 5;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-prev:hover,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-prev:hover,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-next:hover,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-next:hover {
  background-color: #004F6E;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-prev,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-next {
  left: 0;
  transform: translate(-60%, -50%);
  border-radius: 4px 0 0 4px;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-prev::before,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-next::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_left";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-prev,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-next {
  left: 100%;
  transform: translate(-40%, -50%);
  border-radius: 0 4px 4px 0;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-expand-prev::before,
body.v2-theme .browseVolume #horizontal > .k-splitbar .k-collapse-next::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "keyboard_arrow_right";
  font-family: "Material Symbols Outlined";
  font-size: 14px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal > .k-ghost-splitbar-horizontal {
  width: 4px;
  background-color: #4fc3a1;
  z-index: 1000;
  pointer-events: none;
  opacity: 0.7;
}
body.v2-theme .browseVolume #horizontal #vertical {
  display: flex !important;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: relative !important;
  height: 100% !important;
  overflow: visible !important;
  flex: 0 0 auto;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 2.5rem;
  flex-shrink: 0;
  gap: 4px;
  border-bottom: 1px solid #3A454C;
  padding: 0 16px;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton span[class*="vsn-ico"],
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton span[class*="icon"] {
  background-image: none !important;
  background: none !important;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .vsn-ico-daily-search::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .filepocket_icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  font-size: 0;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .filepocket_icon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "theaters";
  font-family: "Material Symbols Outlined";
  font-size: 13px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  z-index: 1;
  transform: rotate(30deg) translate(3px, -5px);
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .filepocket_icon::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "folder";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  position: absolute;
  z-index: 2;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton.right {
  width: auto;
  margin-left: auto;
  padding: 0 2px 0 8px;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu {
  display: flex !important;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  font-size: 12px;
  position: relative;
  cursor: pointer !important;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "folder_managed";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  margin-right: 4px;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu::after {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "arrow_drop_down";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu:hover {
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu .treeToolbarMenuContainer {
  position: absolute;
  border-radius: 2px;
  border: 1px solid #3A454C;
  background-color: #141B1F;
  box-shadow: 0 0 0 0 #FFFFFF, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.8);
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  left: 0 !important;
  z-index: 1000 !important;
  width: max-content;
  border-radius: 8px;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu .treeToolbarMenuContainer li.menuButton {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  width: 100%;
  border-left: 2px solid transparent;
  padding: 6px 16px;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1.5;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu .treeToolbarMenuContainer li.menuButton:hover,
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu .treeToolbarMenuContainer li.menuButton:focus {
  border-left-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .tooltipButton .treeToolbarMenu .treeToolbarMenuContainer li.menuButton.disabled {
  opacity: 0.3;
  pointer-events: none;
}
body.v2-theme .browseVolume #horizontal #vertical .topToolbar .box_in_small.dirToFilePocket::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #vertical #treeContent,
body.v2-theme .browseVolume #horizontal #vertical #searchContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  flex: 1;
  overflow: auto;
  width: 100% !important;
  height: auto !important;
}
body.v2-theme .browseVolume #horizontal #vertical #treeContent::-webkit-scrollbar,
body.v2-theme .browseVolume #horizontal #vertical #searchContent::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .browseVolume #horizontal #vertical #treeContent::-webkit-scrollbar-thumb,
body.v2-theme .browseVolume #horizontal #vertical #searchContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .browseVolume #horizontal #vertical #treeContent::-webkit-scrollbar-thumb:hover,
body.v2-theme .browseVolume #horizontal #vertical #searchContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .browseVolume #horizontal #vertical #treeContent::-webkit-scrollbar-track,
body.v2-theme .browseVolume #horizontal #vertical #searchContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  padding: 12px 16px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm > div {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #3A454C;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm > div.button-container {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm label.title {
  display: block;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #7A868E;
  margin-bottom: 4px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm .vsn-combobox {
  width: 100%;
  margin-bottom: 8px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm .vsn-combobox:last-of-type {
  margin-bottom: 0;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm br {
  display: none;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm label:has(> span.checkbox) {
  display: flex;
  gap: 8px;
  font-size: 12px;
  color: #B8C2C8;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm label:has(> span.checkbox) input[type="checkbox"] + span.checkbox {
  display: none;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm .search-input {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  background-color: rgba(0, 0, 0, 0.3);
  border: 1px solid #3A454C;
  border-radius: 6px;
  height: 32px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm .search-input input[type="text"] {
  background-color: transparent;
  color: #FFFFFF;
  border: none;
  padding: 8px 12px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  border-color: #008F6A;
  color: #FFFFFF;
  width: 100%;
  background-color: #008F6A !important;
  border: 1px solid #008F6A !important;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch::before {
  content: "SEARCH";
  font-size: 12px;
}
body.v2-theme .browseVolume #horizontal #vertical .searchForm #btnDailySearch:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1 !important;
}
body.v2-theme .browseVolume #horizontal #vertical #treeView .fancytree-title {
  width: 100%;
}
body.v2-theme .browseVolume #horizontal #vertical #treeView .fancytree-title input.fancytree-edit-input {
  width: 100% !important;
}
body.v2-theme .browseVolume #horizontal #rightContent {
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: auto !important;
  flex: 1 !important;
  min-width: 0;
  overflow: hidden;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  height: 2.5rem;
  flex-shrink: 0;
  gap: 4px;
  border-bottom: 1px solid #3A454C;
  padding: 0 16px;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar > * {
  float: none !important;
  margin: 0 !important;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .fields_search_arrow::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "category_search";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .box_in_small::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "download";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .copy_file::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "file_copy";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup {
  height: 28px !important;
  margin: 0 !important;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  line-height: 1;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button:hover,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button:hover,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button.ui-state-hover,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button.ui-state-hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
  border-color: transparent;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button.ui-state-active,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button.ui-state-active,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button.ui-checkboxradio-checked,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button.ui-checkboxradio-checked {
  background-color: rgba(0, 79, 110, 0.25);
  border-color: rgba(0, 79, 110, 0.4);
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button .ui-checkboxradio-icon,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button .ui-checkboxradio-icon,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button .ui-checkboxradio-icon-space,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button .ui-checkboxradio-icon-space {
  display: none !important;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button .blue_height_1::before,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button .blue_height_1::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "view_compact";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .toolbar-buttonset label.ui-button > span,
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .ui-controlgroup label.ui-button > span {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 20px;
  height: 20px;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar #checkboxContainer .custom-combobox {
  width: 200px;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar #checkboxContainer .custom-combobox-input {
  color: #B8C2C8;
  line-height: 1;
  cursor: pointer;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar #search_config {
  margin-left: auto !important;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .tooltipButton {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  cursor: pointer;
  color: #B8C2C8;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .tooltipButton:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #rightContent .topToolbar .tooltipButton.disabled {
  opacity: 0.3;
  pointer-events: none;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 8px 12px 12px;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent .tstable {
  width: max-content;
  min-width: 100%;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent .tstable tbody td img {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent.smallRows .tstable tbody td {
  padding: 4px 8px;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .gridContentPanel .gridContent.smallRows .tstable tbody td img {
  width: 20px;
  height: 20px;
}
body.v2-theme .browseVolume #horizontal #rightContent .gridAndPagingContent .paging {
  padding: 8px 16px;
}
body.v2-theme .browseVolume #horizontal #videoPanel {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  height: 100% !important;
  overflow: hidden;
  min-width: 560px;
  isolation: isolate;
}
body.v2-theme .browseVolume #horizontal #videoPanel > .k-pane {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  width: auto !important;
  min-height: 0;
}
body.v2-theme .browseVolume #horizontal #videoPanel #videoTabContent {
  min-height: 400px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .glyph.vu-meter-button {
  width: unset;
  height: unset;
  top: 0.5rem;
}
body.v2-theme .browseVolume #horizontal #videoPanel > .k-splitbar-vertical {
  flex-shrink: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-shrink: 0;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  height: 4px !important;
  width: 100% !important;
  background-color: rgba(0, 0, 0, 0.7);
  border: none;
  cursor: row-resize;
}
body.v2-theme .browseVolume #horizontal #videoPanel > .k-splitbar-vertical:hover {
  background-color: #4fc3a1;
}
body.v2-theme .browseVolume #horizontal #videoPanel > .k-splitbar-vertical .k-resize-handle {
  display: none !important;
}
body.v2-theme .browseVolume #horizontal #videoPanel > .k-ghost-splitbar-vertical {
  height: 4px;
  background-color: #4fc3a1;
  z-index: 1000;
  pointer-events: none;
  opacity: 0.7;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  overflow: hidden !important;
  margin: 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  height: 100%;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily > ul.ui-tabs-nav {
  padding: 0 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily > ul.ui-tabs-nav li {
  margin: 0;
  padding: 0;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily > ul.ui-tabs-nav li a.ui-tabs-anchor {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  padding: 8px 12px !important;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily > ul.ui-tabs-nav li a.ui-tabs-anchor span.ico::before {
  font-size: 16px;
  line-height: 1;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily > ul.ui-tabs-nav li a.tab-keyframe .vsn-ico-keyframes::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "grid_view";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
 > div.ui-tabs-panelbody.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily[aria-hidden="true"] {
  display: none !important;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes {
  border: 1px solid #3A454C;
  border-radius: 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 8px;
  padding: 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe {
  position: relative;
  cursor: pointer;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe .thumbnail-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 4px;
  border: 1px solid #3A454C;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe .thumbnail-wrapper img.thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: unset;
  max-height: unset;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe .time-code {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  font-family: monospace;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1;
  pointer-events: none;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe:hover .thumbnail-wrapper,
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe.active .thumbnail-wrapper {
  border-color: #004F6E;
  box-shadow: 0 0 8px rgba(0, 79, 110, 0.4);
  outline: 1px solid #004F6E;
  outline-offset: -1px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe:hover .time-code,
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper ul li.keyframe.active .time-code {
  background-color: #004F6E;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more {
  border-top: 1px solid #3A454C;
  width: 100% !important;
  height: auto !important;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  padding: 0.75rem;
  gap: 0.5rem;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more .show-more-txt {
  display: none;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more .show-more-more,
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more .show-more-all {
  cursor: pointer;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
  padding: 2px 6px;
  font-size: 9px;
  font-weight: 900;
  color: #7A868E;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more .show-more-more:hover,
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-keyframes #keyframes-wrapper .paginator-more .show-more .show-more-all:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.1);
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 12px;
  gap: 8px;
  border: 1px solid #3A454C;
  border-radius: 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info #videoInfoContent:not(:has(*)) {
  display: none;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info #videoInfoContent:has(*) {
  padding-bottom: 8px;
  border-bottom: 1px solid #3A454C;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info #videoInfoContent .videoTag {
  display: inline-flex;
  padding: 4px 8px;
  border-radius: 16px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.05em;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info #videoInfoContent .videoTag.proxy {
  background-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info #videoInfoContent .videoTag.extension {
  background-color: #004F6E;
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  gap: 8px;
  overflow: hidden;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div {
  overflow: hidden;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail {
  float: right;
  margin: 0 0 8px 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail img {
  display: block;
  float: none !important;
  width: 100px;
  height: auto;
  border-radius: 4px;
  border: 1px solid #3A454C;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail .thumbnail-button-bar {
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  gap: 4px;
  margin-top: 4px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail .thumbnail-button-bar span {
  cursor: pointer;
  color: #B8C2C8;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail .thumbnail-button-bar span:hover {
  color: #FFFFFF;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail .thumbnail-button-bar span.openAssetButton::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "open_in_new";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main > div .Thumbnail .thumbnail-button-bar span.openFullPlayer::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "play_circle";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main .dataField {
  display: flex;
  font-size: 13px;
  gap: 4px;
  line-height: 1.625;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock.main .dataField > span:not(.label) {
  word-break: break-word;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock:not(.main) {
  border-top: 1px solid #3A454C !important;
  padding-top: 8px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock:not(.main) div[style] > div[style] {
  font-size: 13px;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock:not(.main) .label + div {
  background-color: #2A343A !important;
  border-radius: 4px;
  color: #E6ECEF !important;
  font-size: 13px;
  width: auto !important;
}
body.v2-theme .browseVolume #horizontal #videoPanel .asset-info-container #tabs-daily #tabs-asset-info .assetInfoContent .fieldsBock .label {
  color: #7A868E !important;
  font-weight: 500;
}
body.v2-theme .browseVolume #horizontal:has(> .k-splitbar > .k-expand-prev) #vertical {
  display: none !important;
  flex: 0 0 0px !important;
  min-width: 0 !important;
  width: 0px !important;
  overflow: hidden !important;
}
body.v2-theme .browseVolume #horizontal:has(> .k-splitbar > .k-expand-next) {
  overflow: hidden;
}
body.v2-theme .browseVolume #horizontal:has(> .k-splitbar > .k-expand-next) #videoPanel {
  display: none !important;
  flex: 0 0 0px !important;
  min-width: 0 !important;
  width: 0px !important;
  overflow: hidden !important;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar:has(> .k-expand-prev),
body.v2-theme .browseVolume #horizontal > .k-splitbar:has(> .k-expand-next) {
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.7) !important;
}
body.v2-theme .browseVolume #horizontal > .k-splitbar:has(> .k-expand-prev):hover,
body.v2-theme .browseVolume #horizontal > .k-splitbar:has(> .k-expand-next):hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}
body.v2-theme .browseVolume ul.vsn-combobox-check {
  border: 1px solid #3A454C;
}
body.v2-theme .browseVolume ul.vsn-combobox-check li {
  border-left: 2px solid transparent;
}
body.v2-theme .browseVolume ul.vsn-combobox-check li:hover {
  border-left-color: #008F6A;
  background-color: rgba(255, 255, 255, 0.05);
}
body.v2-theme .browseVolume ul.vsn-combobox-check li:hover label {
  color: #FFFFFF;
}
body.v2-theme .browseVolume ul.vsn-combobox-check li label {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 8px;
  cursor: pointer;
  color: #B8C2C8;
  font-weight: 500;
  padding: 6px 16px;
}
body.v2-theme .browseVolume ul.vsn-combobox-check li label input[type="checkbox"] + span.checkbox {
  display: none;
}
body.v2-theme .ui-dialog.vsn-dialog:has([data-importroute*="FolderDetailsCtrlV2"] .asset-user-rights) {
  width: 800px !important;
  left: calc(50vw - 400px) !important;
  top: calc(50vh - 235px) !important;
  overflow: hidden;
  background-color: #141B1F;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] {
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"]:not(:has(.asset-user-rights)) {
  height: auto !important;
  overflow: hidden;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"]:has(.asset-user-rights) {
  height: auto !important;
  overflow: hidden;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack input[readonly] {
  background-color: rgba(255, 255, 255, 0.05);
  color: #7A868E;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: flex-start;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar:first-child,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer {
  flex-basis: 100%;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  min-height: 0;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: auto;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer::-webkit-scrollbar {
  width: 5px;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .tableRightsContainer::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical {
  flex: 0 0 auto;
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  gap: 4px;
  padding: 8px 0;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical .help_dark_blue {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  color: #B8C2C8;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical .help_dark_blue::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "help_outline";
  font-family: "Material Symbols Outlined";
  font-size: 16px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar-vertical .help_dark_blue:hover {
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .content.box-hack .asset-user-rights > .button-bar {
  margin-left: auto;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .saveButton,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_AddAssetRights {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .saveButton:disabled,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_AddAssetRights:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .saveButton:hover,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_AddAssetRights:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .saveButton:hover,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_AddAssetRights:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_cancelButton,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .cancelButton {
  background-color: #2A343A !important;
  border-color: #3A454C !important;
  color: #E6ECEF !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .f_btn_cancelButton:hover,
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="FolderDetailsCtrlV2"] .button-bar .cancelButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63 !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] {
  height: auto !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .localLoading {
  position: fixed !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent {
  padding: 12px;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template {
  flex-wrap: wrap;
  gap: 4px 8px;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template .vsn_form_label {
  flex-basis: 100%;
  color: #7A868E;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template .vsn-combobox {
  flex: 1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template:not(.transfer_field_files_checkbox):not([style*="display: none"]) {
  display: flex !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.transfer_field_files_checkbox {
  display: none;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.transfer_field_files_checkbox .vsn_form_label {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  gap: 4px;
  cursor: pointer;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.transfer_field_files_checkbox .vsn_form_label > span:first-child {
  order: 2;
  padding-right: 0 !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.transfer_field_files_checkbox .vsn_form_label > input[type="checkbox"] {
  order: 1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.transfer_field_files_checkbox .vsn_form_label > span:last-child {
  order: 1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .vsn_field_template.profile .field-input-container {
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
  gap: 4px;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #okButton {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  border-radius: 4px;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #okButton:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #okButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #okButton:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #cancelButton {
  background-color: #2A343A !important;
  border-color: #3A454C !important;
  color: #E6ECEF !important;
}
body.v2-theme .ui-dialog.vsn-dialog [data-importroute*="SendToOtherStorageCtrl"] .vsnContent .buttons #cancelButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63 !important;
}
.agentsManagement {
  padding: 16px;
}
.mos-web-plugin-body {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  background-color: #141B1F;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  margin: 0;
}
.mos-web-plugin-body .mos-web-plugin {
  position: absolute;
  inset: 0;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
}
.mos-web-plugin-body .mos-web-plugin .login {
  display: flex;
  flex-direction: column;
}
.mos-web-plugin-body .mos-web-plugin .login .login_logo {
  display: block;
  width: 100%;
  height: 80px;
  background: url("/StaticRepoExplorer/Images/VSNThemeV3/vsn_explorer_main_logo.png") no-repeat center;
  background-size: contain;
  float: none;
  position: static;
}
.mos-web-plugin-body .mos-web-plugin .login .login_logo::after {
  content: none;
}
.mos-web-plugin-body .mos-web-plugin .login .logo-surname {
  color: #FFFFFF;
  margin-top: -12px;
  margin-bottom: 0;
  font-style: italic;
  margin-left: auto;
}
.mos-web-plugin-body .mos-web-plugin .main-container {
  display: flex;
  height: 100vh;
  overflow: hidden;
  flex-direction: column;
  width: 100%;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header {
  display: flex !important;
  flex-direction: row;
  height: 40px;
  background-color: #003B54;
  flex-shrink: 0;
  overflow: visible;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  cursor: default;
  position: relative;
  z-index: 20;
  flex-shrink: 0;
  padding: 0 16px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile:hover .explorerMenu {
  display: block;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile .explorerMenu {
  display: none;
  top: 0 !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile #userName {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile #userIcon {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile #userIcon::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "person";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.8);
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .profile #userIcon:hover {
  border-color: #008F6A;
  box-shadow: 0 0 0 3px rgba(0, 143, 106, 0.2);
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist {
  flex: 1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist ul {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  list-style: none;
  margin: 0;
  height: 100%;
  padding: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist ul li {
  display: flex;
  align-items: center;
  height: 100%;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #7A868E;
  background: none;
  box-shadow: none;
  margin: 0;
  padding: 0 16px;
  border-right: 1px solid #3A454C;
  font-weight: 700;
  transition: background-color 0.15s ease;
  cursor: pointer;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist ul li.is-active {
  border-bottom: 2px solid #008F6A;
}
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist ul li.is-active,
.mos-web-plugin-body .mos-web-plugin .main-container .header .tablist ul li:hover {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents {
  overflow-y: auto;
  display: flex;
  min-height: 0;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents:not(.footer-buttons) {
  flex: 1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information {
  padding: 0 16px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .item-slug-and-id {
  display: flex;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .item-slug-and-id .item-slug {
  flex: 3;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .item-slug-and-id .mos-id {
  flex: 1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .buttonsRow {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .vsnButton {
  font-size: 11px;
  line-height: 1;
  color: #B8C2C8;
  background: #2A343A;
  border: 1px solid #3A454C;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .vsnButton:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .vsnButton .buttonContent {
  display: flex;
  align-items: center;
  gap: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row input.video_id {
  max-width: 160px;
  font-size: 11px;
  background: #141B1F;
  color: #B8C2C8;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .lock_by {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 36px;
  box-sizing: border-box;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #F59E0B;
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.3);
  border-radius: 4px;
  padding: 0 8px;
  white-space: nowrap;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .lock_by::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "lock";
  font-family: "Material Symbols Outlined";
  font-size: 13px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 20;
  color: #F59E0B;
  flex-shrink: 0;
  margin-top: -2px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .lock_by a.lock {
  color: #EF4444;
  text-decoration: none;
  cursor: pointer;
  border-bottom: 1px solid rgba(239, 68, 68, 0.5);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .item-information .project_row .lock_by a.lock:hover {
  color: rgba(239, 68, 68, 0.7);
  border-bottom-color: rgba(239, 68, 68, 0.7);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset {
  display: flex;
  flex-direction: row;
  gap: 12px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  padding: 16px 0;
  margin: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  cursor: pointer;
  padding: 24px 12px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
  margin: 0;
  min-height: 140px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button:hover,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button.ui-state-active {
  background-color: rgba(0, 143, 106, 0.1);
  border-color: rgba(0, 143, 106, 0.55);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button:hover .buttonset-text,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button.ui-state-active .buttonset-text {
  color: #FFFFFF;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button:hover .image::before,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button.ui-state-active .image::before {
  color: #008F6A;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset label.ui-button .ui-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .buttonset-content {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .buttonset-text {
  font-size: 12px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  white-space: nowrap;
  transition: color 0.15s ease;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .image {
  background-image: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .image::before {
  font-family: 'Material Symbols Outlined';
  font-size: 56px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48;
  color: rgba(255, 255, 255, 0.5);
  display: block;
  transition: color 0.15s ease;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .image.image-newVideo::before {
  content: 'movie';
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .image.image-useExisting::before {
  content: 'video_library';
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .buttonset.ui-buttonset .image.image-live::before {
  content: 'animation';
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .checkbox.checkbox-with-label.big {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .checkbox.checkbox-with-label.big label {
  font-size: 12px;
  color: #B8C2C8;
  cursor: pointer;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsnButton.filled.gray {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  padding: 4px 12px;
  height: 30px;
  font-size: 12px;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsnButton.filled.gray:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsnButton.filled.gray:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsnButton.filled.gray:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsn_form_field_input.category_container.category-tree-view {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .newVideoOptions .vsn_form_field_input.category_container.category-tree-view ul.fancytree-container {
  width: 400px;
  background-color: #2A343A;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container {
  border-top: 1px solid #3A454C;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .header {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  margin-top: 16px;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .header h2 {
  flex: 1;
  font-size: 12px;
  font-weight: 700;
  color: #E6ECEF;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .header .metadata-buttons {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .header .metadata-buttons button {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #B8C2C8;
  border: none;
  border-radius: 4px;
  padding: 8px 16px;
  cursor: pointer;
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.1);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .header .metadata-buttons button:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.info-tab .metadata-container .metadata .buttons {
  display: none !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content .small-padding {
  padding: 16px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data {
  overflow: hidden;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player {
  display: flex;
  flex-direction: row;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .web-editor {
  flex: 1;
  min-width: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer {
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 240px !important;
  max-height: 210px;
  min-width: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .screenContainer {
  flex: 1;
  height: unset;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent {
  position: unset;
  min-height: 0;
  gap: 0;
  padding: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow {
  position: absolute;
  top: 0;
  left: 3px;
  margin: 0;
  justify-content: space-between;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.ini,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.end,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .timeEndContainer,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .edit {
  display: none !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::before,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.current-tc-block::after {
  content: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .timeRow .time.current-tc-block .current.blue-text {
  color: #FFFFFF;
  font-family: monospace;
  background: rgba(0, 0, 0, 0.6);
  padding: 1px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .zoomRow,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .segment-row-container,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .status,
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .buttonRow.newPlayerV2 .player-actions.player-actions-video .replay {
  display: none !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .slideRow {
  height: 0.5rem;
  margin: 0 11px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .playerCommandsContent .slideRow .ui-state-default {
  height: 16px;
  width: 18px;
  top: -4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .glyph.vu-meter-button {
  top: 0px;
  right: 6px;
  width: 24px;
  height: 19px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.main-timeline .content-data.with-player .videoPlayer .glyph.vu-meter-button::before {
  font-size: 24px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid #3A454C;
  padding: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom:empty {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom button {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  padding: 4px 8px;
  height: 30px;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-bottom button:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .log .content-data {
  display: flex;
  min-height: 0;
  min-width: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .log .content-data textarea {
  flex: 1;
  font-family: monospace;
  resize: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-data {
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
  flex: 1;
  overflow: auto;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-data::-webkit-scrollbar {
  width: 5px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-data::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-data::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content-data::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.wedit-timeline .content-data {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.wedit-timeline .content-data > div {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .web-editor-container {
  flex: 1;
  min-height: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.pam .pam-container {
  height: 100%;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.pam .pam-container .categories .toolbar {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.pam .pam-container .data_container > section > .toolbar {
  order: 1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.pam .pam-container .data_container > section > .toolbar .btn {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam {
  padding: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header:not(:has(~ .paging)) {
  margin-bottom: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .input-with-addons {
  flex: 1;
  display: flex;
  align-items: center;
  height: 32px;
  background-color: #141B1F;
  border: 1px solid #3A454C;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .input-with-addons:has(input[type="text"]:focus) {
  border-color: #008F6A;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .input-with-addons .control {
  flex: 1;
  display: flex;
  min-width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .input-with-addons .control input[type="text"] {
  border: none;
  border-radius: 0;
  background: transparent;
  line-height: 3;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .input-with-addons .search_button {
  float: none;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam .search-header .sort-options {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam table td i.glyph.add {
  vertical-align: middle;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.mam table td i.glyph.add::before {
  display: inline-block;
  width: auto;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics {
  display: flex;
  flex-direction: column;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 5;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog {
  flex: 1;
  position: relative;
  display: flex;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .iframe-catalog {
  flex: 1;
  min-width: 0;
  border: none;
  color: #E6ECEF;
  color-scheme: dark;
  scrollbar-width: thin;
  scrollbar-color: #008F6A rgba(0, 0, 0, 0.4);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .iframe-catalog::-webkit-scrollbar {
  width: 5px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .iframe-catalog::-webkit-scrollbar-thumb {
  background: #008F6A;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .iframe-catalog::-webkit-scrollbar-thumb:hover {
  background: #4fc3a1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .iframe-catalog::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.4);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .vsn-ico-wedit-fullscreen {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  cursor: pointer;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .content-data.graphics-iframe-catalog .vsn-ico-wedit-fullscreen::before {
  align-items: flex-start;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .modal-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.35);
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  padding: 24px 32px;
  background: #2A343A;
  border: 1px solid #3A454C;
  border-radius: 4px;
  min-width: 300px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal p {
  align-self: stretch;
  color: #B8C2C8;
  font-size: 14px;
  margin: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal button.btn {
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  border: none;
  font-weight: 500;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, box-shadow 250ms ease-in-out, transform 250ms ease-in-out;
  outline: none;
  font-size: 14px;
  margin: 0;
  background-color: #2A343A;
  border: 1px solid #3A454C;
  color: #E6ECEF;
  padding: 8px 16px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 12px;
  height: 2.5rem;
  cursor: pointer;
  background-color: #008F6A !important;
  border-color: #008F6A;
  color: #FFFFFF;
  padding: 4px 12px;
  height: 30px;
  border-radius: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal button.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal button.btn:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: #4c5a63;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .custom-modal button.btn:hover {
  background-color: #4fc3a1 !important;
  border-color: #4fc3a1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .notification {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark {
  flex-direction: row;
  overflow: hidden;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark .content.folders {
  width: 220px;
  min-width: 220px;
  max-width: 220px;
  border-right: 1px solid #3A454C;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark .content.folders .content-bottom .vsnButton {
  background-color: transparent !important;
  border-color: transparent;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark .content.folders .content-bottom .vsnButton:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: transparent;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark .graphics-mosaic {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  align-content: baseline;
  align-items: flex-start;
}
.mos-web-plugin-body .mos-web-plugin .main-container .contents .content.graphics .contents.skylark .graphics-mosaic .mosaic-message {
  font-size: 14px;
  padding: 12px;
  color: #B8C2C8;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  height: 180px;
  min-height: 40px;
  border-top: 1px solid #3A454C;
  position: relative;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 0 8px;
  z-index: 1;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .minimize,
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .restore,
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .maximize {
  width: 28px;
  height: 28px;
  background: none;
  background-image: none;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  color: #7A868E;
  flex-shrink: 0;
  position: relative;
  padding: 0;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .minimize:hover,
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .restore:hover,
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .maximize:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: #FFFFFF;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .minimize::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "remove";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .restore::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "expand_content";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .maximize::before {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  content: "fullscreen";
  font-family: "Material Symbols Outlined";
  font-size: 18px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  font-style: normal;
  color: inherit;
  flex-shrink: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .toolbox .disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer > .contents {
  overflow: hidden;
  min-height: 0;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .web-editor,
.mos-web-plugin-body .mos-web-plugin .main-container .footer .web-editor-tab,
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timeline,
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timelineContainer {
  height: 100%;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timelineContainer .toolbar {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .main-timeline .vis-group.audio,
.mos-web-plugin-body .mos-web-plugin .main-container .footer .main-timeline .vis-label.audio {
  display: none;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .main-timeline .vis-label.graphic,
.mos-web-plugin-body .mos-web-plugin .main-container .footer .main-timeline .vis-group.graphic {
  min-height: 25px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timeline-component {
  flex-direction: column;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timeline-component .timeline {
  margin-bottom: 0 !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer .timeline-component .horizontalScrollBar {
  position: static;
  flex-shrink: 0;
  margin-left: 25px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer-buttons .buttons {
  display: flex;
  min-height: 0;
  min-width: 0;
  justify-content: space-between;
  width: 100%;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer-buttons .buttons .left-buttons {
  display: flex;
  flex: 1;
  gap: 4px;
  align-items: center;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer-buttons .buttons .right-buttons .vsn_form_row.multimedia-object-duration {
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer-buttons .buttons .right-buttons .vsn_form_row .vsn_form_label_row {
  padding: 0;
  width: unset !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container .footer-buttons .buttons .right-buttons .vsn_form_row .vsn_form_field_input input {
  width: 90px;
  text-align: center;
  min-width: unset;
}
.mos-web-plugin-body .mos-web-plugin .main-container .hidden {
  display: none !important;
}
.mos-web-plugin-body .mos-web-plugin .main-container input[type="text"]:disabled {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: default;
}
.lm_root {
  position: relative;
}
.lm_row > .lm_item {
  float: left;
}
.lm_content {
  overflow: hidden;
  position: relative;
}
.lm_dragging,
.lm_dragging * {
  cursor: move !important;
  user-select: none;
}
.lm_maximised {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 40;
}
.lm_maximise_placeholder {
  display: none;
}
.lm_splitter {
  position: relative;
  z-index: 20;
}
.lm_splitter:hover,
.lm_splitter.lm_dragging {
  background: orange;
}
.lm_splitter.lm_vertical .lm_drag_handle {
  width: 100%;
  position: absolute;
  cursor: ns-resize;
}
.lm_splitter.lm_horizontal {
  float: left;
  height: 100%;
}
.lm_splitter.lm_horizontal .lm_drag_handle {
  height: 100%;
  position: absolute;
  cursor: ew-resize;
}
.lm_header {
  overflow: visible;
  position: relative;
  z-index: 1;
}
.lm_header [class^=lm_] {
  box-sizing: content-box !important;
}
.lm_header .lm_controls {
  position: absolute;
  right: 3px;
}
.lm_header .lm_controls > li {
  cursor: pointer;
  float: left;
  width: 18px;
  height: 18px;
  text-align: center;
}
.lm_header ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.lm_header .lm_tabs {
  position: absolute;
}
.lm_header .lm_tab {
  cursor: pointer;
  float: left;
  height: 14px;
  margin-top: 1px;
  padding: 0 10px 5px;
  padding-right: 25px;
  position: relative;
}
.lm_header .lm_tab i {
  width: 2px;
  height: 19px;
  position: absolute;
}
.lm_header .lm_tab i.lm_left {
  top: 0;
  left: -2px;
}
.lm_header .lm_tab i.lm_right {
  top: 0;
  right: -2px;
}
.lm_header .lm_tab .lm_title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}
.lm_header .lm_tab .lm_close_tab {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
}
.lm_stack.lm_left .lm_header,
.lm_stack.lm_right .lm_header {
  height: 100%;
}
.lm_dragProxy.lm_left .lm_header,
.lm_dragProxy.lm_right .lm_header,
.lm_stack.lm_left .lm_header,
.lm_stack.lm_right .lm_header {
  width: 20px;
  float: left;
  vertical-align: top;
}
.lm_dragProxy.lm_left .lm_header .lm_tabs,
.lm_dragProxy.lm_right .lm_header .lm_tabs,
.lm_stack.lm_left .lm_header .lm_tabs,
.lm_stack.lm_right .lm_header .lm_tabs {
  transform-origin: left top;
  top: 0;
  width: 1000px;
}
.lm_dragProxy.lm_left .lm_header .lm_controls,
.lm_dragProxy.lm_right .lm_header .lm_controls,
.lm_stack.lm_left .lm_header .lm_controls,
.lm_stack.lm_right .lm_header .lm_controls {
  bottom: 0;
}
.lm_dragProxy.lm_left .lm_items,
.lm_dragProxy.lm_right .lm_items,
.lm_stack.lm_left .lm_items,
.lm_stack.lm_right .lm_items {
  float: left;
}
.lm_dragProxy.lm_left .lm_header .lm_tabs,
.lm_stack.lm_left .lm_header .lm_tabs {
  transform: rotate(-90deg) scaleX(-1);
  left: 0;
}
.lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,
.lm_stack.lm_left .lm_header .lm_tabs .lm_tab {
  transform: scaleX(-1);
  margin-top: 1px;
}
.lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,
.lm_stack.lm_left .lm_header .lm_tabdropdown_list {
  top: initial;
  right: initial;
  left: 20px;
}
.lm_dragProxy.lm_right .lm_content {
  float: left;
}
.lm_dragProxy.lm_right .lm_header .lm_tabs,
.lm_stack.lm_right .lm_header .lm_tabs {
  transform: rotate(90deg) scaleX(1);
  left: 100%;
  margin-left: 0;
}
.lm_dragProxy.lm_right .lm_header .lm_controls,
.lm_stack.lm_right .lm_header .lm_controls {
  left: 3px;
}
.lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,
.lm_stack.lm_right .lm_header .lm_tabdropdown_list {
  top: initial;
  right: 20px;
}
.lm_dragProxy.lm_bottom .lm_header .lm_tab,
.lm_stack.lm_bottom .lm_header .lm_tab {
  margin-top: 0;
  border-top: none;
}
.lm_dragProxy.lm_bottom .lm_header .lm_controls,
.lm_stack.lm_bottom .lm_header .lm_controls {
  top: 3px;
}
.lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,
.lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {
  top: initial;
  bottom: 20px;
}
.lm_drop_tab_placeholder {
  float: left;
  width: 100px;
  height: 10px;
  visibility: hidden;
}
.lm_header .lm_controls .lm_tabdropdown:before {
  content: '';
  width: 0;
  height: 0;
  vertical-align: middle;
  display: inline-block;
  border-top: 5px dashed;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  color: white;
}
.lm_header .lm_tabdropdown_list {
  position: absolute;
  top: 20px;
  right: 0;
  z-index: 5;
  overflow: hidden;
}
.lm_header .lm_tabdropdown_list .lm_tab {
  clear: both;
  padding-right: 10px;
  margin: 0;
}
.lm_header .lm_tabdropdown_list .lm_tab .lm_title {
  width: 100px;
}
.lm_header .lm_tabdropdown_list .lm_close_tab {
  display: none !important;
}
.lm_dragProxy {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 30;
}
.lm_dragProxy .lm_header {
  background: transparent;
}
.lm_dragProxy .lm_content {
  border-top: none;
  overflow: hidden;
}
.lm_dropTargetIndicator {
  display: none;
  position: absolute;
  z-index: 20;
}
.lm_dropTargetIndicator .lm_inner {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.lm_transition_indicator {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 20;
}
.lm_popin {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
.lm_popin > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.lm_popin > .lm_bg {
  z-index: 10;
}
.lm_popin > .lm_icon {
  z-index: 20;
}
.lm_goldenlayout {
  background: #000000;
}
.lm_content {
  background: #222222;
}
.lm_dragProxy .lm_content {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);
}
.lm_dropTargetIndicator {
  box-shadow: inset 0 0 30px #000000;
  outline: 1px dashed #cccccc;
  transition: all 200ms ease;
}
.lm_dropTargetIndicator .lm_inner {
  background: #000000;
  opacity: 0.2;
}
.lm_splitter {
  background: #000000;
  opacity: 0.001;
  transition: opacity 200ms ease;
}
.lm_splitter:hover,
.lm_splitter.lm_dragging {
  background: #444444;
  opacity: 1;
}
.lm_header {
  height: 20px;
  user-select: none;
}
.lm_header.lm_selectable {
  cursor: pointer;
}
.lm_header .lm_tab {
  font-family: Arial, sans-serif;
  font-size: 12px;
  color: #999999;
  background: #111111;
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3);
  margin-right: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.lm_header .lm_tab .lm_close_tab {
  width: 11px;
  height: 11px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAATElEQVR4nG3OwQ0DMQwDwZGRBtR/j1YJzMc5+IDoR+yCVO29g+pu981MFgqZmRdAfU7+CYWcbF11LwALjpBL0N0qybNx/RPU+gOeiS/+XCRwDlTgkQAAAABJRU5ErkJggg==);
  background-position: center center;
  background-repeat: no-repeat;
  top: 4px;
  right: 6px;
  opacity: 0.4;
}
.lm_header .lm_tab .lm_close_tab:hover {
  opacity: 1;
}
.lm_header .lm_tab.lm_active {
  border-bottom: none;
  box-shadow: 0 -2px 2px #000000;
  padding-bottom: 3px;
}
.lm_header .lm_tab.lm_active .lm_close_tab {
  opacity: 1;
}
.lm_dragProxy.lm_bottom .lm_header .lm_tab,
.lm_stack.lm_bottom .lm_header .lm_tab {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
  box-shadow: 0 2px 2px #000000;
}
.lm_selected .lm_header {
  background-color: #452500;
}
.lm_tab:hover,
.lm_tab.lm_active {
  background: #222222;
  color: #dddddd;
}
.lm_header .lm_controls .lm_tabdropdown:before {
  color: #ffffff;
}
.lm_controls > li {
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0.4;
  transition: opacity 300ms ease;
}
.lm_controls > li:hover {
  opacity: 1;
}
.lm_controls .lm_popout {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII=);
}
.lm_controls .lm_maximise {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg==);
}
.lm_controls .lm_close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII=);
}
.lm_maximised .lm_header {
  background-color: #000000;
}
.lm_maximised .lm_controls .lm_maximise {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVR4nGP8//8/AzGAiShVI1YhCwMDA8OsWbPwBmZaWhoj0SYCAN1lBxMAX4n0AAAAAElFTkSuQmCC);
}
.lm_transition_indicator {
  background-color: #000000;
  border: 1px dashed #555555;
}
.lm_popin {
  cursor: pointer;
}
.lm_popin .lm_bg {
  background: #ffffff;
  opacity: 0.3;
}
.lm_popin .lm_icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC);
  background-position: center center;
  background-repeat: no-repeat;
  border-left: 1px solid #eeeeee;
  border-top: 1px solid #eeeeee;
  opacity: 0.7;
}
.lm_popin:hover .lm_icon {
  opacity: 1;
}
.vis .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-active {
  box-shadow: 0 0 10px #86d5f8;
}
.vis [class*=span] {
  min-height: 0;
  width: auto;
}
div.vis-configuration {
  position: relative;
  display: block;
  float: left;
  font-size: 12px;
}
div.vis-configuration-wrapper {
  display: block;
  width: 700px;
}
div.vis-configuration-wrapper::after {
  clear: both;
  content: "";
  display: block;
}
div.vis-configuration.vis-config-option-container {
  display: block;
  width: 495px;
  background-color: #fff;
  border: 2px solid #f7f8fa;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
}
div.vis-configuration.vis-config-button {
  display: block;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
  background-color: #f7f8fa;
  border: 2px solid #ceced0;
  border-radius: 4px;
  margin-top: 20px;
  left: 10px;
  padding-left: 5px;
  cursor: pointer;
  margin-bottom: 30px;
}
div.vis-configuration.vis-config-button.hover {
  background-color: #4588e6;
  border: 2px solid #214373;
  color: #fff;
}
div.vis-configuration.vis-config-item {
  display: block;
  float: left;
  width: 495px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}
div.vis-configuration.vis-config-item.vis-config-s2 {
  left: 10px;
  background-color: #f7f8fa;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s3 {
  left: 20px;
  background-color: #e4e9f0;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-item.vis-config-s4 {
  left: 30px;
  background-color: #cfd8e6;
  padding-left: 5px;
  border-radius: 3px;
}
div.vis-configuration.vis-config-header {
  font-size: 18px;
  font-weight: 700;
}
div.vis-configuration.vis-config-label {
  width: 120px;
  height: 25px;
  line-height: 25px;
}
div.vis-configuration.vis-config-label.vis-config-s3 {
  width: 110px;
}
div.vis-configuration.vis-config-label.vis-config-s4 {
  width: 100px;
}
div.vis-configuration.vis-config-colorBlock {
  top: 1px;
  width: 30px;
  height: 19px;
  border: 1px solid #444;
  border-radius: 2px;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
input.vis-configuration.vis-config-checkbox {
  left: -5px;
}
input.vis-configuration.vis-config-rangeinput {
  position: relative;
  top: -5px;
  width: 60px;
  padding: 1px;
  margin: 0;
  pointer-events: none;
}
input.vis-configuration.vis-config-range {
  -webkit-appearance: none;
  border: 0 solid #fff;
  background-color: rgba(0, 0, 0, 0);
  width: 300px;
  height: 20px;
}
input.vis-configuration.vis-config-range::-webkit-slider-runnable-track {
  width: 300px;
  height: 5px;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%);
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #14334b;
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: #3876c2;
  background: -moz-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3876c2), color-stop(100%, #385380));
  background: -webkit-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -o-linear-gradient(top, #3876c2 0, #385380 100%);
  background: -ms-linear-gradient(top, #3876c2 0, #385380 100%);
  background: linear-gradient(to bottom, #3876c2 0, #385380 100%);
  box-shadow: #111927 0 0 1px 0;
  margin-top: -7px;
}
input.vis-configuration.vis-config-range:focus {
  outline: 0;
}
input.vis-configuration.vis-config-range:focus::-webkit-slider-runnable-track {
  background: #9d9d9d;
  background: -moz-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9d9d9d), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #9d9d9d 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #9d9d9d 0, #c8c8c8 99%);
}
input.vis-configuration.vis-config-range::-moz-range-track {
  width: 300px;
  height: 10px;
  background: #dedede;
  background: -moz-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(99%, #c8c8c8));
  background: -webkit-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -o-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: -ms-linear-gradient(top, #dedede 0, #c8c8c8 99%);
  background: linear-gradient(to bottom, #dedede 0, #c8c8c8 99%);
  border: 1px solid #999;
  box-shadow: #aaa 0 0 3px 0;
  border-radius: 3px;
}
input.vis-configuration.vis-config-range::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-configuration.vis-config-range:-moz-focusring {
  outline: 1px solid #fff;
  outline-offset: -1px;
}
input.vis-configuration.vis-config-range::-ms-track {
  width: 300px;
  height: 5px;
  background: 0 0;
  border-color: transparent;
  border-width: 6px 0;
  color: transparent;
}
input.vis-configuration.vis-config-range::-ms-fill-lower {
  background: #777;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-fill-upper {
  background: #ddd;
  border-radius: 10px;
}
input.vis-configuration.vis-config-range::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #385380;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-lower {
  background: #888;
}
input.vis-configuration.vis-config-range:focus::-ms-fill-upper {
  background: #ccc;
}
.vis-configuration-popup {
  position: absolute;
  background: rgba(57, 76, 89, 0.85);
  border: 2px solid #f2faff;
  line-height: 30px;
  height: 30px;
  width: 150px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.vis-configuration-popup:after,
.vis-configuration-popup:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.vis-configuration-popup:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: rgba(57, 76, 89, 0.85);
  border-width: 8px;
  margin-top: -8px;
}
.vis-configuration-popup:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #f2faff;
  border-width: 12px;
  margin-top: -12px;
}
div.vis-tooltip {
  position: absolute;
  visibility: hidden;
  padding: 5px;
  white-space: nowrap;
  font-family: verdana;
  font-size: 14px;
  color: #000;
  background-color: #f5f4ed;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #808074;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 5;
}
.vis-current-time {
  background-color: #ff7f6e;
  width: 2px;
  z-index: 1;
  pointer-events: none;
}
.vis-rolling-mode-btn {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 7px;
  right: 20px;
  border-radius: 50%;
  font-size: 28px;
  cursor: pointer;
  opacity: 0.8;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #3876c2;
}
.vis-rolling-mode-btn:before {
  content: "\26F6";
}
.vis-rolling-mode-btn:hover {
  opacity: 1;
}
.vis-custom-time {
  background-color: #6e94ff;
  width: 2px;
  cursor: move;
  z-index: 1;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px solid;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-data-axis .vis-y-axis.vis-major {
  width: 100%;
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-major.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-minor {
  position: absolute;
  width: 100%;
  color: #bebebe;
  white-space: nowrap;
}
.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
  padding: 0;
  margin: 0;
  border: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title {
  position: absolute;
  color: #4d4d4d;
  white-space: nowrap;
  bottom: 20px;
  text-align: center;
}
.vis-data-axis .vis-y-axis.vis-title.vis-measure {
  padding: 0;
  margin: 0;
  visibility: hidden;
  width: auto;
}
.vis-data-axis .vis-y-axis.vis-title.vis-left {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left bottom;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.vis-data-axis .vis-y-axis.vis-title.vis-right {
  bottom: 0;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.vis-legend {
  background-color: rgba(247, 252, 255, 0.65);
  padding: 5px;
  border: 1px solid #b3b3b3;
  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
}
.vis-legend-text {
  white-space: nowrap;
  display: inline-block;
}
.vis-item {
  position: absolute;
  color: #1a1a1a;
  border-color: #97b0f8;
  border-width: 1px;
  background-color: #d5ddf6;
  display: inline-block;
}
.vis-item.vis-selected {
  border-color: #ffc200;
  background-color: #fff785;
  z-index: 2;
}
.vis-editable.vis-selected {
  cursor: move;
}
.vis-item.vis-point.vis-selected {
  background-color: #fff785;
}
.vis-item.vis-box {
  text-align: center;
  border-style: solid;
  border-radius: 2px;
}
.vis-item.vis-point {
  background: 0 0;
}
.vis-item.vis-dot {
  position: absolute;
  padding: 0;
  border-width: 4px;
  border-style: solid;
  border-radius: 4px;
}
.vis-item.vis-range {
  border-style: solid;
  border-radius: 2px;
  box-sizing: border-box;
}
.vis-item.vis-background {
  border: none;
  background-color: rgba(213, 221, 246, 0.4);
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
.vis-item .vis-item-overflow {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.vis-item-visible-frame {
  white-space: nowrap;
}
.vis-item.vis-range .vis-item-content {
  position: relative;
  display: inline-block;
}
.vis-item.vis-background .vis-item-content {
  position: absolute;
  display: inline-block;
}
.vis-item.vis-line {
  padding: 0;
  position: absolute;
  width: 0;
  border-left-width: 1px;
  border-left-style: solid;
}
.vis-item .vis-item-content {
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
}
.vis-item .vis-onUpdateTime-tooltip {
  position: absolute;
  background: #4f81bd;
  color: #fff;
  width: 200px;
  text-align: center;
  white-space: nowrap;
  padding: 5px;
  border-radius: 1px;
}
.vis-item .vis-delete,
.vis-item .vis-delete-rtl {
  position: absolute;
  top: 0;
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  padding: 0 5px;
  cursor: pointer;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.vis-item .vis-delete {
  right: -24px;
}
.vis-item .vis-delete-rtl {
  left: -24px;
}
.vis-item .vis-delete-rtl:after,
.vis-item .vis-delete:after {
  content: "\00D7";
  color: red;
  font-family: arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -ms-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
.vis-item .vis-delete-rtl:hover,
.vis-item .vis-delete:hover {
  background: red;
}
.vis-item .vis-delete-rtl:hover:after,
.vis-item .vis-delete:hover:after {
  color: #fff;
}
.vis-item .vis-drag-center {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: move;
}
.vis-item.vis-range .vis-drag-left {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  left: -4px;
  cursor: w-resize;
}
.vis-item.vis-range .vis-drag-right {
  position: absolute;
  width: 24px;
  max-width: 20%;
  min-width: 2px;
  height: 100%;
  top: 0;
  right: -4px;
  cursor: e-resize;
}
.vis-range.vis-item.vis-readonly .vis-drag-left,
.vis-range.vis-item.vis-readonly .vis-drag-right {
  cursor: auto;
}
.vis-itemset {
  position: relative;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.vis-itemset .vis-background,
.vis-itemset .vis-foreground {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.vis-axis {
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  z-index: 1;
}
.vis-foreground .vis-group {
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #bfbfbf;
}
.vis-foreground .vis-group:last-child {
  border-bottom: none;
}
.vis-nesting-group {
  cursor: pointer;
}
.vis-nested-group {
  background: #f5f5f5;
}
.vis-label.vis-nesting-group.expanded:before {
  content: "\25BC";
}
.vis-label.vis-nesting-group.collapsed-rtl:before {
  content: "\25C0";
}
.vis-label.vis-nesting-group.collapsed:before {
  content: "\25B6";
}
.vis-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.vis-labelset {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.vis-labelset .vis-label {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  color: #4d4d4d;
  box-sizing: border-box;
}
.vis-labelset .vis-label.draggable {
  cursor: pointer;
}
.vis-labelset .vis-label:last-child {
  border-bottom: none;
}
.vis-labelset .vis-label .vis-inner {
  display: inline-block;
  padding: 5px;
}
.vis-labelset .vis-label .vis-inner.vis-hidden {
  padding: 0;
}
.vis-panel {
  position: absolute;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right,
.vis-panel.vis-top {
  border: 1px #bfbfbf;
}
.vis-panel.vis-center,
.vis-panel.vis-left,
.vis-panel.vis-right {
  border-top-style: solid;
  border-bottom-style: solid;
  overflow: hidden;
}
.vis-left.vis-panel.vis-vertical-scroll,
.vis-right.vis-panel.vis-vertical-scroll {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}
.vis-left.vis-panel.vis-vertical-scroll {
  direction: rtl;
}
.vis-left.vis-panel.vis-vertical-scroll .vis-content {
  direction: ltr;
}
.vis-right.vis-panel.vis-vertical-scroll {
  direction: ltr;
}
.vis-right.vis-panel.vis-vertical-scroll .vis-content {
  direction: rtl;
}
.vis-panel.vis-bottom,
.vis-panel.vis-center,
.vis-panel.vis-top {
  border-left-style: solid;
  border-right-style: solid;
}
.vis-background {
  overflow: hidden;
}
.vis-panel > .vis-content {
  position: relative;
}
.vis-panel .vis-shadow {
  position: absolute;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
.vis-panel .vis-shadow.vis-top {
  top: -1px;
  left: 0;
}
.vis-panel .vis-shadow.vis-bottom {
  bottom: -1px;
  left: 0;
}
.vis-graph-group0 {
  fill: #4f81bd;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #4f81bd;
}
.vis-graph-group1 {
  fill: #f79646;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f79646;
}
.vis-graph-group2 {
  fill: #8c51cf;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8c51cf;
}
.vis-graph-group3 {
  fill: #75c841;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #75c841;
}
.vis-graph-group4 {
  fill: #ff0100;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #ff0100;
}
.vis-graph-group5 {
  fill: #37d8e6;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #37d8e6;
}
.vis-graph-group6 {
  fill: #042662;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #042662;
}
.vis-graph-group7 {
  fill: #00ff26;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #00ff26;
}
.vis-graph-group8 {
  fill: #f0f;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #f0f;
}
.vis-graph-group9 {
  fill: #8f3938;
  fill-opacity: 0;
  stroke-width: 2px;
  stroke: #8f3938;
}
.vis-timeline .vis-fill {
  fill-opacity: 0.1;
  stroke: none;
}
.vis-timeline .vis-bar {
  fill-opacity: 0.5;
  stroke-width: 1px;
}
.vis-timeline .vis-point {
  stroke-width: 2px;
  fill-opacity: 1;
}
.vis-timeline .vis-legend-background {
  stroke-width: 1px;
  fill-opacity: 0.9;
  fill: #fff;
  stroke: #c2c2c2;
}
.vis-timeline .vis-outline {
  stroke-width: 1px;
  fill-opacity: 1;
  fill: #fff;
  stroke: #e5e5e5;
}
.vis-timeline .vis-icon-fill {
  fill-opacity: 0.3;
  stroke: none;
}
.vis-time-axis {
  position: relative;
  overflow: hidden;
}
.vis-time-axis.vis-foreground {
  top: 0;
  left: 0;
  width: 100%;
}
.vis-time-axis.vis-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vis-time-axis .vis-text {
  position: absolute;
  color: #4d4d4d;
  padding: 3px;
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
}
.vis-time-axis .vis-text.vis-measure {
  position: absolute;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  visibility: hidden;
}
.vis-time-axis .vis-grid.vis-vertical {
  position: absolute;
  border-left: 1px solid;
}
.vis-time-axis .vis-grid.vis-vertical-rtl {
  position: absolute;
  border-right: 1px solid;
}
.vis-time-axis .vis-grid.vis-minor {
  border-color: #e5e5e5;
}
.vis-time-axis .vis-grid.vis-major {
  border-color: #bfbfbf;
}
.vis-timeline {
  position: relative;
  border: 1px solid #bfbfbf;
  overflow: hidden;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
:root {
  --color-bg-app: #141B1F;
  --color-bg-header: #003B54;
  --color-bg-sidebar: #2A343A;
  --color-bg-content: #141B1F;
  --color-bg-card: #2A343A;
  --color-bg-input: #2A343A;
  --color-primary: #004F6E;
  --color-primary-hover: #0A6F8F;
  --color-action: #A6C83A;
  --color-error: #EF4444;
  --color-warning: #F59E0B;
  --color-success: #008F6A;
  --color-text-primary: #E6ECEF;
  --color-text-secondary: #B8C2C8;
  --color-text-tertiary: #7A868E;
  --color-border-default: #3A454C;
  --color-border-hover: #4c5a63;
  --footer-bg: #141B1F;
  --footer-text: #7A868E;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --spacing-8: 32px;
}
/*# sourceMappingURL=css/vsnExplorerV2.css.map */