/* ==========================================================================
   Global Icons
========================================================================== */
/* adminNav */
.gripperIcon {
  margin-right: 10px !important;
  margin-top: -2px;
}
/* collapsible div arrows */
/* ==========================================================================
   Search Results Icons
========================================================================== */
.collectionFlagWrapper .flag.blue,
.flagWrapper .flag.blue {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_blue.png) no-repeat;
}
.collectionFlagWrapper .flag.green,
.flagWrapper .flag.green {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_green.png) no-repeat;
}
.collectionFlagWrapper .flag.pink,
.flagWrapper .flag.pink {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_pink.png) no-repeat;
}
.collectionFlagWrapper .flag.purple,
.flagWrapper .flag.purple {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_purple.png) no-repeat;
}
.collectionFlagWrapper .flag.red,
.flagWrapper .flag.red {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_red.png) no-repeat;
}
.collectionFlagWrapper .flag.turquoise,
.flagWrapper .flag.turquoise {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_turquoise.png) no-repeat;
}
.collectionFlagWrapper .flag.yellow,
.flagWrapper .flag.yellow {
  background: url(/assets/20241228-0307/ctx//images/layout/flag_yellow.png) no-repeat;
}
/* ==========================================================================
   Batch Selection Icons
========================================================================== */
.iconSpace {
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.icon-email {
  background: url(/assets/20241228-0307/ctx//images/icons/envelope.png) no-repeat 0 3px;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.icon-envelope-arrow {
  background: url(/assets/20241228-0307/ctx//images/icons/envelope_arrow.png) no-repeat 0 3px;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
.icon-portals {
  background: url(/assets/20241228-0307/ctx//images/portal/portals.svg) no-repeat;
  height: 20px;
  width: 20px;
  display: inline-block;
  margin-right: 6px;
  vertical-align: middle;
}
/* ==========================================================================
   Share Icons
========================================================================== */
/* ==========================================================================
   Widen Icons
========================================================================== */
/* ==========================================================================
   Site Branding
========================================================================== */
/* color picker */
/* ==========================================================================
  Feature Images
========================================================================== */
/* ==========================================================================
  Upload Wizard
========================================================================== */
/* ==========================================================================
  Category Tree
========================================================================== */
/* ==========================================================================
   Deprecated - Still in use by client files but should start removing
========================================================================== */
/* ==========================================================================
   Images & Icons Styles
========================================================================== */
/* legacy */
.iconFormat {
  margin-right: 4px;
}
.standard-icon {
  vertical-align: middle;
  margin-right: 4px;
  cursor: pointer;
}
.widen-icon {
  vertical-align: middle;
  margin-right: 4px;
  cursor: pointer;
  background-repeat: no-repeat;
  display: inline-block;
}
button .material-icons,
a .material-icons {
  color: var(--color-fg);
}
button:hover .material-icons,
a:hover .material-icons {
  color: var(--color-fg-hover);
}
button:active .material-icons,
a:active .material-icons,
button:focus .material-icons,
a:focus .material-icons {
  color: var(--color-fg-active);
}
/* icon sizes */
.icon,
.icon-xs-caret,
.icon-sm,
.icon-md,
.icon-lg,
.icon-xl,
.glyphicon {
  cursor: pointer;
}
.icon-xs-caret {
  font-size: 12px;
}
.icon-sm {
  font-size: 15px;
  line-height: 15px;
}
.glyphicon.icon-sm {
  font-size: 14px;
}
.glyphicon,
.icon-md {
  font-size: 16px;
}
.icon-ml {
  font-size: 18px;
}
.icon,
.glyphicon.icon-lg {
  font-size: 20px;
}
.icon-lg {
  font-size: 22px;
}
.icon-xl {
  font-size: 30px;
}
.standard-icon.icon-xl {
  margin-right: 15px;
}
/* icon states */
.icon-inactive {
  color: var(--color-gray-400);
  cursor: default;
}
.opacity35 {
  opacity: .35;
}
/* ==========================================================================
   Features
========================================================================== */
.ai-feature {
  color: var(--color-fg);
  display: inline-block;
}
.ai-badge {
  background-image: url(/assets/20241228-0307/ctx//images/features/ai-sparkle.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: 5px 1px;
  border-radius: 4px;
  background-color: var(--color-brand-primary-bg);
  padding: 0px 8px 1px 22px;
  margin-left: 12px;
}
.feature-analyze {
  background-image: url(/assets/20241228-0307/ctx//images/features/analytics@2x.png);
}
.feature-collaborate {
  background-image: url(/assets/20241228-0307/ctx//images/features/collaborate@2x.png);
  background-position: 0 -2px;
}
.feature-integrate {
  background-image: url(/assets/20241228-0307/ctx//images/features/integrate@2x.png);
  background-position: 4px -1px;
}
.feature-search {
  background-image: url(/assets/20241228-0307/ctx//images/features/search@2x.png);
  background-position: 3px -2px;
}
.feature-secure {
  background-image: url(/assets/20241228-0307/ctx//images/features/security@2x.png);
  background-position: 4px -1px;
}
.feature-share {
  background-image: url(/assets/20241228-0307/ctx//images/features/share@2x.png);
  background-position: 2px -1px;
}
.feature-manage_assets {
  background-image: url(/assets/20241228-0307/ctx//images/features/manage-assets@2x.png);
  background-position: 4px -2px;
}
.feature-manage_users {
  background-image: url(/assets/20241228-0307/ctx//images/features/manage-users@2x.png);
  background-position: 2px -3px;
}
.feature-widen {
  background-image: url(/assets/20241228-0307/ctx//images/features/acquia-widen.png);
  background-position: 1px -2px;
}
.new-feature {
  background-repeat: no-repeat;
  width: 39px;
  height: 15px;
  background-size: 39px 14px;
  background-image: url(/assets/20241228-0307/ctx//images/features/new@2x.png);
  margin: 0 5px 0 16px;
  display: inline-block;
  vertical-align: bottom;
}
.external-link {
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  background-size: 12px 12px;
  background-image: url(/assets/20241228-0307/ctx//images/features/external_link.png);
  display: inline-block;
  margin-right: 1px;
  margin-top: 1px;
  vertical-align: middle;
}
.widen-icon-small {
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  background-size: 15px 15px;
  background-image: url(/assets/20241228-0307/ctx//images/features/acquia-widen.png);
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.widen-icon-small.gray-ico {
  background-image: url(/assets/20241228-0307/ctx//images/features/acquia-widen.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .external-link {
    background-image: url(/assets/20241228-0307/ctx//images/features/external_link@2x.png);
  }
  .widen-icon-small {
    background-image: url(/assets/20241228-0307/ctx//images/features/acquia-widen.png);
  }
  .widen-icon-small.gray-ico {
    background-image: url(/assets/20241228-0307/ctx//images/features/acquia-widen.png);
  }
}
/* thumbnail in tables */
.element-border {
  border: 1px solid var(--color-primary-border);
}
div.thumbnail-outer {
  position: relative;
  margin: 2px 0 2px 4px;
}
div.thumbnail-outer IMG {
  max-width: 70px;
}
div.thumbnail-inner {
  position: absolute;
  left: 40px;
  top: 1px;
  z-index: 100;
}
.grid-pattern {
  background-image: url(/assets/20241228-0307/ctx//images/transparent-grid.png);
  background-color: var(--color-primary-bg);
  display: inline-block;
}
/* material icons */
.material-icons {
  vertical-align: middle;
}
.material-dropdown-icon {
  margin-left: 3px;
}
.background-white {
  background-color: white;
}
.icon-check-uncheck {
  height: 18px;
  width: 18px;
}
.layout-max-width {
  background: var(--color-bg);
  margin: 0 auto;
  max-width: 1920px;
}
/* height */
/* width */
/* padding */
/* margins */
/* borders */
/* legacy mixins so old clients don't break */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.7s;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-out {
  animation: fadeOut ease-in 1;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  opacity: 1;
}
.slide-left {
  animation-duration: 0.5s;
  animation-name: slideLeft;
  animation-timing-function: ease-in-out;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slide-right {
  animation-name: slideRight;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0%);
  }
}
.slide-down {
  animation-name: slideDown;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
/* ==========================================================================
  Color vars used by Collective
========================================================================== */
/* thumbnail grid selection */
/* ==========================================================================
   color methods
 ========================================================================== */
.yellowBg {
  background-color: #fffed6 !important;
}
.client-color-text {
  color: #3c4f5d;
}
.clientBgAutoText {
  background-color: #3c4f5d;
  color: #ffffff;
}
.gray-bg {
  background-color: var(--color-primary-bg);
}
.standard-gray-bg {
  background-color: var(--color-primary-bg);
}
.white-bg {
  background-color: var(--color-bg);
}
.green-bg {
  background-color: var(--color-status-success-primary-bg);
}
.blue-bg {
  background-color: var(--color-status-info-primary-bg);
}
.green {
  color: var(--color-status-success-fg);
}
.red {
  color: var(--color-status-error-fg);
}
.grey {
  color: var(--color-secondary-fg);
}
.white {
  color: var(--color-fg-inverse);
}
.icon-subtle {
  color: #9ca3ab;
  /* half of 394756 */
  fill: #9ca3ab;
}
/* ==========================================================================
   Component colors overridden by client
 ========================================================================== */
/* page elements*/
/* accordion */
/*accordion subheader & content */
/* fast categories */
/* instant search */
/* largeButton (upload button) */
/* used by collective and external collection page for default layout */
#logo {
  padding: 14px 14px 7px;
  clear: both;
  height: 110px;
  max-height: 120px;
}
#logo img {
  height: 80px;
  max-height: 90px;
  display: block;
  text-align: center;
}
#logoImg {
  background-image: url("//s3.amazonaws.com/media.widencdn.net/logos/azamara/25c822b6-66a6-4d5a-bcc8-2d0c74d46003/client-logo/AZA_Logo_2019_Horizontal_RGB%401x.png");
  background-repeat: no-repeat;
  background-position: 50% 0;
  margin: auto;
  max-height: 80px;
}
.logo-image {
  background-image: url("//s3.amazonaws.com/media.widencdn.net/logos/azamara/25c822b6-66a6-4d5a-bcc8-2d0c74d46003/client-logo/AZA_Logo_2019_Horizontal_RGB%401x.png");
}
/* ==========================================================================
   Alerts
========================================================================== */
.alert {
  background-image: none !important;
  color: var(--color-fg);
  text-align: left;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
}
.alert .icon-xl {
  opacity: 0.6;
  text-shadow: 1px 1px 1px var(--color-white);
  margin-top: 2px;
}
.alert .question-mark {
  float: left;
  width: 45px;
  text-shadow: 0 3px 3px var(--color-gray-400);
  color: var(--color-fg-inverse);
  font-size: 4.5em;
  margin: 12px 0 0 10px;
}
.alert .did-you-know {
  margin-left: 55px;
}
/* we use just alert for gray in a bunch of places, need to reset types of alerts */
.alert.alert-success {
  background-color: var(--color-status-success-primary-bg);
  border-color: var(--color-status-success-border);
}
.alert.alert-warning {
  background-color: var(--color-status-warning-primary-bg);
  border-color: var(--color-status-warning-border);
}
.alert.alert-danger {
  background-color: var(--color-status-error-primary-bg);
  border-color: var(--color-status-error-border);
}
.alert.alert-info {
  background-image: none;
  background-color: var(--color-status-info-primary-bg);
  border-color: var(--color-status-info-border);
}
.alert-info a,
.alert-info a:link,
.alert-info a:visited,
.alert-info a:hover {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  color: var(--color-brand-900);
  letter-spacing: 0.5px;
  margin-left: 1px;
  margin-right: 1px;
  text-decoration: underline;
}
.alert > p {
  margin-bottom: 14px;
}
.alert > h2:first-child {
  margin-top: 0;
}
/* ==========================================================================
   Navigation - Pills
========================================================================== */
.nav-pills li {
  margin-top: 5px;
}
.nav-pills > li + li {
  margin-left: 4px;
}
.nav-pill-styles {
  color: var(--color-fg);
  padding: 4px 8px;
}
.nav-pills li a,
.nav-pills li a:link {
  color: var(--color-fg);
  padding: 4px 8px;
  border: 1px solid var(--color-white);
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:link,
.nav-pills > li.active > a:hover,
.nav-pills > li > a:hover,
.nav-pills > li.active > a:focus {
  color: var(--color-fg);
  padding: 4px 8px;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
}
.nav-pills > li > a:hover {
  color: var(--color-fg);
}
/* ==========================================================================
   Table
========================================================================== */
/* remove border when responsive tables kick in */
.table-responsive {
  border: 0 none !important;
  overflow-x: visible;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top-color: var(--color-primary-border);
  vertical-align: middle;
}
.table > thead > tr > th {
  border-bottom-color: var(--color-primary-border);
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: var(--color-primary-bg);
}
/* ==========================================================================
   Tooltips
========================================================================== */
div.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 18000;
}
div.tooltip div.tooltip-inner {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  border: 1px solid var(--color-primary-border);
  background-color: var(--color-primary-bg);
  text-align: left;
  max-width: 300px;
  padding: 8px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.175);
  white-space: normal;
  text-transform: none;
}
div.tooltip div.tooltip-inner,
div.tooltip div.tooltip-inner div,
div.tooltip div.tooltip-inner p,
div.tooltip div.tooltip-inner ul,
div.tooltip div.tooltip-inner li {
  color: var(--color-fg);
}
div.tooltip-arrow:before {
  content: "";
  border-style: solid;
  border-width: 5px;
  border-color: transparent;
  position: absolute;
}
div.tooltip.right div.tooltip-arrow {
  border-right: 5px solid var(--color-primary-border);
}
div.tooltip.right div.tooltip-arrow:before {
  margin-top: -5px;
  left: -4px;
  border-right: 5px solid var(--color-primary-border);
}
div.tooltip.left div.tooltip-arrow {
  border-left: 5px solid var(--color-primary-border);
}
div.tooltip.left div.tooltip-arrow:before {
  margin-top: -5px;
  right: -4px;
  border-left: 5px solid var(--color-primary-border);
}
div.tooltip.top div.tooltip-arrow {
  border-top: 5px solid var(--color-primary-border);
}
div.tooltip.top div.tooltip-arrow:before {
  bottom: -4px;
  border-top: 5px solid var(--color-primary-border);
  margin-left: -5px;
}
div.tooltip.bottom div.tooltip-arrow,
div.tooltip.bottomright div.tooltip-arrow {
  border-bottom: 5px solid var(--color-primary-border);
}
div.tooltip.bottom div.tooltip-arrow:before,
div.tooltip.bottomright div.tooltip-arrow:before {
  top: -4px;
  border-bottom: 5px solid var(--color-primary-border);
  margin-left: -5px;
}
.ui-select-bootstrap input {
  margin-bottom: 0 !important;
  float: none !important;
}
.ui-select-bootstrap button {
  box-sizing: border-box !important;
  border-radius: 4px !important;
  background-image: none !important;
  background-color: white !important;
  border: 1px solid var(--color-primary-border) !important;
}
/* palette */
.ui-multiselect ul.connected-list > li:nth-child(odd) {
  background-color: var(--color-primary-bg);
}
.ui-multiselect ul.connected-list > li:hover,
.ui-multiselect ul.connected-list > li:focus {
  background-color: var(--color-brand-100);
}
.ui-multiselect ul.connected-list > li:active {
  background-color: var(--color-action-tertiary-bg-active);
}
/* ==========================================================================
   Modal
========================================================================== */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: var(--color-bg-inverse);
}
.modal-backdrop.in {
  filter: alpha(opacity=74);
  opacity: .74;
}
.modal-header {
  height: 0;
}
.bootbox .modal-dialog {
  z-index: 1031;
}
.close {
  opacity: 0.75;
}
.close:hover,
.close:focus {
  opacity: 1;
}
/* ==========================================================================
   Badge
========================================================================== */
.badge {
  background-color: var(--color-fg);
  padding: 4px 8px;
}
.btn .caret {
  margin-left: 4px;
}
/* border radius */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 1px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 1px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 1px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 1px;
}
/* ==========================================================================
   table pager dropdown
========================================================================== */
.ui-selectmenu-button {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  background-image: none;
  color: var(--color-fg);
  vertical-align: middle;
  margin-top: -3px;
}
.ui-selectmenu-button span.ui-selectmenu-text {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  padding: 2px 6px;
}
.ui-selectmenu-button span.ui-icon {
  right: 4px;
}
.ui-selectmenu-menu .ui-menu {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  border: 1px solid var(--color-primary-border);
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background-image: none;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  color: var(--color-fg) !important;
}
.ui-state-hover span,
.ui-widget-content .ui-state-hover span,
.ui-widget-header .ui-state-hover span,
.ui-state-focus span,
.ui-widget-content .ui-state-focus span,
.ui-widget-header .ui-state-focus span {
  color: var(--color-fg);
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  background-image: none;
}
/* calendar */
.ui-datepicker-current.ui-state-default {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  background-color: #3c4f5d;
  background-image: none;
  border-color: #3c4f5d;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
.ui-datepicker-close.ui-state-default.ui-priority-primary:hover {
  color: var(--color-fg);
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 1;
}
.ui-datepicker-calendar .ui-state-default:hover {
  background-color: var(--color-brand-100);
  border-color: var(--color-brand-800);
}
.ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #fffed6;
  border-color: var(--color-status-warning-fg);
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-color: transparent;
}
/* tab panel */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: var(--color-fg);
}
.ui-widget-content,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid var(--color-primary-border);
}
.tabLoadingIcon,
.tabContent {
  padding: 15px 15px;
}
.ui-tabs .ui-tabs-panel {
  padding: 0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: .5em 1em .4em;
}
.ui-state-default.ui-corner-top {
  background-image: none;
  background-color: var(--color-primary-bg);
  border-color: var(--color-primary-border);
}
.ui-state-default.ui-corner-top.ui-state-active {
  background-color: #fff;
}
/* colorSelector, colorpicker styles */
.colorField {
  position: relative;
  display: inline-block;
}
.colorField:before,
.colorField:after {
  display: table;
  content: " ";
}
.colorField:after {
  clear: both;
}
.colorField .input-prepend {
  float: left;
}
.input-prepend .add-on {
  padding: 0 1px;
}
input.color-picker-field {
  float: none;
  min-width: 282px;
  padding-left: 6px;
}
div.colorSelector div {
  top: 0;
  left: 0;
}
div.colorSelector.use-field {
  width: 20px;
  height: 20px;
  margin-top: 3px;
  margin-left: 6px;
  float: left;
  left: 0;
  background-image: none;
}
div.colorSelector.use-field div {
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  top: -2px;
  left: -2px;
}
div.colorpicker {
  z-index: 10000;
}
/* color picker settings */
.colorSelector {
  background: none;
  position: relative;
  width: 31px;
  height: 31px;
  margin-bottom: 10px;
  left: 0;
  cursor: pointer;
}
.colorSelector div {
  background: url(/assets/20241228-0307/ctx//images/icons/color_select.png);
  width: 31px;
  height: 31px;
  top: 0;
  left: 0;
}
.colorpicker_hex input[type="text"]:not(.unstyled-input),
.colorpicker_field input[type="text"]:not(.unstyled-input) {
  line-height: 0 !important;
}
.colorpicker_submit {
  background: url(/assets/20241228-0307/ctx//images/icons/color_submit_check.png);
}
.colorpicker input {
  color: var(--color-fg-inverse);
  height: 16px;
  font-size: 11px;
  width: 34px !important;
}
.colorpicker #hex {
  width: 47px !important;
}
/* slider */
.slider-wrapper .ui-slider .ui-slider-handle {
  width: 6px;
}
.slider-wrapper .ui-slider-horizontal .ui-slider-handle {
  margin-left: -1px;
}
form.wrapUnder .slider-wrapper {
  position: relative;
  width: 292px;
  margin-top: 8px;
  margin-bottom: 20px;
}
form.wrapUnder .slider-value {
  position: absolute;
  right: -17px;
  top: -2px;
}
/* accordion - metadata fields */
.ui-accordion-header.ui-state-default.ui-corner-top.ui-state-active {
  background-color: var(--color-primary-bg);
}
.ui-accordion .ui-accordion-icons {
  padding-left: 10px;
}
DIV.t-exception-container {
  z-index: 10000;
}
IMG.t-error-icon {
  margin-top: 3px;
  margin-left: 6px;
  vertical-align: top;
}
.highcharts-yaxis-title,
.highcharts-xaxis-title {
  color: var(--color-fg) !important;
  fill: var(--color-fg) !important;
  font-size: 13px;
}
.highcharts-button {
  background-image: none;
  font-size: 12px;
}
.highcharts-button text {
  color: var(--color-fg) !important;
  fill: var(--color-fg) !important;
}
.highcharts-empty-series {
  display: none;
}
.highcharts-no-data text {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  color: var(--color-primary-fg) !important;
  fill: var(--color-primary-fg) !important;
}
.p-tab-navigation-list-item-button {
  border: none;
}
a:link.p-button-primary {
  color: var(--color-action-primary-fg);
}
a:link.p-button-secondary {
  color: var(--color-fg);
}
label.p-avatar-uploader-change-avatar-label {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  cursor: pointer;
  line-height: 28px;
  margin-bottom: 1px;
  margin-top: 1px;
}
.p-modal .p-application-nav {
  min-height: 48px;
}
.p-modal .p-application-nav-icon {
  height: 24px;
  width: 24px;
}
.p-modal .p-application-nav-icon-back {
  height: 32px;
  margin: 0 8px;
  width: 32px;
}
.p-modal h5.p-modal-header-title {
  font-size: 16px;
}
/* ==========================================================================
   Global vars
========================================================================== */
/* use when all else fails (selects) */
/* ==========================================================================
   Global Elements
========================================================================== */
html {
  font-size: 16px;
  /* set base font to browser default to match other projects */
  scroll-padding-top: 134px;
  /* offset sticky header with skip link */
}
html,
body,
button {
  -webkit-font-smoothing: antialiased;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  text-shadow: none;
  /* override bootstrap */
}
button,
input,
optgroup,
select,
textarea {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* overrides normalize from patterns-style */
}
.layout-global-nav {
  background-color: var(--color-bg);
}
.layout-global-nav,
.layout-global-nav body {
  height: 100%;
  /* allows content to grow 100% */
  min-height: 100%;
}
body {
  color: var(--color-fg);
  font-size: 14px;
  line-height: 20px;
}
/* line height + margin top should equal our standard line height */
.pre-line-whitespace {
  white-space: pre-line;
  line-height: 14px;
  margin-top: 4px;
}
a,
a:link,
a:visited,
a:hover,
.link {
  color: #3c4f5d;
  cursor: pointer;
}
.link {
  color: var(--color-link-fg);
  text-decoration: underline;
}
.link:hover,
.btn.link,
.btn a:hover,
.btn a:focus {
  text-decoration: none;
}
/* the alternate styles are to overwrite patterns-standards h1-h6 for now */
.header-alternate {
  margin: 20px 0 8px;
}
.page-container {
  min-width: 560px;
  width: 83%;
}
@media (max-width: 768px) {
  .page-container {
    width: 75%;
  }
}
.page-container h1:first-child {
  font-size: 20px;
  line-height: 22px;
  margin-top: 3px;
  margin-bottom: 15px;
}
h1,
h1.alternate {
  font-size: 20px;
  line-height: 22px;
}
.title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 16px 0;
}
.subtitle {
  font-size: 18px;
  line-height: 24px;
  margin: 14px 0;
}
h1,
.tabContent h3:first-child {
  margin-top: 0;
}
@media (max-width: 768px) {
  h1,
  .tabContent h3:first-child {
    margin-top: 20px;
  }
}
.content-wrapper-for-refine-search h1,
h2,
h2.alternate {
  margin: 20px 0 8px;
  font-size: 18px;
  line-height: 20px;
}
.content-wrapper-for-refine-search h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}
.content-wrapper h1 {
  margin-bottom: 10px;
}
h3,
h3.alternate {
  margin: 20px 0 8px;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
h4 {
  margin: 20px 0 8px;
  font-size: 14px;
  line-height: 20px;
}
.uppercase-gray {
  text-transform: uppercase;
  color: var(--color-gray-800);
}
h5,
h5.alternate {
  margin: 20px 0 8px;
  font-size: 13px;
  line-height: 20px;
}
h6,
h6.alternate {
  margin: 20px 0 8px;
  font-size: 12px;
  line-height: 20px;
}
p {
  margin: 0 0 15px;
}
:focus,
a:focus,
select:focus,
input:focus,
.btn:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="file"]:focus,
h2:focus,
.no-outline {
  outline: 0 none;
  outline-offset: 0;
  text-decoration: none;
}
ul,
ol {
  margin-left: 0;
  padding-left: 20px;
}
ul li,
ol li {
  padding: 2px 0;
}
ul.no-type {
  list-style-type: none;
}
.msg-alert-display {
  background-color: var(--color-primary-bg);
  border: 2px solid var(--color-primary-border);
  border-radius: 4px;
  display: inline-block;
  width: 362px;
}
.msg-alert-display.msg-alert-display-error {
  color: var(--color-status-error-primary-fg);
  background-color: var(--color-status-error-primary-bg);
  border: 2px solid var(--color-status-error-border);
}
.msg-alert-display.msg-alert-display-update {
  color: var(--color-status-warning-primary-fg);
  background-color: var(--color-status-warning-primary-bg);
  border: 2px solid var(--color-status-warning-border);
}
.msg-alert-display.msg-alert-display-info {
  color: var(--color-status-info-primary-fg);
  background-color: var(--color-status-info-primary-bg);
  border: 2px solid var(--color-status-info-border);
}
.msg-alert-display-text {
  padding: 16px 16px 0;
}
ul.msgList {
  border-radius: 4px;
  list-style-type: none;
  margin: 0;
  max-height: 400px;
  min-height: 64px;
  overflow: auto;
  padding: 16px;
}
ul.msgList h4 {
  margin-top: 0;
}
.msg-display-block {
  display: block;
}
/* ==========================================================================
   Text
========================================================================== */
.standard-color,
.standard-color:link,
.standard-color:visited {
  color: var(--color-fg) !important;
}
.standard-color span,
.standard-color:link span,
.standard-color:visited span {
  color: var(--color-fg);
}
.standard-text {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
}
.inactive-text {
  color: var(--color-fg-dimmed);
}
.em {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
}
.semi-bold {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
b,
strong,
.bold {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.nobr {
  white-space: nowrap;
}
.responsive-break-after {
  white-space: nowrap;
  float: left;
}
.force-word-wrap {
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
/* used in activity comments, only webkit has auto ellipsis so use fade from bottom technique */
.ellipsis {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  position: relative;
}
.ellipsis p {
  position: relative;
  overflow: hidden;
  height: 36px;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 18px;
  max-height: 36px;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  -webkit-box-orient: vertical;
}
.ellipsis .fade-from-bottom {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 30px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: "";
  z-index: 999;
}
.fade-bottom {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: "";
  z-index: 999;
}
/* used to break text at specific screen widths */
@media (min-width: 1200px) and (max-width: 1500px) {
  .admin-nav-link-wrapper .responsive-break-after {
    clear: left;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .admin-nav-link-wrapper .responsive-break-after {
    clear: left;
  }
}
.noDecor,
.noDecor:hover {
  text-decoration: none;
}
a.underline,
.underline {
  text-decoration: underline;
}
.helpcursor {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  background-color: var(--color-primary-bg);
  border: 1px dotted var(--color-primary-border);
  color: var(--color-fg);
  cursor: help;
  margin-left: 8px;
  padding: 0 4px;
}
/* ==========================================================================
   Carets
========================================================================== */
.caret-down {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 8px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
  border-left: 5px solid;
  border-bottom: 5px solid transparent;
}
/* ==========================================================================
   Horizontal Rules
========================================================================== */
hr {
  border-top: 1px solid var(--color-primary-border);
  margin: 5px 0 10px;
}
hr.client-color {
  border-color: #3c4f5d;
}
/* ==========================================================================
   General
========================================================================== */
.cursor-pointer {
  cursor: pointer;
}
/* ==========================================================================
   Positioning
========================================================================== */
.pos-static {
  position: static;
}
.pos-relative {
  position: relative;
}
.pos-absolute {
  position: absolute;
}
.pos-fixed {
  position: fixed;
}
.inline-block {
  display: inline-block;
}
.align-initial {
  vertical-align: initial;
}
.align-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.align-top {
  vertical-align: top;
}
.align-top-block {
  vertical-align: top;
  display: inline-block;
}
.align-left {
  text-align: left;
}
.align-left-imp {
  text-align: left !important;
}
.align-right {
  text-align: right;
}
.display-none {
  display: none;
}
.inline,
.display-inline {
  display: inline;
}
.fLeft {
  float: left;
}
.fRight {
  float: right;
}
.clr {
  clear: both;
  zoom: 1;
}
.hide-offsets {
  position: absolute;
  left: -10000px;
  top: -10000px;
  visibility: hidden;
}
.overflow-auto {
  overflow: auto;
}
.low-opacity {
  opacity: 0.2;
}
.flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.regular-action-text {
  font-size: 14px;
  color: var(--color-brand-primary-fg);
}
.regular-action-text:hover {
  color: var(--color-brand-primary-fg-hover);
  text-decoration: underline;
}
.regular-action-text:active {
  color: var(--color-brand-primary-fg-active);
  text-decoration: underline;
}
.stacking-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "a";
  align-items: center;
}
.stacking-grid * {
  grid-area: a-start;
  justify-self: center;
}
/* ==========================================================================
   Margins
========================================================================== */
/* bottom */
.mb0 {
  margin-bottom: 0;
}
.mb0-imp {
  margin-bottom: 0 !important;
}
.mb3 {
  margin-bottom: 3px;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
/* top */
.mt-1 {
  margin-top: -1px;
}
.mt-3 {
  margin-top: -3px;
}
.mt-4 {
  margin-top: -4px;
}
.mt-5 {
  margin-top: -5px;
}
.mt-7 {
  margin-top: -7px;
}
.mt0 {
  margin-top: 0;
}
.mt1 {
  margin-top: 1px;
}
.mt3 {
  margin-top: 3px;
}
.mt5 {
  margin-top: 5px;
}
.mt6 {
  margin-top: 6px;
}
.mt8 {
  margin-top: 8px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt16 {
  margin-top: 16px;
}
.mt20 {
  margin-top: 20px;
}
/* right */
.mr4 {
  margin-right: 4px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
/* left */
.ml2 {
  margin-left: 2px;
}
.ml4 {
  margin-left: 4px;
}
.ml6 {
  margin-left: 6px;
}
.ml8 {
  margin-left: 8px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml16 {
  margin-left: 16px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.no-margin-imp {
  margin: 0 !important;
}
/* ==========================================================================
   Padding
========================================================================== */
.no-padding {
  padding: 0;
}
/* right */
.pr4 {
  padding-right: 4px;
}
.pr10 {
  padding-right: 10px;
}
/* all */
.p10 {
  padding: 10px;
}
/* top */
.pt10 {
  padding-top: 10px;
}
/* left */
.pl5 {
  padding-left: 5px;
}
/* bottom */
.pb1 {
  padding-bottom: 1px;
}
.standard-background-border {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
}
.standard-border-bottom {
  border-bottom: 1px solid var(--color-primary-border);
}
.standard-border {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  padding: 15px;
}
.secondary-background {
  background-color: var(--color-primary-bg);
  border-radius: 4px;
  padding: 10px;
}
iframe {
  border: 0 none;
}
.no-border-radius {
  border-radius: 0 !important;
}
.border-client-bottom {
  border-bottom: 1px solid var(--color-primary-border);
}
/* ==========================================================================
   Buttons
========================================================================== */
/* overrides copied from patterns */
button {
  background-color: white;
  border: 0;
  box-sizing: border-box;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
button[disabled],
button:disabled {
  box-shadow: none !important;
  cursor: not-allowed !important;
}
.btn {
  background-image: none;
}
.glyphicon,
.btn.glyphicon {
  font-family: 'Glyphicons Halflings' !important;
  /* overrides helvetica so icon displays */
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus .btn.active:focus,
.btn:active {
  outline: 0 none;
  outline-offset: 0;
  text-decoration: none;
}
.btn.btn-default {
  box-shadow: none;
  text-shadow: none;
  /* override bootstrap */
}
.btn-default.active,
.btn-default:hover,
.btn-default:focus {
  background-color: var(--color-bg);
  border-color: var(--color-primary-border);
  color: var(--color-brand-primary-fg);
  outline: none;
}
.assetBatchEditWrapper .btn.btn-default {
  color: var(--color-tertiary-action-fg);
}
.assetBatchEditWrapper .btn.btn-default.active:hover,
.assetBatchEditWrapper .btn-default.active:focus,
.assetBatchEditWrapper .btn-default.active {
  background-color: var(--color-secondary-bg);
  border-color: var(--color-secondary-border);
  color: var(--color-fg);
}
.assetBatchEditWrapper .btn-now:hover {
  background-color: var(--color-bg) !important;
}
.btn.no-style,
.btn.no-style:active,
.btn.no-style:hover,
.btn.no-style:focus {
  border: 0;
  box-shadow: none;
  outline: 0 none;
  outline-offset: 0;
  text-decoration: none;
}
button.no-style,
button.btn-sm.no-style,
button.no-style:not([disabled]):active,
button.no-style:not([disabled]):hover,
button.no-style:not([disabled]):focus {
  border: 0;
  box-shadow: none;
  outline: 0 none;
  outline-offset: 0;
  text-decoration: none;
  background-color: transparent;
  padding: 0;
}
button.no-style.pad {
  padding: 0 4px;
}
.btn.btn-3d {
  -webkit-box-shadow: inset 0 1px 0 #67869d;
  box-shadow: inset 0 1px 0 #67869d;
  background-image: -webkit-linear-gradient(top, #465c6c 0%, #32424e 100%);
  background-image: -o-linear-gradient(top, #465c6c 0%, #32424e 100%);
  background-image: linear-gradient(to bottom, #465c6c 0%, #32424e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff465c6c', endColorstr='#ff32424e', GradientType=0);
  background-repeat: repeat-x;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45);
  border: 1px solid #28353e;
  color: #ffffff;
}
.btn.btn-3d:not([disabled]):active,
.btn.btn-3d:not([disabled]):hover {
  color: var(--color-fg-inverse);
  background-image: -webkit-linear-gradient(top, #32424e 0%, #465c6c 100%);
  background-image: -o-linear-gradient(top, #32424e 0%, #465c6c 100%);
  background-image: linear-gradient(to bottom, #32424e 0%, #465c6c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff32424e', endColorstr='#ff465c6c', GradientType=0);
  background-repeat: repeat-x;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.45);
}
/* btn colors */
.btn.client-color:disabled,
.btn.btn-primary:disabled,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:disabled {
  background: var(--color-primary-bg);
  border-color: var(--color-primary-border);
  color: var(--color-fg-dimmed) !important;
  cursor: not-allowed;
  opacity: 0.58;
}
.qq-upload-button-hover.btn-inverse {
  border: 1px solid var(--color-action-secondary-border-hover);
}
.btn.qq-upload-button {
  width: auto;
  padding: 1px 16px;
}
a.btn.btn-inverse.standard-gray-bg,
.btn.qq-upload-button.btn-inverse {
  background-color: var(--color-bg);
  color: var(--color-action-secondary-fg);
  border: 1px solid var(--color-action-secondary-border);
}
a.btn.client-color:hover,
.btn.client-color:hover,
.btn.btn-primary:hover,
.ui-datepicker-current.ui-state-default.ui-state-hover {
  background-color: var(--color-action-primary-bg-hover);
  border: 1px solid var(--color-action-primary-bg-hover);
  color: var(--color-action-primary-fg);
}
a.btn.client-color:active,
.btn.client-color:active,
.btn.btn-primary:active,
.ui-datepicker-current.ui-state-default.ui-state-active {
  background-color: var(--color-action-primary-bg-active);
  border: 1px solid var(--color-action-primary-bg-active);
  color: var(--color-action-primary-fg);
}
a.btn,
a.btn:link,
.btn > a {
  color: var(--color-action-secondary-fg);
  text-decoration: none;
}
a.btn.client-color,
a.btn.client-color:link,
a.btn.client-color:visited,
.btn.client-color:link:not([disabled]) {
  color: #ffffff;
}
.btn.btn-inverse,
.btn.btn-inverse:link,
.btn-inverse {
  background-color: var(--color-bg);
  color: var(--color-action-secondary-fg);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.30;
}
/* btn width sizes */
.btn.full-width,
.btn-wide {
  width: 100%;
}
#upload-wizard-button-column .btn.btn-wide,
.btn-wide {
  margin: 10px 0 0;
  padding-left: 0;
  padding-right: 0;
}
.btn.extra-padding {
  padding-left: 20px;
  padding-right: 20px;
}
/* calendar */
.btn.btn-now {
  margin-left: 16px;
  margin-top: -3px;
  margin-bottom: 0;
  padding: 0 12px;
}
/* legacy */
.grayButton {
  padding: 3px 12px;
  text-decoration: none !important;
  font-size: 13px;
  height: 18px;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}
.btn-group label.btn {
  margin: 0;
}
/* button groups */
.btn-group > .btn.btn-primary:first-child:not(:last-child):not(.dropdown-toggle) {
  border-left: 0 none;
}
.btn-group label.btn.btn-primary {
  border-left: 1px solid #3c4f5d;
}
/* ==========================================================================
   NEW Buttons to mimic patterns-buttons
========================================================================== */
.button-primary,
.btn.client-color,
.btn.btn-primary,
.ui-datepicker-current.ui-state-default.ui-priority-secondary {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  padding: 1px 16px;
  text-decoration: none;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
  white-space: nowrap;
  background-color: var(--color-action-primary-bg);
  border: 1px solid var(--color-action-primary-bg);
  color: var(--color-action-primary-fg) !important;
  /* fixes admin tool buttons */
}
.button-primary:not([disabled]):active,
.button-primary:not([disabled]):focus,
.button-primary:not([disabled]):hover,
.btn.client-color:not([disabled]):active,
.btn.client-color:not([disabled]):focus,
.btn.client-color:not([disabled]):hover,
.btn.btn-primary:not([disabled]):active,
.btn.btn-primary:not([disabled]):focus,
.btn.btn-primary:not([disabled]):hover,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):active,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):focus,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):hover {
  text-decoration: none;
}
.button-primary:not([disabled]):active,
.btn.client-color:not([disabled]):active,
.btn.btn-primary:not([disabled]):active,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):active {
  box-shadow: none;
}
.button-primary img,
.btn.client-color img,
.btn.btn-primary img,
.ui-datepicker-current.ui-state-default.ui-priority-secondary img {
  margin-right: 4px;
  margin-top: -2px;
}
.button-primary.btn-sm,
.button-primary.btn-xs,
.btn.client-color.btn-sm,
.btn.client-color.btn-xs,
.btn.btn-primary.btn-sm,
.btn.btn-primary.btn-xs,
.ui-datepicker-current.ui-state-default.ui-priority-secondary.btn-sm,
.ui-datepicker-current.ui-state-default.ui-priority-secondary.btn-xs {
  font-size: 12px;
  line-height: 26px;
  padding: 0 8px;
}
.button-primary.btn-lg,
.button-primary.btn-xl,
.btn.client-color.btn-lg,
.btn.client-color.btn-xl,
.btn.btn-primary.btn-lg,
.btn.btn-primary.btn-xl,
.ui-datepicker-current.ui-state-default.ui-priority-secondary.btn-lg,
.ui-datepicker-current.ui-state-default.ui-priority-secondary.btn-xl {
  line-height: 34px;
  padding: 1px 16px;
}
.button-primary:not([disabled]):hover,
.btn.client-color:not([disabled]):hover,
.btn.btn-primary:not([disabled]):hover,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):hover {
  background-color: var(--color-action-primary-bg-hover);
  border-color: var(--color-action-primary-bg-hover);
  color: var(--color-action-primary-fg);
}
.button-primary:not([disabled]):active,
.btn.client-color:not([disabled]):active,
.btn.btn-primary:not([disabled]):active,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):active {
  background-color: var(--color-action-primary-bg-active);
  border-color: var(--color-action-primary-bg-active);
  color: var(--color-action-primary-fg);
}
.button-primary:focus,
.btn.client-color:focus,
.btn.btn-primary:focus,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:focus {
  box-shadow: var(--focus-outline);
}
.button-primary:focus:not(:focus-visible),
.btn.client-color:focus:not(:focus-visible),
.btn.btn-primary:focus:not(:focus-visible),
.ui-datepicker-current.ui-state-default.ui-priority-secondary:focus:not(:focus-visible) {
  box-shadow: none;
}
.button-primary :visited,
.btn.client-color :visited,
.btn.btn-primary :visited,
.ui-datepicker-current.ui-state-default.ui-priority-secondary :visited {
  color: var(--color-action-primary-fg);
}
.search-bar-button,
.button-secondary,
.button-cancel,
.ui-datepicker-close.ui-state-default.ui-priority-primary,
.highcharts-button,
.btn,
.instantSearchZone.simpleThumb .preview .quickview-msg,
.qq-upload-cancel,
.qq-upload-retry {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  padding: 1px 16px;
  text-decoration: none;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
  white-space: nowrap;
  background-color: var(--color-action-secondary-bg);
  border: 1px solid var(--color-action-secondary-border);
  color: var(--color-action-secondary-fg);
}
.search-bar-button:not([disabled]):active,
.button-secondary:not([disabled]):active,
.button-cancel:not([disabled]):active,
.search-bar-button:not([disabled]):focus,
.button-secondary:not([disabled]):focus,
.button-cancel:not([disabled]):focus,
.search-bar-button:not([disabled]):hover,
.button-secondary:not([disabled]):hover,
.button-cancel:not([disabled]):hover,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):active,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):focus,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):hover,
.highcharts-button:not([disabled]):active,
.highcharts-button:not([disabled]):focus,
.highcharts-button:not([disabled]):hover,
.btn:not([disabled]):active,
.btn:not([disabled]):focus,
.btn:not([disabled]):hover,
.qq-upload-cancel:not([disabled]):active,
.qq-upload-cancel:not([disabled]):focus,
.qq-upload-cancel:not([disabled]):hover,
.qq-upload-retry:not([disabled]):active,
.qq-upload-retry:not([disabled]):focus,
.qq-upload-retry:not([disabled]):hover {
  text-decoration: none;
}
.search-bar-button:not([disabled]):active,
.button-secondary:not([disabled]):active,
.button-cancel:not([disabled]):active,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):active,
.highcharts-button:not([disabled]):active,
.btn:not([disabled]):active,
.qq-upload-cancel:not([disabled]):active,
.qq-upload-retry:not([disabled]):active {
  box-shadow: none;
}
.search-bar-button img,
.button-secondary img,
.button-cancel img,
.ui-datepicker-close.ui-state-default.ui-priority-primary img,
.highcharts-button img,
.btn img,
.qq-upload-cancel img,
.qq-upload-retry img {
  margin-right: 4px;
  margin-top: -2px;
}
.search-bar-button.btn-sm,
.button-secondary.btn-sm,
.button-cancel.btn-sm,
.search-bar-button.btn-xs,
.button-secondary.btn-xs,
.button-cancel.btn-xs,
.ui-datepicker-close.ui-state-default.ui-priority-primary.btn-sm,
.ui-datepicker-close.ui-state-default.ui-priority-primary.btn-xs,
.highcharts-button.btn-sm,
.highcharts-button.btn-xs,
.btn.btn-sm,
.btn.btn-xs,
.qq-upload-cancel.btn-sm,
.qq-upload-cancel.btn-xs,
.qq-upload-retry.btn-sm,
.qq-upload-retry.btn-xs {
  font-size: 12px;
  line-height: 26px;
  padding: 0 8px;
}
.search-bar-button.btn-lg,
.button-secondary.btn-lg,
.button-cancel.btn-lg,
.search-bar-button.btn-xl,
.button-secondary.btn-xl,
.button-cancel.btn-xl,
.ui-datepicker-close.ui-state-default.ui-priority-primary.btn-lg,
.ui-datepicker-close.ui-state-default.ui-priority-primary.btn-xl,
.highcharts-button.btn-lg,
.highcharts-button.btn-xl,
.btn.btn-lg,
.btn.btn-xl,
.qq-upload-cancel.btn-lg,
.qq-upload-cancel.btn-xl,
.qq-upload-retry.btn-lg,
.qq-upload-retry.btn-xl {
  line-height: 34px;
  padding: 1px 16px;
}
.search-bar-button:link,
.button-secondary:link,
.button-cancel:link,
.search-bar-button:not([disabled]):visited,
.button-secondary:not([disabled]):visited,
.button-cancel:not([disabled]):visited,
.ui-datepicker-close.ui-state-default.ui-priority-primary:link,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):visited,
.highcharts-button:link,
.highcharts-button:not([disabled]):visited,
.btn:link,
.btn:not([disabled]):visited,
.qq-upload-cancel:link,
.qq-upload-cancel:not([disabled]):visited,
.qq-upload-retry:link,
.qq-upload-retry:not([disabled]):visited {
  color: var(--color-action-secondary-fg);
}
.search-bar-button:not([disabled]):hover,
.button-secondary:not([disabled]):hover,
.button-cancel:not([disabled]):hover,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):hover,
.highcharts-button:not([disabled]):hover,
.btn:not([disabled]):hover,
.qq-upload-cancel:not([disabled]):hover,
.qq-upload-retry:not([disabled]):hover {
  background-color: var(--color-action-secondary-bg-hover);
  border-color: var(--color-action-secondary-border-hover);
  color: var(--color-action-secondary-fg-hover);
}
.search-bar-button:not([disabled]):active,
.button-secondary:not([disabled]):active,
.button-cancel:not([disabled]):active,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):active,
.highcharts-button:not([disabled]):active,
.btn:not([disabled]):active,
.qq-upload-cancel:not([disabled]):active,
.qq-upload-retry:not([disabled]):active {
  background-color: var(--color-action-secondary-bg-active);
  border-color: var(--color-action-secondary-border-active);
  color: var(--color-action-secondary-fg-active);
}
.search-bar-button:not([disabled]):focus,
.button-secondary:not([disabled]):focus,
.button-cancel:not([disabled]):focus,
.ui-datepicker-close.ui-state-default.ui-priority-primary:not([disabled]):focus,
.highcharts-button:not([disabled]):focus,
.btn:not([disabled]):focus,
.qq-upload-cancel:not([disabled]):focus,
.qq-upload-retry:not([disabled]):focus {
  border-color: var(--color-action-secondary-border-hover);
}
.button-secondary + .button-secondary,
.button-primary + .button-cancel,
.button-secondary + .button-primary,
.button-primary + .ui-datepicker-close.ui-state-default.ui-priority-primary,
.button-primary + .highcharts-button,
.button-primary + .btn,
.btn.client-color + .button-cancel,
.button-secondary + .btn.client-color,
.btn.btn-primary + .button-cancel,
.button-secondary + .btn.btn-primary,
.ui-datepicker-current.ui-state-default.ui-priority-secondary + .button-cancel,
.button-secondary + .ui-datepicker-current.ui-state-default.ui-priority-secondary,
.button-primary + .qq-upload-cancel,
.button-primary + .qq-upload-retry {
  margin-left: 8px;
}
.button-secondary-small {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  padding: 1px 16px;
  text-decoration: none;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
  white-space: nowrap;
  background-color: var(--color-action-secondary-bg);
  border: 1px solid var(--color-action-secondary-border);
  color: var(--color-action-secondary-fg);
  height: 28px;
  line-height: 25px;
}
.button-secondary-small:not([disabled]):active,
.button-secondary-small:not([disabled]):focus,
.button-secondary-small:not([disabled]):hover {
  text-decoration: none;
}
.button-secondary-small:not([disabled]):active {
  box-shadow: none;
}
.button-secondary-small img {
  margin-right: 4px;
  margin-top: -2px;
}
.button-secondary-small.btn-sm,
.button-secondary-small.btn-xs {
  font-size: 12px;
  line-height: 26px;
  padding: 0 8px;
}
.button-secondary-small.btn-lg,
.button-secondary-small.btn-xl {
  line-height: 34px;
  padding: 1px 16px;
}
.button-secondary-small:link,
.button-secondary-small:not([disabled]):visited {
  color: var(--color-action-secondary-fg);
}
.button-secondary-small:not([disabled]):hover {
  background-color: var(--color-action-secondary-bg-hover);
  border-color: var(--color-action-secondary-border-hover);
  color: var(--color-action-secondary-fg-hover);
}
.button-secondary-small:not([disabled]):active {
  background-color: var(--color-action-secondary-bg-active);
  border-color: var(--color-action-secondary-border-active);
  color: var(--color-action-secondary-fg-active);
}
.button-secondary-small:not([disabled]):focus {
  border-color: var(--color-action-secondary-border-hover);
}
.documentForm input {
  line-height: 30px !important;
}
/* external collection logo search */
.input-group-btn input.search-btn {
  margin-top: -15px;
}
.cursorDisabled {
  cursor: not-allowed;
}
.wrapUnder label {
  display: block;
}
label {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-bottom: 5px;
  margin-right: 6px;
}
h3 label,
.inline-edit h3,
.assetDetailsTabGroup h3 {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
label.cBox {
  cursor: pointer;
  display: inline-block;
}
.form-field-shadow {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
input[type="file"] {
  background-color: transparent;
  border: 0 none !important;
  box-shadow: none !important;
}
input[type="text"]:not(.unstyled-input),
input[type="password"],
input[type="email"],
.formFrag select,
.metadataForm select,
textarea {
  width: 320px;
}
input[type=text]::-ms-clear,
input[type=number]::-ms-clear {
  display: none;
}
.standard-input-styles,
input[type="text"]:not(.unstyled-input),
input[type="email"],
input[type="password"],
input[type="search"],
#searchInput,
.search,
input.search-input,
.input-date-picker,
input.ffb-input,
.color-picker-field,
select,
textarea,
.columnized-menu-filter {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  background-color: var(--color-bg);
  border: 1px solid var(--color-secondary-border);
  border-radius: 4px;
  box-shadow: none;
  color: var(--color-fg);
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
.standard-input-styles[disabled],
input[type="text"]:not(.unstyled-input)[disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
#searchInput[disabled],
.search[disabled],
input.search-input[disabled],
.input-date-picker[disabled],
input.ffb-input[disabled],
.color-picker-field[disabled],
select[disabled],
textarea[disabled],
.columnized-menu-filter[disabled] {
  background-color: var(--color-primary-bg);
  color: var(--color-fg);
  cursor: not-allowed;
  opacity: 0.38;
}
.standard-input-styles[readonly],
input[type="text"]:not(.unstyled-input)[readonly],
input[type="email"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
#searchInput[readonly],
.search[readonly],
input.search-input[readonly],
.input-date-picker[readonly],
input.ffb-input[readonly],
.color-picker-field[readonly],
select[readonly],
textarea[readonly],
.columnized-menu-filter[readonly] {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-fg);
  cursor: not-allowed;
}
/* date range picker */
.multi-column-dropdown .input-date-picker {
  background: var(--color-bg);
  border: 0;
}
input[type="text"]:not(.unstyled-input):not(.editable-has-buttons),
input[type="password"],
input[type="search"]:not(.ui-select-search),
select:not(.ui-datepicker-month):not(.ui-datepicker-year),
textarea {
  margin-bottom: 15px !important;
  /* overrides normalize from patterns-style */
}
input.editable-has-buttons {
  margin-bottom: 0 !important;
}
select {
  font-family: Helvetica, Arial, sans-serif;
  /* helvetica neue does not center */
  height: 28px;
  max-width: 350px;
}
.user-edit-form .autocompleter {
  margin-bottom: 15px;
}
input[type="text"].refine-field {
  width: 130px;
}
select.multi-row {
  width: 320px;
  overflow: hidden;
}
table.verticalColumnAndHeaderNoHover select {
  margin-bottom: 0;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1200px) {
  table.verticalColumnAndHeaderNoHover select {
    max-width: 400px;
  }
}
@media (max-width: 1100px) {
  table.verticalColumnAndHeaderNoHover select {
    max-width: 300px;
  }
}
@media (max-width: 1000px) {
  table.verticalColumnAndHeaderNoHover select {
    max-width: 200px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  table.verticalColumnAndHeaderNoHover select {
    max-width: 150px;
  }
}
input[type="checkbox"].cb,
input[type="radio"].cb,
input[type="checkbox"].cBox,
input[type="radio"].cBox {
  float: left;
  margin-right: 8px;
  margin-top: 3px;
}
label.cb-label-wrap {
  margin-left: 18px;
  display: block;
  float: left;
}
label.cb-label-wrap input[type="checkbox"].cb,
label.cb-label-wrap input[type="radio"].cb,
label.cb-label-wrap input[type="checkbox"].cBox,
label.cb-label-wrap input[type="radio"].cBox {
  margin-left: -18px;
}
date-picker {
  white-space: nowrap;
}
input.input-date-picker {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-bottom: 15px !important;
  /* overrides normalize from patterns-style */
  width: 130px;
}
button.ui-datepicker-trigger.glyphicon.glyphicon-calendar {
  margin-top: -4px;
  padding: 5px 8px;
  top: 0;
}
.ui-datepicker-trigger {
  background-color: var(--color-primary-bg);
  background-image: none;
  border: 1px solid var(--color-secondary-border);
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  margin-left: -1px;
  margin-top: -5px;
  padding: 4px 8px;
  vertical-align: middle;
}
.input-text-size {
  font-size: 13px;
  padding: 5px;
}
.input-xs {
  font-size: 13px;
  padding: 5px;
  height: 22px;
  line-height: 13px;
}
.input-sm {
  font-size: 13px;
  padding: 5px;
  height: 29px;
  line-height: 14px;
}
input[type="text"].input-xs {
  width: auto;
}
textarea {
  min-height: 78px;
  overflow: auto;
}
.form-field-focus,
textarea:focus,
input[type="text"]:not(.unstyled-input):focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: var(--color-primary-border-active);
  outline: 0;
}
/* style placeholder text - need to keep rules separate otherwise ignored */
::placeholder {
  color: var(--color-placeholder-fg);
}
/* advanced search */
.inputField label,
.inputField select {
  display: block;
}
.inputField label.cBox {
  display: inline-block;
}
/* input range */
input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid var(--color-white);
  /*required for proper track sizing in FF*/
  width: 50%;
  padding: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: var(--color-secondary-bg);
  border: none;
  border-radius: 2px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid var(--color-white);
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #3c4f5d;
  margin-top: -6px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--color-secondary-bg);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: var(--color-secondary-bg);
  border: none;
  border-radius: 2px;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid var(--color-white);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #3c4f5d;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid var(--color-white);
  outline-offset: -1px;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 6px 0;
  /*remove default tick marks*/
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: var(--color-gray-400);
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: var(--color-secondary-bg);
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: 1px solid var(--color-white);
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #3c4f5d;
}
input[type=range]:focus::-ms-fill-lower {
  background: var(--color-secondary-bg);
}
input[type=range]:focus::-ms-fill-upper {
  background: var(--color-secondary-bg);
}
/* tapestry and angular field validation */
input.t-error:not(.ng-invalid-required-optional):not(.ng-pristine),
textarea.t-error:not(.ng-invalid-required-optional):not(.ng-pristine),
select.t-error:not(.ng-invalid-required-optional):not(.ng-pristine),
input.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine),
textarea.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine),
select.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  border-color: var(--color-status-error-border);
}
/* Collective's unique optionally required field styling */
FORM.ng-submitted input.ng-invalid.ng-invalid-required-optional,
FORM.ng-submitted textarea.ng-invalid.ng-invalid-required-optional,
FORM.ng-submitted select.ng-invalid.ng-invalid-required-optional {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  border-color: var(--color-status-warning-border);
}
FORM.ng-submitted input.ng-invalid.ng-invalid-required-optional:focus,
FORM.ng-submitted textarea.ng-invalid.ng-invalid-required-optional:focus {
  border-color: rgba(255, 188, 51, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 188, 51, 0.6);
  outline: 0;
  outline: thin dotted \9;
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional {
  background-color: var(--color-status-warning-bg);
  border: 1px solid var(--color-status-warning-border);
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px 0 10px 7px !important;
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional .field-name {
  color: var(--color-status-warning-fg);
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional .error-messages {
  display: block;
  color: var(--color-status-warning-fg);
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional .error-messages .icon-md {
  cursor: auto;
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional .error-messages .invalid-required-optional {
  display: inline-block;
}
FORM.ng-submitted .ng-invalid.ng-invalid-required-optional .alert-danger {
  margin: 20px 8px 20px 18px;
  color: var(--color-fg);
}
textarea.t-error:focus,
input[type="text"].t-error:focus,
input[type="password"].t-error:focus,
input[type="datetime"].t-error:focus,
input[type="datetime-local"].t-error:focus,
input[type="date"].t-error:focus,
input[type="month"].t-error:focus,
input[type="time"].t-error:focus,
input[type="week"].t-error:focus,
input[type="number"].t-error:focus,
input[type="email"].t-error:focus,
input[type="url"].t-error:focus,
input[type="search"].t-error:focus,
input[type="tel"].t-error:focus,
input[type="color"].t-error:focus,
.uneditable-input:focus,
input.ng-invalid:focus:not(.ng-invalid-required-optional),
textarea.ng-invalid:focus:not(.ng-invalid-required-optional) {
  border-color: rgba(210, 0, 0, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(210, 0, 0, 0.6);
  outline: 0;
  outline: thin dotted \9;
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) {
  display: block;
  background-color: var(--color-status-error-bg);
  border: 1px solid var(--color-status-error-border);
  border-radius: 4px;
  margin: 10px 0;
  padding: 10px;
  /* displays the error messages for the field */
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) .field-name,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) label {
  color: var(--color-status-error-fg);
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) .error-messages {
  display: block;
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) .error-messages .icon-md {
  cursor: auto;
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-server-validation-error .invalid-server,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-date .invalid-date,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-number .invalid-number,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-asset-groups .invalid-required-select,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-maxlength .invalid-max-length,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-required .invalid-required,
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine).ng-invalid-email .invalid-email {
  display: inline-block;
}
form.ng-invalid .alert-danger {
  margin: 20px 0 20px 10px;
  color: var(--color-fg);
}
.error-messages {
  margin: 2px 2px 0;
  color: var(--color-status-error-fg);
  display: none;
}
.error-messages .icon-md {
  margin-right: 2px;
}
.invalid {
  display: none;
  margin: 0 0 5px;
}
/* ==========================================================================
   Table
========================================================================== */
.table-component {
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
  position: relative;
}
.table-component .reorder-field {
  width: 35px;
  margin-bottom: 0 !important;
}
.no-padding .table-component {
  margin-bottom: 0;
}
.table-hover > tbody > tr:hover > td {
  background-color: var(--color-brand-100);
}
.table th {
  white-space: nowrap;
  text-align: left;
}
.table > tbody > tr.selected > td {
  background-color: #fffed6;
}
.table {
  border-bottom: 2px solid var(--color-primary-border);
  margin-bottom: 15px;
}
.table.collectionAssets {
  margin-bottom: 90px;
}
.table-thumbnail .table-responsive {
  min-height: 100px;
  overflow-x: visible;
}
/* ==========================================================================
   Table Actions/Options
========================================================================== */
.table-action.cell-value {
  margin-right: 6px;
}
/* ==========================================================================
   Batch Actions
========================================================================== */
.batch-action-bar {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  float: left;
}
.batch-action-bar .batch-size-wrapper {
  margin-right: 10px;
}
.batch-action-bar .batch-action {
  margin-right: 6px;
  text-decoration: underline;
}
.batch-action-bar .batch-action-sep {
  color: var(--color-primary-fg);
  margin-right: 9px;
}
/* ==========================================================================
   Pager Bar
========================================================================== */
.table-pager {
  margin-top: -3px;
  margin-bottom: 5px;
}
.table-pager .displaying-results {
  float: left;
  margin-top: 3px;
}
.table-pager .displaying-results SPAN {
  color: var(--color-primary-fg);
}
.table-pager .pager-controls {
  float: right;
  white-space: nowrap;
  margin-top: 3px;
}
.table-pager .pager-controls form {
  display: inline;
  margin-left: 50px;
}
.table-pager .pager-controls form .ui-selectmenu-button {
  width: 52px !important;
}
.table-pager .pager-controls .pager-buttons {
  margin-left: 50px;
}
.table-pager .pager-controls .pager-page {
  display: inline-block;
  cursor: pointer;
}
.table-pager .pager-controls .current-page {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  padding: 2px 6px;
}
.table-pager .pager-controls .pager-previous-button,
.table-pager .pager-controls .pager-next-button {
  margin: 0 15px;
}
th {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 4px 7px;
  text-align: left;
  text-decoration: none;
}
th.no-left-padding {
  padding-left: 0;
}
caption {
  padding: 10px 0;
}
/* HEADERS */
table.horizontalLine {
  margin-bottom: 20px;
}
table.horizontalLine td {
  border-bottom: 1px solid var(--color-primary-border);
  padding: 4px 5px;
}
table.horizontalLine th,
.tabHeader {
  border: 1px solid var(--color-primary-border);
  border-left: 0 none;
  border-right: 0 none;
}
/* TABLE WITH OUTER & INNER BORDER */
.tableBorder {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin-bottom: 20px;
}
.tableBorder th {
  border-bottom: 1px solid var(--color-primary-border);
  border-top: 1px solid var(--color-primary-border);
}
.tableBorder td {
  border-bottom: 1px solid var(--color-primary-border);
  border-left: 1px solid var(--color-primary-border);
  padding: 4px 5px;
}
.table.tableBorder > thead > tr > th {
  border-top: 1px solid var(--color-primary-border) !important;
}
.tableBorderHead th {
  background-color: var(--color-primary-bg);
}
/* TABLE - OUTER BORDER && HEADER ONLY*/
table.outline,
table.headerOnly {
  margin-bottom: 20px;
}
table.outline {
  border-right: 1px solid var(--color-primary-border);
  border-left: 1px solid var(--color-primary-border);
  border-bottom: 1px solid var(--color-primary-border);
}
table.outline th,
table.headerOnly th {
  border: 1px solid var(--color-primary-border);
  padding: 4px 5px;
}
table.outline td,
table.headerOnly td {
  padding: 4px 5px;
}
table.noLeftPadding td {
  padding: 3px 10px 3px 0;
}
/* HOVER - does not work in IE6 */
.tableBorder tr:hover td,
table.outline tr:hover td,
.horizontalLine tr:hover td,
table.verticalColumn tr:hover td,
table.verticalColumnAndHeader tr:hover td,
table.headerOnly tr:hover td {
  background-color: var(--color-brand-100);
}
/* ALTERNATING */
.tableBorder tr.odd,
.outline tr.odd,
.horizontalLine tr.odd,
table.headerOnly tr.odd {
  background-color: #fff;
}
.tableBorder tr.even,
.outline tr.even,
.horizontalLine tr.even,
table.headerOnly tr.even {
  background-color: var(--color-primary-bg);
}
/* TABLE VERTICAL COLUMN EMPHASIS */
table.verticalColumn,
table.verticalColumnAndHeaderNoHover,
table.verticalColumnAndHeader,
table.basicOutline {
  text-align: left;
  vertical-align: top;
  border-width: 2px 1px 2px;
  border-color: var(--color-primary-border);
  border-style: solid;
  margin-bottom: 20px;
}
table.verticalColumn th,
table.verticalColumnAndHeaderNoHover th,
table.verticalColumnAndHeader th,
table.verticalColumn td,
table.verticalColumnAndHeaderNoHover td,
table.verticalColumnAndHeader td {
  border-bottom: 1px solid var(--color-primary-border);
}
table.verticalColumn td,
table.verticalColumnAndHeaderNoHover td,
table.verticalColumnAndHeader td,
table.basicOutline td {
  padding: 3px 7px;
}
table.verticalColumn .odd,
table.verticalColumnAndHeaderNoHover .odd,
table.verticalColumnAndHeader .odd {
  bacground-color: var(--color-secondary-bg);
  border-right: 1px dotted var(--color-primary-border);
}
table.verticalColumn .even,
table.verticalColumnAndHeaderNoHover .even,
table.verticalColumnAndHeader .even {
  background-color: var(--color-primary-bg);
  border-right: 1px dotted var(--color-primary-border);
}
table.verticalColumnAndHeaderNoHover th,
table.verticalColumnAndHeader th {
  text-align: center;
}
table.basicOutline {
  border: 0 none;
}
table.basicOutline th {
  border-bottom: 1px solid var(--color-primary-border);
  border-top: 1px solid var(--color-primary-border);
  background-color: var(--color-primary-bg);
}
table.basicOutline td {
  border-bottom: 1px solid var(--color-primary-border);
  padding: 4px 7px;
}
table.basicOutline .odd {
  border-right: var(--color-primary-border);
}
table.altRows th {
  background-color: var(--color-fg);
  color: var(--color-gray-200);
  padding: 3px 7px;
  text-transform: uppercase;
}
table.altRows td {
  padding: 4px 10px;
  vertical-align: middle;
}
table.altRows tr.row0 td {
  background-color: var(--color-primary-bg);
}
table.altRows tr.row1 td {
  background-color: var(--color-bg);
}
table.altRows tr td.mp_value {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
td.clickable {
  cursor: pointer;
}
/* ==========================================================================
   ng-table pagination
========================================================================== */
.ng-table-pager .pagination {
  margin: 0;
}
.ng-table-pager .pagination > .disabled > span,
.ng-table-pager .pagination > .disabled > span:hover,
.ng-table-pager .pagination > .disabled > span:focus,
.ng-table-pager .pagination > .disabled > a,
.ng-table-pager .pagination > .disabled > a:hover,
.ng-table-pager .pagination > .disabled > a:focus {
  color: var(--color-fg);
}
.ng-table-pager .pagination > li > a,
.ng-table-pager .pagination > li > span {
  color: var(--color-link-fg);
}
.ng-table-pager .pagination li:first-child a,
.ng-table-pager .pagination li:last-child a {
  font-size: 20px;
  padding: 1px 12px 3px;
}
.ng-table-pager .pagination > .active > a,
.ng-table-pager .pagination > .active > span,
.ng-table-pager .pagination > .active > a:hover,
.ng-table-pager .pagination > .active > span:hover,
.ng-table-pager .pagination > .active > a:focus,
.ng-table-pager .pagination > .active > span:focus {
  color: #ffffff;
  background-color: #3c4f5d;
  border-color: #3c4f5d;
}
.ng-table-counts .btn {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #fff;
  color: var(--color-link-fg);
  font-size: 14px;
  line-height: 20px;
}
.ng-table-counts .btn-default.active {
  background-color: #3c4f5d;
  color: #ffffff;
  border-color: #3c4f5d;
}
.ng-table-no-data {
  margin-top: 15px;
}
/* ==========================================================================
   Widths
========================================================================== */
.w25p {
  width: 25%;
}
.w32p {
  width: 32%;
}
.w46p {
  width: 46%;
}
.w49p {
  width: 49%;
}
.w50p {
  width: 50%;
}
.w100p {
  width: 100%;
}
.maxW51p {
  max-width: 51%;
}
.maxW65p {
  max-width: 65%;
}
.maxW90p {
  max-width: 90%;
}
/* ==========================================================================
   Heights
========================================================================== */
.minH400 {
  min-height: 400px;
}
.h100p {
  height: 100%;
}
/* ==========================================================================
   Body
========================================================================== */
/* used on the body tag for standard padding - can be overridden by clients for more space at the top of the page - DON'T USE ELSEWHERE */
.standard-body {
  background: var(--color-bg);
}
.main-body-wrapper {
  background: var(--color-bg);
  margin: 0 auto;
  max-width: 1920px;
  min-height: 100%;
  padding-top: var(--e-global-nav-height, 96px);
  padding-bottom: 40px;
}
.immersive-nav-body .main-body-wrapper,
.t5_admin_tools .main-body-wrapper {
  padding-top: 0;
  /* take into account different global nav height */
}
.standard-body.t5_admin_tools:not(.embedded-admin-page) {
  border-left: 1px solid var(--color-primary-border);
  border-right: 1px solid var(--color-primary-border);
  padding-top: var(--e-global-nav-height, 48px);
  padding-bottom: 0;
  /* new left nav layout */
}
.standard-body.edit-user-page {
  padding-top: 38px;
  /* gives pages 24px of space at the top */
  padding-bottom: 40px;
}
/* used to directly wrap the body block passed in by the page */
.body-wrapper {
  min-height: 500px;
  margin: 30px 16px 0;
  position: relative;
  z-index: 10;
}
/* used to wrap page content beneath quicklinks to match spacing found on dashboard from section border hovers */
.content-wrapper {
  margin-left: 15px;
  margin-right: 15px;
}
.content-wrapper-search-layout {
  display: flex;
}
.content-wrapper-search-layout .print-hide {
  padding-right: 16px;
}
.content-wrapper-for-refine-search {
  padding-right: 24px;
  position: relative;
  width: 220px;
}
.content-wrapper-for-refine-search label {
  align-items: center;
  display: inline-flex;
  cursor: pointer;
}
.content-wrapper-for-refine-search label input[type="checkbox"] {
  margin-top: 0;
}
.content-wrapper-for-refine-search label .name {
  display: inline-block;
  max-width: 135px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.content-wrapper-for-refine-search label .count {
  padding-left: 4px;
}
@media (max-width: 768px) {
  .content-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}
/* standard gray links mixin used by quick links and footer */
.gray-links {
  color: var(--color-fg);
  text-decoration: none;
}
.gray-links-hover {
  text-decoration: underline;
  color: var(--color-link-fg);
}
.gray-links-hover-circle {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #3c4f5d;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 var(--color-gray-400);
}
/* ==========================================================================
   Dashboard
========================================================================== */
.dashboard-section {
  padding: 5px 10px 15px;
  /* h2 adds padding at top to equal bottom */
  margin: 10px 0 10px;
  border: 1px solid #ffffff;
  border-radius: 4px;
  transition: 0s border-color;
}
.dashboard-section:hover {
  border-color: var(--color-primary-border);
  transition-delay: 750ms;
}
system-messages-widget .dashboard-section {
  margin-top: 0;
}
system-messages-widget .dashboard-inner-section {
  border-bottom: 1px solid var(--color-primary-border);
  padding-bottom: 15px;
}
system-messages-widget .dashboard-inner-section:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}
.dashboard-section .dashboard-inner-section:first-child h2:first-child {
  font-size: 18px;
  line-height: 20px;
  margin-top: 5px;
}
/* fixes a weird overflow issue where horizontal scrollbar appears all the time */
.dashboard-inner-section {
  padding: 0 1px 0 0;
}
/* this will need to be adjusted once we add our own icons in */
.dashboard-inner-section .glyphicon {
  margin-top: 22px;
  margin-left: 10px;
  color: var(--color-fg);
  display: none;
}
.dashboard-inner-section .glyphicon:hover {
  color: #3c4f5d;
}
.dashboard-inner-section:first-child .glyphicon {
  margin-top: 7px;
  margin-left: 10px;
  display: none;
}
.dashboard-inner-section:first-child .open .glyphicon {
  display: block;
}
.dashboard-inner-section:hover .glyphicon {
  display: block;
}
#recent-uploads-button-column {
  padding-left: 5px;
}
#upload-button-column {
  padding-right: 5px;
}
#upload-wizard-button-column {
  padding-left: 5px;
  padding-right: 5px;
}
.system-message {
  overflow-x: auto;
  margin-bottom: 10px;
}
/* bootstrap img-responsive applied generically to all images */
.system-message img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.system-message img.icon {
  display: inline-block;
}
/* details pages */
.details-preview-wrapper {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin-bottom: 20px;
}
/* admin layout */
.layout-admin-wrapper {
  background: var(--color-bg);
  margin: 0 auto;
  max-width: 1920px;
  display: flex;
  height: calc(100vh - 48px);
}
@media (max-width: 768px) {
  .layout-admin-wrapper {
    flex-wrap: wrap;
  }
}
.layout-admin-body {
  flex: 100%;
  max-height: 100%;
  padding: 8px 64px;
}
.embedded-admin-page .layout-admin-body {
  padding: 48px;
  padding-left: 0;
}
/* this fixes a ff bug that disregards padding with overflow: auto */
.admin-nav::after,
.layout-admin-body::after {
  content: "";
  display: block;
  height: 40px;
}
.admin-nav {
  min-width: 300px;
  padding: 16px 32px;
}
.admin-nav-panel-wrapper {
  padding-bottom: 16px;
}
/* ==========================================================================
   Header
========================================================================== */
.container-fluid #logo {
  border: none;
  padding: 5px;
  margin-left: 5px;
  height: auto;
  float: none;
  border-radius: 6px;
  background-color: #ffffff;
}
.container-fluid #logoImg {
  width: auto;
}
.container-fluid #logo img {
  max-width: 185px;
}
@media (max-width: 1000px) {
  .container-fluid #logo {
    margin-bottom: 10px;
  }
}
#logo #logoImg {
  background-position: 50% 50%;
  background-size: contain;
}
.logo-link {
  display: block;
}
/* application links */
.apps {
  list-style-type: none;
  margin: 12px 0 0;
  padding: 0;
}
.apps li {
  padding: 0 24px 0 0;
  white-space: nowrap;
  float: left;
}
.apps a,
.apps a:link,
.apps a:visited {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--color-primary-fg);
}
.apps li.active a,
.apps a:hover {
  color: var(--color-fg);
  text-decoration: none;
}
/* other links */
.header-link {
  float: left;
  margin-top: 4px;
}
.header-link a,
.header-link .search-help,
.header-link a.resetInstantScroll {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.header-search-links {
  display: inline-block;
  margin-bottom: 8px;
}
.portals-nav {
  margin-left: 20px;
}
@media (max-width: 768px) {
  .header-search-links {
    margin-top: 8px;
  }
}
@media (max-width: 1300px) {
  .header-search-links {
    margin-left: -12px;
  }
  .portals-nav {
    margin-left: 17px;
  }
}
.edit-saved-search .icon {
  display: inline-block;
}
/* copied from patterns */
.header-medium {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 16px 0;
}
.header-small {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin: 14px 0;
}
.text-large {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 12px 0;
}
.text-default {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
/* ==========================================================================
     Footer
  ========================================================================== */
.footer-wrapper {
  background-color: transparent;
}
/** the top border of the footer in client-color
       set to display: none when used in conjunction with .footer-wrapper
       if client wants to set background color of entire footer
   **/
.footer-divider {
  margin: 40px 0 0;
  height: 1px;
  color: #3c4f5d;
  background: #3c4f5d;
  font-size: 0;
  border: 0;
}
.footer-section-wrapper {
  margin: 0 0 20px;
  font-size: 13px;
  line-height: 20px;
}
.footer-section-wrapper ul {
  margin-left: 0;
  padding-left: 0;
}
.footer-section-wrapper ul li {
  list-style-type: none;
}
.footer-section-wrapper a,
.footer-section-wrapper a:link,
.footer-section-wrapper a:visited {
  color: var(--color-fg);
  text-decoration: none;
}
.footer-section-wrapper a:hover {
  text-decoration: underline;
  color: var(--color-link-fg);
}
.footer-section-wrapper a.btn,
.footer-section-wrapper a.btn:link,
.footer-section-wrapper a.btn:visited,
.footer-section-wrapper a.btn:hover {
  text-decoration: none;
  color: #ffffff;
}
.footer-section-wrapper .search-input {
  margin-bottom: 10px;
}
.footer-section-wrapper .search-input .input-group-btn {
  width: auto;
}
.footer-section-wrapper .search-input input.input-sm {
  font-size: 13px;
  padding: 5px;
  padding-top: 3px;
  height: 22px;
  line-height: 13px;
  width: auto;
}
.footer-section-wrapper .search-input .btn.btn-sm {
  padding: 1px 8px;
}
.footer-section-wrapper .btn-xs {
  margin: -1px 0 0 -2px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.footer-section-wrapper .haveQuestionHeader {
  margin-bottom: 0;
}
#mediaCollectiveLink {
  margin-top: 20px;
}
#mediaCollectiveLink a img,
#mediaCollectiveLink .media-collective-trademark {
  text-decoration: none;
}
#mediaCollectiveLink .footer-logo {
  margin-right: 4px;
}
#mediaCollectiveLink .widen-collective-logo {
  display: inline-block;
  background-image: url(/assets/20241228-0307/ctx//images/layout/acquia-logo.webp);
  width: 105px;
  height: 20px;
  background-size: 105px 20px;
  background-repeat: no-repeat;
}
#mediaCollectiveLink .collective-footer-text {
  display: inline-block;
  vertical-align: top;
}
#mediaCollectiveLink .divider-bar,
#mediaCollectiveLink .privacy-statement {
  padding-left: 4px;
  padding-right: 4px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #widenCollectiveLink .widen-collective-logo {
    background-image: url(/assets/20241228-0307/ctx//images/layout/acquia-logo.webp);
  }
}
.accordion-panel {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
}
/* toggle header */
.accordion-toggle {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  margin: 0;
  padding: 7px 0 7px 9px;
  cursor: pointer;
  border-bottom: 0 none;
  border-left: 0 none;
  border-right: 0 none;
}
.accordion-toggle:first-child {
  border-top: 0 none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.accordion-toggle:last-child {
  margin-bottom: -1px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.accordion-toggle .title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline;
  white-space: pre-line;
}
.accordion-toggle .tool {
  float: right;
  margin-right: 2px;
}
.accordion-toggle-active {
  border-bottom: 1px solid var(--color-primary-border);
}
/* content body */
/* do not add padding directly to content body div - causes effect jerkyness */
.accordion-content {
  clear: both;
  overflow: hidden;
  position: relative;
}
.accordion-content ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 21px;
}
.accordion-content ul li {
  list-style-type: none;
  padding: 3px 0;
  display: block;
  clear: both;
}
.accordion-content ul li:before {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #3c4f5d;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 var(--color-gray-400);
}
/* ==========================================================================
   Main Alert Icons
========================================================================== */
.alert-icon {
  padding: 6px 12px 5px 12px;
  float: left;
  position: relative;
}
.alert-icon .icon-lg {
  color: var(--color-gray-800);
}
.alert-icon .icon-lg.inactive {
  color: var(--color-gray-400);
  cursor: default;
}
.alert-icon .badge {
  border-radius: 2px;
  font-size: 10px;
  line-height: 12px;
  padding: 2px 3px 2px 4px;
  position: absolute;
  right: 0;
  top: 0;
}
.alert-icon .badge-alert {
  background-color: var(--color-status-error-fg);
}
.badge.securityBadge {
  background-color: var(--color-status-error-fg);
  border-color: var(--color-status-error-fg);
}
/* ==========================================================================
   Alert Popover
========================================================================== */
.alerts-wrapper {
  position: relative;
}
.alert-popover {
  width: 266px;
  left: -98px;
  top: 28px;
}
.alert-popover.popover.bottom > .arrow {
  left: auto;
  right: 13px;
}
#alertsDropupContainer .popover-content {
  padding: 0 16px 16px;
}
#alertsDropupContainer .popover-content h3 {
  margin: 16px 0 8px;
}
#alertsDropupContainer .popover-content .inactive-text {
  padding-bottom: 3px;
  padding-left: 10px;
}
/* ==========================================================================
   Alert Content
========================================================================== */
.alert-section-title {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  margin: 0;
  padding: 3px 10px 2px;
}
.alert-section-event-content {
  padding: 3px 10px 6px;
  margin-bottom: 0;
}
.alert-section-event-content li {
  list-style-type: none;
  padding: 3px;
}
.alert-section-event-content .alert-count {
  margin-left: 5px;
}
.alert-detail-footer {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  margin-top: 4px;
  padding: 2px;
}
.alert-detail-footer .btn {
  width: 49%;
}
.alert-detail-footer .btn.full-width {
  width: 100%;
}
.alert-detail-footer .btn-xs {
  padding: 2px 8px 0;
}
.breadcrumb {
  line-height: 14px;
}
.breadcrumb a,
.breadcrumb span.link {
  text-decoration: none !important;
}
.breadcrumb .separator {
  margin: 0 5px;
  color: var(--color-gray-400);
  text-align: center;
  float: left;
}
.analytics .breadcrumb {
  min-height: 30px;
  margin-bottom: 0;
  border: 1px solid var(--color-primary-border);
}
.breadcrumb .fileName {
  margin: 2px 0 5px;
}
.overlay .breadcrumb {
  background-color: var(--color-primary-bg);
  border-bottom: 1px solid var(--color-primary-border);
  margin-bottom: 0;
  border-radius: 0;
  margin-top: -20px;
  padding-top: 25px;
  padding-bottom: 10px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* ==========================================================================
   DivPanel and CollapsibleDiv
========================================================================== */
.divPanelHeader {
  background-color: var(--color-primary-bg);
  border-bottom: 1px solid var(--color-primary-border);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 2px 10px;
  position: relative;
}
.divPanelHeader:before,
.divPanelHeader:after {
  display: table;
  content: " ";
}
.divPanelHeader:after {
  clear: both;
}
.divPanelHeader h1 {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  float: left;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
}
.divPanelHeader span.zoomIcon {
  float: right;
}
.divPanelHeader .expanderIcon {
  background-repeat: none;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  width: 15px;
  height: 15px;
}
.divPanelHeader .openIcon {
  background-image: url(/assets/20241228-0307/ctx//images/layout/toggle_arrow_open.png);
}
.divPanelHeader .closedIcon {
  background-image: url(/assets/20241228-0307/ctx//images/layout/toggle_arrow_closed.png);
}
.divPanelBody {
  padding: 16px 10px;
}
.divPanelDark,
.divPanelLight {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
}
.collapsibleDivPanelLight .divPanelHeader {
  background-color: var(--color-bg);
}
/* no border div panel used on user page */
.noBorderDivPanel {
  margin-bottom: 20px;
}
.noBorderDivPanel,
.noBorderDivPanel .divPanelHeader,
.noBorderDivPanel .divPanelBody {
  *zoom: 1;
  clear: both;
}
.noBorderDivPanel:before,
.noBorderDivPanel .divPanelHeader:before,
.noBorderDivPanel .divPanelBody:before,
.noBorderDivPanel:after,
.noBorderDivPanel .divPanelHeader:after,
.noBorderDivPanel .divPanelBody:after {
  display: table;
  content: "";
  line-height: 0;
}
.noBorderDivPanel:after,
.noBorderDivPanel .divPanelHeader:after,
.noBorderDivPanel .divPanelBody:after {
  clear: both;
}
.noBorderDivPanel .divPanelHeader,
.noBorderDivPanel .divPanelBody {
  padding: 0;
}
.noBorderDivPanel .divPanelHeader {
  height: auto;
  display: inline-block;
  position: relative;
  word-break: break-word;
  background-color: var(--color-bg);
  border: 0 none;
}
.noBorderDivPanel .divPanelHeader div {
  float: left;
  margin-right: 22px;
}
.noBorderDivPanel .divPanelHeader .expanderIcon {
  right: 0;
}
/* no border except top */
.noBorderDivPanel.topBorder {
  margin-top: 15px;
}
.noBorderDivPanel.topBorder .divPanelHeader h1 {
  margin-bottom: 0;
}
.noBorderDivPanel.topBorder .divPanelBody {
  padding: 5px 0 0;
  border-top: 1px solid var(--color-primary-border);
}
/* ==========================================================================
   Border dropdown simulates select input
========================================================================== */
.border-dropdown-wrapper {
  margin-bottom: 15px;
}
.border-dropdown {
  position: relative;
}
.border-dropdown.open a.dropdown-toggle {
  border-color: var(--color-primary-border-active);
  outline: 0;
}
.border-dropdown ul.dropdown-menu {
  color: var(--color-fg);
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  margin-top: 3px;
  border-radius: 4px !important;
  top: auto;
  padding: 0;
}
.border-dropdown .dropdown-menu > li {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  padding: 4px 10px 4px 6px;
  cursor: pointer;
}
.border-dropdown .dropdown-menu > li.bold {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.border-dropdown .dropdown-menu > li.options:nth-child(odd):hover,
.border-dropdown .dropdown-menu > li:hover {
  background-color: var(--color-brand-100);
  color: var(--color-fg);
}
.border-dropdown li.options:nth-child(odd) {
  background-color: var(--color-primary-bg);
}
.border-dropdown li.divider {
  padding: 0;
  cursor: initial;
}
.border-dropdown .dropdown-menu > li > a,
.border-dropdown .dropdown-menu > li > a:hover {
  padding: 0;
  background-color: transparent;
  color: var(--color-fg);
  text-align: left;
}
.border-dropdown a.dropdown-toggle {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  color: var(--color-fg) !important;
  text-align: left;
  border: 1px solid var(--color-secondary-border);
  border-radius: 1px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  padding: 6px 20px 6px 6px;
  font-size: 14px;
  line-height: 14px;
  text-decoration: none;
}
.border-dropdown a.dropdown-toggle .select-option {
  white-space: nowrap;
}
.border-dropdown a.dropdown-toggle span.caret:before {
  content: ' ';
  width: 27px;
  height: 27px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  border-left: 1px solid var(--color-primary-border);
  background-color: var(--color-primary-bg);
}
.border-dropdown a.dropdown-toggle span.caret {
  border: 0 none;
}
.border-dropdown a.dropdown-toggle span.caret:after {
  content: ' ';
  position: absolute;
  right: 8px;
  top: 12px;
  margin-top: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.border-dropdown a.dropdown-toggle:hover {
  background-color: var(--color-bg);
}
.border-dropdown li.selected,
.border-dropdown li.selected a {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
/* ==========================================================================
   Dropdown
========================================================================== */
.pull-right > .dropdown-menu {
  right: -11px;
}
.dropdown-menu {
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 6px 0 0;
  padding: 8px 0;
}
ul.dropdown-menu li {
  padding-bottom: 0;
  padding-top: 0;
}
ul.dropdown-menu li.pad {
  padding: 8px 16px;
}
.dropdown-menu li.active {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: transparent;
  background-image: none;
  color: var(--color-fg);
}
.dropdown-header {
  padding: 6px 15px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.multi-column-dropdown li a:hover {
  background-image: none;
  background-color: var(--color-brand-100);
}
.dropdown-menu .divider {
  margin: 0;
  padding: 0;
}
/* adds an arrow above the dropdown */
.menu-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
}
.dropdown-menu-arrow::before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  border-bottom: 8px solid rgba(0, 0, 0, 0.2);
  top: -8px;
}
.dropdown-menu-arrow::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  border-bottom: 8px solid var(--color-white);
  top: -7px;
}
/* shifts the dropdown menu arrow to the right */
.dropdown.pull-right > .dropdown-menu-arrow::before,
.dropdown-menu-right.dropdown-menu-arrow::before,
.dropdown.pull-right > .dropdown-menu-arrow::after,
.dropdown-menu-right.dropdown-menu-arrow::after {
  left: auto !important;
  right: 20px;
}
/* shifts dropdown menu arrow to the right for icons */
.dropdown-icon.pull-right > .dropdown-menu-arrow::before,
.dropdown-icon.pull-right > .dropdown-menu-arrow::after {
  left: auto !important;
  right: 10px;
}
/* shifts the dropdown menu arrow to the right */
.dropdown.pull-left > .dropdown-menu-arrow::before,
.dropdown-menu-left.dropdown-menu-arrow::before,
.dropdown.pull-left > .dropdown-menu-arrow::after,
.dropdown-menu-left.dropdown-menu-arrow::after {
  right: auto !important;
  left: 20px;
}
/* shifts the menu up */
.upMenu .dropdown-menu {
  bottom: 100% !important;
  top: auto !important;
}
.up-menu-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  border-bottom: 0 none;
  top: 100%;
}
/* adds arrow at the bottom for upMenus */
.upMenu .dropdown-menu-arrow::before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  border-bottom: 0 none;
  top: 100%;
  border-top: 8px solid rgba(0, 0, 0, 0.2);
  margin-top: 1px;
}
.upMenu .dropdown-menu-arrow::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -4px;
  border-bottom: 0 none;
  top: 100%;
  border-top: 8px solid var(--color-white);
}
/* ==========================================================================
   Multi-column Dropdowns
========================================================================== */
.dropdown-menu.columns-2 {
  min-width: 414px;
}
.dropdown-menu.columns-3 {
  min-width: 636px;
}
.dropdown-menu li a {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 9px 16px 7px;
}
/* use on ul tag directly beneath col-sm-6 */
.multi-column-dropdown {
  list-style: none;
  padding: 0;
}
.multi-column-link {
  clear: both;
  color: var(--color-fg);
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
}
.multi-column-dropdown li a {
  clear: both;
  color: var(--color-fg);
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
}
.multi-column-dropdown li a .icon {
  color: var(--color-fg);
}
.multi-column-dropdown li a:hover {
  text-decoration: none;
}
@media (max-width: 767px) {
  .dropdown-menu.multi-column {
    min-width: 240px !important;
    overflow-x: hidden;
  }
}
@media (max-width: 480px) {
  .content {
    width: 90%;
    margin: 50px auto;
    padding: 10px;
  }
}
/* ==========================================================================
   Dropdown Submenus
========================================================================== */
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  border-radius: 0 4px 4px 4px;
  left: 100%;
  margin-left: -1px;
  margin-top: -6px;
  top: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  border-color: transparent;
  border-left-color: var(--color-fg);
  border-style: solid;
  border-width: 5px 0 5px 5px;
  display: block;
  content: " ";
  float: right;
  height: 0;
  margin-right: -10px;
  margin-top: 5px;
  width: 0;
}
.dropdown-submenu:hover > a:after {
  border-left-color: var(--color-fg-hover);
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  border-radius: 4px 0 4px 4px;
  left: -100%;
  margin-left: 10px;
}
DROP-DOWN,
.drop-down {
  display: block;
}
DROP-DOWN .selectize-dropdown,
.drop-down .selectize-dropdown,
DROP-DOWN .selectize-input,
.drop-down .selectize-input,
DROP-DOWN .selectize-input input,
.drop-down .selectize-input input {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  background-color: var(--color-bg);
  border: 1px solid var(--color-secondary-border);
  border-radius: 4px;
  box-shadow: none;
  color: var(--color-fg);
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
DROP-DOWN .selectize-dropdown[disabled],
.drop-down .selectize-dropdown[disabled],
DROP-DOWN .selectize-input[disabled],
.drop-down .selectize-input[disabled],
DROP-DOWN .selectize-input input[disabled],
.drop-down .selectize-input input[disabled] {
  background-color: var(--color-primary-bg);
  color: var(--color-fg);
  cursor: not-allowed;
  opacity: 0.38;
}
DROP-DOWN .selectize-dropdown[readonly],
.drop-down .selectize-dropdown[readonly],
DROP-DOWN .selectize-input[readonly],
.drop-down .selectize-input[readonly],
DROP-DOWN .selectize-input input[readonly],
.drop-down .selectize-input input[readonly] {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-fg);
  cursor: not-allowed;
}
DROP-DOWN .selectize-dropdown,
.drop-down .selectize-dropdown {
  margin-top: -2px;
}
DROP-DOWN .selectize-input,
.drop-down .selectize-input {
  z-index: 0;
  padding: 3px 6px;
}
DROP-DOWN .selectize-input .ui-select-match,
.drop-down .selectize-input .ui-select-match {
  width: 100%;
}
DROP-DOWN .selectize-input .ui-select-match span,
.drop-down .selectize-input .ui-select-match span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 41px;
  vertical-align: top;
  white-space: nowrap;
}
DROP-DOWN .selectize-input .ui-select-match span .clear-selection,
.drop-down .selectize-input .ui-select-match span .clear-selection {
  position: absolute;
  right: 27px;
  padding: 0 5px;
  border: 0;
  width: 20px;
  height: 24px;
  top: 0;
  background: transparent;
}
DROP-DOWN .selectize-input .ui-select-match span .clear-selection .glyphicon-remove,
.drop-down .selectize-input .ui-select-match span .clear-selection .glyphicon-remove {
  font-size: 10px;
  opacity: 0.7;
}
DROP-DOWN .selectize-input .ui-select-match span .clear-selection .glyphicon-remove:hover,
.drop-down .selectize-input .ui-select-match span .clear-selection .glyphicon-remove:hover {
  opacity: 1;
}
DROP-DOWN .selectize-control.single .selectize-input,
.drop-down .selectize-control.single .selectize-input {
  background-color: var(--color-bg);
  background-image: none;
  border: 1px solid var(--color-secondary-border);
  box-shadow: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  margin-bottom: 0 !important;
  /* overrides normalize from patterns-style */
  min-height: 26px;
}
DROP-DOWN .selectize-control.single .selectize-input.focus,
.drop-down .selectize-control.single .selectize-input.focus {
  border-color: var(--color-primary-border-active);
  outline: 0;
}
DROP-DOWN .selectize-control.single .selectize-input:before,
.drop-down .selectize-control.single .selectize-input:before {
  background-color: var(--color-primary-bg);
  border-left: 1px solid var(--color-primary-border);
  bottom: 0;
  content: ' ';
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  width: 27px;
}
DROP-DOWN .selectize-control.single .selectize-input:after,
.drop-down .selectize-control.single .selectize-input:after {
  right: 8px;
  border-top-color: var(--color-fg);
  margin-top: -2px;
}
DROP-DOWN .ui-select-choices,
.drop-down .ui-select-choices,
DROP-DOWN .selectize-dropdown-content,
.drop-down .selectize-dropdown-content {
  padding: 0;
  border-radius: 1px;
  z-index: 1000;
}
DROP-DOWN .ui-select-choices-row:nth-child(even),
.drop-down .ui-select-choices-row:nth-child(even) {
  background-color: var(--color-primary-bg);
}
DROP-DOWN .ui-select-choices-row:hover,
.drop-down .ui-select-choices-row:hover {
  background-color: var(--color-brand-100);
  color: var(--color-fg);
}
DROP-DOWN .selectize-input.selectize-focus,
.drop-down .selectize-input.selectize-focus {
  border: 1px solid var(--color-secondary-border) !important;
}
DROP-DOWN .selectize-dropdown [data-selectable],
.drop-down .selectize-dropdown [data-selectable] {
  padding-top: 4px;
  padding-bottom: 4px;
}
DROP-DOWN .selectize-control.single .selectize-input,
.drop-down .selectize-control.single .selectize-input,
DROP-DOWN .selectize-dropdown.single,
.drop-down .selectize-dropdown.single,
DROP-DOWN .selectize-dropdown .optgroup,
.drop-down .selectize-dropdown .optgroup {
  border-color: var(--color-primary-border);
}
DROP-DOWN .ui-select-choices-group .option.ui-select-choices-row-inner,
.drop-down .ui-select-choices-group .option.ui-select-choices-row-inner {
  padding-left: 15px;
}
DROP-DOWN .ui-select-choices-group-label.optgroup-header:not(:empty),
.drop-down .ui-select-choices-group-label.optgroup-header:not(:empty) {
  font-size: inherit;
  color: var(--color-fg);
  background-color: var(--color-bg);
  border-bottom: 1px solid var(--color-primary-border);
  padding-top: 8px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.drop-down {
  width: auto;
  padding-right: 0;
}
/* needed to add section because a third party library already uses page-header */
.page-section-header {
  display: flex;
  justify-content: space-between;
}
.page-section-header-right {
  margin-top: 18px;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: var(--color-gray-400) !important;
  cursor: default !important;
  text-decoration: none !important;
  tab-index: -1;
}
UL[role="menu"].introjs-fixParent {
  z-index: 150 !important;
}
/* introJs makes the element positioned relative */
.p-global-nav-fixed.introjs-fixParent {
  margin-top: -90px;
  /* fix the padding offset on the body to push children beneath fixed nav */
}
.p-global-nav-fixed.introjs-gdpr-topline-fixParent.introjs-fixParent {
  margin-top: -151px;
  /* fix the padding offset with gdpr */
}
#batchSelection.introjs-fixParent {
  position: absolute !important;
}
.loading-screen {
  background-color: rgba(133, 152, 173, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 11000;
}
.loading-screen-text,
.loading-screen-text-small {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #fff;
  border-radius: 4px;
  color: var(--color-fg);
  left: 45%;
  padding: 30px;
  position: fixed;
  text-align: center;
  top: 49%;
  z-index: 11001;
  border: 1px solid var(--color-primary-border);
  white-space: nowrap;
}
.loading-screen-text img,
.loading-screen-text-small img {
  margin-right: 8px;
}
.loading-screen-text-small {
  text-align: left;
  width: 127px;
}
.overlay-loading-screen {
  background-color: rgba(133, 152, 173, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 11000;
  z-index: 10000;
}
.popover {
  border: 1px solid var(--color-secondary-border);
  font-family: Helvetica, Arial, Calibri, sans-serif;
}
/* fix popovers so they show/hide */
.angular-popover {
  display: block;
  top: 100%;
  /* requires parent to be pos relative */
}
.angular-popover.ng-hide {
  display: none;
}
/* popover arrow */
.popover.pull-left .arrow {
  left: 25px;
}
/* popover close button */
.popover p .close {
  color: var(--color-fg);
  font-size: 16px;
  margin-right: -10px;
  opacity: 0.75;
}
.popover p .close:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.popover-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  color: var(--color-fg);
}
.popover-content {
  padding: 15px 14px;
}
/*This is not an ideal style for left-leaning popovers.
This positions the popover directly below the parent and to the left.
This seems to be good enough in many cases, but some more work needs to go into making this a bit more solid.*/
.popover.share-popover.angular-popover.open-left {
  left: auto;
  right: 0;
  /*I do not want to spend time re-styling the arrow for left-leaning popovers, so it is hidden for now.*/
}
.popover.share-popover.angular-popover.open-left .arrow {
  display: none;
}
/* fix arrows on external collection share page */
.external .popover.download-popover,
.external .popover.share-popover {
  bottom: auto;
  top: 100%;
  margin-top: 10px;
  left: -1px;
}
.external .popover.download-popover .arrow,
.external .popover.share-popover .arrow {
  top: -11px;
  left: 3px;
  margin-left: 0;
  border-top-width: 0;
  border-bottom-color: var(--color-gray-800);
  border-bottom-width: 11px;
}
.external .popover.download-popover .arrow:after,
.external .popover.share-popover .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
  border-bottom-width: 11px;
}
.external .popover.download-popover.open-left .arrow,
.external .popover.share-popover.open-left .arrow {
  left: auto;
  right: 8px;
}
.instantSearchZone .popover.download-popover {
  left: -200px;
}
.instantSearchZone .popover.download-popover .arrow {
  bottom: -10px;
  left: 225px;
}
.instantSearchZone .popover.share-popover:not(.download-popover) {
  left: -250px;
}
.instantSearchZone .popover.share-popover:not(.download-popover) .arrow {
  left: 275px;
}
.pickupDisplay .popover.top.download-popover {
  top: auto;
  bottom: 100%;
  margin-bottom: 10px;
}
.pickupDisplay .popover.top.download-popover .arrow {
  left: 86px;
}
.download-popover .alert.alert-warning {
  width: 90%;
  margin-left: 14px;
  margin-bottom: 15px;
}
.mega-menu-tabset .tab-content {
  margin-top: 15px;
}
.mega-menu-tabset .nav-pill-styles {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  border-radius: 2px;
  color: var(--color-fg);
  font-size: 14px;
  line-height: 28px;
  padding: 1px 16px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
}
.mega-menu-tabset .nav-pills li a,
.mega-menu-tabset .nav-pills li a:link {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  border-radius: 2px;
  color: var(--color-fg);
  font-size: 14px;
  line-height: 28px;
  padding: 1px 16px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
  border: 1px solid var(--color-white);
}
.mega-menu-tabset .nav-pills > li.active > a,
.mega-menu-tabset .nav-pills > li.active > a:link,
.mega-menu-tabset .nav-pills > li.active > a:hover,
.mega-menu-tabset .nav-pills > li > a:hover,
.mega-menu-tabset .nav-pills > li.active > a:focus {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  border-radius: 2px;
  color: var(--color-fg);
  font-size: 14px;
  line-height: 28px;
  padding: 1px 16px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  vertical-align: middle;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-gray-400);
}
.mega-menu-tabset .nav-pills > li + li {
  margin-left: 8px;
}
.collection-menu-view-all {
  color: var(--color-brand-800);
  float: right;
  margin-top: 14px;
}
.collection-menu-view-all:active,
.collection-menu-view-all:visited {
  color: var(--color-brand-900);
}
.collection-menu-view-all:hover {
  color: var(--color-brand-800);
  text-decoration: underline;
}
.mega-menu-column {
  min-height: 450px;
}
.mega-menu .ion-ios7-close-empty {
  font-size: 32px;
  margin-top: -4px;
}
.mega-menu.popover-inner {
  height: 100%;
  max-width: none;
  width: 100%;
}
.mega-menu .popover-content {
  padding: 0;
  position: relative;
  white-space: nowrap;
}
.mega-menu-main-menu {
  height: 100%;
  min-height: 100%;
}
.columnized-menu {
  margin-top: 16px;
  overflow: hidden;
  padding-bottom: 40px;
}
.columnized-menu-table {
  transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
}
.columnized-menu-table ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.columnized-menu-table ul li {
  padding: 0;
}
.columnized-menu-table .columnized-menu-column {
  display: inline-block;
  max-width: 247px;
  min-width: 247px;
  vertical-align: top;
  width: 247px;
}
.columnized-menu-table .columnized-menu-column li {
  width: 247px;
}
.columnized-menu-table .columnized-menu-column li a {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  clear: both;
  color: var(--color-fg);
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
  height: 22px;
  line-height: 16px;
  overflow: hidden;
  padding: 7px 16px 9px;
  word-wrap: break-word;
}
.columnized-menu-table .columnized-menu-column li a:hover {
  background-color: var(--color-brand-100);
  text-decoration: none;
  z-index: 1000;
}
.columnized-menu-header button {
  margin-left: 8px;
  margin-top: 1px;
}
.columnized-menu-filter {
  border-color: var(--color-primary-border);
  border-radius: 1px;
  box-shadow: none;
  margin-bottom: 0;
  padding: 4px 12px 4px;
  width: 50%;
}
.columnized-menu-filter::placeholder {
  color: var(--color-placeholder-fg) !important;
}
.columnized-menu-filter:hover {
  border-color: var(--color-primary-border-hover);
}
.columnized-menu-filter:focus {
  border-color: var(--color-primary-border-active);
}
.columnized-menu-filter.placeholder {
  color: var(--color-placeholder-fg);
}
.columnized-menu-header a {
  margin-right: 16px;
}
.columnized-menu-header-title {
  display: none;
  margin-left: 16px;
  margin-right: 16px;
  white-space: normal;
  word-wrap: break-word;
}
.columnized-menu-header-title h3 {
  margin-top: 0;
}
category-menu {
  display: block;
  margin-bottom: -32px;
  margin-top: -32px;
  overflow: hidden;
}
.hover-menu {
  margin-top: -6px;
  /* there is a weird 6px of space causing scrollbar */
  overflow: hidden;
  white-space: nowrap;
}
.hover-mainmenu {
  border-right: 1px solid var(--color-primary-border);
  bottom: 0;
  max-width: 300px;
  min-width: 300px;
  overflow: auto;
  padding-bottom: 32px;
  padding-left: 0;
  padding-right: 8px;
  padding-top: 32px;
  position: absolute;
  top: 0;
  vertical-align: top;
  width: 300px;
}
.hover-mainmenu ul {
  margin: 0;
  overflow: hidden;
  padding-left: 0;
}
.hover-mainmenu ul .active {
  background-color: var(--color-brand-100);
}
.hover-mainmenu ul .active a {
  color: var(--color-link-fg);
}
.hover-mainmenu li {
  list-style-type: none;
  padding: 0;
}
.hover-mainmenu li a {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  clear: both;
  color: var(--color-fg);
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
  align-items: center;
  display: flex;
  flex: 1 100%;
  justify-content: space-between;
  line-height: 18px;
  padding: 9px 20px 7px 16px;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
  -ms-break-word: break-all;
}
.hover-mainmenu li a .material-hover-menu-arrow-right {
  color: var(--color-fg);
  margin-right: -20px;
}
.hover-mainmenu li a:hover {
  background-color: var(--color-brand-100);
  color: var(--color-link-fg);
  text-decoration: none;
}
.hover-mainmenu li a:hover .material-hover-menu-arrow-right,
.hover-mainmenu li.active .material-hover-menu-arrow-right {
  color: var(--color-fg-active);
}
.hover-submenu {
  display: block;
  margin-top: 24px;
  margin-left: 332px;
}
.hover-column {
  display: inline-block;
  max-width: 247px;
  margin: 0 4px 0 0;
}
.scroll-clicker-wrapper {
  display: none;
  max-height: 32px;
  max-width: 247px;
  min-height: 32px;
  min-width: 247px;
  text-align: center;
}
.scroll-clicker-wrapper:active {
  background-color: var(--color-primary-bg);
}
/* ==========================================================================
   Standard Modal Overlays w/Colored Headers
========================================================================== */
.modal-header {
  border-bottom: 0 none;
  padding: 0 15px 20px;
  position: relative;
  /* close button */
}
.modal-header .close {
  font-size: 18px;
  color: var(--color-fg);
  margin-right: -12px;
  margin-top: 1px;
  padding: 4px;
  opacity: 0.75;
}
.modal-header .close:hover {
  opacity: 1;
}
.modal-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #3c4f5d;
  border-radius: 8px;
  bottom: 6px;
  color: #ffffff;
  display: inline-block;
  left: 50%;
  margin-left: -35%;
  padding: 1px 10px 3px;
  position: absolute;
  text-align: center;
  width: 70%;
}
.modal-title div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-title:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
  margin-left: -2.5px;
  border-bottom: 0 none;
  top: 100%;
  border-top: 5px solid #3c4f5d;
}
.modal-body,
.overlay-body {
  padding: 10px 15px 20px;
}
.modal-footer {
  text-align: center;
  padding: 10px 15px 15px;
  background-color: var(--color-primary-bg);
  border-top: 1px solid var(--color-primary-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* ==========================================================================
   Bootbox footers used in share popovers
========================================================================== */
.bootbox.modal {
  z-index: 10050;
}
.bootbox-body {
  padding-top: 5px;
}
.bootbox-body h1 {
  margin-bottom: 15px;
}
.bootbox .modal-footer {
  background-color: transparent;
  border-top: 0 none;
  text-align: left;
  padding-bottom: 25px;
}
.bootbox .modal-footer .btn-primary {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}
.bootbox-close-button {
  margin-right: -10px;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 630px;
  }
}
PALETTE-FIELD {
  display: block;
}
PALETTE-FIELD .input-wrapper {
  display: inline-block;
  position: relative;
}
PALETTE-FIELD .palette-container {
  border: 1px solid var(--color-secondary-border);
  border-radius: 1px;
  max-width: 600px;
}
PALETTE-FIELD .palette-column {
  padding: 0;
}
PALETTE-FIELD .palette-no-items {
  text-align: center;
  padding-top: 20px;
  color: var(--color-primary-fg);
}
PALETTE-FIELD .palette-column-right {
  border-left: 1px solid var(--color-secondary-border);
}
PALETTE-FIELD .palette-contents {
  padding: 0;
  margin-bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  height: 183px;
  border-radius: 1px;
  background-color: var(--color-bg);
}
PALETTE-FIELD .palette-header {
  height: 35px;
  background: var(--color-primary-bg);
  border-bottom: 1px solid var(--color-secondary-border);
  padding-right: 7px;
}
PALETTE-FIELD .palette-header .input-wrapper {
  width: calc(60%);
}
PALETTE-FIELD .palette-header .input-wrapper > INPUT {
  width: 100%;
}
PALETTE-FIELD .palette-header-left {
  padding-top: 4px;
  padding-left: 4px;
  border-top-left-radius: 1px;
}
PALETTE-FIELD .palette-header-right {
  padding-top: 7px;
  padding-left: 6px;
  border-top-right-radius: 1px;
}
PALETTE-FIELD .palette-item {
  cursor: pointer;
  padding: 4px 2px 4px 4px;
  text-overflow: ellipsis;
  overflow: hidden;
}
PALETTE-FIELD .palette-item:nth-child(odd) {
  background-color: #fff;
}
PALETTE-FIELD .palette-item:nth-child(even) {
  background-color: var(--color-primary-bg);
}
PALETTE-FIELD .palette-item:hover {
  background-color: var(--color-brand-100);
}
PALETTE-FIELD .add-item-modal-window .modal-dialog {
  width: 820px;
}
PALETTE-FIELD .palette-search {
  width: 145px;
  padding-right: 22px;
  border: 1px solid var(--color-secondary-border);
}
PALETTE-FIELD .palette-search::-ms-clear {
  display: none;
}
PALETTE-FIELD .palette-add-new-item {
  margin-left: 5px;
}
PALETTE-FIELD .palette-add-all {
  padding-right: 3px;
  padding-top: 3px;
}
PALETTE-FIELD .palette-remove-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  opacity: 0.7;
  font-size: 10px;
}
PALETTE-FIELD .palette-item-name {
  padding-right: 15px;
}
input.radio-template,
label.radio-template {
  float: left;
  clear: none;
  margin-right: 4px;
  cursor: pointer;
}
label.radio-template {
  margin-right: 10px;
}
.noTag div.tag,
.noTag div.tag span {
  display: none;
}
div.tag,
div.tag span {
  float: left;
  font-size: 9px;
  font-family: verdana, san-serif;
  height: 14px;
  line-height: 13px;
  position: relative;
}
div.tag {
  float: none;
  display: inline-block;
  vertical-align: top;
  margin-left: 0;
  margin-top: 2px;
  margin-right: 3px;
}
div.tag span {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: none repeat scroll 0 0 #3c4f5d;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  color: #ffffff;
  margin-left: 15px;
  padding: 1px 3px 0 1px;
}
/* triangle left */
div.tag span:before {
  border-color: transparent #3c4f5d transparent transparent;
  border-style: solid;
  border-width: 7px 7px 7px 0;
  content: "";
  float: left;
  height: 0;
  left: -7px;
  position: absolute;
  top: 0;
  width: 0;
}
.search-bar-form {
  display: inline-block;
}
.search-bar {
  display: inline-block;
  margin-bottom: -3px;
  /* 12px between bar and pager */
  margin-right: 16px;
  position: relative;
}
input[type="text"].search-bar-input {
  padding: 5px 43px 5px 12px;
  transition: all .2s ease;
  width: 240px;
  /* add more padding when clear icon displays */
}
input[type="text"].search-bar-input.search-bar-input-padding-clear {
  padding-right: 63px;
}
.search-bar-clear {
  position: absolute;
  right: 39px;
  top: 6px;
}
.search-bar-button {
  border: 0 !important;
  border-left: 1px solid var(--color-secondary-border) !important;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  padding: 0 8px;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
}
side-menu {
  display: block;
  margin-left: -6px;
  position: relative;
  z-index: 2;
  /* ensure side menu remains on top of editor */
}
.side-menu {
  background-color: var(--color-primary-bg);
  float: left;
  margin: 0 6px 0 -10px;
  width: 50px;
}
.side-menu .material-icons {
  font-size: 22px;
}
.side-menu ul {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0;
}
.side-menu li {
  padding: 0;
}
.side-menu [icon-code="add"] i {
  font-size: 24px;
}
.side-menu [icon-code="content_copy"] i {
  font-size: 20px;
}
.side-menu button.side-menu-item {
  border: 0;
  color: var(--color-fg);
  transition: all 0.2s cubic-bezier(0.02, 0.01, 0.47, 1);
  padding: 0;
  width: 50px;
  height: 50px;
  background: none;
}
.side-menu button.side-menu-item:hover:enabled {
  background: var(--color-action-secondary-bg-hover-deprecated);
}
.side-menu button.side-menu-item:hover:enabled i {
  color: var(--color-action-secondary-fg-deprecated);
}
.side-menu button.side-menu-item:active:enabled {
  background: var(--color-action-secondary-bg-active-deprecated);
}
.side-menu button.side-menu-item:active:enabled i {
  color: var(--color-action-secondary-fg-deprecated);
}
.side-menu button.side-menu-item[disabled] {
  cursor: not-allowed;
  opacity: 0.25;
}
.side-menu .side-menu-item-label {
  display: none;
  margin-left: 15px;
}
.side-menu .ionic {
  font-size: 30px;
}
.side-menu .glyphicon {
  font-size: 22px;
}
.side-menu .ion-edit {
  font-size: 26px;
}
.side-menu .side-menu-expando {
  margin-left: 15px;
  padding-left: 20px;
  font-size: 20px;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.side-menu label {
  margin: 0;
}
.side-menu.expanded {
  width: 200px;
}
.side-menu.expanded .side-menu-item-label {
  display: inline;
}
.tipBox {
  border: 1px dashed var(--color-secondary-border);
  border-radius: 4px;
  padding: 8px 15px 10px;
  margin-bottom: 15px;
  margin-top: 10px;
}
.tipBox ul {
  padding-left: 17px;
  padding-top: 4px;
}
.toggle-switch-inline label {
  vertical-align: top;
  margin-right: 6px;
  display: inline;
}
.toggle-switch-block label {
  display: block;
}
.toggle-switch-inline .switch {
  display: inline-block;
}
.switch .overlay {
  border: 0 none;
}
.panzoom-container {
  margin: 0 auto;
  margin-top: 23.5px;
  /* half of the computed footer height */
}
.panzoom {
  position: absolute;
  top: 0;
  left: 50%;
  max-width: none;
  cursor: pointer !important;
}
.panzoom-controls {
  text-align: center;
  padding: 10px 0;
}
.panzoom-controls .zoom-range {
  display: inline-block;
  vertical-align: middle;
  margin: 10px 8px;
}
.panzoom-controls .zoom-out,
.panzoom-controls .zoom-in {
  font-size: 18px;
  font-family: 'verdana';
  padding: 1px 10px 3px;
}
.panzoom-controls .zoom-out {
  font-size: 20px;
}
.panzoom-controls .reset {
  margin-top: 5px;
}
.jstree-default .jstree-anchor {
  line-height: 20px;
}
.jstree-default .jstree-node {
  width: 20px;
  margin-left: 20px;
  min-width: 20px;
  line-height: 18px;
}
.jstree-default .jstree-icon:empty {
  width: 20px;
  height: 18px;
  line-height: 20px;
}
.jstree-default .jstree-icon {
  background-image: none;
}
.jstree-default .jstree-clicked {
  background: none;
  box-shadow: none;
}
.jstree-default .jstree-hovered {
  background: none;
  border-radius: 2px;
  box-shadow: none;
}
.jstree-default .jstree-search {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--color-fg);
}
.jstree-icon.jstree-checkbox,
.jstree-icon.jstree-checkbox:hover {
  background-image: url(/assets/20241228-0307/ctx//icons/unchecked-box.png);
  background-position: 0 1px;
}
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
.jstree-default .jstree-anchor > .jstree-undetermined,
.jstree-default .jstree-anchor > .jstree-undetermined:hover {
  background-image: url(/assets/20241228-0307/ctx//icons/checked-box.png);
  background-position: 0 1px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-image: url(/assets/20241228-0307/ctx//images/layout/t5_expand.png);
  background-position: 1px 2px;
  width: 20px;
}
.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-image: url(/assets/20241228-0307/ctx//images/layout/t5_collapse.png);
  background-position: 3px 3px;
  width: 20px;
}
a .badge.badge-tab,
a:link .badge.badge-tab,
a:hover .badge.badge-tab a:visited .badge.badge-tab {
  color: var(--color-fg-inverse);
  background-color: #3c4f5d;
  margin-left: 5px;
  float: right;
}
.address-book-page-wrapper {
  margin-top: -16px;
  min-height: 400px;
}
.header-small.edit-user-general-notifications {
  margin-top: 32px;
}
span.link-option {
  margin-left: 20px;
  font-size: 13px;
  cursor: pointer;
}
ul.section-links {
  padding-left: 0;
}
ul.section-links li {
  list-style-type: none;
}
span.link-option.active,
ul.section-links li.active {
  border-bottom: 2px solid #3c4f5d;
}
span.link-option:hover,
ul.section-links li:hover {
  border-bottom: 2px solid rgba(60, 79, 93, 0.5);
}
.sso-saml-title {
  margin-bottom: 20px;
}
OPEN-ID FORM,
SAML-ADMIN FORM {
  padding: 5px;
}
OPEN-ID ul.nav,
SAML-ADMIN ul.nav {
  margin: 15px 0 15px;
}
OPEN-ID .field-name,
SAML-ADMIN .field-name {
  margin-bottom: 5px;
}
OPEN-ID .options,
SAML-ADMIN .options {
  margin-right: 50px;
}
OPEN-ID OL,
SAML-ADMIN OL {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
OPEN-ID OL LI,
SAML-ADMIN OL LI {
  padding-top: 7px;
  padding-bottom: 7px;
  width: 470px;
}
OPEN-ID input,
SAML-ADMIN input,
OPEN-ID INPUT[type="text"],
SAML-ADMIN INPUT[type="text"],
OPEN-ID DROP-DOWN,
SAML-ADMIN DROP-DOWN,
OPEN-ID TEXTAREA,
SAML-ADMIN TEXTAREA {
  width: 420px;
}
OPEN-ID DROP-DOWN,
SAML-ADMIN DROP-DOWN,
OPEN-ID .certificate-files,
SAML-ADMIN .certificate-files {
  padding-right: 0;
  margin-bottom: 15px;
}
OPEN-ID .dropActive,
SAML-ADMIN .dropActive {
  background-color: var(--color-secondary-bg);
  border: 1px solid var(--color-primary-border);
  border-color: var(--color-secondary-border);
  border-radius: 4px;
  border-style: dashed;
}
OPEN-ID .external-link,
SAML-ADMIN .external-link {
  margin-left: 5px;
  vertical-align: baseline;
}
OPEN-ID .entity-id,
SAML-ADMIN .entity-id {
  display: flex;
  align-items: center;
  max-width: 420px;
  border: 1px solid var(--color-primary-border);
  border-radius: 1px;
  padding-left: 8px;
  margin-bottom: 16px;
  overflow: hidden;
}
OPEN-ID .entity-id-prefix,
SAML-ADMIN .entity-id-prefix {
  flex-shrink: 0;
}
OPEN-ID form .editable-field .entity-id .entity-id-input,
SAML-ADMIN form .editable-field .entity-id .entity-id-input {
  border: none;
  flex-grow: 1;
  margin-left: 4px;
  margin-bottom: 0 !important;
}
OPEN-ID .metadata-download,
SAML-ADMIN .metadata-download,
OPEN-ID .entity-id-copy-to-clipboard,
SAML-ADMIN .entity-id-copy-to-clipboard {
  margin-bottom: 15px;
  margin-top: -5px;
}
OPEN-ID .refresh-certs,
SAML-ADMIN .refresh-certs {
  margin-top: -3px;
}
OPEN-ID SAML-ATTRIBUTES INPUT[type="text"],
SAML-ADMIN SAML-ATTRIBUTES INPUT[type="text"],
OPEN-ID SAML-ATTRIBUTES INPUT[type="email"],
SAML-ADMIN SAML-ATTRIBUTES INPUT[type="email"] {
  width: 800px;
}
OPEN-ID SAML-IDP .certificates,
SAML-ADMIN SAML-IDP .certificates {
  left: 500px;
  top: 0;
  position: absolute;
  width: 420px;
}
OPEN-ID SAML-IDP .certificates .cert-container,
SAML-ADMIN SAML-IDP .certificates .cert-container {
  padding-bottom: 7px;
  float: right;
}
OPEN-ID SAML-IDP .certificates .cert-container H3,
SAML-ADMIN SAML-IDP .certificates .cert-container H3 {
  margin-top: 0;
}
OPEN-ID SAML-IDP-UPLOADER .visible-drop-area,
SAML-ADMIN SAML-IDP-UPLOADER .visible-drop-area {
  position: relative;
  height: 75px;
  width: 420px;
  border-radius: 6px;
  border: 1px dashed var(--color-primary-border);
  background-color: var(--color-primary-bg);
  margin-bottom: 10px;
}
OPEN-ID SAML-IDP-UPLOADER .visible-drop-area:before,
SAML-ADMIN SAML-IDP-UPLOADER .visible-drop-area:before {
  content: attr(drop-area-text) " ";
  position: absolute;
  font-size: 150%;
  left: 0;
  width: 100%;
  text-align: center;
  top: 40%;
  opacity: 0.25;
}
OPEN-ID .btn.submit,
SAML-ADMIN .btn.submit {
  min-width: 80px;
}
@media (max-width: 1280px) {
  OPEN-ID SAML-IDP .certificates,
  SAML-ADMIN SAML-IDP .certificates {
    position: relative;
    left: 0;
  }
  OPEN-ID SAML-IDP .certificates .cert-container,
  SAML-ADMIN SAML-IDP .certificates .cert-container {
    width: 420px;
  }
}
@media (min-width: 1100px) and (max-width: 1215px) {
  OPEN-ID .options,
  SAML-ADMIN .options {
    margin-right: 35px;
  }
  OPEN-ID INPUT[type="text"],
  SAML-ADMIN INPUT[type="text"],
  OPEN-ID DROP-DOWN,
  SAML-ADMIN DROP-DOWN,
  OPEN-ID TEXTAREA,
  SAML-ADMIN TEXTAREA {
    width: 385px;
  }
}
@media (min-width: 1215px) and (max-width: 1300px) {
  OPEN-ID .options,
  SAML-ADMIN .options {
    margin-right: 100px;
  }
}
@media (min-width: 1300px) {
  OPEN-ID .options,
  SAML-ADMIN .options {
    margin-right: 120px;
  }
}
.content-area {
  height: 169px;
  background-repeat: no-repeat;
  background-size: cover;
}
.strike-through {
  text-decoration: line-through !important;
  color: var(--color-fg-dimmed) !important;
}
.search-layout-img {
  width: 200px;
  height: 64px;
  display: inline-block;
  border: 1px solid var(--color-white);
  border-right: 0 none;
  border-bottom: 0 none;
}
.search-layout-BOTTOM {
  background: url(/assets/20241228-0307/ctx//images/skinlayout/search-bottom.jpg) no-repeat;
}
.search-layout-RIGHT {
  background: url(/assets/20241228-0307/ctx//images/skinlayout/search-right.jpg) no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .search-layout-img {
    background-size: 200px 64px;
  }
  .search-layout-BOTTOM {
    background-image: url(/assets/20241228-0307/ctx//images/skinlayout/search-bottom@2x.jpg);
  }
  .search-layout-RIGHT {
    background-image: url(/assets/20241228-0307/ctx//images/skinlayout/search-right@2x.jpg);
  }
}
.login-template-img {
  width: 150px;
  height: 100px;
  display: inline-block;
}
.login-template-LOGO_AND_IMAGE {
  background-image: url(/assets/20241228-0307/ctx//images/skinlayout/section-template.png);
  background-repeat: no-repeat;
}
.login-template-HERO_IMAGE {
  background-image: url(/assets/20241228-0307/ctx//images/skinlayout/background-template.png);
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .login-template-img {
    background-size: 150px 100px;
  }
  .login-template-LOGO_AND_IMAGE {
    background-image: url(/assets/20241228-0307/ctx//images/skinlayout/section-template@2x.png);
  }
  .login-template-HERO_IMAGE {
    background-image: url(/assets/20241228-0307/ctx//images/skinlayout/background-template@2x.png);
  }
}
.sample-spacer div.btn-sample a {
  color: #ffffff;
}
.form-area {
  border-radius: 4px;
}
.sample-login-form {
  width: 52%;
}
.form-button-bar {
  margin-top: 15px;
}
.login-simple-preview {
  margin-top: 16px;
}
.focal-point-text {
  text-transform: capitalize;
}
.focal-point-picker {
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.focal-point-picker .x-grid,
.focal-point-picker .y-grid {
  position: absolute;
}
.focal-point-picker .x-grid {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.focal-point-picker .y-grid {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}
.focal-point-picker .focal-point {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 1px 2px #fff;
  cursor: default;
  position: absolute;
}
.focal-point-picker .focal-point:before {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-shadow: inset 0 1px 2px var(--color-fg);
  content: "";
  display: inline-block;
  height: 12px;
  left: 50%;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  width: 12px;
}
.logo-uploader-filename {
  font-size: 11px;
  margin-bottom: 8px;
  margin-top: 4px;
}
.logo-uploader-filename:before,
.logo-uploader-filename:after {
  display: table;
  content: " ";
}
.logo-uploader-filename:after {
  clear: both;
}
#assetDetailsTabPanel .tabContent {
  padding-left: 5px;
  padding-right: 5px;
}
#assetDetailsTabPanel .tabContent h3 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 4px;
  margin-top: 8px;
}
#assetDetailsTabPanel .tabContent .add-value-link,
#assetDetailsTabPanel .tabContent textarea {
  margin-bottom: 8px;
}
.asset-display {
  position: relative;
}
.asset-display .spinset-overlay {
  width: 80px;
  opacity: 80%;
}
.asset-collection-links .pos-relative > h5 {
  margin-top: 0;
}
.details-preview-wrapper {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin-bottom: 20px;
}
.details-preview-wrapper .qq-upload-button input[type="file"] {
  font-size: 118px !important;
}
.assetDetailsPreviewWrapper {
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
}
.overlay-body .assetDetailsPreviewWrapper {
  padding-left: 0;
}
.assetFilenameIconWrapper {
  margin-right: 8px;
  position: absolute;
  top: 12px;
}
#assetPreviewZone {
  display: table;
  height: 200px;
  margin: 0 auto;
}
#assetPreviewZone #linkTriggerId {
  display: table-cell;
  vertical-align: middle;
}
.assetFilenameWrapper {
  margin-top: 4px;
}
.asset-details-share .btn.client-color {
  width: auto;
}
.securityDateWrapper {
  margin-right: 10px;
}
.asset-details-flag-wrapper {
  padding-left: 10px;
  padding-top: 5px;
}
@media (min-width: 1024px) and (max-width: 1305px) {
  .video-format .col-asset-details-preview {
    padding-right: 0;
  }
}
@media (min-width: 992px) and (max-width: 1260px) {
  .video-format .assetDetailsPreviewWrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.header-analytics-wrapper {
  background-color: var(--color-primary-bg);
  border-radius: 4px;
  position: relative;
}
/* wraps filename and analytics block */
.asset-details-filename {
  margin-right: 45px;
}
.filename-analytics-wrapper {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: var(--color-secondary-bg);
  padding: 12px 10px 9px;
  position: relative;
}
/* used in conjunction with ratings */
.status-ratings-wrapper {
  background-color: var(--color-primary-bg);
  border-top: 1px solid var(--color-primary-border);
  border-bottom: 1px solid var(--color-primary-border);
  min-height: 32px;
}
.status-ratings-wrapper .status-block {
  float: left;
  padding: 6px 10px 0;
}
.status-ratings-wrapper .asset-details-rating {
  float: right;
  vertical-align: top;
  display: inline-block;
  padding: 8px 10px 0;
}
/* widen popover */
.widen-popover p {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: var(--color-primary-bg);
  border-bottom: 1px solid var(--color-secondary-border);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: var(--color-fg);
  margin: -1px -1px 15px -1px;
  padding: 8px;
  text-align: center;
}
.widen-popover .tab-content {
  overflow-x: hidden;
}
.version-dropdown-preview {
  display: inline-block;
  width: 25px;
  margin-right: 10px;
  vertical-align: middle;
}
.version-dropdown-text {
  display: inline-block;
  margin-top: -5px;
  vertical-align: middle;
}
#assetDetailsTabPanel .tabContent h3.edit-all-asset-groups-header {
  margin-top: 24px;
}
div.imgDefaultView {
  border: 1px solid #3c4f5d;
}
div.imgElementBorder {
  border: 1px solid var(--color-white);
}
div.imgSelected {
  border: 1px solid var(--color-brand-800);
}
div.imgSelected:hover,
div.imgElementBorder:hover,
div.imgDefaultView:hover {
  border: 1px solid var(--color-brand-800);
}
.metadata-wrapper {
  margin-bottom: 8px;
}
#closedCaptioningPanel #documentListZoneId a.btn {
  border: none;
  background-color: transparent;
  opacity: .65;
  box-shadow: none;
}
#closedCaptioningPanel .document-list-download {
  width: 10%;
}
#closedCaptioningPanel .document-list-download .glyphicon-save {
  color: var(--color-gray-800);
  box-shadow: none;
}
#closedCaptioningPanel .ion-closed-captioning {
  position: relative;
  display: inline-block;
}
#closedCaptioningPanel .toggle-switch-block {
  position: relative;
  top: 2px;
  margin-left: 5px;
  display: inline-block;
}
#closedCaptioningPanel #documentListZoneId FORM {
  height: 18px;
}
#closedCaptioningPanel #documentListZoneId TABLE {
  margin-top: 10px;
}
#closedCaptioningPanel #documentListZoneId TABLE TR {
  height: 23px;
  width: 200px;
}
#closedCaptioningPanel #documentListZoneId TABLE TD {
  padding: 0;
}
#closedCaptioningPanel #documentListZoneId TABLE A.glyphicon-save {
  height: 20px;
  position: relative;
}
#closedCaptioningPanel #documentListZoneId TABLE SPAN.delete-button {
  position: relative;
  top: -1px;
}
#closedCaptioningPanel .file-container.success {
  background-color: var(--color-status-success-secondary-bg);
  color: var(--color-status-success-secondary-fg);
}
#closedCaptioningPanel .cc-popover {
  left: 92px;
  top: 78px;
  min-width: 320px !important;
  max-width: 320px !important;
}
#closedCaptioningPanel .cc-popover.right > .arrow {
  top: 107px;
}
#closedCaptioningPanel .cc-popover P {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px 15px;
  text-align: center;
  font-size: 16px;
  color: var(--color-gray-800);
  text-shadow: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
div.jw-icon-cc .jw-menu {
  min-height: 30px;
  max-height: 230px;
  overflow: scroll;
}
.btn-row {
  margin: 160px 0 0 0;
}
.cc-row {
  clear: both;
}
.document-list-table {
  width: 100%;
}
.document-list-language {
  width: 60%;
}
#attachCCDocListTable TR {
  height: 23px;
}
.cc-progress-bar {
  display: block;
}
#attachCCDocListTableZone {
  width: 480px;
  position: absolute;
  top: 175px;
}
.cc-progress-bar-container {
  display: none;
  top: 160px;
  padding-top: 10px;
  position: absolute;
  width: 483px;
  background: white;
  height: 185px;
  z-index: 1;
}
.pickupZone {
  margin: 17px 0 20px;
}
.pickupZone:before,
.pickupZone:after {
  display: table;
  content: " ";
}
.pickupZone:after {
  clear: both;
}
.pickupZone .noBorderBot {
  border-bottom: 0 none;
}
.pickupZone .thumb-container-wrapper {
  float: left;
  margin: 0 16px 16px 0;
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
}
.pickupZone .thumbspacer {
  height: 25px;
  /* takes into account the 1px border */
}
.metadata-download-button {
  display: inline-block;
}
.pickupZone .thumb-container-wrapper,
.pickupZone .thumb-container,
.pickupZone .thumb-container .thumbBlock,
.pickupZone .thumb-container .preview {
  width: 180px;
}
.pickupZone .preview {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.pickupZone .filename {
  padding: 2px 0 3px;
}
.pickupZone .thumb-container .thumbBlock,
.pickupZone .thumb-container .preview {
  height: 180px;
}
.pickupZone .thumb-container .thumbBlock img,
.pickupZone .thumb-container .preview img {
  max-width: 160px;
  max-height: 160px;
}
.pickupZone .thumb-container .filename {
  text-align: center;
  border-bottom: 0 none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid var(--color-primary-border);
  background-color: var(--color-primary-bg);
  padding: 6px;
}
.pickupZone .thumb-container .dropdown {
  position: relative;
}
.pickupZone .thumb-container .dropdown,
.pickupZone .thumb-container .dropdown a {
  display: block;
}
.pickupZone .thumb-container .dropdown a {
  border: 0 none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.pickupDisplay {
  /* fix mix of old and new components which use different border box */
}
.pickupDisplay .ui-select-bootstrap.dropdown {
  display: block;
}
.pickupDisplay h5 {
  margin-top: 5px;
}
.pickupDisplay h5 {
  font-size: 13px;
  line-height: 16px;
  margin-bottom: 0;
}
.pickupDisplay h2 {
  margin: 25px 0 10px;
}
.pickupDisplay h2.orderApprovalTitle {
  margin-top: 13px;
}
.pickupDisplay .slideshow {
  float: right;
}
.pickupDisplay .zipDropdown,
.pickupDisplay .metadataDropdown {
  display: inline-block;
}
.pickupDisplay .alert.orderStatus {
  margin: 6px 35px 0 0;
}
.pickupDisplay .dropdown {
  display: inline-block;
}
.pickupDisplay .thumb-container-wrapper {
  box-sizing: content-box;
}
.pickupDisplay .thumb-container-wrapper * {
  box-sizing: inherit;
}
.pickupDisplay .thumb-container-wrapper * .download-button * {
  box-sizing: border-box;
}
.overlay h3 {
  margin-bottom: 4px;
  margin-top: 8px;
}
/* comment textarea */
.commentTextarea IMG.t-error-icon {
  display: none;
}
.shareForm .commentTextarea {
  width: 483px;
  margin-bottom: 0;
}
.shareForm .commentTextarea .commentTextArea {
  width: 100% !important;
  margin-bottom: 0;
}
.public .shareForm .commentTextarea .commentTextArea {
  height: 220px;
}
.commentCountCreate {
  float: right;
}
/* comment display */
.commentDate {
  padding-right: 20px;
  float: right;
  white-space: nowrap;
}
.editing .commentDate {
  padding-right: 0px;
}
.commentHeader {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom: 1px solid var(--color-primary-border);
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: var(--color-primary-bg);
}
.comment-reply-btn,
.comment-action-btns {
  float: right;
}
.comment-actions {
  padding: 0 10px 10px;
  position: relative;
  clear: both;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-top: 0 none;
}
.commentSelected {
  box-shadow: 2px 2px 7px rgba(204, 204, 204, 0.9);
  margin-bottom: 20px;
}
.commentSelected .commentMessage {
  padding-bottom: 10px;
}
.parentCommentWrapper.commentSelected {
  margin-bottom: 20px;
}
.commentStatus {
  padding: 1px 9px;
  margin-right: 5px;
}
.commentSpacing,
.commentLastEdited {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
.parentCommentWrapper {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin-bottom: 15px;
}
.replyCommentWrapper {
  margin: 0 10px;
}
.replyCommentWrapper .b_ddd {
  border: 0 none;
  border-radius: 4px;
}
.replyCommentWrapper .commentHeader {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
}
.replyCommentWrapper .editing .commentHeader {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.replyCommentWrapper .editing-body-wrapper {
  background-color: var(--color-primary-bg);
  border-left: 1px solid var(--color-primary-border);
  border-right: 1px solid var(--color-primary-border);
  padding: 10px 10px 0;
}
.readOnlyCommentArea {
  margin-bottom: 15px;
}
.recent-comment {
  margin-bottom: 10px;
}
.recent-comment span {
  margin-left: 4px;
}
.recent-comment .recent-comment-header {
  background-color: var(--color-primary-bg);
  padding: 3px 10px 2px 5px;
}
.recent-comment .recent-comment-header a {
  text-decoration: none;
  color: var(--color-fg);
}
.recent-comment .recent-comment-message {
  padding: 4px 10px;
}
.recent-comment .recent-comment-message a {
  text-decoration: none;
  color: var(--color-fg);
}
.recent-comment .dateCreated {
  float: right;
  margin-top: 2px;
}
.assetDetailsTabGroup .autocompleterWrapper:before,
.assetDetailsTabGroup .autocompleterWrapper:after {
  content: "";
  display: table;
}
.assetDetailsTabGroup .autocompleterWrapper:after {
  clear: both;
}
span.ffb-dropdown-arrow.ion-arrow-down-b {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-secondary-border);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  height: 28px;
  padding: 5px 0 0 8px;
  position: absolute;
  right: -21px;
  width: 26px;
}
div .ffb .content .row {
  border-bottom: 0 none;
  height: auto;
  margin: 0;
  min-height: 20px;
  padding: 0;
}
input.ffb-input {
  height: auto;
  width: 299px !important;
  color: var(--color-fg) !important;
}
input.ffb-input:focus {
  border-color: var(--color-primary-border-active);
  outline: 0;
}
div .ffb {
  top: 28px !important;
  border: 1px solid var(--color-primary-border);
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 320px !important;
  border-radius: 1px;
}
.ffb .even,
.ffb .odd {
  color: var(--color-fg);
  margin-left: 0;
  padding: 3px 6px;
}
.ffb .even {
  background-color: var(--color-primary-bg);
}
.ffb-sel,
.ffb-sel .even {
  background-color: var(--color-brand-100) !important;
  color: var(--color-fg);
}
.registration-overlay .fLeft.autocompleter {
  margin-bottom: 15px;
}
.batchEditOverlay .assetBatchEditWrapper,
.batchEditOverlay .assetBatchEditWrapper .displayWrapper {
  padding: 0;
}
.batchEditForm input,
.batchEditForm select,
.batchEditForm input-date-picker {
  margin-bottom: 4px;
}
.batchEditForm textarea {
  margin-bottom: -3px;
}
.batch-mode-btns {
  margin: 0 0 0 1px;
  padding-bottom: 8px;
  clear: both;
}
.batch-mode-btns a {
  margin-right: 16px;
}
.client-checkboxes {
  margin-bottom: 10px;
}
.client-checkbox,
.client-checkbox-label {
  display: inline-block;
  cursor: pointer;
}
.client-checkbox {
  margin: 1px 6px 6px 0;
}
.client-checkboxes-wrapper img.t-error-icon {
  display: none;
}
ADD-METADATA-VALUE {
  display: block;
  margin-bottom: -8px;
}
ADD-METADATA-VALUE .input-container {
  position: relative;
  padding-left: 67px;
}
ADD-METADATA-VALUE TEXTAREA {
  overflow: hidden;
  resize: none;
}
ADD-METADATA-VALUE BUTTON {
  padding: 0;
  background: transparent;
  border: 0;
  width: initial;
  color: var(--color-link-fg);
}
ADD-METADATA-VALUE BUTTON ICON {
  margin-top: -1px;
  margin-right: 4px;
}
ADD-METADATA-VALUE BUTTON.save {
  margin-right: 3px;
}
ADD-METADATA-VALUE BUTTON.save,
ADD-METADATA-VALUE BUTTON.cancel {
  display: inline-block;
  vertical-align: top;
  width: 28px;
  padding-top: 3px;
}
ADD-METADATA-VALUE BUTTON.save {
  color: var(--color-status-success-fg);
}
ADD-METADATA-VALUE BUTTON.cancel {
  color: var(--color-status-error-fg);
}
ADD-METADATA-VALUE BUTTON.add-values-toggle {
  display: block;
}
ADD-METADATA-VALUE INPUT.values-input,
ADD-METADATA-VALUE TEXTAREA.values-input {
  min-height: 0;
  display: inline-block;
  width: 100%;
  margin-left: -67px;
}
ADD-METADATA-VALUE INPUT.values-input.not-visible,
ADD-METADATA-VALUE TEXTAREA.values-input.not-visible {
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  width: 0;
}
ADD-METADATA-VALUE INPUT.values-input {
  height: 26px;
}
ADD-METADATA-VALUE TEXTAREA.values-input {
  height: 100px;
}
UPLOAD-WIDGET {
  /* Style for the drop zone when it is active (i.e., files/folders are being dragged above it) */
  /* style progress items in uploader */
  /* ajax uploader in Upload Wizard */
}
UPLOAD-WIDGET .qq-hide {
  display: none;
}
UPLOAD-WIDGET .disabled {
  pointer-events: none;
  cursor: default;
}
UPLOAD-WIDGET .upload-profile-selector-wrapper .glyphicon.glyphicon-edit {
  display: block;
}
UPLOAD-WIDGET .upload-profile-selector-wrapper .dropdown-menu .dropdown-header {
  padding-bottom: 4px;
}
UPLOAD-WIDGET .upload-profile-selector-title {
  display: block;
  clear: both;
  color: var(--color-fg);
  font-weight: bold;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}
UPLOAD-WIDGET .upload-drop-target {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  color: var(--color-gray-400);
  font-size: 18px;
  height: 150px;
  margin-top: 5px;
  overflow-y: auto;
  position: relative;
  text-align: center;
}
UPLOAD-WIDGET .upload-drop-target.active {
  background-color: var(--color-secondary-bg);
  color: var(--color-fg);
  border-style: dashed;
  border-color: var(--color-secondary-border);
}
UPLOAD-WIDGET .upload-drop-target.active .qq-upload-list-selector {
  background-color: var(--color-secondary-bg);
}
UPLOAD-WIDGET .upload-profile-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: var(--color-primary-fg);
  padding-top: 6px;
}
UPLOAD-WIDGET .drop-zone-text {
  /* Vertically & horizontally center the dynamically generated drop zone message
		inside the drop zone & make it a bit presentable */
  margin-top: 66px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  font-size: 18px;
  width: 100%;
  z-index: 1;
}
UPLOAD-WIDGET .qq-total-progress-bar-container-selector {
  margin: 5px 0 10px;
}
UPLOAD-WIDGET img.qq-thumbnail-selector {
  float: left;
}
UPLOAD-WIDGET .qq-upload-list-selector {
  position: relative;
  z-index: 10;
  background-color: var(--color-primary-bg);
  text-align: left;
  margin: 5px 10px;
  padding: 0;
}
UPLOAD-WIDGET .qq-upload-list-selector .file-container {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  list-style: none;
  padding: 4px;
  clear: both;
  opacity: 0.75;
  overflow: hidden;
}
UPLOAD-WIDGET .qq-upload-list-selector .file-container.fail {
  background-color: var(--color-status-error-primary-bg);
}
UPLOAD-WIDGET .qq-upload-list-selector .file-container.success {
  background-color: var(--color-status-success-primary-bg);
}
UPLOAD-WIDGET .qq-upload-list-selector .btn {
  margin: 5px;
}
UPLOAD-WIDGET .qq-upload-file-text {
  padding-left: 50px;
  white-space: nowrap;
}
UPLOAD-WIDGET span.qq-upload-file-selector {
  margin-top: 0;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
UPLOAD-WIDGET span.qq-upload-size-selector {
  position: absolute;
  right: 7px;
  color: var(--color-fg);
}
UPLOAD-WIDGET .btn.qq-upload-retry,
UPLOAD-WIDGET .btn.qq-upload-delete,
UPLOAD-WIDGET .btn.qq-upload-cancel,
UPLOAD-WIDGET .btn.qq-upload-pause,
UPLOAD-WIDGET .btn.qq-upload-continue {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  font-size: 13px;
}
UPLOAD-WIDGET .btn.qq-upload-retry:hover,
UPLOAD-WIDGET .btn.qq-upload-delete:hover,
UPLOAD-WIDGET .btn.qq-upload-cancel:hover,
UPLOAD-WIDGET .btn.qq-upload-pause:hover,
UPLOAD-WIDGET .btn.qq-upload-continue:hover {
  text-decoration: none;
}
UPLOAD-WIDGET .qq-upload-status-text-selector {
  font-style: italic;
  margin: 5px;
  font-size: 12px;
}
UPLOAD-WIDGET .ajaxUploaderDropzone,
UPLOAD-WIDGET .ajaxUploaderDropzoneChrome,
UPLOAD-WIDGET .ajaxUploaderDropzoneFF,
UPLOAD-WIDGET .ajaxUploaderDropzoneSafari,
UPLOAD-WIDGET .ajaxUploaderDropzoneIE,
UPLOAD-WIDGET #ajaxUploaderFilelistNoDrop {
  background-position: center;
  margin-top: 20px;
  overflow: auto;
  width: 627px;
  height: 335px;
  padding: 5px;
  border: 1px dashed var(--color-primary-border);
  background-repeat: no-repeat;
}
UPLOAD-WIDGET .ajaxUploaderDropzone {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBack.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneChrome {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackChrome.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneFF {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackFF.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneSafari {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackSafari.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneIE {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackIE.gif);
}
UPLOAD-WIDGET #ajaxUploaderFilelistNoDrop {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderNoDropzoneBack.gif);
  border: 1px solid var(--color-primary-border);
}
add-selection-button {
  pointer-events: auto;
}
add-selection-button button.btn,
add-selection-button button.btn:focus {
  padding: 0 12px;
  color: var(--color-gray-400);
  border: var(--color-secondary-border);
  margin-right: 15px;
}
add-selection-button button.btn .select-text,
add-selection-button button.btn:focus .select-text,
add-selection-button button.btn .deselect-text,
add-selection-button button.btn:focus .deselect-text {
  display: none;
}
add-selection-button button.btn.selected,
add-selection-button button.btn:focus.selected {
  color: var(--color-status-success-fg);
  border: 1px solid var(--color-secondary-border);
}
add-selection-button button.btn.display-text,
add-selection-button button.btn:focus.display-text {
  margin-right: 0;
}
add-selection-button button.btn.display-text .select-text,
add-selection-button button.btn:focus.display-text .select-text {
  display: inline-block;
}
add-selection-button button.btn.display-text .deselect-text,
add-selection-button button.btn:focus.display-text .deselect-text {
  display: none;
}
add-selection-button button.btn.display-text.selected .select-text,
add-selection-button button.btn:focus.display-text.selected .select-text {
  display: none;
}
add-selection-button button.btn.display-text.selected .deselect-text,
add-selection-button button.btn:focus.display-text.selected .deselect-text {
  display: inline-block;
}
.asset-details-rating {
  vertical-align: top;
  display: inline-block;
  float: right;
}
.asset-details-rating #irate,
.asset-details-rating .irate {
  display: block;
  position: relative;
}
.asset-details-rating #irate .rateit,
.asset-details-rating .irate .rateit {
  float: left;
  margin-right: 6px;
}
.asset-details-rating #irate .ratingCount,
.asset-details-rating .irate .ratingCount {
  position: relative;
  float: right;
  left: 0;
}
.breadcrumb .fileNameIcon {
  display: inline-block;
  margin-top: 1px;
  margin-right: 6px;
}
.fileNameIcon .file_image img {
  margin-top: -3px;
}
/* ==========================================================================
   Batch Selection
========================================================================== */
/* drag selection square on search results */
.batchSelectionWindow {
  background-color: var(--color-secondary-bg);
  border: 1px solid var(--color-secondary-border);
  opacity: 0.4;
  position: absolute;
  z-index: 2000;
}
#batchSelection {
  position: fixed;
  /* to be on top of fixed global nav and doesn't scroll with page */
  right: 24px;
  top: 64px;
  z-index: 800;
  /* needs to be same as global nav and dropdowns */
}
@media (max-width: 1280px) {
  #batchSelection {
    margin-left: calc(100% - 316px);
    /* use the full width so batch bar responsively shifts left when resizing in smaller screens */
  }
}
#batchSelection .batch-selection-items {
  border-right: 1px solid var(--color-secondary-border);
  display: inline-block;
  margin-right: 8px;
  padding-right: 16px;
}
#batchSelection .batch-selection-selected-link {
  color: var(--color-brand-800);
}
#batchSelection .batch-selection-selected-link:hover {
  color: var(--color-brand-800);
  text-decoration: underline;
}
#batchSelection .batch-selection-selected-link:active,
#batchSelection .batch-selection-selected-link:visited {
  color: var(--color-brand-900);
}
#batchSelection .batch-selection-selected-link:focus {
  text-decoration: underline;
}
#batchSelection .dropdown-menu .material-icons {
  font-size: 18px;
  margin-right: 8px;
}
#batchSelection .batchViewAll .material-icons-search,
#batchSelection .batchDownload .material-icons {
  font-size: 20px;
}
#batchSelection .batchSendCollection .material-icons,
#batchSelection .batchSend .material-icons,
#batchSelection .batchSendMultiple .material-icons {
  font-size: 16px;
}
#batchSelection .batch-add .material-icons {
  font-size: 23px;
}
#batchSelection .batch-edit .material-icons {
  font-size: 17px;
}
#batchSelection a .ion-compose,
#batchSelection a .ion-forward {
  color: var(--color-fg);
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  width: 18px;
}
#batchSelection a:hover {
  color: var(--color-fg-hover);
}
#batchSelection a:active,
#batchSelection a:focus {
  color: var(--color-fg-active);
}
#batchSelection .material-assessment-icon {
  transform: rotate(90deg);
}
#batchSelection .dropdown-menu li a {
  align-items: center;
  border-radius: 2px;
  color: var(--color-fg);
  display: flex;
  height: 32px;
  line-height: 20px;
  padding: 7px 4px 6px;
}
.batchSelectionArea {
  align-items: center;
  background-color: var(--color-primary-bg);
  /* we are overriding our standard and secondary gray box colors */
  border: 1px solid var(--color-secondary-border);
  border-radius: 2px;
  display: flex;
  height: 32px;
  line-height: 18px;
  padding: 0 16px;
}
.batchOrderMenuHeader {
  float: left;
  margin-right: 4px;
}
.batchOrderMenuHeader .dropdown-menu-right {
  right: -5px;
}
.batchSelectionMenuHeader {
  float: left;
  margin-left: -4px;
  margin-right: -10px;
}
.batch-order-action {
  align-items: center;
  border: 1px solid transparent;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0 4px;
  width: 24px;
}
.batch-order-action:hover {
  text-decoration: none;
}
.batch-order-action:active {
  color: var(--color-fg-active);
}
.batch-order-action:focus {
  color: var(--color-fg-hover);
  border-color: var(--color-focus-outline);
  border-radius: 2px;
}
.batch-order-action:focus:not(:focus-visible) {
  border-color: transparent;
}
.batchActionBtn {
  align-items: center;
  border: 1px solid transparent;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.batchActionBtn .material-icons {
  font-size: 18px;
}
.batchActionBtn:hover {
  text-decoration: none;
}
.batchActionBtn:active {
  color: var(--color-fg-active);
}
.batchActionBtn:focus {
  color: var(--color-fg-hover);
  border-color: var(--color-focus-outline);
  border-radius: 2px;
}
.batchActionBtn:focus:not(:focus-visible) {
  border-color: transparent;
}
#checkoutWindow .applicableItems {
  float: right;
  width: 34%;
  max-height: 275px;
  overflow: hidden;
  overflow-y: auto;
}
#checkoutWindow .applicableItems h3 {
  margin-top: 0;
}
#checkoutWindow .applicableItems ul li {
  list-style-type: disc;
  word-wrap: break-word;
}
#checkoutWindow .metadataEntry {
  min-height: 300px;
}
table.conversionFormats {
  margin-bottom: 30px;
  width: 100%;
}
table.conversionFormats th {
  text-align: left;
}
table.conversionFormats td label {
  margin-bottom: 0;
  margin-top: 2px;
}
table.conversionFormats .applicableLink {
  display: inline-block;
  padding-bottom: 3px;
}
table.conversionFormats .conversionFormatCheckbox {
  vertical-align: middle;
}
.recipientSelection .addressBookWrapper {
  min-height: 261px;
  position: relative;
}
.recipientSelection .addressBookWrapper .header {
  background-color: var(--color-secondary-bg);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: var(--color-fg);
  width: 480px;
}
.recipientSelection .addressBookWrapper .title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--color-fg);
  float: left;
  font-size: 16px;
  line-height: 22px;
  padding: 5px 6px;
  vertical-align: middle;
}
.recipientSelection .addressBookWrapper .add-address {
  float: right;
  white-space: nowrap;
}
.recipientSelection .notesToRecipientSection {
  width: 461px;
  margin-top: 15px;
}
.recipientSelection .notesToRecipientSection input.lrgField,
.recipientSelection .notesToRecipientSection textarea.lrgField {
  width: 455px !important;
}
.deliverySection label {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 0;
}
.deliverySection .deliveryMethod {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
.deliverySection .deliveryMethod div {
  float: left;
  margin-right: 4px;
}
.deliverySection .deliveryMethod div.radio {
  padding-top: 2px;
}
.deliverySection .deliveryMethod div.checkbox {
  padding-top: 3px;
  padding-left: 10px;
}
.approvalRequired {
  color: var(--color-status-error-fg);
  clear: both;
  font-size: 12px;
}
/* ------------------------------------------
PURE CSS SPEECH BUBBLES
by Nicolas Gallagher
- http://nicolasgallagher.com/pure-css-speech-bubbles/

http://nicolasgallagher.com
http://twitter.com/necolas

Created: 02 March 2010
Version: 1.2 (03 March 2011)

Dual licensed under MIT and GNU GPLv2 Nicolas Gallagher
------------------------------------------ */
/* NOTE: Some declarations use longhand notation so that it can be clearly
explained what specific properties or values do and what their relationship
is to other properties or values in creating the effect */
/* ============================================================================================================================
== BUBBLE WITH A BORDER AND TRIANGLE
** ============================================================================================================================ */
/* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border {
  position: relative;
  padding: 10px 15px;
  margin: 0 0 1em;
  border: 5px solid var(--color-status-success-border);
  color: var(--color-fg);
  background: var(--color-bg);
  border-radius: 10px;
}
/* Variant : for left positioned triangle
------------------------------------------ */
.triangle-border.left {
  margin-left: 30px;
}
/* Variant : for right positioned triangle
------------------------------------------ */
.triangle-border.right {
  border: 5px solid var(--color-brand-900);
}
/* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */
.triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: var(--color-status-success-border) transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
/* creates the smaller  triangle */
.triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: var(--color-white) transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}
/* Variant : top
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.top:before {
  top: -20px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 20px 20px;
}
/* creates the smaller  triangle */
.triangle-border.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 47px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}
/* Variant : left
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.left:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 30px 15px 0;
  border-color: transparent var(--color-status-success-fg);
}
/* creates the smaller  triangle */
.triangle-border.left:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 21px 9px 0;
  border-color: transparent var(--color-white);
}
/* Variant : right
------------------------------------------ */
/* creates the larger triangle */
.triangle-border.right:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: auto;
  right: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 0 15px 30px;
  border-color: transparent var(--color-brand-900);
}
/* creates the smaller  triangle */
.triangle-border.right:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: auto;
  right: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 0 9px 21px;
  border-color: transparent var(--color-white);
}
.conflict-resolution-iptc-tab-panel {
  margin-left: 25px;
  margin-top: 20px;
}
.conflict-resolution-iptc-tab-panel .tabContent {
  overflow: auto;
}
#conflictResolutionWindow .overlay-body {
  height: 600px;
}
#conflictResolutionWindow .overlay-body FORM ASSET-PREVIEW {
  position: relative;
}
#conflictResolutionWindow .overlay-body FORM ASSET-PREVIEW VIDEO-PLAYER {
  height: 270px;
  display: block;
}
#conflictResolutionWindow .overlay-body FORM ASSET-PREVIEW VIDEO-PLAYER IMG {
  height: 400px;
}
#conflictResolutionWindow img.t-error-icon {
  float: left;
}
#conflictResolutionWindow INPUT.form-control {
  width: 400px;
}
#conflictResolutionWindow .panzoom-container {
  margin-top: 0;
}
#conflictResolutionWindow .input-group-btn.rename {
  padding-left: 5px;
  vertical-align: top;
  width: auto;
}
#conflictResolutionWindow .msg-alert-display {
  margin-bottom: 20px;
}
.conflicting-version {
  height: 100%;
  margin-left: 25px;
}
FAVORITE-ICON .favoriteIcon {
  height: 20px;
  width: 20px;
}
FAVORITE-ICON .favoriteIcon.red,
FAVORITE-ICON .favoriteIcon.gray {
  background-position: 50% 50%;
}
.facets {
  margin-bottom: 8px;
}
.facet-wrapper {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  float: left;
  margin-right: 15px;
}
CATEGORY-TREE #jstree {
  min-height: 0;
  overflow-x: auto;
  padding-bottom: 5px;
}
BUTTON.tree-button {
  background: transparent;
  border: 0;
  color: var(--color-link-fg);
  margin-right: 8px;
  width: initial;
}
file-type-tree .jstree-container-ul {
  max-height: 200px;
  overflow-y: auto;
}
table.batch-add-remove-cat {
  margin-top: 10px;
  margin-bottom: 5px !important;
  border-bottom-width: 1px;
}
.batch-add-remove-cat .cat-add {
  width: 42px;
}
.batch-add-remove-cat .cat-remove {
  width: 66px;
}
.batch-add-remove-cat .cat-nochange {
  width: 82px;
}
.catTreeDiv .treeNode .radioButtons {
  display: inline-block;
}
.catTreeDiv .treeNode .radioButtons .batchCatAdd {
  margin: 0px 0 0 17px;
}
.catTreeDiv .treeNode .radioButtons .batchCatRemove {
  margin: 0px 0 0 43px;
}
.catTreeDiv .treeNode .radioButtons .batchCatNone {
  margin: 0px 35px 0 60px;
}
.treeNode {
  padding-bottom: 2px;
  padding-top: 3px;
}
.radioButtons input {
  margin-bottom: 2px;
}
.highlightTreeNode {
  background-color: var(--color-primary-bg);
}
.catTreeDiv a {
  text-decoration: none;
}
.catRowEvenBg {
  background-color: #ffffff;
}
.catRowOddBg {
  background-color: var(--color-primary-bg);
}
.instantSearchZone .popover-content,
.pickupZone .popover-content {
  width: 300px;
}
.embed-select-select {
  margin-bottom: 20px;
}
textarea.embed-select-text[readonly] {
  background-color: var(--color-bg);
}
.image-embed-url.temporary-link-text {
  color: var(--color-placeholder-fg);
}
.toggle-button-wrapper {
  margin-top: 25px;
}
.toggle-button-option {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  width: 75px;
  height: 24px;
  text-align: center;
  line-height: 21px;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  cursor: pointer;
  color: var(--color-primary-fg);
}
.toggle-button-option.active {
  background-color: #3c4f5d;
  color: #ffffff;
  border-color: #3c4f5d;
}
.toggle-option-one {
  float: left;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.toggle-option-two {
  margin-left: 75px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.toggle-button-tabs {
  position: relative;
  z-index: 4;
}
.toggle-button-tabs .toggle-option-one {
  border-bottom-left-radius: 0;
}
.toggle-button-tabs .toggle-option-two {
  border-bottom-right-radius: 0;
}
.toggle-button-tabs .toggle-button-option {
  border-bottom: 0 none;
  background-color: var(--color-secondary-bg);
  color: var(--color-gray-800);
  border-color: 1px solid var(--color-primary-border);
}
.toggle-button-tabs .toggle-button-option.active {
  background-color: var(--color-bg);
  border-color: var(--color-primary-border);
  color: var(--color-fg);
}
.image-embed-select textarea {
  height: 140px;
  margin-top: -1px;
  cursor: text;
  padding-top: 2px;
  white-space: normal;
  box-shadow: none;
  border-top-left-radius: 0;
}
.image-embed-select textarea:active,
.image-embed-select textarea:focus {
  border: 1px solid var(--color-secondary-border);
  outline: 0 none;
  outline-offset: 0;
}
/* general crop editor layout */
crop-editor {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 16px;
  left: 0;
  padding: 0 16px;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
}
crop-editor > div {
  width: 100%;
  margin-top: 10px;
  flex: 0 0 auto;
}
crop-editor > div:first-child {
  margin-top: 0;
}
crop-editor > div.constrain {
  max-width: 1200px;
}
/* interactive crop and preview area */
.crop-editor-preview {
  position: relative;
  flex-grow: 1 !important;
}
.crop-editor-preview .crop-editor-preview-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.crop-editor-preview .cropper-image {
  display: none;
  visibility: hidden;
}
/* crop toolbar */
.crop-editor-toolbar {
  display: flex;
  justify-content: space-between;
}
.crop-editor-toolbar input {
  margin-bottom: 0;
}
.crop-editor-toolbar input[type=text] {
  width: 64px;
}
.crop-editor-toolbar input[type=text][disabled] {
  color: transparent;
}
.crop-editor-toolbar .spacer {
  flex-grow: 1;
}
.crop-editor-toolbar .toolbar-section {
  user-select: none;
}
.crop-editor-toolbar .toolbar-section ~ .toolbar-section {
  margin-left: 16px;
}
.crop-editor-toolbar .toolbar-section .icon-small {
  font-size: inherit;
}
.crop-editor-toolbar .toolbar-section .toolbar-item {
  display: inline-block;
  margin: 0 4px;
  user-select: none;
}
.crop-editor-toolbar .toolbar-section .toolbar-label {
  display: block;
  color: var(--color-secondary-fg);
  font-size: 11px;
  margin: 0 4px;
}
.crop-editor-toolbar .toolbar-section a {
  cursor: pointer;
}
.crop-editor-toolbar .toolbar-section a:hover {
  text-decoration: none;
}
.crop-editor-toolbar .toolbar-section a.active {
  text-decoration: underline;
}
.crop-editor-toolbar .popover {
  display: block;
}
/* preview and cropping area */
.crop-editor-size-tooltip {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px 6px;
  border-radius: 0 0 4px 0;
  color: white;
  background-color: rgba(48, 48, 48, 0.8);
  line-height: normal;
  white-space: pre;
  font-size: 10px;
}
/* override some cropper styles */
.cropper-container,
.cropper-wrap-box,
.cropper-drag-box {
  border-radius: 4px;
}
.cropper-modal {
  background-color: #fff !important;
}
.cropper-bg {
  box-shadow: inset 0 0 0 1px var(--color-gray-400);
}
/* loading animation */
.crop-editor-preview {
  background-image: url("/icons/ajax-loader-gray.gif");
  background-repeat: no-repeat;
  background-position: center;
}
/* crop embed and share tools */
.crop-editor-share .toggle-button-tabs {
  margin-top: 10px;
}
.crop-editor-share .toggle-button-tabs .toggle-button-option {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: var(--color-primary-bg);
  border-left: 1px solid var(--color-primary-border);
  border-right: 1px solid var(--color-primary-border);
  border-top: 1px solid var(--color-primary-border);
  height: 27px;
  padding-bottom: 4px;
  padding-top: 4px;
  position: relative;
  top: 4px;
}
.crop-editor-share .toggle-button-tabs .toggle-button-option.toggle-option-two {
  left: -1px;
}
.crop-editor-share .toggle-button-tabs .toggle-button-option.active {
  background-color: #ffffff;
  height: 32px;
  top: 0;
}
.crop-editor-share textarea {
  display: block;
  position: relative;
  top: -1px;
  min-height: 40px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 16px;
  cursor: default;
  background-color: #ffffff;
  resize: none;
  outline: none !important;
  box-shadow: none;
  border-top-left-radius: 0;
}
.crop-editor-share textarea:focus {
  border-color: var(--color-primary-border);
  box-shadow: none;
}
.crop-editor-share .crop-editor-copy {
  position: relative;
  float: right;
  z-index: 5;
}
.crop-editor-actions {
  text-align: right;
}
/* popovers */
crop-editor .popover {
  top: 100%;
  left: 0;
  right: auto;
  max-width: none;
  margin: 6px 0;
  padding: 15px;
}
crop-editor .popover-top {
  top: auto;
  bottom: 100%;
}
crop-editor .popover-right {
  left: auto;
  right: 0;
}
/* anchor popup */
crop-editor .anchor-grid {
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0 auto;
  width: 72px;
  height: 72px;
}
crop-editor .anchor-grid > div {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  cursor: pointer;
}
crop-editor .anchor-grid > div.active {
  background-color: var(--color-primary-bg);
  box-shadow: inset 0 0 8px -2px var(--color-fg);
  border-radius: 2px;
}
crop-editor .anchor-grid img {
  pointer-events: none;
}
/* ==========================================================================
   Search Results - Updated and Cleaned
 ========================================================================== */
/* Intro.js tour fix */
.introjs-fixParent {
  position: relative !important;
}
/* buttons and styles in export and save search area */
.searchDescriptionHeader {
  display: flex;
  align-items: center;
}
.searchDescriptionHeader h1:first-child {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 24px;
  line-height: 32px;
  color: var(--color-fg);
}
.searchDescriptionHeader h1:first-child .quote {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
}
.saveSearch {
  float: right;
  margin-left: 15px;
}
.exportSearchResultsWrapper {
  float: right;
}
.exportHeader {
  float: right;
  margin-bottom: 10px;
  min-height: 18px;
  display: inline-block;
}
/* search results */
.searchResultsContainer {
  width: 100%;
  position: relative;
  margin-bottom: 15px;
}
.searchResultsContainer .instant-search-pager-bar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.searchRow {
  position: relative;
  width: 100%;
  clear: both;
}
.detailedView .searchRow {
  clear: both;
}
.instantSearchTile {
  padding-bottom: 6px;
}
.thumbnail .tile-wrapper {
  position: relative;
  z-index: 1;
}
/* search results - thumbnail*/
#search-results-wrapper.thumbnail {
  padding: 20px 0;
  z-index: 10;
  position: relative;
  /* negates styles added by bootstrap */
  background: transparent;
  border: 0 none;
  box-shadow: none;
  line-height: 18px;
  margin-bottom: 0;
}
.thumbnailTileBorder {
  border: 1px solid var(--color-primary-border);
  box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
}
.thumbnailTileShadow {
  box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
}
#search-results-wrapper.thumbnail.thumb-0 span.text-btn,
#search-results-wrapper.thumbnail.thumb-25 span.text-btn,
#search-results-wrapper.thumbnail.thumb-50 span.text-btn {
  display: none;
}
#search-results-wrapper.thumbnail.thumb-0 .watchLink,
#search-results-wrapper.thumbnail.thumb-25 .watchLink,
#search-results-wrapper.thumbnail.thumb-50 .watchLink,
#search-results-wrapper.thumbnail.thumb-0 .commentLink,
#search-results-wrapper.thumbnail.thumb-25 .commentLink,
#search-results-wrapper.thumbnail.thumb-50 .commentLink,
#search-results-wrapper.thumbnail.thumb-0 .editLink,
#search-results-wrapper.thumbnail.thumb-25 .editLink,
#search-results-wrapper.thumbnail.thumb-50 .editLink,
#search-results-wrapper.thumbnail.thumb-0 .angular-edit-link,
#search-results-wrapper.thumbnail.thumb-25 .angular-edit-link,
#search-results-wrapper.thumbnail.thumb-50 .angular-edit-link {
  padding-right: 8px;
}
#search-results-wrapper.thumbnail.thumb-75 span.standard-icon,
#search-results-wrapper.thumbnail.thumb-100 span.standard-icon {
  display: none;
}
#search-results-wrapper.thumbnail.thumb-0 .watchLink,
#search-results-wrapper.thumbnail.thumb-0 .commentLink,
#search-results-wrapper.thumbnail.thumb-0 .editLink,
#search-results-wrapper.thumbnail.thumb-0 .angular-edit-link {
  padding-right: 5px;
}
#search-results-wrapper.thumbnail.thumb-0 .with-rating .popularity-text {
  display: none;
}
#search-results-wrapper.thumbnail.thumb-0 .filename,
#search-results-wrapper.thumbnail.thumb-0 .popularity-text,
#search-results-wrapper.thumbnail.thumb-0 .dataDetails {
  font-size: 12px;
}
#search-results-wrapper.thumbnail.thumb-0 span.standard-icon {
  margin-left: -4px;
  margin-top: -2px;
}
#search-results-wrapper .collection .detailsLink,
#search-results-wrapper .collection .viewAssetsLink {
  font-size: 12px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
#search-results-wrapper.thumbnail.thumb-25 .watchLink,
#search-results-wrapper.thumbnail.thumb-25 .commentLink,
#search-results-wrapper.thumbnail.thumb-25 .editLink,
#search-results-wrapper.thumbnail.thumb-25 .angular-edit-link {
  padding-right: 17px;
}
#search-results-wrapper.thumbnail.thumb-25 .with-rating .popularity-text {
  display: none;
}
.thumb-25 .dataDetails,
.thumb-25 .filename,
.thumb-25 .popularity-text {
  font-size: 13px;
}
#search-results-wrapper.thumbnail.thumb-50 .watchLink,
#search-results-wrapper.thumbnail.thumb-75 .watchLink,
#search-results-wrapper.thumbnail.thumb-50 .commentLink,
#search-results-wrapper.thumbnail.thumb-75 .commentLink,
#search-results-wrapper.thumbnail.thumb-50 .editLink,
#search-results-wrapper.thumbnail.thumb-75 .editLink,
#search-results-wrapper.thumbnail.thumb-50 .angular-edit-link,
#search-results-wrapper.thumbnail.thumb-75 .angular-edit-link {
  padding-right: 28px;
}
#search-results-wrapper.thumbnail.thumb-75 .primaryActionRow .downloadLink span.text-btn,
#search-results-wrapper.thumbnail.thumb-75 .primaryActionRow .embedCodeLink span.text-btn {
  display: inline;
}
#search-results-wrapper.thumbnail.thumb-75 .primaryActionRow .downloadLink {
  padding-left: 12px;
}
.selectAssetLink {
  float: left;
  font-size: 16px;
  padding: 2px 7px 0;
  margin-right: 4px;
  color: var(--color-secondary-border);
}
.yellowBg .selectAssetLink {
  color: var(--color-status-warning-fg);
  border-color: var(--color-gray-400);
}
.instant-search-header-container {
  display: flex;
  justify-content: space-between;
}
.instantSearchZone.simpleThumb {
  position: relative;
  z-index: 1;
}
.instantSearchZone.simpleThumb .selectBorder {
  border-radius: 4px;
}
.instantSearchZone.simpleThumb .highlightDiv {
  background-color: white;
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.instantSearchZone.simpleThumb .yellowBg {
  border: 1px solid var(--color-status-warning-fg);
}
.instantSearchZone.simpleThumb .marginSpacer {
  margin: 20px 7px 20px;
}
.instantSearchZone.simpleThumb .collectionSpacer {
  height: 5px;
  clear: both;
}
.instantSearchZone.simpleThumb .preview {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0 auto;
  line-height: 0;
  /* fixes extra 4px of space which throws row spacing off */
}
.instantSearchZone.simpleThumb .preview .previewImgWrapper {
  margin: 0 auto;
}
.instantSearchZone.simpleThumb .preview .previewImgWrapper .spinset-overlay {
  align-self: center;
  opacity: 80%;
  width: 80px;
}
.instantSearchZone.simpleThumb .preview .quickview-trigger {
  align-self: end;
}
.instantSearchZone.simpleThumb .preview .quickview-trigger a,
.instantSearchZone.simpleThumb .preview .quickview-trigger a:link,
.instantSearchZone.simpleThumb .preview .quickview-trigger a:visited,
.instantSearchZone.simpleThumb .preview .quickview-trigger a:hover,
.instantSearchZone.simpleThumb .preview .quickview-trigger a:active {
  text-decoration: none;
}
.instantSearchZone.simpleThumb .preview .quickview-msg {
  display: flex;
  align-items: center;
  align-self: end;
  opacity: 0;
  margin-bottom: 15px;
  position: relative;
}
.instantSearchZone.simpleThumb .preview .quickview-msg span {
  margin-left: 8px;
}
.instantSearchZone.simpleThumb .preview .quickview-msg > * {
  background-color: var(--color-bg);
}
.instantSearchZone.simpleThumb .preview:not(.collection):hover .quickview-msg {
  transition: opacity 0.2s 0.5s;
  opacity: 1;
}
.instantSearchZone.simpleThumb .favoriteIcon {
  width: 23px;
  height: 16px;
  margin-top: -2px;
}
.instantSearchZone.simpleThumb .editIcon {
  margin-right: 2px;
}
.instantSearchZone.simpleThumb .deleteIcon {
  margin-top: -2px;
}
.instantSearchZone.simpleThumb .commentPresentIcon {
  width: 21px;
}
.instantSearchZone.simpleThumb .watchIcon {
  width: 19px;
  height: 19px;
  margin-right: 0px;
  margin-top: -2px;
}
.instantSearchZone.simpleThumb .filename {
  padding: 5px 4px 12px 0;
  line-height: 17px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 15px;
}
.instantSearchZone.simpleThumb .filename i {
  display: inline-block;
  width: 19px;
  height: 17px;
  vertical-align: middle;
}
.instantSearchZone.simpleThumb .filename a span {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.instantSearchZone.simpleThumb .social-popularity,
.instantSearchZone.simpleThumb .irate,
.instantSearchZone.simpleThumb .popularity {
  height: 22px;
}
.instantSearchZone.simpleThumb .irate {
  width: 80px;
}
.instantSearchZone.simpleThumb .irate .ratingCount {
  display: none;
}
.instantSearchZone.simpleThumb .popularity {
  display: inline-block;
}
.instantSearchZone.simpleThumb .popularity span.percent {
  font-size: 8px;
  vertical-align: text-top;
}
.instantSearchZone.simpleThumb .primaryActionRow {
  margin-right: -36px;
  width: 100%;
  float: left;
}
.instantSearchZone.simpleThumb .primaryActionRow .mainButtonWrapper {
  margin-left: 37px;
}
.instantSearchZone.simpleThumb .primaryActionRow .info-margin {
  margin-right: 36px;
}
.instantSearchZone.simpleThumb .primaryActionRow .downloadLink span.text-btn,
.instantSearchZone.simpleThumb .primaryActionRow .embedCodeLink span.text-btn {
  padding-left: 2px;
}
.instantSearchZone.simpleThumb .primaryActionRow .downloadIcon {
  margin-top: -1px;
  margin-right: 0;
}
.instantSearchZone.simpleThumb .primaryActionRow .embedCodeLink .standard-icon,
.instantSearchZone.simpleThumb .primaryActionRow .angular-link .standard-icon {
  margin-right: 2px;
}
.instantSearchZone.simpleThumb .primaryActionRow .downloadLink,
.instantSearchZone.simpleThumb .primaryActionRow .detailsLink,
.instantSearchZone.simpleThumb .primaryActionRow .viewAssetsLink,
.instantSearchZone.simpleThumb .primaryActionRow .share-popover-button .btn.client-color,
.instantSearchZone.simpleThumb .primaryActionRow .embedCodeLink.btn.client-color {
  -webkit-background-clip: padding-box;
  font-size: 12px;
  white-space: nowrap;
}
.instantSearchZone.simpleThumb .primaryActionRow .popover {
  max-width: none;
}
.instantSearchZone.simpleThumb .extraDetails {
  display: none;
  margin-top: 10px;
  word-break: break-word;
  hyphens: auto;
  position: relative;
}
.instantSearchZone.simpleThumb .extraDetails .thumbnailText {
  overflow-y: auto;
  max-height: 208px;
  position: relative;
  padding-bottom: 10px;
}
.instantSearchZone.simpleThumb .extraDetails .fadeFromBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: "";
  z-index: 999;
  display: none;
}
.instantSearchZone.simpleThumb .flagWrapper b {
  margin-right: 6px;
}
.instantSearchZone.simpleThumb .flagWrapper img.flag {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 1px;
}
.instantSearchZone.simpleThumb .flagWrapper span {
  margin-right: 4px;
  display: inline-block;
}
.instantSearchZone.simpleThumb .yellowBg .extraDetails .fadeFromBottom {
  background: linear-gradient(to bottom, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
}
.instantSearchZone.simpleThumb .versions,
.instantSearchZone.simpleThumb .views,
.instantSearchZone.simpleThumb .archiveDate,
.instantSearchZone.simpleThumb .expirationDate,
.instantSearchZone.simpleThumb .releaseDate,
.instantSearchZone.simpleThumb .inGlobalCollection,
.instantSearchZone.simpleThumb .collection,
.instantSearchZone.simpleThumb .dataDetails,
.instantSearchZone.simpleThumb .flagWrapper,
.instantSearchZone.simpleThumb .hasAttachedDocs {
  margin-bottom: 10px;
}
.instantSearchZone.simpleThumb .archiveDate,
.instantSearchZone.simpleThumb .expirationDate,
.instantSearchZone.simpleThumb .releaseDate {
  color: var(--color-status-error-fg);
}
.instantSearchZone.simpleThumb .secondaryActionRow {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  align-items: center;
  border-radius: 4px;
  display: flex;
  font-size: 12px;
  justify-content: space-around;
  padding: 6px 8px;
  text-align: center;
}
.instantSearchZone.simpleThumb .secondaryActionRow span.text-btn {
  cursor: pointer;
  color: var(--color-brand-primary-fg);
  white-space: nowrap;
}
.instantSearchZone.simpleThumb .secondaryActionRow span.text-btn:not(:last-child) {
  margin-right: 10px;
}
.instantSearchZone.simpleThumb .centerBlock {
  text-align: center;
  vertical-align: middle;
  display: table;
  margin: 0 auto;
  margin-bottom: 10px;
  height: 250px;
  table-layout: fixed;
}
.instantSearchZone.simpleThumb .image-embed-select textarea {
  width: 100%;
}
/* collections */
.collectionImages {
  margin-left: 2.5px !important;
}
.collectionPreviewWrapper {
  float: left;
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin-right: 5px;
}
.collectionPreviewWrapper .instantResultImg {
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -ms-interpolation-mode: bicubic;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
}
/* thumbnail detailed view */
.instantSearchZone.simpleThumb.detailedView .flags,
.instantSearchZone.simpleThumb.detailedView .extraDetails {
  display: block;
}
.instantSearchZone.simpleThumb.detailedView .yellowBg.thumbnailTileBorder {
  border: 1px solid var(--color-status-warning-fg) !important;
}
.instantSearchZone.simpleThumb.detailedView .thumbnailTileBorder {
  box-shadow: none !important;
}
/* collection details results */
.mostOrderedHeader,
.recentlyAddedHeader,
.collectionNameHeader {
  padding-top: 25px;
  padding-bottom: 15px;
  margin-left: 20px;
  display: inline-block;
}
/* search icons */
.favoriteIcon.red {
  background: url(/assets/20241228-0307/ctx//images/icons/heart_red.png) no-repeat;
}
.favoriteIcon.gray {
  background: url(/assets/20241228-0307/ctx//images/icons/heart_gray.png) no-repeat;
}
.deleteIcon {
  background: url(/assets/20241228-0307/ctx//images/layout/icon_delete_drk.png) no-repeat;
  width: 18px;
  height: 18px;
}
.editIcon {
  background: url(/assets/20241228-0307/ctx//images/layout/icon_edit_drk.png) no-repeat;
  width: 15px;
  height: 15px;
}
.commentIcon {
  background: url(/assets/20241228-0307/ctx//images/icons/comment_gray.png) no-repeat;
  width: 22px;
  height: 21px;
}
.commentPresentIcon {
  background: url(/assets/20241228-0307/ctx//images/icons/comment_color.png) no-repeat;
  width: 22px;
  height: 21px;
}
.watch {
  background: url(/assets/20241228-0307/ctx//images/layout/eye_sm.png) no-repeat;
}
.unwatch {
  background: url(/assets/20241228-0307/ctx//images/layout/eye_gray_sm.png) no-repeat;
}
.zoomIcon {
  width: 21px;
  height: 17px;
  background: url(/assets/20241228-0307/ctx//images/layout/zoom_glass.png) no-repeat;
}
/* ==========================================================================
   Search Results - Ported from Old
========================================================================== */
.list-view-hover-thumb {
  position: absolute;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid var(--color-primary-border);
}
.instantSearchZone.instantListView BUTTON.quickViewPlaceholder {
  border: 0;
  padding: 0;
}
.instantSearchZone.instantListView BUTTON.quickViewPlaceholder img.instantResultImg {
  max-width: 25px;
}
.instantSearchZone.instantListView .previewWrapper .instantResultImg.listViewPreview {
  max-height: 24px;
  /* fixes portrait images overflowing and offsetting other rows when browser zoomed */
  max-width: 25px;
}
.instantSearchZone.instantListView img.flag {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 2px;
}
.instantSearchZone.instantListView .highlightDiv {
  padding-top: 2px;
  padding-left: 4px;
  position: relative;
}
.instantSearchZone.instantListView .previewWrapper {
  float: left;
  width: 38px;
}
.instantSearchZone.instantListView .previewWrapper button {
  background: transparent;
}
.instantSearchZone.instantListView .filename {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  float: left;
  padding-top: 5px;
  width: 45%;
}
.instantSearchZone.instantListView .viewAssetsBtn {
  padding: 5px 8px 6px 9px;
}
.instantSearchZone.instantListView .cb-wrapper {
  float: left;
  padding-top: 4px;
  padding-left: 15px;
  padding-right: 15px;
}
.instantSearchZone.instantListView .bareButtonRow {
  float: right;
  margin-right: 4px;
}
.instantSearchZone.instantListView .bareButtonRow .favoriteIcon {
  width: 17px;
  height: 14px;
}
.instantSearchZone.instantListView .bareButtonRow .watchIcon {
  width: 20px;
  height: 19px;
  margin-right: 3px;
}
.instantSearchZone.instantListView .bareButtonRow .grayButton {
  margin-right: 4px;
}
.instantSearchZone.instantListView .bareButtonRow .grayButton.watchBtn {
  padding: 2px 4px 5px 7px;
}
.instantSearchZone.instantListView .bareButtonRow .deleteLink img {
  margin-top: -4px;
}
.instantSearchZone.instantListView .downloadLink.btn-xs {
  padding: 2px 6px 0 8px;
  line-height: 20px;
}
.listSecurityWrapper {
  float: left;
  padding-top: 2px;
  padding-left: 6px;
}
.listSecurityWrapper .badge {
  margin-right: 6px;
}
.collectionFlagWrapper {
  float: left;
  padding-top: 4px;
  padding-left: 3px;
}
/* Builder */
.thumbs .instantThumb .versionNum {
  position: absolute;
  left: 4px;
  bottom: 0;
  line-height: 18px;
}
.thumbs .instantThumb .versions {
  font-size: 16px;
  color: var(--color-secondary-fg);
}
[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.instant-search-pager-bar {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  line-height: 25px;
  margin-bottom: 0;
  vertical-align: middle;
}
.instant-search-pager-bar .pager-select-all-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  float: left;
  height: 31px;
  line-height: 20px;
  padding: 4px 12px;
}
.instant-search-pager-bar .displayingResults {
  display: inline-block;
  line-height: 28px;
  margin-left: 10px;
  margin-top: 2px;
  vertical-align: middle;
}
.instant-search-pager-bar .displayingResults .total-results {
  color: var(--color-gray-800);
}
.instant-search-pager-bar .pager-right-options {
  margin-right: 2px;
  margin-top: 2px;
  padding-right: 8px;
}
.instant-search-pager-bar .pagerWrapper {
  margin-left: 8px;
  margin-top: 1px;
  vertical-align: middle;
}
.instant-search-pager-bar .current-page {
  background-color: var(--color-bg);
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin: 0 2px;
  padding: 4px 6px;
}
.instant-search-pager-bar .navigationLink {
  padding: 0 5px;
}
.instant-search-pager-bar .pagerViewWrapper .dropdown-menu {
  width: 182px;
  line-height: 30px;
}
.instant-search-pager-bar .drop-option-header {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  float: left;
  line-height: 30px;
  padding: 0 0 0 8px;
}
.instant-search-pager-bar .dropdown {
  margin-right: 8px;
}
.instant-search-pager-bar .drop-options {
  float: right;
  padding-right: 8px;
}
.instant-search-pager-bar .drop-options a.badge,
.instant-search-pager-bar .drop-options a.badge:hover {
  background-color: var(--color-secondary-bg) !important;
  color: var(--color-fg);
  text-shadow: none;
  cursor: pointer;
}
.instant-search-pager-bar .switchViewLink,
.instant-search-pager-bar .switch-details-link {
  cursor: pointer;
  text-decoration: none;
}
.instant-search-pager-bar button.switchViewLink {
  margin-right: 10px;
}
.instant-search-pager-bar .drop-option {
  display: inline-block;
  padding: 0 0 0 15px;
}
.instant-search-pager-bar input[type="checkbox"] {
  margin-top: -2px;
}
.instant-search-pager-bar .sort-menu-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  font-size: 15px;
  padding-left: 10px;
}
.instant-search-pager-bar .size-box {
  padding-left: 9px;
}
.instant-search-pager-bar .size-box .switchPreviewSizeLink {
  display: inline-block;
  padding: 0;
  line-height: 0;
  font-size: 0;
  box-sizing: border-box;
  background-color: var(--color-secondary-bg);
  vertical-align: middle;
}
.instant-search-pager-bar .size-box .selected.switchPreviewSizeLink {
  background-color: var(--color-gray-800);
}
.instant-search-pager-bar .size-box a.thumb-0 {
  height: 10px;
  width: 10px;
}
.instant-search-pager-bar .size-box a.thumb-25 {
  height: 12px;
  width: 12px;
}
.instant-search-pager-bar .size-box a.thumb-50 {
  height: 14px;
  width: 14px;
}
.instant-search-pager-bar .size-box a.thumb-75 {
  height: 16px;
  width: 16px;
}
.instant-search-pager-bar .size-box a.thumb-100 {
  height: 18px;
  width: 18px;
}
#integrationLinksPanel dl:last-child {
  margin-bottom: 0;
}
#integrationLinksPanel dt {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: inherit;
  margin-right: 5px;
  width: inherit;
}
#integrationLinksPanel dd {
  line-height: inherit;
  margin-left: 20px;
  overflow-wrap: break-word;
}
.irate {
  position: relative;
  display: inline-block;
}
.ratingCount {
  position: absolute;
  left: 85px;
  top: 0;
  font-size: 12px;
}
/* quickview */
.ratingsWrapper {
  margin-right: 12px;
  margin-top: 4px;
  float: right;
}
.ratingsWrapper .irate {
  margin-right: 4px;
}
.ratingsWrapper .ratingCount {
  top: 2px;
}
/* ==========================================================================
   New Quick View
========================================================================== */
#quickviewAudioPlayer {
  width: 300px;
  height: 276px;
  background-position: center center;
  background-repeat: no-repeat;
}
#quickviewAudioPlayer AUDIO {
  width: 100%;
}
.zoomify {
  border-radius: 4px;
  border: 1px solid var(--color-primary-border);
}
.share-popover .alert {
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.share-popover .facebook-content .overlay-body .alert {
  position: relative;
}
.modal-content > .quick-view {
  background-color: transparent;
}
button.quickview-trigger {
  text-decoration: none;
  padding: 0;
  border: 0;
}
button.bg-transparent {
  background: transparent;
}
.width-opacity-transition {
  opacity: 0;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
}
@media (min-width: 1340px) {
  .quick-view .content.details-displayed > .preview,
  .quick-view .modal-body + .modal-footer.details-displayed {
    width: 70%;
  }
  .quick-view .content.details-displayed > FILE-DETAILS,
  .quick-view .content.details-displayed .save-btns {
    width: 30%;
    opacity: 1.0;
  }
}
@media (min-width: 1240px) and (max-width: 1339px) {
  .quick-view .content.details-displayed > .preview,
  .quick-view .modal-body + .modal-footer.details-displayed {
    width: 68%;
  }
  .quick-view .content.details-displayed > FILE-DETAILS,
  .quick-view .content.details-displayed .save-btns {
    width: 32%;
    opacity: 1.0;
  }
}
@media (min-width: 1150px) and (max-width: 1239px) {
  .quick-view .content.details-displayed > .preview,
  .quick-view .modal-body + .modal-footer.details-displayed {
    width: 65%;
  }
  .quick-view .content.details-displayed > FILE-DETAILS,
  .quick-view .content.details-displayed .save-btns {
    width: 35%;
    opacity: 1.0;
  }
}
@media (max-width: 1150px) {
  .quick-view .content.details-displayed > .preview,
  .quick-view .modal-body + .modal-footer.details-displayed {
    width: 60%;
  }
  .quick-view .content.details-displayed > FILE-DETAILS,
  .quick-view .content.details-displayed .save-btns {
    width: 40%;
    opacity: 1.0;
  }
}
.quick-view {
  height: 100%;
  overflow: hidden;
  /* fix vertical overflow with intended use dropdown */
}
.quick-view .content {
  height: inherit;
  position: relative;
}
.quick-view .content .preview {
  transition: width 0.5s;
  width: 100%;
  height: auto;
  text-align: center;
  float: left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.quick-view .content .preview ASSET-PREVIEW > div {
  height: 100%;
}
.quick-view .content .preview.video {
  height: 95%;
}
.quick-view .content .preview.embedded,
.quick-view .content .preview.zoom {
  height: 100%;
}
.quick-view .content .preview SWF-PLAYER .no-flash {
  background-color: white;
  width: 500px;
  padding: 15px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.quick-view .content .preview VIDEO-PLAYER {
  display: block;
  height: 100%;
  padding-bottom: 75px;
}
.quick-view .content .preview VIDEO-PLAYER IFRAME {
  top: 50%;
  position: relative;
}
.quick-view .content .preview VIDEO-PLAYER IMG {
  top: 50%;
  position: relative;
  margin-top: -275px;
}
.quick-view .content > FILE-DETAILS {
  opacity: 0;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
  background: var(--color-bg);
}
.quick-view .content > FILE-DETAILS .save-btns {
  opacity: 0;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
}
.quick-view .content .prev-next-button-hover {
  transition: width 0.4s, background-color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  width: 120px;
}
.quick-view .content .prev-next-text-hover {
  transition: opacity 0.4s;
}
.quick-view .content BUTTON.prev-asset,
.quick-view .content BUTTON.next-asset {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  box-shadow: none;
  border: 0 none;
  border-radius: 4px;
  color: #fff;
  font-size: 20px;
  height: 120px;
  margin-top: -60px;
  /* half the height of the arrow */
  padding: 0;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 10;
}
.quick-view .content BUTTON.prev-asset .nav-text,
.quick-view .content BUTTON.next-asset .nav-text {
  opacity: 0;
}
.quick-view .content BUTTON.prev-asset:hover,
.quick-view .content BUTTON.next-asset:hover {
  background: var(--color-tertiary-bg-hover);
}
.quick-view .content BUTTON.prev-asset:hover .nav-text,
.quick-view .content BUTTON.next-asset:hover .nav-text {
  opacity: 1;
  color: #ffffff;
}
.quick-view .content BUTTON.prev-asset .arrow-left,
.quick-view .content BUTTON.next-asset .arrow-left,
.quick-view .content BUTTON.prev-asset .arrow-right,
.quick-view .content BUTTON.next-asset .arrow-right {
  display: inline-block;
  border-top: 20px inset transparent;
  border-bottom: 20px inset transparent;
  position: absolute;
  top: 40px;
}
.quick-view .content BUTTON.next-asset {
  right: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.quick-view .content BUTTON.next-asset:hover {
  transition: width 0.4s, background-color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  width: 120px;
}
.quick-view .content BUTTON.next-asset:hover .nav-text {
  margin-right: 15px;
  transition: opacity 0.4s;
}
.quick-view .content BUTTON.next-asset .arrow-right {
  right: 10px;
  border-left: 15px solid #fff;
}
.quick-view .content BUTTON.prev-asset {
  left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.quick-view .content BUTTON.prev-asset:hover {
  transition: width 0.4s, background-color 0.4s;
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  width: 120px;
}
.quick-view .content BUTTON.prev-asset:hover .nav-text {
  margin-left: 15px;
  transition: opacity 0.4s;
}
.quick-view .content BUTTON.prev-asset .arrow-left {
  border-right: 15px solid #fff;
  left: 10px;
}
.quick-view .thumbnail,
.quick-view .animated-gif {
  background-color: transparent;
  border: 0 none;
  margin-bottom: 0;
  padding: 0;
}
.quick-view .thumbnail img.img-responsive,
.quick-view .animated-gif img.img-responsive {
  width: auto;
}
.quick-view .modal-content {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  height: 100%;
}
.quick-view .modal-dialog {
  height: 100%;
  width: 100%;
  margin: 0;
}
.quick-view quickview-download-button,
.quick-view share-button {
  width: 150px;
  display: inline-block;
}
.quick-view share-button {
  margin-left: 15px;
}
.quick-view quickview-download-button .drop-down .selectize-dropdown-content {
  max-height: 120px;
}
.quick-view .modal-header {
  background-color: #3c4f5d;
  height: 34px;
  overflow: hidden;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
.quick-view .modal-header .close.icon {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  text-shadow: 0 1px 1px var(--color-fg);
  background: transparent;
  border: 0;
  border-radius: 4px;
  color: #ffffff;
  float: right;
  font-size: 16px;
  line-height: 16px;
  margin-top: 0;
  outline: none;
  padding: 8px 12px;
}
.quick-view .modal-header .close.icon:not([disabled]) {
  opacity: 1;
}
.quick-view .modal-header .insights.icon,
.quick-view .modal-header .information.icon,
.quick-view .modal-header .edit.icon {
  font-size: 16px;
  line-height: 16px;
  margin-top: 0;
  padding: 8px 12px;
}
.quick-view .modal-header .insights.icon:hover:not([disabled]),
.quick-view .modal-header .information.icon:hover:not([disabled]),
.quick-view .modal-header .edit.icon:hover:not([disabled]) {
  box-shadow: inset 0 0 0 1px var(--color-gray-200), inset 0 4px 8px var(--color-gray-400);
  text-shadow: none;
}
.quick-view .modal-header .insights.icon.active,
.quick-view .modal-header .information.icon.active,
.quick-view .modal-header .edit.icon.active {
  background: #fff;
  box-shadow: inset 0 0 0 1px var(--color-gray-200), inset 0 4px 8px var(--color-gray-400);
  color: var(--color-fg);
  text-shadow: none;
}
.quick-view .modal-header .insights.icon:focus,
.quick-view .modal-header .information.icon:focus,
.quick-view .modal-header .edit.icon:focus,
.quick-view .modal-header .insights.icon.active:focus,
.quick-view .modal-header .information.icon.active:focus,
.quick-view .modal-header .edit.icon.active:focus {
  outline: none;
}
.quick-view .modal-header .quickview-modal-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #ffffff;
  display: inline-block;
  overflow-x: hidden;
  padding-top: 7px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(70%);
}
.quick-view .modal-header FAVORITE-ICON {
  float: left;
  margin-left: -10px;
  margin-right: 4px;
  margin-top: 7px;
}
.quick-view .modal-body {
  height: inherit;
  padding: 0;
  margin-top: 34px;
}
.quick-view .modal-body + .modal-footer {
  position: fixed;
  bottom: 0;
  background-color: transparent;
  border: none;
  border-top: none;
  text-align: center;
  transition: width 0.5s;
  width: 100%;
  pointer-events: none;
}
.quick-view .modal-body + .modal-footer.proxied-embed {
  padding-bottom: 50px;
}
.quick-view .modal-body + .modal-footer QUICKVIEW-DOWNLOAD-BUTTON {
  pointer-events: auto;
}
.quick-view .modal-body + .modal-footer SHARE-BUTTON {
  pointer-events: auto;
}
.quick-view .modal-body + .modal-footer.details-displayed {
  transition: width 0.5s;
}
.quick-view .insights-button {
  height: 35px;
  max-height: 35px;
}
.quick-view .insights-button .logo-container {
  float: left;
}
.quick-view .insights-button .logo-label {
  float: right;
  padding-left: 0.25em;
}
.quick-view .insights-button .active-logo {
  fill: var(--color-fg);
}
.quick-view .insights-button .inactive-logo {
  fill: #3c4f5d;
}
.quick-view .insights-button .svg-logo {
  height: 1em;
  width: 1em;
}
.quick-view .popover.top > .arrow {
  bottom: -10px;
}
/* ==========================================================================
   Legacy Quick View
========================================================================== */
#assetWindow.overlay .overlay-body :not(.popover .overlay-body) {
  padding: 15px 50px 15px;
  width: 100%;
}
.arrow-right,
.arrow-left {
  line-height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 50;
}
.arrow-right {
  border-left: 30px solid var(--color-secondary-border);
}
.arrow-left {
  border-right: 30px solid var(--color-secondary-border);
}
.quickViewBody caption {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  caption-side: bottom;
  text-align: left;
}
.quickViewInnerDiv {
  text-align: center;
  margin: 0 auto;
}
.quickViewDetails {
  text-align: left;
}
.quickViewInnerDiv .detailTable {
  float: left;
  margin-right: 47px;
  margin-top: 15px;
}
.quickViewInnerDiv .flag-display {
  margin-bottom: 10px;
  min-width: 260px;
}
.assetFilenameWrapper {
  vertical-align: top;
  display: inline-block;
  margin-top: 4px;
  width: 100%;
}
.assetFilenameQVWrapper {
  vertical-align: top;
  display: inline-block;
  margin-top: 4px;
  width: 100%;
  width: 73%;
}
/* quick view favorite */
.quick-heart {
  margin-top: 3px;
  margin-left: -10px;
  padding-right: 0;
}
@media (max-width: 1024px) {
  .quickViewBody .quickViewInnerDiv .w46p {
    width: 41%;
  }
}
@media (max-width: 1152px) {
  .quickViewInnerDiv .detailTable {
    margin-right: 25px !important;
  }
  .quickViewDetails.w46p {
    width: 43%;
  }
}
FILE-DETAILS {
  top: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}
FILE-DETAILS SECTION {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 0;
  padding-bottom: 70px;
}
FILE-DETAILS SECTION TEXTAREA {
  position: relative;
}
FILE-DETAILS SECTION .save-btns {
  position: fixed;
  bottom: 0;
  width: 30%;
  right: 0;
}
FILE-DETAILS SECTION .save-btns .btn.disabled,
FILE-DETAILS SECTION .save-btns .btn[disabled] {
  color: var(--color-gray-400);
  background-color: var(--color-secondary-bg);
  border: 1px solid var(--color-secondary-border);
  box-shadow: none;
  text-shadow: 0 1px 0 var(--color-white);
  background-image: none;
  opacity: 1;
}
FILE-DETAILS SECTION .save-btns .save-msg {
  height: 66px;
  margin-bottom: 0;
  padding: 10px 4px 0 10px;
}
FILE-DETAILS SECTION .save-btns .save-msg .ion-information-circled {
  margin-right: 4px;
}
FILE-DETAILS SECTION .save-btns .save-msg BUTTON.glyphicon-remove {
  margin-top: 2px;
  border: 0;
  background: transparent;
  float: right;
}
FILE-DETAILS SECTION .save-btn {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  border-radius: 0;
  font-size: 16px;
  margin-top: 0;
  padding: 0 16px;
}
FILE-DETAILS SECTION .save-btn.save-btn-half {
  float: left;
  width: 50%;
}
FILE-DETAILS SECTION .save-btn.save-btn-next {
  width: 50%;
}
FILE-DETAILS SECTION .fade-from-bottom {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  content: "";
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 30px;
}
FILE-DETAILS SECTION .view-mode .fade-from-bottom {
  bottom: 34px;
}
FILE-DETAILS SECTION .edit-mode .editable-field.ng-invalid:not(.ng-invalid-required-optional) {
  padding: 10px 0 10px 7px;
}
FILE-DETAILS SECTION .edit-mode drop-down,
FILE-DETAILS SECTION .edit-mode .drop-down {
  width: 99%;
  padding-right: 6px;
  /* makes width equal to normal input field */
}
FILE-DETAILS SECTION .edit-mode .fade-from-bottom {
  bottom: 66px;
}
FILE-DETAILS SECTION .edit-mode .fade-from-bottom.save-msg {
  bottom: 133px;
}
FILE-DETAILS SECTION .details {
  height: inherit;
  padding: 20px 0;
  overflow-y: auto;
  /* different behavior if this is moved to section */
}
FILE-DETAILS SECTION .details FORM {
  padding-bottom: 40px;
}
FILE-DETAILS SECTION .details FORM .field-name {
  display: block;
  margin-bottom: 5px;
}
FILE-DETAILS SECTION .details FORM SPAN.field,
FILE-DETAILS SECTION .details FORM LABEL:not(.checkbox-group) {
  width: 99%;
}
FILE-DETAILS SECTION .details FORM SPAN.field INPUT:not(.input-date-picker),
FILE-DETAILS SECTION .details FORM LABEL:not(.checkbox-group) INPUT:not(.input-date-picker),
FILE-DETAILS SECTION .details FORM SPAN.field TEXTAREA:not(.values-input),
FILE-DETAILS SECTION .details FORM LABEL:not(.checkbox-group) TEXTAREA:not(.values-input) {
  margin-bottom: 0;
  width: 99%;
}
FILE-DETAILS SECTION .details FORM SPAN.field PALETTE-FIELD,
FILE-DETAILS SECTION .details FORM LABEL:not(.checkbox-group) PALETTE-FIELD {
  margin-bottom: 0;
  min-width: 350px;
}
FILE-DETAILS SECTION .details FORM SPAN.field PALETTE-FIELD .palette-container,
FILE-DETAILS SECTION .details FORM LABEL:not(.checkbox-group) PALETTE-FIELD .palette-container {
  margin: 0;
}
FILE-DETAILS SECTION .details FORM .edit-section {
  margin-bottom: 34px;
}
FILE-DETAILS SECTION .details .section:first-child BUTTON.section-header {
  margin-top: 10px;
}
FILE-DETAILS SECTION .details .section {
  padding: 0 10px;
}
FILE-DETAILS SECTION .details .section BUTTON.section-header {
  text-decoration: none;
  color: inherit;
  padding: 0;
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--color-link-fg);
  margin-top: 25px;
  margin-bottom: 10px;
}
FILE-DETAILS SECTION .details .section BUTTON.section-header h2 {
  margin: 0;
}
FILE-DETAILS SECTION .details .section BUTTON.section-header .section-title {
  float: left;
  display: inline-block;
  padding-bottom: 3px;
}
FILE-DETAILS SECTION .details .section .double-arrow {
  color: var(--color-link-fg);
  display: inline-block;
  transform: rotate(0deg);
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 20px;
  padding-right: 4px;
  font-weight: normal;
  float: left;
  margin-top: -2px;
}
FILE-DETAILS SECTION .details .section.expanded BUTTON .double-arrow {
  transform: rotate(90deg);
  margin-top: 2px;
}
FILE-DETAILS SECTION .details .section.expanded OL {
  display: block;
}
FILE-DETAILS SECTION .details .section OL {
  list-style: none;
  padding-left: 10px;
  display: none;
}
FILE-DETAILS SECTION .details .section OL > LI {
  padding: 7px 0 7px 7px;
}
FILE-DETAILS SECTION .details .section OL > LI.pb0 {
  padding-bottom: 0;
}
FILE-DETAILS SECTION .details .section .field-value {
  word-wrap: break-word;
}
FILE-DETAILS SECTION .details .section.info-section {
  margin-bottom: 34px;
}
FILE-DETAILS SECTION .details .metadata-msg {
  margin-top: -20px;
}
FILE-DETAILS SECTION .details .metadata-msg .ion-information-circled {
  position: relative;
  top: 3px;
  margin-right: 2px;
  cursor: default;
}
FILE-DETAILS .insights-section {
  padding-bottom: 0;
}
.nav-dropdown {
  vertical-align: middle;
}
.nav-dropdown .caret {
  margin-left: 2px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.nav-dropdown .dropdown-menu {
  min-width: 0;
}
.nav-dropdown .btn {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
}
.nav-dropdown-toggle {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  font-size: 16px;
  line-height: 28px;
  white-space: normal;
}
.nav-dropdown-toggle:hover {
  text-decoration: none;
}
#navDropdownPopover ul {
  list-style-type: none;
  margin: 6px 10px;
  padding: 0;
}
#navDropdownPopover ul li {
  padding: 2px 0;
  white-space: nowrap;
}
#navDropdownPopover ul a,
#navDropdownPopover ul a:link,
#navDropdownPopover ul a:visited {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  color: var(--color-fg);
  text-decoration: none;
}
#navDropdownPopover ul a:hover {
  text-decoration: underline;
  color: var(--color-link-fg);
}
#navDropdownPopover ul a:hover:before {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #3c4f5d;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 var(--color-gray-400);
}
/* ==========================================================================
   Refine Global
========================================================================== */
/* zero out first h3 top margin */
#refineSearchZone {
  margin-top: -16px;
}
#refineSearch {
  background-color: transparent;
  min-width: 200px;
  position: relative;
  border-radius: 0 4px 4px 0;
}
#refineSearch.docked {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 15px;
  overflow-y: auto;
  background-color: #f6f7f9;
}
#refineSearch.docked input[type="text"] {
  background-color: var(--color-bg);
}
.moreLinkWrapper {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
.refinePadding,
.refineRatingPadding {
  white-space: nowrap;
}
.searchWithinArea {
  max-width: 240px;
}
.searchWithinArea .input-group.search-input {
  max-width: 195px;
}
.searchWithinArea .input-group.search-input input.form-control {
  width: 153px;
}
.searchWithinArea .input-group.search-input input.form-control::placeholder {
  color: var(--color-placeholder-fg);
}
/* ==========================================================================
   Refine Rating
========================================================================== */
.refineRatingPadding label {
  padding-top: 3px;
  vertical-align: middle;
}
/* ==========================================================================
   Refine Category
========================================================================== */
#childRefineCategoryZone a {
  line-height: 20px;
}
.category-parent-root {
  margin-bottom: 3px;
}
.category-breadcrumbs {
  margin-bottom: 10px;
}
.category-breadcrumbs a {
  font-size: 14px;
  color: var(--color-brand-primary-fg);
}
.category-breadcrumbs a:hover {
  color: var(--color-brand-primary-fg-hover);
  text-decoration: underline;
}
.category-breadcrumbs a:active {
  color: var(--color-brand-primary-fg-active);
  text-decoration: underline;
}
.breadcrumb-icon-sm {
  font-size: 10px;
  vertical-align: middle;
  padding: 0 4px;
}
.xs-caret-place-holder {
  width: 8px;
  display: inline-block;
}
/* ==========================================================================
   Refine Metadata
========================================================================== */
form h4.metadataTitle:nth-child(2) {
  margin-top: 0;
}
.pre-search-filter-text {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.search-filter {
  padding-left: 14px;
  padding-right: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  display: inline-flex;
  align-items: center;
}
.search-filter .remove-filter-icon-wrapper,
.search-filter .remove-filter-icon-wrapper:hover {
  text-decoration: none;
}
.search-filter .remove-filter-icon {
  margin-left: 8px;
  display: flex;
  align-items: center;
  color: #555;
}
.search-filter-container {
  margin-bottom: 4px;
  margin-left: 1px;
  margin-top: 16px;
}
.clear-search-action-container {
  display: inline-block;
  cursor: pointer;
}
.clear-search-action-container .clear-search-action-link {
  text-decoration: none;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  font-size: 14px;
  color: var(--color-brand-primary-fg);
}
.clear-search-action-container .clear-search-action-link:hover {
  color: var(--color-brand-primary-fg-hover);
  text-decoration: underline;
}
.clear-search-action-container .clear-search-action-link:active {
  color: var(--color-brand-primary-fg-active);
  text-decoration: underline;
}
/* ==========================================================================
   Search input
========================================================================== */
.search-input .search-filter {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-secondary-border);
  border-radius: 1px;
  color: var(--color-gray-800);
}
.search-input .search-filter:hover,
.search-input .search-filter:focus {
  z-index: auto;
}
.btn.search-filter:active:focus {
  outline: 0 none;
  outline-offset: 0;
  text-decoration: none;
}
.input-group.search-input input.form-control {
  border-right: 0 none;
  margin-bottom: 0 !important;
  /* overrides normalize from patterns-style */
  padding: 4px 6px 2px;
  width: 100%;
}
.input-group.search-input .input-group-btn button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 4px 12px 2px;
}
.input-group.search-input .input-group-btn {
  border-left: 1px solid var(--color-primary-border);
}
#saveSpotlightSearchWizardZone .btn-sm,
.searchWithinForm .btn-sm {
  padding: 1px 12px 0;
}
.search-auto-completer {
  left: 0;
  top: 26px;
  position: absolute;
  list-style-type: none;
  width: 342px;
  padding-left: 0;
  border: 1px solid var(--color-primary-border);
  z-index: 20;
  box-shadow: 2px 2px 4px var(--color-gray-400);
}
.search-auto-completer li {
  padding: 4px 6px;
  cursor: pointer;
  background: white;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-auto-completer li:hover {
  background: var(--color-brand-100);
}
.search-auto-completer li.selected-completion {
  background: var(--color-brand-100);
}
.exportExceededWarning {
  white-space: pre-line;
}
.saveExportOverlayLabel {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  display: inline !important;
}
.saveExportOverlayLabel::after {
  content: ":";
}
.saveExportOverviewReadOnlyField {
  margin-bottom: 5px;
}
.dropdown-menu-small {
  min-width: 100px;
}
.no-results-container {
  display: flex;
  align-items: center;
}
.no-results-container .no-results-header {
  margin: 0 !important;
  font-size: 24px;
}
.share-popover-button {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  display: inline-block;
  font-size: 14px;
}
.share-popover-button input[type="text"] {
  width: 100%;
}
.share-popover-button textarea {
  min-height: 40px;
}
.share-popover-button .spinner {
  top: 60px !important;
}
.download-external-links-list a,
.download-external-links-list a:link,
.download-external-links-list a:visited,
.share-popover .overlay-body textarea,
.share-popover .overlay-body input,
.create-album-body textarea,
.create-album-body input,
.usage-collector .wrapUnder textarea,
.usage-collector .wrapUnder input {
  color: var(--color-fg);
}
.download-external-links-list {
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0;
}
.share-asset-button {
  background-image: url(/assets/20241228-0307/ctx//images/icons/share_gray_20.png);
}
.assetdetails.share-asset-button {
  background-image: url(/assets/20241228-0307/ctx//images/icons/share_white_20.png);
}
.box-share-button {
  background-image: url(/assets/20241228-0307/ctx//images/social/box_navy_30.png);
}
.download-share-button {
  background-image: url(/assets/20241228-0307/ctx//images/social/download_save.png);
}
.drive-share-button {
  background-image: url(/assets/20241228-0307/ctx//images/social/google_drive_32.png);
}
.embed-share-button {
  background-image: url(/assets/20241228-0307/ctx//images/social/embed_gray_35.png);
}
.link-share-button {
  background-image: url(/assets/20241228-0307/ctx//images/social/link_gray_30.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .box-share-button {
    background-image: url(/assets/20241228-0307/ctx//images/social/box_navy_60.png);
  }
  .download-share-button {
    background-image: url(/assets/20241228-0307/ctx//images/social/download_save@2x.png);
  }
  .drive-share-button {
    background-image: url(/assets/20241228-0307/ctx//images/social/google_drive_60.png);
  }
  .embed-share-button {
    background-image: url(/assets/20241228-0307/ctx//images/social/embed_gray_70.png);
  }
  .link-share-button {
    background-image: url(/assets/20241228-0307/ctx//images/social/link_gray_60.png);
  }
}
.ajax-loader-gray {
  background-image: url(/assets/20241228-0307/ctx//icons/ajax-loader-gray.gif);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.share-modal {
  padding: 20px;
}
.share-button-wrapper {
  margin: 0 0 10px 5px;
}
.share-popover,
.download-popover {
  max-width: 354px !important;
  min-width: 354px !important;
}
.share-popover .download-list,
.download-popover .download-list {
  max-height: 200px;
  overflow-y: auto;
  padding-left: 1px;
}
.share-popover ::-webkit-scrollbar,
.download-popover ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.share-popover ::-webkit-scrollbar-thumb,
.download-popover ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.share-popover.top {
  bottom: 100%;
  margin-bottom: 10px;
  top: auto;
}
.widen-popover.angular-popover.share-popover.open-left,
.widen-popover.angular-popover.download-popover.open-left {
  left: auto;
  right: -7px;
}
.widen-popover.angular-popover.share-popover.open-left:before,
.widen-popover.angular-popover.download-popover.open-left:before {
  left: auto;
  right: 12px;
}
.download-popover p,
.share-popover P {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: var(--color-fg);
  font-size: 16px;
  padding: 5px 15px;
  text-align: center;
  text-shadow: none;
}
.download-list {
  list-style: none;
}
.download-list-item {
  display: table-row;
}
.download-list-item > div {
  display: table-cell !important;
  float: none;
  vertical-align: top;
}
.ajax-loader-gray.ng-hide {
  display: none !important;
}
.share-button {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-repeat: no-repeat;
  background-position: center;
  border: 2px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  height: 39px;
  line-height: 30px;
  padding: 5px 10px;
  width: 50px;
}
.share-button.active {
  border: 1px solid var(--color-primary-border);
}
.share-asset-button {
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 22px;
}
.assetdetails.share-asset-button {
  background-size: 18px;
  float: left;
  height: 18px;
  margin-top: -4px;
  width: 20px;
}
.fb-dropdown {
  max-height: 300px;
  overflow-y: scroll;
}
.fb-dropdown-wrapper {
  margin-bottom: 15px;
}
.fb-dropdown-wrapper input {
  border-radius: 0 !important;
}
.fb-dropdown-wrapper a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fb-video-title {
  margin-bottom: 7px;
}
.share-popover .overlay-body textarea,
.create-album-body textarea,
.create-album-body input,
.usage-collector .wrapUnder textarea,
.usage-collector .wrapUnder input {
  width: 100%;
  margin-bottom: 10px;
  border-color: var(--color-primary-border) !important;
  box-shadow: none !important;
  box-sizing: border-box;
}
.usage-collector .wrapUnder input.cBox {
  width: auto;
}
.usage-collector label.cBox {
  margin-top: 10px;
}
.share-popover .overlay-body input[type="checkbox"],
.share-popover .overlay-body input[type="radio"] {
  width: auto;
  margin-bottom: 3px;
}
#usageForm {
  transition: all 0.5s linear;
}
.share-form {
  clear: both;
}
.authorized-account {
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
  margin-top: 5px;
}
a.revoke-authorization {
  text-decoration: underline;
  font-size: 12px;
  color: #3c4f5d;
}
#usageForm textarea,
#usageForm select,
#usageForm input[type="email"],
#usageForm input[type="text"],
.share-form textarea,
.share-form select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
#usageForm textarea {
  min-height: 35px;
}
.share-popover .overlay-body input[type="radio"] {
  width: auto;
  margin-bottom: 3px;
}
.share-popover .overlay-body .radio-text {
  line-height: 20px;
  padding-left: 3px;
}
.tweet-limit {
  float: right;
  margin: -5px 0 0;
}
.form-error {
  margin-bottom: 20px;
}
.share-popover .overlay-body {
  padding: 0 15px 15px;
  text-align: left;
  overflow-x: visible;
  overflow-y: visible;
}
.angular-overlay-body {
  padding: 15px 15px 25px;
}
.download-app-header {
  height: 35px;
}
.download-app-header H1 {
  margin: 0px;
}
.download-eula {
  overflow: auto;
  max-height: 200px;
  border: 1px solid var(--color-primary-border);
  padding-left: 5px;
  padding-right: 5px;
}
.download-eula-link {
  display: inline !important;
}
.eula-container > p {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: inherit !important;
  background-color: inherit !important;
  border: none !important;
  color: inherit !important;
  font-weight: normal !important;
  text-align: left !important;
  text-shadow: none !important;
}
.download-metadata-button .pickupDownload {
  display: inline;
}
.box-alert {
  margin-right: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .share-button {
    background-size: 29px 29px;
  }
  .link-share-button {
    background-size: 29px 28px;
  }
}
.revoke-authorization {
  background-color: transparent;
  border: none;
}
.revoke-authorization:hover {
  text-decoration: underline;
}
.more-details.show-details {
  max-height: 100px;
}
.more-details {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
.share-alert {
  position: inherit !important;
}
#boxForm {
  clear: both;
}
/* overrides for the Spectrum color picker */
.sp-replacer {
  padding: 0;
  border: none;
  background: none;
}
.sp-replacer .sp-preview {
  overflow: hidden;
  width: 22px;
  height: 22px;
  margin: 0;
  padding: 2px;
  border: 2px solid #dae0e7;
  border-radius: 2px;
}
.sp-replacer .sp-dd {
  display: none;
}
.sp-container {
  margin-bottom: -12px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  visibility: visible;
  opacity: 1;
  transition: opacity 0.5s, visibility 0.5s;
}
.sp-container .sp-input {
  width: auto;
  background-color: #fff;
}
.sp-container.sp-hidden {
  display: block !important;
  visibility: hidden;
  opacity: 0;
}
.rainbow {
  background: white;
  /* For browsers that do not support gradients */
  background: linear-gradient(to right, #ffa500, #ffff00, #008000, #00ffff, #0000ff, #ee82ee);
  /* Standard syntax (must be last) */
}
.spinnerBackdrop {
  opacity: 0.5;
  pointer-events: none;
}
.small-rectangular-tag {
  height: 24px;
  font-size: 12px;
}
.small-rectangular-tag i {
  font-size: 16px;
  cursor: pointer;
}
.large-rectangular-tag {
  height: 32px;
  font-size: 14px;
}
.large-rectangular-tag i {
  font-size: 18px;
  cursor: pointer;
}
.small-rectangular-tag,
.large-rectangular-tag {
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-gray-400);
  opacity: 100;
  border-radius: 2px;
  max-width: 272px;
}
.small-rectangular-tag .key-value-tag-text,
.large-rectangular-tag .key-value-tag-text {
  display: flex;
}
.small-rectangular-tag .tag-text,
.large-rectangular-tag .tag-text,
.small-rectangular-tag .key-value-tag-text,
.large-rectangular-tag .key-value-tag-text,
.small-rectangular-tag .key-value-tag-text *,
.large-rectangular-tag .key-value-tag-text * {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.small-rectangular-tag i:active,
.large-rectangular-tag i:active {
  color: var(--color-brand-800);
}
.arrow-to-top {
  background: url(/assets/20241228-0307/ctx//images/arrow_to_top.png) 50% no-repeat;
  background-color: var(--color-gray-400);
  border-radius: 4px 4px 0 0;
  border-top-right-radius: 0;
  cursor: pointer;
  bottom: -4px;
  display: none;
  padding: 15px 8px;
  position: fixed;
  right: 0;
  z-index: 1000;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .arrow-to-top {
    background: url(/assets/20241228-0307/ctx//images/arrow_to_top@2x.png) 50% no-repeat;
    background-color: var(--color-gray-400);
    background-size: 18px 18px;
  }
}
.spotlight .img-square-wrapper {
  width: 140px;
  height: 140px;
  max-width: 140px;
  max-height: 140px;
  overflow: hidden;
  display: inline-block;
  background-position: 50% 0;
  background-repeat: no-repeat;
}
.spotlight .portrait {
  background-size: 140px auto;
}
.spotlight .landscape,
.spotlight .square {
  background-size: auto 140px;
}
.spotlight .placeholder {
  border: 1px solid gold;
  background-color: white;
  box-shadow: 0 0 10px var(--color-gray-800);
  height: 182px;
  /* needs to be the computed height of the item */
  width: 140px;
  margin-right: 15px;
}
.spotlight .items {
  width: 100%;
  overflow: hidden;
}
.spotlight .items .item {
  cursor: pointer;
  float: left;
}
.spotlight .items .item .spotlight-wrapper {
  display: inline-block;
  padding-right: 15px;
  padding-bottom: 20px;
}
.spotlight .items .item .text {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 140px;
}
.shortcut-column {
  width: 260px;
}
.keyboard-shortcuts {
  margin: 0 0 0 5px;
}
.keyboard-shortcuts td {
  padding: 6px 0;
  white-space: nowrap;
}
.keyboard-shortcuts td:first-child {
  text-align: center;
}
.keyboard {
  text-align: center;
  padding: 3px 6px;
  border: 1px solid var(--color-primary-border);
  border-radius: 20%;
  -webkit-box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.6);
  margin-right: 10px;
}
.video-clip-form .validatedFormHeading {
  width: 229px;
}
.video-clip-form .validatedFormHeading ul.paddedErrorList {
  padding: 6px 0 0 15px;
  width: 189px;
}
.video-clip-form .t-error-icon {
  display: none;
}
.clip-description-label {
  margin-top: 26px;
}
.wrapUnder input[type="text"].clip-description {
  float: left;
}
input[type="submit"].formBtn.save-clip-description {
  padding: 3px 8px;
  height: 24px;
  margin: 0 0 0 -2px !important;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  float: left;
}
.videoPlayer {
  position: relative;
}
#clock {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
}
#timeline {
  -webkit-user-select: none;
  background-color: var(--color-primary-bg);
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  height: 75px;
  width: 100%;
}
#playhead {
  background-color: var(--color-status-error-fg);
  height: 75px;
  pointer-events: none;
  width: 1px;
  z-index: 10;
}
.selectionBox.ui-resizable {
  background-color: #fffed6;
  border: 1px solid var(--color-status-warning-fg);
  border-radius: 6px;
  height: 75px;
  position: absolute;
  filter: alpha(opacity=7000);
  opacity: 70;
  z-index: 9;
}
.my-video-clips.db {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  margin-left: 15px;
}
.my-video-clips .dbc {
  background-color: #fff;
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  padding: 10px;
  margin: 1px;
}
.preview-container-video-iframe {
  height: 192px;
  width: 342px;
}
@media all and (min-width: 573px) and (max-width: 990px) {
  .preview-container-video-iframe {
    height: 256px;
    width: 456px;
  }
}
ANIMATED-GIF {
  position: relative;
}
ANIMATED-GIF img.img-responsive {
  width: auto;
}
.asset-display .animated-gif-control-container {
  position: static;
}
.animated-gif-control-container {
  height: 100%;
  position: relative;
}
.animated-gif-control-container BUTTON.animated-gif-control {
  font-size: 55px;
  position: absolute;
  padding-left: 15px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  opacity: 0.9;
  color: var(--color-gray-100);
  background-color: transparent;
  top: 50%;
  margin-top: -30px;
  left: 50%;
  margin-left: -30px;
  border: 2px solid;
  text-shadow: 1px 1px 17px rgba(0, 0, 0, 0.6);
  line-height: 55px;
}
.animated-gif-control-container BUTTON.animated-gif-control.ion-stop {
  display: none;
  padding-left: 6px;
  font-size: 45px;
  line-height: 35px;
}
.animated-gif-control-container:hover .animated-gif-control.ion-stop {
  display: inline;
}
.full-page-overlay .modal-header {
  position: fixed;
  top: 0;
  height: 34px;
  width: 100%;
  background-color: #3c4f5d;
  border-radius: 0;
  z-index: 1;
  padding: 0;
}
.full-page-overlay .modal-header .overlay-close {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  border: 0;
  color: #ffffff;
  float: right;
  line-height: 1;
  outline: none;
  text-shadow: 0 1px 1px var(--color-fg);
  padding: 7px 12px;
  background: transparent;
  border-radius: 4px;
  margin: 0;
}
.full-page-overlay .modal-header .overlay-close:not([disabled]) {
  opacity: 1;
}
.full-page-overlay .modal-header .overlay-close:after {
  content: attr(data-close-button-text);
  margin-left: 4px;
}
.full-page-overlay .modal-header .modal-title {
  text-align: left;
  padding-top: 7px;
  left: inherit;
  top: inherit;
  margin-left: auto;
}
.full-page-overlay .overlay-body {
  padding: 0;
  border-radius: 0;
}
#templateCustomizeOverlay {
  background-color: var(--color-gray-800);
}
#uploadCCDocumentOverlay .uploadStatusMessage.alert.alert-danger {
  margin-left: 150px;
  margin-bottom: 0;
}
div.collectionThumbnailWrapper {
  height: 262px;
  width: 262px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
}
table.collectionThumbnails {
  text-align: center;
  padding: 3px;
  height: 260px;
  width: 260px;
  background-color: var(--color-primary-bg);
}
table.collectionThumbnails td {
  vertical-align: middle;
  text-align: center;
  height: 130px;
  width: 130px;
  background-color: var(--color-bg);
}
.uploadWizardPopup #popupContent .innerContent {
  min-height: 650px;
}
.wizardScreen {
  padding: 20px 20px 0;
  margin: 40px 0 45px 0;
  position: fixed;
  bottom: 3px;
  left: 0;
  right: 0;
  top: 0;
  overflow-y: auto;
}
.wizardScreen h1 {
  margin-top: 0;
}
.uploadButtonsBar,
.breadCrumbBar {
  position: fixed;
  background: #3c4f5d;
  width: 100%;
  z-index: 9999;
}
.uploadButtonsBar {
  bottom: 0;
  border-top: 1px solid var(--color-primary-border);
  height: 55px;
}
.breadCrumbBar {
  padding-bottom: 1px;
  top: 0;
  border-bottom: 1px solid var(--color-primary-border);
  height: 38px;
}
.breadCrumbBar .separator {
  float: left;
  margin-top: 10px;
  margin-right: -10px;
  margin-left: 10px;
}
.breadCrumbBar .activeBreadCrumb,
.breadCrumbBar .breadCrumbLink {
  float: left;
  margin-left: 20px;
  padding-top: 11px;
  color: #ffffff;
}
.breadCrumbBar .breadCrumbLink {
  text-decoration: none;
}
.breadCrumbBar .innerBar {
  border-bottom: 1px solid var(--color-white);
  height: 38px;
  padding: 0;
}
.uploadButtonsBar .innerBar {
  padding: 5px 20px;
  border-top: 1px solid var(--color-white);
  height: 33px;
}
.wizardScreen h3 {
  padding: 5px 0 0;
  margin-bottom: 5px;
  clear: both;
}
.wizardScreen h3.plain {
  background-image: none;
  border-top: 0;
  padding: 0;
  margin: 20px 0 0;
}
.wizardScreen div.xsnazzy {
  margin-top: 30px;
  width: 340px;
}
#ajaxUploader {
  margin-top: 2px;
}
.startOverButton {
  margin-top: 2px;
  position: absolute;
  right: 30px;
}
.dontCloseMessageWrapper {
  margin-top: 90px;
  background-color: rgba(60, 79, 93, 0.15) !important;
  float: left;
  position: absolute;
  right: 30px;
  width: 400px;
  height: 90px;
}
.reviewUploadsButton {
  float: right;
  margin: 25px;
  margin-right: 30px;
  position: relative;
  z-index: 10;
}
.reviewUploadsButton.ie-review-btn {
  margin-top: -25px;
}
.jumpToUploadButton {
  float: right;
}
.uploaderScreenHeader {
  display: inline-block;
  float: left;
  position: relative;
  margin-bottom: 25px;
}
.qq-upload-cancel,
.qq-upload-retry {
  background-image: none;
}
.uploadWizardStepBlock .ajaxUploaderDropzoneFF,
.uploadWizardStepBlock .ajaxUploaderDropzoneSafari {
  height: 261px;
}
.uploadWizardStepBlock .ajaxUploaderDropzoneIE {
  height: 241px;
}
.ftpMethodScreen {
  margin-top: 200px;
}
.disabled-wizard-message {
  margin: 40px auto;
  padding: 8px;
  text-align: center;
}
#wizardScreen {
  /* Style for the drop zone when it is active (i.e., files/folders are being dragged above it) */
  /* style progress items in uploader */
  /* ajax uploader in Upload Wizard */
}
#wizardScreen .disabled {
  cursor: default;
  pointer-events: none;
}
#wizardScreen .upload-profile-selector-title {
  clear: both;
  color: var(--color-fg);
  display: block;
  font-weight: bold;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}
#wizardScreen .upload-drop-target {
  border: 1px solid var(--color-primary-border);
  border-radius: 4px;
  background-color: var(--color-primary-bg);
  color: var(--color-placeholder-fg);
  font-size: 18px;
  height: 150px;
  margin-top: 5px;
  overflow-y: auto;
  position: relative;
  text-align: center;
  /* Make the drop zone scollable */
}
#wizardScreen .upload-drop-target.active {
  background-color: var(--color-secondary-bg);
  color: var(--color-fg);
  border-style: dashed;
  border-color: var(--color-secondary-border);
}
#wizardScreen .upload-drop-target.active .qq-upload-list-selector {
  background-color: var(--color-secondary-bg);
}
#wizardScreen .upload-drop-target.error {
  border-color: var(--color-status-error-fg);
  background-color: var(--color-status-error-primary-bg);
}
#wizardScreen .error .qq-upload-list-selector {
  background-color: var(--color-status-error-primary-bg);
}
#wizardScreen .upload-profile-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: var(--color-primary-fg);
  padding-top: 6px;
}
#wizardScreen .drop-zone-text {
  /* Vertically & horizontally center the dynamically generated drop zone message
		inside the drop zone & make it a bit presentable */
  margin-top: 66px;
  vertical-align: middle;
  position: absolute;
  left: 0;
  font-size: 18px;
  width: 100%;
  z-index: 1;
}
#wizardScreen .qq-total-progress-bar-container-selector {
  margin: 5px 0 10px;
}
#wizardScreen img.qq-thumbnail-selector {
  float: left;
}
#wizardScreen .qq-upload-list-selector {
  position: relative;
  z-index: 10;
  background-color: var(--color-primary-bg);
  text-align: left;
  margin: 5px 10px;
  padding: 0;
}
#wizardScreen .qq-upload-list-selector li {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  font-size: 14px !important;
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  color: var(--color-fg);
  list-style: none;
  padding: 4px 0;
  clear: both;
  overflow: hidden;
}
#wizardScreen .qq-upload-list-selector .file-container.fail {
  color: var(--color-status-error-fg);
}
#wizardScreen .qq-upload-list-selector .btn {
  margin: 5px;
}
#wizardScreen .qq-upload-file-text {
  padding-left: 50px;
  white-space: nowrap;
}
#wizardScreen span.qq-upload-file-selector {
  width: 78%;
  margin-top: 0;
  padding-left: 5px;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
}
#wizardScreen span.qq-upload-size-selector {
  width: 20%;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
#wizardScreen .btn.qq-upload-retry {
  font-size: 13px;
}
#wizardScreen .qq-upload-status-text-selector {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  margin: 5px;
}
#wizardScreen .ajaxUploaderDropzone,
#wizardScreen .ajaxUploaderDropzoneChrome,
#wizardScreen .ajaxUploaderDropzoneFF,
#wizardScreen .ajaxUploaderDropzoneSafari,
#wizardScreen .ajaxUploaderDropzoneIE,
#wizardScreen #ajaxUploaderFilelistNoDrop {
  background-position: center;
  margin-top: 20px;
  overflow: auto;
  width: 627px;
  height: 335px;
  padding: 5px;
  border: 1px dashed var(--color-primary-border);
  background-repeat: no-repeat;
}
#wizardScreen .ajaxUploaderDropzone {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBack.gif);
}
#wizardScreen .ajaxUploaderDropzoneChrome {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackChrome.gif);
}
#wizardScreen .ajaxUploaderDropzoneFF {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackFF.gif);
}
#wizardScreen .ajaxUploaderDropzoneSafari {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackSafari.gif);
}
#wizardScreen .ajaxUploaderDropzoneIE {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderDropzoneBackIE.gif);
}
#wizardScreen #ajaxUploaderFilelistNoDrop {
  background-image: url(/assets/20241228-0307/ctx//images/fileUploaderNoDropzoneBack.gif);
  border: 1px solid var(--color-primary-border);
}
.nav-panel-header {
  align-items: center;
  display: flex;
  height: 39px;
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie/25386261#25386261 */
  min-height: 40px;
  cursor: pointer;
  justify-content: space-between;
  padding: 0 16px;
}
.nav-panel-header:link,
.nav-panel-header:hover,
.nav-panel-header:active,
.nav-panel-header:focus,
.nav-panel-header:visited {
  color: var(--color-fg);
  text-decoration: none;
}
.nav-panel-header-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  margin: 0;
}
.nav-panel-header .material-icons.material-nav-panel-chevron {
  color: var(--color-fg-active);
  margin-right: -3px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
}
.nav-panel-header .material-icons.material-nav-panel-chevron:hover .nav-panel-header .material-icons.material-nav-panel-chevron:focus {
  color: var(--color-fg-active);
}
.nav-panel-list {
  margin: 0;
  max-height: 100%;
  opacity: 1;
  padding: 0;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
}
.nav-panel-list-item {
  align-items: center;
  display: flex;
  height: 39px;
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie/25386261#25386261 */
  min-height: 40px;
  border-left: 4px solid transparent;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  transition: background-color 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
  /* The before/after opacity fixes a safari resize issue when used with a transition on background-image. */
}
.nav-panel-list-item:hover {
  background-color: var(--color-action-tertiary-bg-hover);
}
.nav-panel-list-item:hover .nav-panel-icon-pin::before {
  opacity: 0;
}
.nav-panel-list-item:hover .nav-panel-icon-pin::after {
  opacity: 1;
}
.nav-panel-list-item:active {
  background-color: var(--color-action-tertiary-bg-active);
}
.nav-panel-list-item.active {
  border-left: 4px solid var(--color-action-tertiary-border-active);
}
.nav-panel-list-item-link {
  align-items: center;
  display: flex;
  height: 39px;
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie/25386261#25386261 */
  min-height: 40px;
  flex: 1 1;
  padding: 4px 0 4px 32px;
}
.nav-panel-list-item-link:link,
.nav-panel-list-item-link:hover,
.nav-panel-list-item-link:active,
.nav-panel-list-item-link:focus,
.nav-panel-list-item-link:visited {
  color: var(--color-fg);
  text-decoration: none;
}
.nav-panel-list-item-link-disabled {
  align-items: center;
  display: flex;
  height: 39px;
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie/25386261#25386261 */
  min-height: 40px;
  flex: 1 1;
  padding: 4px 0 4px 32px;
  color: var(--color-fg-dimmed);
  cursor: not-allowed;
}
.nav-panel-list-item-link-disabled:link,
.nav-panel-list-item-link-disabled:hover,
.nav-panel-list-item-link-disabled:active,
.nav-panel-list-item-link-disabled:focus,
.nav-panel-list-item-link-disabled:visited {
  color: var(--color-fg);
  text-decoration: none;
}
.nav-panel-list-item-movable .nav-panel-list-item-link {
  padding-left: 12px;
}
.material-reorder {
  color: var(--color-primary-fg);
  cursor: move;
  padding-left: 5px;
}
.material-reorder:hover,
.material-reorder:focus {
  color: var(--color-fg);
}
.material-reorder:active {
  color: var(--color-fg-active);
}
.nav-panel-list-item-pin-link {
  align-items: center;
  display: flex;
  height: 39px;
  /* https://stackoverflow.com/questions/19371626/flexbox-not-centering-vertically-in-ie/25386261#25386261 */
  min-height: 40px;
  padding: 0 16px;
}
.nav-panel-icon-pin {
  position: relative;
}
.nav-panel-list-item-pin::before,
.nav-panel-list-item-pin::after {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  height: 24px;
  width: 24px;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: -12px;
  transition: opacity 200ms;
}
.nav-panel-icon-pin::before {
  background-image: url(/assets/20241228-0307/ctx//images/admin/pin.svg);
  opacity: 1;
}
.nav-panel-icon-pin::after {
  background-image: url(/assets/20241228-0307/ctx//images/admin/pin-hover.svg);
  opacity: 0;
}
.nav-panel-icon-pin-selected {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 14px 14px;
  height: 24px;
  width: 24px;
  background-image: url(/assets/20241228-0307/ctx//images/admin/pin-selected.svg);
}
.nav-panel-collapsed .nav-panel-header .material-nav-panel-chevron {
  color: var(--color-fg);
  transform: rotate(180deg);
}
.nav-panel-collapsed .nav-panel-header .material-nav-panel-chevron:hover {
  color: var(--color-fg-hover);
}
.nav-panel-collapsed .nav-panel-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.roleProgress {
  height: 27px;
  width: 222px;
}
.roleProgress .ui-widget-content {
  background: var(--color-primary-bg) 50% top repeat-x;
  border: 1px solid var(--color-primary-border);
  color: var(--color-fg);
}
.roleProgress .ui-widget-header {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: #3c4f5d 50% 50% repeat-x;
  border: 1px solid #3c4f5d;
  color: #ffffff;
}
.progressPercent {
  font-style: italic;
  padding-top: 4px;
  text-align: center;
}
.templates-column-categories {
  margin-top: 5px;
}
.templates-search-content .header-medium {
  display: inline-block;
  margin-right: 8px;
  margin-top: 5px;
  vertical-align: middle;
}
.templates-search-clear-all {
  display: inline-block;
  padding: 8px;
}
#jsonToImport {
  width: 512px;
  height: 185px;
}
.allowAccessBox {
  max-width: 600px;
  min-height: 200px;
  border: 1px solid var(--color-secondary-border);
  margin: 10px auto 0 auto;
  padding: 10px;
  background-color: white;
  position: relative;
}
.allowAccessFooter {
  padding: 10px 10px 0 10px;
}
#allowForm {
  height: 27px;
}
DASHBOARD-WIDGETS,
SEARCH-INPUT {
  display: block;
}
DASHBOARD-WIDGETS > * {
  display: block;
}
.max-width-content-wrapper {
  margin: 0 auto;
  max-width: 1440px;
}
.dashboard-section {
  padding: 5px 12px 15px;
  /* h2 adds padding at top to equal bottom */
  margin: 10px 0 10px;
  border: 1px solid var(--color-white);
  border-radius: 4px;
  transition: 0s border-color;
}
.dashboard-section:hover {
  border-color: var(--color-primary-border);
  transition-delay: 750ms;
}
system-messages-widget .dashboard-inner-section {
  border-bottom: 1px solid var(--color-primary-border);
  padding-bottom: 15px;
}
system-messages-widget .dashboard-inner-section:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}
.dashboard-section .dashboard-inner-section:first-child h2:first-child {
  margin-top: 5px;
}
/* fixes a weird overflow issue where horizontal scrollbar appears all the time */
.dashboard-inner-section {
  padding: 0 1px 0 0;
}
/* this will need to be adjusted once we add our own icons in */
.dashboard-inner-section .glyphicon {
  margin-top: 22px;
  margin-left: 10px;
  color: var(--color-fg);
  display: none;
}
.dashboard-inner-section .glyphicon:hover {
  color: #3c4f5d;
}
.dashboard-inner-section:first-child .glyphicon {
  margin-top: 7px;
  margin-left: 10px;
  display: none;
}
.dashboard-inner-section:first-child .open .glyphicon {
  display: block;
}
.dashboard-inner-section:hover .glyphicon {
  display: block;
}
.system-message {
  overflow-x: auto;
  margin-bottom: 10px;
}
/* bootstrap img-responsive applied generically to all images */
.system-message img {
  display: block;
  width: 100% \9;
  max-width: 100%;
  height: auto;
}
.system-message img.icon {
  display: inline-block;
}
.bilbo-error {
  background-color: var(--color-status-info-primary-bg);
  border: 1px dashed var(--color-gray-400);
  border-radius: 8px;
  color: var(--color-status-info-primary-fg);
  display: none;
  padding: 24px 16px 40px;
  text-align: center;
}
.bilbo-error-header {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin: 14px 0;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
.insights-maintenance {
  background-color: var(--color-status-info-primary-bg);
  border: 1px dashed var(--color-gray-400);
  border-radius: 8px;
  color: var(--color-status-info-primary-fg);
  padding: 24px 16px 40px;
  text-align: center;
}
.insights-maintenance-header {
  font-weight: 400;
  font-size: 22px;
  line-height: 28px;
  margin: 14px 0;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
/* space around pills and tile */
.activity-tile {
  margin: 15px 0 15px;
}
.activity-feed ul.nav {
  margin: 0 0 15px;
}
.activity-feed .btn-wide {
  margin-top: 0;
}
.activity-tile A.specific-tile,
.activity-tile COMMENTS-TILE A {
  display: block;
  text-decoration: none;
}
.activity-tile A.specific-tile .spinset-overlay,
.activity-tile COMMENTS-TILE A .spinset-overlay {
  max-width: 50%;
  opacity: 80%;
  width: 50px;
}
@media (max-width: 991px) {
  .activity-tile .activity-tile-preview-container {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  .activity-tile .activity-tile-preview-container {
    text-align: center;
  }
}
.activity-tile BUTTON IMG {
  width: 100%;
}
.tile-icon-wrapper {
  width: 20px;
  float: left;
  text-align: left;
  color: var(--color-fg);
}
.tile-content-wrapper {
  margin-left: 20px;
}
.form-control {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  background-color: var(--color-bg);
  border: 1px solid var(--color-secondary-border);
  border-radius: 4px;
  box-shadow: none;
  color: var(--color-fg);
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
.form-control[disabled] {
  background-color: var(--color-primary-bg);
  color: var(--color-fg);
  cursor: not-allowed;
  opacity: 0.38;
}
.form-control[readonly] {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-fg);
  cursor: not-allowed;
}
.editable-wrap {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  margin-bottom: 3px;
}
.editable-wrap .editable-controls,
.editable-wrap .editable-error {
  margin-bottom: 0;
}
.editable-wrap .editable-input {
  display: inline-block;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  /* temp override of vendor normalize */
  line-height: 20px !important;
  /* temp override of vendor normalize */
  background-color: var(--color-bg);
  border: 1px solid var(--color-secondary-border);
  border-radius: 4px;
  box-shadow: none;
  color: var(--color-fg);
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
  margin-right: 10px;
  margin-bottom: 0;
  width: 320px;
}
.editable-wrap .editable-input[disabled] {
  background-color: var(--color-primary-bg);
  color: var(--color-fg);
  cursor: not-allowed;
  opacity: 0.38;
}
.editable-wrap .editable-input[readonly] {
  background-color: var(--color-primary-bg);
  color: var(--color-primary-fg);
  cursor: not-allowed;
}
.editable-buttons {
  display: inline-block;
}
.editable-buttons .btn {
  margin-right: 10px;
  font-size: 0;
  line-height: 16px;
  padding: 5px 8px 0;
}
.editable-buttons .btn .glyphicon {
  font-size: 18px;
}
.editable-bstime .well-small {
  margin-bottom: 0;
  padding: 10px;
}
.editable-range output {
  display: inline-block;
  min-width: 30px;
  vertical-align: top;
  text-align: center;
}
.editable-color input[type=color] {
  width: 50px;
}
.editable-checkbox label span,
.editable-checklist label span,
.editable-radiolist label span {
  margin-left: 7px;
  margin-right: 10px;
}
.editable-hide {
  display: none !important;
}
.editable-click,
a.editable-click {
  text-decoration: none;
  color: #3c4f5d;
}
.editable-click:hover,
a.editable-click:hover {
  text-decoration: none;
  color: #3c4f5d;
  border-bottom-color: #3c4f5d;
}
.editable-empty,
.editable-empty:hover,
.editable-empty:focus,
a.editable-empty,
a.editable-empty:hover,
a.editable-empty:focus {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: var(--color-status-error-fg);
  text-decoration: none;
}
.secondary-nav-categories-dialog.p-modal-huge .p-modal-content,
.secondary-nav-collections-dialog.p-modal-huge .p-modal-content,
.secondary-nav-categories-dialog.p-modal-large .p-modal-content,
.secondary-nav-collections-dialog.p-modal-large .p-modal-content {
  padding-left: 24px;
  padding-right: 24px;
  min-height: calc(100vh - 120px);
}
.secondary-nav-categories-dialog.p-modal-huge .p-modal-content {
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}
#usageForm .ui-select-container {
  /* Both this and the .selective-dropdown-content rules below are gross hacks to fix bug where some options in the
		   intended use dropdown were not visible - DAM-10395
		 */
  min-height: 83px;
}
#usageForm .selectize-dropdown-content {
  /* Hack to ensure all options show in intended use dropdown, see above comment - DAM-10395 */
  max-height: 120px;
}
#usageForm #emailConsentLabel {
  display: inline;
  margin-left: 5px;
}
.capture-gdpr-user-consent-page {
  max-width: 650px;
  margin-left: 16px;
  margin-right: 16px;
}
.capture-gdpr-user-consent-page-header {
  padding-top: 16px;
  margin-bottom: 32px;
}
.capture-gdpr-user-consent-button {
  margin-top: 24px;
}
/* top and left can be specified to position logo accordingly*/
#search {
  background: transparent;
  border: 0 none;
  padding: 40px 0 0 211px;
  margin: 0;
  height: 55px;
}
#searchBarLoadingZone {
  width: 40px;
}
#navAssets {
  margin: 5px 10px 0 0;
  white-space: nowrap;
}
#navAssets .ml_imp {
  margin-left: 0 !important;
}
.userTools {
  position: absolute;
  bottom: 8px;
  clear: both;
}
.endmarker {
  color: var(--color-fg);
}