/**
 * @widen/patterns-style : Colors
 **/
/* Colors - Gray */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Colors - Red */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Colors - Yellow */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Colors - Green */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Colors - Blue */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Colors - Purple */
/** @deprecated */
/** @deprecated */
/** @deprecated */
/* Backgrounds */
/** @deprecated */
/* Borders */
/* used for input states */
/* Icons */
/* Text */
/* use when all else fails (selects) */
/*
When setting the primary font stack, apply it to the Pure grid units along
with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use
specific font stacks to ensure the greatest OS/browser compatibility.
http://purecss.io/grids/#using-grids-with-custom-fonts
*/
html,
body,
button,
input,
select,
textarea,
.pure-g [class*='pure-u'] {
  font-family: Helvetica, Arial, Calibri, sans-serif;
}
/* ==========================================================================
   Icon Behaviors
========================================================================== */
/* ==========================================================================
   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/20210731-0409/ctx//images/layout/flag_blue.png) no-repeat;
}
.collectionFlagWrapper .flag.green,
.flagWrapper .flag.green {
  background: url(/assets/20210731-0409/ctx//images/layout/flag_green.png) no-repeat;
}
.collectionFlagWrapper .flag.pink,
.flagWrapper .flag.pink {
  background: url(/assets/20210731-0409/ctx//images/layout/flag_pink.png) no-repeat;
}
.collectionFlagWrapper .flag.purple,
.flagWrapper .flag.purple {
  background: url(/assets/20210731-0409/ctx//images/layout/flag_purple.png) no-repeat;
}
.collectionFlagWrapper .flag.red,
.flagWrapper .flag.red {
  background: url(/assets/20210731-0409/ctx//images/layout/flag_red.png) no-repeat;
}
.collectionFlagWrapper .flag.turquoise,
.flagWrapper .flag.turquoise {
  background: url(/assets/20210731-0409/ctx//images/layout/flag_turquoise.png) no-repeat;
}
.collectionFlagWrapper .flag.yellow,
.flagWrapper .flag.yellow {
  background: url(/assets/20210731-0409/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/20210731-0409/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/20210731-0409/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/20210731-0409/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
========================================================================== */
/* Analytics */
/* ==========================================================================
   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: #3d495c;
}
button:hover .material-icons,
a:hover .material-icons {
  color: #181d25;
}
button:active .material-icons,
a:active .material-icons,
button:focus .material-icons,
a:focus .material-icons {
  color: #2273c3;
}
/* 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: #b6bfce;
  cursor: default;
}
.opacity35 {
  opacity: .35;
}
/* ==========================================================================
   Features
========================================================================== */
.feature-analyze {
  background-image: url(/assets/20210731-0409/ctx//images/features/analytics@2x.png);
}
.feature-collaborate {
  background-image: url(/assets/20210731-0409/ctx//images/features/collaborate@2x.png);
  background-position: 0 -2px;
}
.feature-integrate {
  background-image: url(/assets/20210731-0409/ctx//images/features/integrate@2x.png);
  background-position: 4px -1px;
}
.feature-search {
  background-image: url(/assets/20210731-0409/ctx//images/features/search@2x.png);
  background-position: 3px -2px;
}
.feature-secure {
  background-image: url(/assets/20210731-0409/ctx//images/features/security@2x.png);
  background-position: 4px -1px;
}
.feature-share {
  background-image: url(/assets/20210731-0409/ctx//images/features/share@2x.png);
  background-position: 2px -1px;
}
.feature-manage_assets {
  background-image: url(/assets/20210731-0409/ctx//images/features/manage-assets@2x.png);
  background-position: 4px -2px;
}
.feature-manage_users {
  background-image: url(/assets/20210731-0409/ctx//images/features/manage-users@2x.png);
  background-position: 2px -3px;
}
.feature-widen {
  background-image: url(/assets/20210731-0409/ctx//images/features/widen@2x.png);
  background-position: 1px -2px;
}
.new-feature {
  background-repeat: no-repeat;
  width: 39px;
  height: 15px;
  background-size: 39px 14px;
  background-image: url(/assets/20210731-0409/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/20210731-0409/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/20210731-0409/ctx//images/features/widen-small.png);
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.widen-icon-small.gray-ico {
  background-image: url(/assets/20210731-0409/ctx//images/features/widen-small-gray.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .external-link {
    background-image: url(/assets/20210731-0409/ctx//images/features/external_link@2x.png);
  }
  .widen-icon-small {
    background-image: url(/assets/20210731-0409/ctx//images/features/widen-small@2x.png);
  }
  .widen-icon-small.gray-ico {
    background-image: url(/assets/20210731-0409/ctx//images/features/widen-small-gray@2x.png);
  }
}
/* thumbnail in tables */
.element-border {
  border: 1px solid #dadfe7;
}
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/20210731-0409/ctx//images/transparent-grid.png);
  background-color: #edeff3;
}
/* 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: #ffffff;
  margin: 0 auto;
  max-width: 1920px;
}
/* height */
/* width */
/* padding */
/* margins */
/* borders */
/* legacy mixins so old clients don't break */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fade-out {
  opacity: 1;
  -webkit-animation: fadeOut ease-in 1;
  -moz-animation: fadeOut ease-in 1;
  animation: fadeOut ease-in 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.7s;
  -moz-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.slide-left {
  animation-name: slideLeft;
  -webkit-animation-name: slideLeft;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideLeft {
  0% {
    transform: translateX(150%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideLeft {
  0% {
    -webkit-transform: translateX(150%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.slide-right {
  animation-name: slideRight;
  -webkit-animation-name: slideRight;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideRight {
  0% {
    transform: translateX(-150%);
  }
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slideRight {
  0% {
    -webkit-transform: translateX(-150%);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
.slide-down {
  animation-name: slideDown;
  -webkit-animation-name: slideDown;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}
@keyframes slideDown {
  0% {
    transform: translateY(-150%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideDown {
  0% {
    -webkit-transform: translateY(-150%);
  }
  100% {
    -webkit-transform: translateY(0%);
  }
}
/* ==========================================================================
  Color vars used by Collective
========================================================================== */
/* thumbnail grid selection */
/* ==========================================================================
   color methods
 ========================================================================== */
.yellowBg {
  background-color: #fffecd !important;
}
.client-color-text {
  color: #3d495c;
}
.clientBgAutoText {
  background-color: #3d495c;
  color: #ffffff;
}
.gray-bg {
  background-color: #edeff3;
}
.standard-gray-bg {
  background-color: #edeff3;
}
.white-bg {
  background-color: #ffffff;
}
.green-bg {
  background-color: #c6ebd3;
}
.blue-bg {
  background-color: #bed9f4;
}
.green {
  color: #256a3c;
}
.red {
  color: #9a2513;
}
.grey {
  color: #627693;
}
.white {
  color: #fff;
}
.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: 118px;
  max-height: 120px;
}
#logo img {
  height: 88px;
  max-height: 90px;
  display: block;
  text-align: center;
}
#logoImg {
  background-image: url("//s3.amazonaws.com/media.widencdn.net/logos/valvoline/575a2d36-6474-4850-82cd-054577c6361f/client-logo/Val_logo_300.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  margin: auto;
  max-height: 88px;
}
.logo-image {
  background-image: url("//s3.amazonaws.com/media.widencdn.net/logos/valvoline/575a2d36-6474-4850-82cd-054577c6361f/client-logo/Val_logo_300.jpg");
}
/* ==========================================================================
   Alerts
========================================================================== */
.alert {
  background-image: none !important;
  color: #181d25;
  text-align: left;
  background-color: #edeff3;
  border: 1px solid #dadfe7;
}
.alert .icon-xl {
  opacity: 0.6;
  text-shadow: 1px 1px 1px #ffffff;
  margin-top: 2px;
}
.alert .question-mark {
  float: left;
  width: 45px;
  text-shadow: 0 3px 3px #b6bfce;
  color: #ffffff;
  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: #c6ebd3;
  border-color: #256a3c;
}
.alert.alert-warning {
  background-color: #fffecd;
  border-color: #ebac00;
}
.alert.alert-danger {
  background-color: #f7c3bb;
  border-color: #9a2513;
}
.alert.alert-info {
  background-color: #bed9f4;
  border-color: #2273c3;
}
.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: #1c5c9c;
  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: #181d25;
  padding: 4px 8px;
}
.nav-pills li a,
.nav-pills li a:link {
  color: #181d25;
  padding: 4px 8px;
  border: 1px solid #ffffff;
}
.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: #181d25;
  padding: 4px 8px;
  background-color: #edeff3;
  border: 1px solid #dadfe7;
}
.nav-pills > li > a:hover {
  color: #181d25;
}
/* ==========================================================================
   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: #dadfe7;
  vertical-align: middle;
}
.table > thead > tr > th {
  border-bottom-color: #dadfe7;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #edeff3;
}
/* ==========================================================================
   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: #181d25;
  border: 1px solid #dadfe7;
  background-color: #edeff3;
  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: #181d25;
}
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 #dadfe7;
}
div.tooltip.right div.tooltip-arrow:before {
  margin-top: -5px;
  left: -4px;
  border-right: 5px solid #dadfe7;
}
div.tooltip.left div.tooltip-arrow {
  border-left: 5px solid #dadfe7;
}
div.tooltip.left div.tooltip-arrow:before {
  margin-top: -5px;
  right: -4px;
  border-left: 5px solid #dadfe7;
}
div.tooltip.top div.tooltip-arrow {
  border-top: 5px solid #dadfe7;
}
div.tooltip.top div.tooltip-arrow:before {
  bottom: -4px;
  border-top: 5px solid #dadfe7;
  margin-left: -5px;
}
div.tooltip.bottom div.tooltip-arrow,
div.tooltip.bottomright div.tooltip-arrow {
  border-bottom: 5px solid #dadfe7;
}
div.tooltip.bottom div.tooltip-arrow:before,
div.tooltip.bottomright div.tooltip-arrow:before {
  top: -4px;
  border-bottom: 5px solid #dadfe7;
  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 #dadfe7 !important;
}
/* ==========================================================================
   Modal
========================================================================== */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #181d25;
}
.modal-backdrop.in {
  filter: alpha(opacity=74);
  opacity: .74;
}
.bootbox .modal-dialog {
  z-index: 1031;
}
.close {
  opacity: 0.75;
}
.close:hover,
.close:focus {
  opacity: 1;
}
/* ==========================================================================
   Badge
========================================================================== */
.badge {
  background-color: #3d495c;
  padding: 5px 8px 3px;
}
/* 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: #edeff3;
  border: 1px solid #dadfe7;
  background-image: none;
  color: #181d25;
  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: #181d25;
  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: #181d25;
  border: 1px solid #dadfe7;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  color: #181d25 !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: #181d25;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  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: #181d25;
  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: #3d495c;
  background-image: none;
  border-color: #3d495c;
  color: #ffffff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
.ui-datepicker-close.ui-state-default.ui-priority-primary:hover {
  color: #181d25;
}
.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: #d8e8f8;
  border-color: #2273c3;
}
.ui-datepicker-calendar .ui-state-default.ui-state-active {
  background-color: #fffecd;
  border-color: #ebac00;
}
.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: #181d25;
}
.ui-widget-content,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #dadfe7;
}
.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: #edeff3;
  border-color: #dadfe7;
}
.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 {
  content: " ";
  display: table;
}
.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/20210731-0409/ctx//images/icons/color_select.png);
  width: 31px;
  height: 31px;
  top: 0;
  left: 0;
}
.colorpicker_submit {
  background: url(/assets/20210731-0409/ctx//images/icons/color_submit_check.png);
}
.colorpicker input {
  color: #ffffff;
  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: #edeff3;
}
.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: #181d25 !important;
  fill: #3d495c !important;
  font-size: 13px;
}
.highcharts-button {
  background-image: none;
  font-size: 12px;
}
.highcharts-button text {
  color: #181d25 !important;
  fill: #3d495c !important;
}
.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: #3d495c !important;
  fill: #3d495c !important;
}
.p-tab-navigation-list-item-button {
  border: none;
}
a:link.p-button-primary {
  color: #ffffff;
}
a:link.p-button-secondary {
  color: #181d25;
}
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
========================================================================== */
/* ==========================================================================
   Global Elements
========================================================================== */
html {
  font-size: 16px;
  /* set base font to browser default to match other projects */
}
html,
body,
button {
  font-family: Helvetica, Arial, Calibri, sans-serif;
}
button,
input,
optgroup,
select,
textarea {
  font-family: Helvetica, Arial, Calibri, sans-serif !important;
  /* overrides normalize from patterns-style */
}
.layout-global-nav {
  background-color: #ffffff;
}
.layout-global-nav,
.layout-global-nav body {
  height: 100%;
  /* allows content to grow 100% */
  min-height: 100%;
}
body {
  color: #181d25;
  font-size: 14px;
  line-height: 20px;
}
html,
html a,
button {
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
/* 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: #3d495c;
  cursor: pointer;
}
.link {
  text-decoration: underline;
}
.btn.link {
  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: #3d495c;
}
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: #edeff3;
  border: 2px solid #dadfe7;
  border-radius: 4px;
  display: inline-block;
  width: 362px;
}
.msg-alert-display.msg-alert-display-error {
  background-color: #f7c3bb;
  border: 2px solid #9a2513;
}
.msg-alert-display.msg-alert-display-update {
  background-color: #ffebb3;
  border: 2px solid #ffbb00;
}
.msg-alert-display.msg-alert-display-info {
  background-color: #bed9f4;
  border: 2px solid #2273c3;
}
.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: #181d25 !important;
}
.standard-color span,
.standard-color:link span,
.standard-color:visited span {
  color: #181d25;
}
.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: #181d25;
}
.inactive-text {
  color: #b6bfce;
}
.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 {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  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: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  content: "";
  z-index: 999;
}
.fade-bottom {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  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: #edeff3;
  border: 1px dotted #dadfe7;
  color: #181d25;
  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 #dadfe7;
  margin: 5px 0 10px;
}
hr.client-color {
  border-color: #3d495c;
}
/* ==========================================================================
   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: #2273c3;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
}
.standard-border-bottom {
  border-bottom: 1px solid #dadfe7;
}
.standard-border {
  border: 1px solid #dadfe7;
  border-radius: 4px;
  padding: 15px;
}
.secondary-background {
  background-color: #edeff3;
  border-radius: 4px;
  padding: 10px;
}
iframe {
  border: 0 none;
}
.no-border-radius {
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
}
.border-client-bottom {
  border-bottom: 1px solid #dadfe7;
}
/* ==========================================================================
   Buttons
========================================================================== */
/* TEMPORARY VARIABLES UNTIL PATTERNS_STYLES HAS BEEN UPDATED */
/* 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;
}
.btn-default.active,
.btn-default:hover,
.btn-default:focus {
  background-color: #ffffff;
  border-color: #dadfe7;
  color: #2273c3;
  outline: none;
}
.assetBatchEditWrapper .btn.btn-default {
  color: #3d495c;
}
.assetBatchEditWrapper .btn.btn-default:hover,
.assetBatchEditWrapper .btn-default:focus,
.assetBatchEditWrapper .btn-default.active {
  background-color: #dadfe7;
  color: #3d495c;
}
.assetBatchEditWrapper .btn-default.active {
  border-color: #b6bfce;
}
.assetBatchEditWrapper .btn-now:hover {
  background-color: #ffffff !important;
}
.btn.no-style,
.btn.no-style:active,
.btn.no-style:hover,
.btn.no-style:focus {
  border: 0 none;
  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 none;
  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 #697c9b;
  box-shadow: inset 0 1px 0 #697c9b;
  background-image: -webkit-linear-gradient(top, #47556b 0%, #333d4d 100%);
  background-image: -o-linear-gradient(top, #47556b 0%, #333d4d 100%);
  background-image: linear-gradient(to bottom, #47556b 0%, #333d4d 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff47556b', endColorstr='#ff333d4d', GradientType=0);
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.45);
  border: 1px solid #29313d;
  color: #ffffff;
}
.btn.btn-3d:not([disabled]):active,
.btn.btn-3d:not([disabled]):hover {
  color: #ffffff;
  background-image: -webkit-linear-gradient(top, #333d4d 0%, #47556b 100%);
  background-image: -o-linear-gradient(top, #333d4d 0%, #47556b 100%);
  background-image: linear-gradient(to bottom, #333d4d 0%, #47556b 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333d4d', endColorstr='#ff47556b', GradientType=0);
  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-color: #627693;
}
.qq-upload-button-hover.btn-inverse {
  border: 1px solid #dadfe7 !important;
}
.btn.qq-upload-button {
  width: auto;
  padding: 1px 16px;
}
a.btn.btn-inverse.standard-gray-bg,
.btn.qq-upload-button.btn-inverse {
  background-color: #ffffff;
  color: #2273c3;
}
a.btn.client-color:hover,
.btn.client-color:hover,
.btn.btn-primary:hover,
.ui-datepicker-current.ui-state-default.ui-state-hover {
  background-color: #1c5c9c;
  border-color: #1c5c9c;
  color: #ffffff !important;
}
a.btn,
a.btn:link,
.btn > a {
  color: #2273c3;
  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: #ffffff;
  color: #2273c3;
}
.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 #2c374a;
}
/* ==========================================================================
   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: #154575;
  border: 1px solid #154575;
  color: #ffffff !important;
}
.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;
  transform: scale(0.96);
}
.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]):focus,
.button-primary:not([disabled]):hover,
.btn.client-color:not([disabled]):focus,
.btn.client-color:not([disabled]):hover,
.btn.btn-primary:not([disabled]):focus,
.btn.btn-primary:not([disabled]):hover,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):focus,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):hover {
  box-shadow: 0 2px 3px 0 rgba(45, 54, 67, 0.8);
}
.button-primary:not([disabled]):active,
.button-primary:not([disabled]):hover,
.button-primary:not([disabled]):focus,
.btn.client-color:not([disabled]):active,
.btn.client-color:not([disabled]):hover,
.btn.client-color:not([disabled]):focus,
.btn.btn-primary:not([disabled]):active,
.btn.btn-primary:not([disabled]):hover,
.btn.btn-primary:not([disabled]):focus,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):active,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):hover,
.ui-datepicker-current.ui-state-default.ui-priority-secondary:not([disabled]):focus {
  background-color: #1c5c9c;
  border-color: #1c5c9c;
  color: #ffffff;
}
.button-secondary,
.button-cancel,
.ui-datepicker-close.ui-state-default.ui-priority-primary,
.highcharts-button,
.btn,
.instantSearchZone.simpleThumb .preview .indesign button,
.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: #ffffff;
  border: 1px solid #dadfe7;
  color: #2273c3;
}
.button-secondary:not([disabled]):active,
.button-cancel:not([disabled]):active,
.button-secondary:not([disabled]):focus,
.button-cancel:not([disabled]):focus,
.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;
}
.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;
  transform: scale(0.96);
}
.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;
}
.button-secondary.btn-sm,
.button-cancel.btn-sm,
.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;
}
.button-secondary.btn-lg,
.button-cancel.btn-lg,
.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;
}
.button-secondary:link,
.button-cancel:link,
.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: #2273c3;
}
.button-secondary:not([disabled]):focus,
.button-cancel:not([disabled]):focus,
.button-secondary:not([disabled]):hover,
.button-cancel:not([disabled]):hover,
.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]):focus,
.highcharts-button:not([disabled]):hover,
.btn:not([disabled]):focus,
.btn:not([disabled]):hover,
.qq-upload-cancel:not([disabled]):focus,
.qq-upload-cancel:not([disabled]):hover,
.qq-upload-retry:not([disabled]):focus,
.qq-upload-retry:not([disabled]):hover {
  box-shadow: 0 2px 3px 0 rgba(45, 54, 67, 0.4);
  color: #2273c3;
}
.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: #ffffff;
  border: 1px solid #dadfe7;
  color: #2273c3;
  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;
  transform: scale(0.96);
}
.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: #2273c3;
}
.button-secondary-small:not([disabled]):focus,
.button-secondary-small:not([disabled]):hover {
  box-shadow: 0 2px 3px 0 rgba(45, 54, 67, 0.4);
  color: #2273c3;
}
.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 {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  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"],
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="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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  color: #181d25;
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
.standard-input-styles[readonly],
input[type="text"]:not(.unstyled-input)[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],
.standard-input-styles[disabled],
input[type="text"]:not(.unstyled-input)[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] {
  cursor: not-allowed;
  background-color: #edeff3;
}
/* date range picker */
.multi-column-dropdown .input-date-picker {
  background: #ffffff;
  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: #edeff3;
  background-image: none;
  border: 1px solid #dadfe7;
  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: #3d495c;
  border-color: #2c374a;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
/* style placeholder text - need to keep rules separate otherwise ignored */
::-webkit-input-placeholder {
  color: #3d495c;
  line-height: normal;
}
:-moz-placeholder {
  color: #3d495c;
  opacity: 1;
}
::-moz-placeholder {
  color: #3d495c;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #3d495c;
  line-height: normal;
}
/* 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 #ffffff;
  /*required for proper track sizing in FF*/
  width: 50%;
  padding: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  background: #dadfe7;
  border: none;
  border-radius: 2px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #ffffff;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: #3d495c;
  margin-top: -6px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #dadfe7;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  background: #dadfe7;
  border: none;
  border-radius: 2px;
}
input[type=range]::-moz-range-thumb {
  border: 1px solid #ffffff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #3d495c;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring {
  outline: 1px solid #ffffff;
  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: #b6bfce;
  border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
  background: #dadfe7;
  border-radius: 10px;
}
input[type=range]::-ms-thumb {
  border: 1px solid #ffffff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #3d495c;
}
input[type=range]:focus::-ms-fill-lower {
  background: #dadfe7;
}
input[type=range]:focus::-ms-fill-upper {
  background: #dadfe7;
}
/* 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: #9a2513;
}
/* 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: #f59300;
}
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);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 188, 51, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 188, 51, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 188, 51, 0.6);
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional {
  background-color: #ffebb3;
  border: 1px solid #f59300;
  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: #d18100;
}
FORM.ng-submitted .editable-field.ng-invalid.ng-invalid-required-optional .error-messages {
  display: block;
  color: #d18100;
}
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: #d18100;
}
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);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(210, 0, 0, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(210, 0, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(210, 0, 0, 0.6);
}
.editable-field.ng-invalid:not(.ng-invalid-required-optional):not(.ng-pristine) {
  display: block;
  background-color: #f7c3bb;
  border: 1px solid #9a2513;
  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: #9a2513;
}
.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: #9a2513;
}
.error-messages {
  margin: 2px 2px 0;
  color: #9a2513;
  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: #d8e8f8;
}
.table th {
  white-space: nowrap;
  text-align: left;
}
.table > tbody > tr.selected > td {
  background-color: #fffecd;
}
.table {
  border-bottom: 2px solid #dadfe7;
  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: #3d495c;
  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: #3d495c;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  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 #dadfe7;
  padding: 4px 5px;
}
table.horizontalLine th,
.tabHeader {
  border: 1px solid #dadfe7;
  border-left: 0 none;
  border-right: 0 none;
}
/* TABLE WITH OUTER & INNER BORDER */
.tableBorder {
  border: 1px solid #dadfe7;
  border-radius: 4px;
  margin-bottom: 20px;
}
.tableBorder th {
  border-bottom: 1px solid #dadfe7;
  border-top: 1px solid #dadfe7;
}
.tableBorder td {
  border-bottom: 1px solid #dadfe7;
  border-left: 1px solid #dadfe7;
  padding: 4px 5px;
}
.table.tableBorder > thead > tr > th {
  border-top: 1px solid #dadfe7 !important;
}
.tableBorderHead th {
  background-color: #edeff3;
}
/* TABLE - OUTER BORDER && HEADER ONLY*/
table.outline,
table.headerOnly {
  margin-bottom: 20px;
}
table.outline {
  border-right: 1px solid #dadfe7;
  border-left: 1px solid #dadfe7;
  border-bottom: 1px solid #dadfe7;
}
table.outline th,
table.headerOnly th {
  border: 1px solid #dadfe7;
  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: #d8e8f8;
}
/* 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: #edeff3;
}
/* 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: #dadfe7;
  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 #dadfe7;
}
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: #dadfe7;
  border-right: 1px dotted #dadfe7;
}
table.verticalColumn .even,
table.verticalColumnAndHeaderNoHover .even,
table.verticalColumnAndHeader .even {
  background-color: #edeff3;
  border-right: 1px dotted #dadfe7;
}
table.verticalColumnAndHeaderNoHover th,
table.verticalColumnAndHeader th {
  text-align: center;
}
table.basicOutline {
  border: 0 none;
}
table.basicOutline th {
  border-bottom: 1px solid #dadfe7;
  border-top: 1px solid #dadfe7;
  background-color: #edeff3;
}
table.basicOutline td {
  border-bottom: 1px solid #dadfe7;
  padding: 4px 7px;
}
table.basicOutline .odd {
  border-right: #dadfe7;
}
table.altRows th {
  background-color: #181d25;
  color: #dadfe7;
  padding: 3px 7px;
  text-transform: uppercase;
}
table.altRows td {
  padding: 4px 10px;
  vertical-align: middle;
}
table.altRows tr.row0 td {
  background-color: #edeff3;
}
table.altRows tr.row1 td {
  background-color: #fff;
}
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: #181d25;
}
.ng-table-pager .pagination > li > a,
.ng-table-pager .pagination > li > span {
  color: #3d495c;
}
.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: #3d495c;
  border-color: #2c374a;
}
.ng-table-counts .btn {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  background-color: #fff;
  color: #3d495c;
  font-size: 14px;
  line-height: 20px;
}
.ng-table-counts .btn-default.active {
  background-color: #3d495c;
  color: #ffffff;
  border-color: #2c374a;
}
.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: #ffffff;
}
.main-body-wrapper {
  background: #ffffff;
  margin: 0 auto;
  max-width: 1920px;
  min-height: 100%;
  padding-top: 90px;
  /* gives pages 24px of space at the top */
  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 {
  border-left: 1px solid #dadfe7;
  border-right: 1px solid #dadfe7;
  padding-top: 48px;
  /* takes into account no secondary nav */
  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: #181d25;
  text-decoration: none;
}
.gray-links-hover {
  text-decoration: underline;
  color: #3d495c;
  color: #344053;
}
.gray-links-hover-circle {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #3d495c;
  background-color: #344053;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 #b6bfce;
}
/* ==========================================================================
   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;
  -webkit-transition: 0s border-color;
  -moz-transition: 0s border-color;
  -ms-transition: 0s border-color;
  -o-transition: 0s border-color;
  transition: 0s border-color;
}
.dashboard-section:hover {
  border-color: #dadfe7;
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
}
system-messages-widget .dashboard-section {
  margin-top: 0;
}
system-messages-widget .dashboard-inner-section {
  border-bottom: 1px solid #dadfe7;
  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: #181d25;
  display: none;
}
.dashboard-inner-section .glyphicon:hover {
  color: #3d495c;
}
.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 #dadfe7;
  border-radius: 4px;
  margin-bottom: 20px;
}
/* admin layout */
.layout-admin-wrapper {
  background: #ffffff;
  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;
}
/* 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: #3d495c;
}
.apps li.active a,
.apps a:hover {
  color: #181d25;
  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;
}
/* user profile */
.user-profile-link {
  height: 28px;
  margin-top: 5px;
  margin-left: 20px;
  color: #3d495c;
  display: inline-block;
  vertical-align: middle;
}
.user-profile-link .glyphicon-user {
  font-size: 18px;
  vertical-align: middle;
}
.user-profile-link .ion-help-buoy {
  font-size: 19px;
}
/* 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: #3d495c;
  background: #3d495c;
  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: #181d25;
  text-decoration: none;
}
.footer-section-wrapper a:hover {
  text-decoration: underline;
  color: #3d495c;
  color: #344053;
}
.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/20210731-0409/ctx//images/layout/widen-collective-logo.png);
  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/20210731-0409/ctx//images/layout/widen-collective-logo@2x.png);
  }
}
.accordion-panel {
  border: 1px solid #dadfe7;
  border-radius: 4px;
}
/* toggle header */
.accordion-toggle {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  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 #dadfe7;
}
/* 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: #3d495c;
  background-color: #344053;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 #b6bfce;
}
/* ==========================================================================
   Main Alert Icons
========================================================================== */
.alert-icon {
  padding: 6px 12px 5px 12px;
  float: left;
  position: relative;
}
.alert-icon .icon-lg {
  color: #3d495c;
}
.alert-icon .icon-lg.inactive {
  color: #b6bfce;
  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: #9a2513;
}
.badge.securityBadge {
  background-color: #9a2513;
  border-color: #9a2513;
}
/* ==========================================================================
   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: #edeff3;
  border: 1px solid #dadfe7;
  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: #edeff3;
  border: 1px solid #dadfe7;
  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: #b6bfce;
  text-align: center;
  float: left;
}
.analytics .breadcrumb {
  min-height: 30px;
  margin-bottom: 0;
  border: 1px solid #dadfe7;
}
.breadcrumb .fileName {
  margin: 2px 0 5px;
}
.overlay .breadcrumb {
  background-color: #edeff3;
  border-bottom: 1px solid #dadfe7;
  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: #edeff3;
  border-bottom: 1px solid #dadfe7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 2px 10px;
  position: relative;
}
.divPanelHeader:before,
.divPanelHeader:after {
  content: " ";
  display: table;
}
.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/20210731-0409/ctx//images/layout/toggle_arrow_open.png);
}
.divPanelHeader .closedIcon {
  background-image: url(/assets/20210731-0409/ctx//images/layout/toggle_arrow_closed.png);
}
.divPanelBody {
  padding: 16px 10px;
}
.divPanelDark,
.divPanelLight {
  border: 1px solid #dadfe7;
  border-radius: 4px;
}
.collapsibleDivPanelLight .divPanelHeader {
  background-color: #ffffff;
}
/* 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: #ffffff;
  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 #dadfe7;
}
/* ==========================================================================
   Border dropdown simulates select input
========================================================================== */
.border-dropdown-wrapper {
  margin-bottom: 15px;
}
.border-dropdown {
  position: relative;
}
.border-dropdown.open a.dropdown-toggle {
  border-color: #3d495c;
  border-color: #2c374a;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
.border-dropdown ul.dropdown-menu {
  color: #181d25;
  max-height: 200px;
  overflow-y: auto;
  width: 100%;
  margin-top: 3px;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  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: #d8e8f8;
  color: #181d25;
}
.border-dropdown li.options:nth-child(odd) {
  background-color: #edeff3;
}
.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: #181d25;
  text-align: left;
}
.border-dropdown a.dropdown-toggle {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  position: relative;
  color: #181d25 !important;
  text-align: left;
  border: 1px solid #dadfe7;
  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 #dadfe7;
  background-color: #edeff3;
}
.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: #ffffff;
}
.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: #181d25;
}
.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: #d8e8f8;
}
.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 #ffffff;
  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 #ffffff;
}
/* ==========================================================================
   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: #181d25;
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
}
.multi-column-dropdown li a {
  clear: both;
  color: #181d25;
  display: block;
  line-height: 24px;
  padding: 9px 16px 7px;
}
.multi-column-dropdown li a .icon {
  color: #3d495c;
}
.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: #3d495c;
  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: #181d25;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  color: #181d25;
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
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],
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] {
  cursor: not-allowed;
  background-color: #edeff3;
}
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: #edeff3;
  background-image: none;
  border: 1px solid #dadfe7;
  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: #3d495c;
  border-color: #2c374a;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
DROP-DOWN .selectize-control.single .selectize-input:before,
.drop-down .selectize-control.single .selectize-input:before {
  background-color: #edeff3;
  border-left: 1px solid #dadfe7;
  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: #3d495c;
  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: #edeff3;
}
DROP-DOWN .ui-select-choices-row:hover,
.drop-down .ui-select-choices-row:hover {
  background-color: #d8e8f8;
  color: #181d25;
}
DROP-DOWN .selectize-input.selectize-focus,
.drop-down .selectize-input.selectize-focus {
  border: 1px solid #dadfe7 !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: #dadfe7;
}
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: #181d25;
  background-color: #ffffff;
  border-bottom: 1px solid #dadfe7;
  padding-top: 8px;
  padding-bottom: 8px;
  text-transform: uppercase;
}
.drop-down {
  width: auto;
  padding-right: 0;
}
.gridster .gridster-item {
  padding: 0;
  border-radius: 4px;
  background-color: white;
  border: 1px solid #dadfe7;
  background: url(/assets/20210731-0409/ctx//icons/ajax-loader-gray.gif) 50% 50% no-repeat;
  background-size: 16px 16px;
}
.gridster .gridster-preview-holder {
  background-color: #b6bfce;
  opacity: 0.2 !important;
}
.gridster .gridboard-widget {
  width: 100%;
  height: 100%;
}
.gridster .widget-header {
  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;
  height: 20px;
  margin: 10px;
  position: relative;
  z-index: 100;
}
.gridster .grid-widget-title {
  padding-right: 95px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gridster .grid-widget-title.view {
  padding-right: 26px;
}
.gridster .grid-widget-buttons {
  width: 95px;
  position: absolute;
  top: -1px;
  right: 0;
}
.gridster .grid-widget-buttons.view {
  width: 26px;
}
.gridster .widget-control.widget-control-view {
  font-size: 18px;
}
.gridster .widget-body {
  margin-top: -40px;
  padding: 40px 10px 10px 10px;
  height: 100%;
  width: 100%;
}
.gridster .widget-body > div {
  height: 100%;
}
.gridster .widget-body .alert-warning {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: white;
  border: 0;
  box-shadow: none;
  color: #3d495c;
  fill: #3d495c;
  filter: none;
  font-size: 12px;
  margin-top: 10%;
  position: relative;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
}
.gridster .widget-control {
  cursor: pointer;
  display: none;
  float: right;
  position: relative;
  right: -4px;
  top: -3px;
  z-index: 10;
}
.gridster .widget-control,
.gridster .widget-control:not([disabled]):active,
.gridster .widget-control:not([disabled]):hover,
.gridster .widget-control:not([disabled]):focus {
  padding: 4px 5px;
}
.gridster .widget-control-move {
  cursor: move;
}
.gridster .editable .gridster-item:hover {
  border: 1px solid #dadfe7;
  box-shadow: inset 0 1px 7px #edeff3;
}
.gridster .editable .gridster-item:hover .handle-se {
  right: 2px;
  bottom: 2px;
}
.gridster .gridster-item:hover .widget-control {
  display: inherit;
}
.p-global-nav-dropdown-toggle {
  height: 36px;
}
.p-global-nav-primary-links-anchor:visited {
  color: #3d495c;
}
/* 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;
}
.template-categories {
  display: inline-block;
  vertical-align: top;
}
.template-categories .p-multi-panel-dropdown-arrow-renderer-icon,
.template-categories .p-multi-panel-dropdown-arrow-renderer-icon-is-open {
  height: 24px;
  width: 24px;
}
.template-categories .p-multi-panel-dropdown-arrow-renderer {
  border: 1px solid #b6bfce;
}
.template-categories .Select-menu-outer {
  z-index: 16;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: #b6bfce !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: #181d25;
  left: 45%;
  padding: 30px;
  position: fixed;
  text-align: center;
  top: 49%;
  z-index: 11001;
  border: 1px solid #dadfe7;
  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 #b6bfce;
  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: #181d25;
  font-size: 16px;
  margin-right: -10px;
  opacity: 0.75;
}
.popover p .close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.popover-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  color: #181d25;
}
.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: #3d495c;
  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: #181d25;
  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: #181d25;
  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 #ffffff;
}
.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: #181d25;
  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: #edeff3;
  border: 1px solid #b6bfce;
}
.mega-menu-tabset .nav-pills > li + li {
  margin-left: 8px;
}
.collection-menu-view-all {
  color: #2273c3;
  float: right;
  margin-top: 14px;
}
.collection-menu-view-all:active,
.collection-menu-view-all:visited {
  color: #154575;
}
.collection-menu-view-all:hover {
  color: #2273c3;
  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 {
  -webkit-transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: all 0.25s cubic-bezier(0.77, 0, 0.175, 1);
  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: #181d25;
  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: #d8e8f8;
  text-decoration: none;
  z-index: 1000;
}
.columnized-menu-header button {
  margin-left: 8px;
  margin-top: 1px;
}
.columnized-menu-filter {
  border-color: #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  margin-bottom: 0;
  padding: 4px 12px 4px;
  width: 50%;
}
.columnized-menu-filter::-webkit-input-placeholder {
  color: #3d495c !important;
}
.columnized-menu-filter:-moz-placeholder {
  color: #3d495c !important;
}
.columnized-menu-filter::-moz-placeholder {
  color: #3d495c !important;
}
.columnized-menu-filter:-ms-input-placeholder {
  color: #3d495c !important;
}
.columnized-menu-filter:hover {
  border-color: #3d495c;
}
.columnized-menu-filter:focus {
  border-color: #2273c3;
}
.columnized-menu-filter.placeholder {
  color: #dadfe7;
}
.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 #dadfe7;
  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: #d8e8f8;
}
.hover-mainmenu ul .active a {
  color: #3d495c;
}
.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: #181d25;
  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: #3d495c;
  margin-right: -20px;
}
.hover-mainmenu li a:hover {
  background-color: #d8e8f8;
  color: #3d495c;
  text-decoration: none;
}
.hover-mainmenu li a:hover .material-hover-menu-arrow-right,
.hover-mainmenu li.active .material-hover-menu-arrow-right {
  color: #2273c3;
}
.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: #edeff3;
}
/* ==========================================================================
   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: #181d25;
  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: #3d495c;
  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 #3d495c;
}
.modal-body,
.overlay-body {
  padding: 10px 15px 20px;
}
.modal-footer {
  text-align: center;
  padding: 10px 15px 15px;
  background-color: #edeff3;
  border-top: 1px solid #dadfe7;
  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 #dadfe7;
  border-radius: 1px;
  max-width: 600px;
}
PALETTE-FIELD .palette-column {
  padding: 0;
}
PALETTE-FIELD .palette-no-items {
  text-align: center;
  padding-top: 20px;
  color: #3d495c;
}
PALETTE-FIELD .palette-column-right {
  border-left: 1px solid #dadfe7;
}
PALETTE-FIELD .palette-contents {
  padding: 0;
  margin-bottom: 0;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  height: 183px;
  border-radius: 1px;
  background-color: #ffffff;
}
PALETTE-FIELD .palette-header {
  height: 35px;
  background: #edeff3;
  border-bottom: 1px solid #dadfe7;
  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: #edeff3;
}
PALETTE-FIELD .palette-item:hover {
  background-color: #d8e8f8;
}
PALETTE-FIELD .add-item-modal-window .modal-dialog {
  width: 820px;
}
PALETTE-FIELD .palette-search {
  width: 145px;
  padding-right: 22px;
  border: 1px solid #dadfe7;
}
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 #3d495c;
  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 #3d495c 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;
}
.search-bar:hover input[type="text"].search-bar-input {
  border: 1px solid #3d495c;
}
.search-bar:hover input[type="text"].search-bar-input {
  /* need to override specificity of hover */
}
.search-bar:hover input[type="text"].search-bar-input:active,
.search-bar:hover input[type="text"].search-bar-input:focus {
  border: 1px solid #2273c3;
}
input[type="text"].search-bar-input {
  background-color: #ffffff;
  border: 1px solid #b6bfce;
  border-radius: 1px;
  box-shadow: none;
  height: 32px;
  line-height: 12px;
  margin: 0;
  padding: 5px 43px 5px 12px;
  transition: all .2s ease;
  width: 240px;
  /* add more padding when clear icon displays */
  /* these need important to override the default overrides */
}
input[type="text"].search-bar-input.search-bar-input-padding-clear {
  padding-right: 63px;
}
input[type="text"].search-bar-input:hover {
  border: 1px solid #3d495c;
}
input[type="text"].search-bar-input:active,
input[type="text"].search-bar-input:focus {
  border: 1px solid #2273c3;
  outline: none;
}
input[type="text"].search-bar-input:focus::-webkit-input-placeholder {
  color: transparent;
}
input[type="text"].search-bar-input:focus::-moz-placeholder {
  /* Firefox 19+ */
  color: transparent;
}
input[type="text"].search-bar-input:focus:-moz-placeholder {
  /* Firefox 18- */
  color: transparent;
}
input[type="text"].search-bar-input:focus:-ms-input-placeholder {
  color: transparent;
}
.search-bar-clear {
  position: absolute;
  right: 39px;
  top: 6px;
}
.search-bar-clear:hover {
  transform: scale(1.12);
}
.search-bar-button {
  border: 0;
  border-left: 1px solid #b6bfce;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  line-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 1px;
  top: 1px;
  transition: all 200ms cubic-bezier(0.02, 0.01, 0.47, 1);
}
.search-bar-button:hover,
.search-bar-button:active,
.search-bar-button:focus {
  background: #edeff3;
}
side-menu {
  display: block;
  margin-left: -6px;
  position: relative;
  z-index: 2;
  /* ensure side menu remains on top of editor */
}
.side-menu {
  background-color: #edeff3;
  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: #3d495c;
  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-color: #3d495c;
}
.side-menu button.side-menu-item:hover:enabled i {
  color: #ffffff;
}
.side-menu button.side-menu-item:active:enabled {
  background-color: #3d495c;
}
.side-menu button.side-menu-item:active:enabled i {
  color: #ffffff;
}
.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 #b6bfce;
  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: #181d25;
}
.jstree-icon.jstree-checkbox,
.jstree-icon.jstree-checkbox:hover {
  background-image: url(/assets/20210731-0409/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/20210731-0409/ctx//icons/checked-box.png);
  background-position: 0 1px;
}
.jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-image: url(/assets/20210731-0409/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/20210731-0409/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: #ffffff;
  background-color: #3d495c;
  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 #3d495c;
}
span.link-option:hover,
ul.section-links li:hover {
  border-bottom: 2px solid rgba(61, 73, 92, 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: #dadfe7;
  border: 1px solid #dadfe7;
  border-color: #b6bfce;
  border-radius: 4px;
  border-style: dashed;
}
OPEN-ID .external-link,
SAML-ADMIN .external-link {
  margin-left: 5px;
  vertical-align: baseline;
}
OPEN-ID .metadata-download,
SAML-ADMIN .metadata-download {
  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 #dadfe7;
  background-color: #edeff3;
  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: #dadfe7 !important;
}
.search-layout-img {
  width: 200px;
  height: 64px;
  display: inline-block;
  border: 1px solid #ffffff;
  border-right: 0 none;
  border-bottom: 0 none;
}
.search-layout-BOTTOM {
  background: url(/assets/20210731-0409/ctx//images/skinlayout/search-bottom.jpg) no-repeat;
}
.search-layout-RIGHT {
  background: url(/assets/20210731-0409/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/20210731-0409/ctx//images/skinlayout/search-bottom@2x.jpg);
  }
  .search-layout-RIGHT {
    background-image: url(/assets/20210731-0409/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/20210731-0409/ctx//images/skinlayout/section-template.png);
  background-repeat: no-repeat;
}
.login-template-HERO_IMAGE {
  background-image: url(/assets/20210731-0409/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/20210731-0409/ctx//images/skinlayout/section-template@2x.png);
  }
  .login-template-HERO_IMAGE {
    background-image: url(/assets/20210731-0409/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: #ffffff;
  /* The Fallback */
  background-color: rgba(255, 255, 255, 0.4);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#66ffffff');
  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 #181d25;
  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 {
  content: " ";
  display: table;
}
.logo-uploader-filename:after {
  clear: both;
}
.analytics-app .analytics-gridboard {
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 0;
  /* make sure tooltips render on top */
}
.analytics-app .nav-dropdown {
  float: left;
}
.analytics-app-header {
  display: inline-block;
  padding-left: 10px;
}
.analytics-app-header .dashboard-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 16px 0;
  margin-top: 0;
  margin-bottom: 4px;
  /* override margins to match standard margin spacing */
}
.analytics-app-header .dashboard-title:hover .rename-title-icon {
  color: #3d495c;
}
.analytics-app-header .rename-input {
  margin-bottom: 2px;
  /* so switching between large headers and inline editing doesn't push layout around */
}
.analytics-app-header .rename-title-icon {
  color: #9ca3ab;
  /* half of 394756 */
  fill: #9ca3ab;
  font-size: 20px;
  margin-left: 8px;
}
.empty-dashboard {
  border: 1px dashed #dadfe7;
  background-color: #edeff3;
  padding: 78px 40px;
  margin: 21px 60px;
  text-align: center;
  font-size: 22px;
  border-radius: 6px;
}
.empty-dashboard p {
  padding-bottom: 20px;
}
.analytics-add-dashboard {
  width: 29px;
  height: 27px;
  background-size: 29px 27px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/add_dashboard.svg);
  background-repeat: no-repeat;
}
.analytics-add-chart {
  width: 29px;
  height: 27px;
  background-size: 29px 27px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/add_chart.svg);
  background-repeat: no-repeat;
}
.analytics-add-chart-white {
  width: 25px;
  height: 23px;
  background-size: 25px 23px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/add_chart_white.svg);
  background-repeat: no-repeat;
}
.analytics-exports .analytics-export-table {
  table-layout: fixed;
}
.analytics-exports .downloadIcon {
  color: inherit;
}
.chart-table {
  overflow-x: auto;
}
.analytics-editor .analytics-table-spinner {
  height: 100px;
}
.analytics-editor .analytics-table-spinner .spinner {
  margin-top: 15px;
}
.analytics-editor .analytics-editor-table {
  position: relative;
}
.analytics-editor .analytics-editor-body-wrapper {
  display: inline-block;
  padding-left: 10px;
  position: relative;
  width: calc(100% - 62px);
  z-index: 0;
  /* ensure side-menu is clickable */
}
.analytics-editor .analytics-editor-body-wrapper h4 {
  margin-top: 5px;
}
.analytics-editor .analytics-editor-body-wrapper.view {
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.analytics-editor .chart-title {
  margin-bottom: 15px;
}
.analytics-editor .chart-title .editable-input {
  margin-bottom: 0;
  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;
}
.analytics-editor .rename-chart-title {
  cursor: pointer;
  margin-left: -3px;
}
.analytics-editor .rename-chart-title .nav-dropdown-toggle {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  margin: 16px 0;
}
.analytics-editor .rename-chart-title .icon {
  margin-left: 8px;
  opacity: 0.2;
  font-size: 18px;
  padding: 5px;
}
.analytics-editor .rename-chart-title:hover .icon {
  opacity: 1.0;
}
.analytics-editor .analytics-editor-dropdown {
  width: 250px;
  padding-right: 0;
  margin-right: 15px;
  margin-bottom: 11px;
  float: left;
}
.analytics-editor .analytics-editor-dropdown .selectize-dropdown-content {
  max-height: none;
}
.analytics-editor .analytics-editor-controls {
  float: left;
}
.analytics-editor .analytics-editor-controls .btn {
  margin-right: 12px;
}
.analytics-editor .analytics-editor-controls .icon-sm {
  float: left;
  margin-right: 4px;
}
.analytics-editor .analytics-editor-controls .ion-arrow-shrink {
  margin-top: 1px;
}
.analytics-editor .analytics-editor-controls .to-date-separator {
  display: inline-block;
  padding-left: 6px;
  padding-right: 6px;
}
.analytics-editor .analytics-controls-aggregate-wrapper {
  display: inline-block;
  white-space: nowrap;
  float: left;
}
.analytics-editor .analytics-editor-date-range {
  float: left;
  position: relative;
  margin-right: 15px;
}
.analytics-editor .analytics-filter-wrapper .analytics-badge {
  margin-bottom: 10px;
}
.analytics-editor .filter-clear {
  float: left;
  margin-bottom: 2px;
}
.analytics-editor .filter-clear h4 {
  margin-right: 10px;
  margin-top: 0;
}
.analytics-editor .filter-btn.btn {
  padding-top: 4px;
  padding-bottom: 2px;
  margin-bottom: 15px;
  margin-right: 0;
  float: left;
}
.analytics-editor .filter-btn.btn .ion-funnel {
  padding-top: 1px;
}
.analytics-editor .clear-filters {
  margin-left: 15px;
  margin-right: 10px;
}
.analytics-editor .analytics-chart-selectors {
  float: left;
  margin-top: 10px;
}
.analytics-editor .analytics-chart-selectors .btn {
  margin-right: 0;
  padding: 3px 12px;
  border-color: #dadfe7;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 45px;
  height: 44px;
}
.analytics-editor .analytics-editor-chart {
  margin-top: 0;
  margin-bottom: 30px;
}
.analytics-editor .export-btn {
  margin-top: -30px;
}
.analytics-editor .analytics-big-number-wrapper {
  margin-top: 0;
  height: auto;
  width: auto;
}
.analytics-editor .analytics-big-number {
  margin-top: 0;
}
.analytics-editor .analytics-tophits {
  padding-left: 10%;
  padding-right: 10%;
  width: 100%;
  position: relative;
}
.analytics-editor .leaflet-top {
  z-index: 999;
}
.analytics-modal-body .palette-container {
  margin-left: 0;
  margin-right: 0;
}
.analytics-modal-body input,
.analytics-modal-body drop-down,
.analytics-modal-body .drop-down {
  margin-bottom: 10px;
}
.analytics-modal-body label {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  margin-left: 1px;
}
.analytics-modal-body .alert-warning {
  margin: 15px 0 0 0;
}
.analytics-modal-body .alert-warning .ion {
  vertical-align: text-top;
  margin-right: 4px;
}
.analytics-modal-body .filter-terms-message.alert-warning {
  vertical-align: middle;
  padding: 5px 15px;
  background-color: #ffebb3;
  border: 1px solid #f59300;
  color: #af6e00;
}
.analytics-modal-body .export-exceeded-warning {
  margin-bottom: 15px;
  white-space: pre-line;
}
.edit-filter-field {
  text-align: center;
}
.edit-filter-footer {
  clear: both;
}
.btn.area {
  background-size: 30px 20px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_area.svg);
}
.btn.bar {
  background-size: 30px 21px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_bar.svg);
}
.btn.column {
  background-size: 30px 18px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_column.svg);
}
.btn.line {
  background-size: 30px 17px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_line.svg);
}
.btn.list {
  background-size: 30px 18px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_list.svg);
}
.btn.map {
  background-size: 27px 27px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_map.svg);
}
.btn.bignumber {
  background-size: 30px 26px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_big_number.svg);
}
.btn.pie {
  background-size: 27px 27px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_pie.svg);
}
.side-menu .popover {
  max-width: none;
  margin-top: 216px;
}
.side-menu .popover-title {
  font-size: 16px;
}
.side-menu .popover.right > .arrow {
  margin-top: -227px;
}
.flyout-body {
  width: 350px;
  height: 405px;
}
.flyout-body .popover-close-x {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
}
.flyout-body .create-new {
  vertical-align: middle;
}
.flyout-body .create-new button {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
.flyout-body .create-new-chart {
  display: inline-block;
  margin-right: 8px;
  font-size: 22px;
  cursor: pointer;
  vertical-align: middle;
}
.flyout-body .text-filter {
  margin: 0 auto;
  width: 100%;
}
.flyout-body .selected-filters {
  margin-top: 5px;
  margin-left: 5px;
}
.flyout-body .selected-filters span,
.flyout-body .selected-filters button {
  margin-right: 10px;
  border: 0 none;
  padding: 0;
  line-height: 16px;
}
.flyout-body .selected-filters span {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
.flyout-body .selected-filters .active {
  color: #3d495c;
  border-bottom: 2px solid #3d495c;
}
.flyout-body .no-select {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.flyout-body .chart-list {
  height: 305px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 16px;
}
.flyout-body .chart-list li {
  text-align: left;
  font-size: 16px;
  cursor: pointer;
  border-bottom: 1px solid #dadfe7;
  margin: 0;
  padding: 5px 0;
  position: relative;
}
.flyout-body .chart-list li .loading-placeholder,
.flyout-body .chart-list li .unloading-placeholder {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  display: none;
  color: #256a3c;
  background-color: #c6ebd3;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  font-style: italic;
  font-size: 16px;
  vertical-align: middle;
  text-align: center;
  padding-top: 12px;
}
.flyout-body .chart-list li .loading-placeholder.display-loading,
.flyout-body .chart-list li .unloading-placeholder.display-unloading {
  display: block;
}
.flyout-body .chart-list li:hover {
  background-color: #d8e8f8;
}
.flyout-body .chart-list li input {
  margin: 0 8px;
}
.flyout-body .chart-list .selected {
  background-color: #fffecd;
}
.flyout-body .chart-list li.no-matches-filter {
  font-size: 20px;
  text-align: center;
  margin-top: 20px;
  border-color: #ebac00;
}
.flyout-body .chart-list li.no-matches-filter:hover {
  background-color: #fffecd;
}
.flyout-body .chart-list .chart-icon {
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-position: 50% 50%;
}
.flyout-body .chart-list .chart-text {
  line-height: 20px;
  padding-right: 1px;
}
.flyout-body .chart-list .chart-text p {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 400;
  height: 38px;
  line-height: 20px;
  margin: 0;
  max-height: 38px;
  padding-top: 1px;
}
.flyout-body .chart-list .chart-description {
  font-size: 14px;
  line-height: 18px;
}
.chart-icon.area {
  background-size: 40px 25px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_area.svg);
}
.chart-icon.bar {
  background-size: 40px 28px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_bar.svg);
}
.chart-icon.column {
  background-size: 40px 24px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_column.svg);
}
.chart-icon.line {
  background-size: 40px 22px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_line.svg);
}
.chart-icon.list {
  background-size: 40px 23px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_list.svg);
}
.chart-icon.map {
  background-size: 35px 35px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_map.svg);
}
.chart-icon.bignumber {
  background-size: 35px 30px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_big_number.svg);
}
.chart-icon.pie {
  background-size: 35px 35px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_pie.svg);
}
.chart-icon.tophits {
  background-size: 35px 35px;
  background-image: url(/assets/20210731-0409/ctx//images/analytics/analytics_list.svg);
}
.analytics-badge {
  display: inline-block;
  font-size: 14px;
  text-align: center;
  white-space: nowrap;
  border-radius: 4px;
  margin-right: 12px;
  margin-bottom: 15px;
  border: 1px solid #dadfe7;
  background-color: #edeff3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #181d25;
  position: relative;
  overflow: hidden;
  height: 26px;
}
.analytics-badge.client-color {
  padding-left: 95px;
  margin-right: 0;
}
.analytics-badge.client-color .analytics-badge-field {
  background-color: #3d495c;
  color: #ffffff;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 95px;
  height: 26px;
  padding: 4px 10px 3px;
}
.analytics-badge.client-color .analytics-badge-field:hover {
  background-color: #29313d;
  border-color: #252c37;
  cursor: pointer;
}
.analytics-badge .analytics-badge-field {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
  background-color: #edeff3;
  border: 0 none;
  border-radius: 4px;
  border-right: 1px solid #dadfe7;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  cursor: pointer;
  float: left;
  padding: 3px 10px 4px;
}
.analytics-badge .filter-type {
  display: inline-block;
  padding-top: 1px;
}
.analytics-badge .analytics-badge-value {
  padding: 2px 0 0 10px;
  display: inline-block;
}
.analytics-badge .analytics-badge-value-text {
  max-width: 300px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.analytics-badge .remove-badge {
  cursor: pointer;
}
.analytics-badge .remove-badge:hover .analytics-badge-value-text {
  text-decoration: line-through;
  color: #b6bfce;
}
.analytics-badge .remove-badge:hover .glyphicon-remove {
  color: #181d25;
  opacity: 1.0;
}
.analytics-badge .analytics-badge-value-more {
  cursor: pointer;
  padding-right: 8px;
}
.analytics-badge .analytics-badge-edit {
  font-size: 12px;
  margin-left: 5px;
}
.analytics-badge .aggregation-badge-value {
  padding-top: 3px;
  padding-right: 10px;
  vertical-align: middle;
}
.analytics-badge .analytics-badge-loading {
  padding: 2px 10px 3px 10px;
  display: inline-block;
}
.analytics-badge .glyphicon-remove {
  vertical-align: super;
  font-size: 10px;
  height: 14px;
  padding-left: 1px;
  padding-right: 8px;
  cursor: pointer;
  opacity: 0.7;
}
.analytics-badge .glyphicon-remove:before {
  vertical-align: middle;
}
.analytics-badge .glyphicon-remove:hover {
  opacity: 1;
}
.range-filter-form .range-filter {
  float: left;
  white-space: nowrap;
  margin-left: -100px;
  padding-left: 100px;
  width: 100%;
}
.range-filter-form .range-filter-field {
  width: 50%;
  display: inline-block;
  padding-right: 20px;
}
.range-filter-form .range-filter-field label,
.range-filter-form .range-filter-field input {
  display: block;
  width: 100%;
}
.range-filter-form .byte-range-dropdown {
  float: right;
  width: 95px;
  vertical-align: middle;
  margin: 23px 0 0;
}
.analytics-chart {
  height: 100%;
}
.analytics-chart .highchart-series-hidden .highcharts-series {
  visibility: hidden;
}
.analytics-big-number-wrapper {
  overflow: hidden;
  background-color: white;
  vertical-align: middle;
  margin-top: -35px;
  position: relative;
  width: 100%;
  height: 100%;
}
.analytics-big-number {
  display: block;
  position: relative;
  margin: auto;
  bottom: 0;
  top: 25%;
  text-align: center;
  font-size: 72px;
  line-height: 72px;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  color: #344053;
}
.analytics-big-number .big-number-metric {
  font-size: 36px;
}
.gridster .widget-body div.grid-widget-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: 16px;
  height: auto;
  margin-top: -10px;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 10;
}
@media (max-width: 1100px) {
  .analytics-big-number {
    margin-top: 10%;
  }
  .gridster .widget-body div.grid-widget-title {
    margin-top: 0;
  }
}
@media (min-width: 1600px) {
  .analytics-big-number-wrapper {
    padding: 25px;
  }
}
.analytics-tophits-wrapper {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background-color: white;
  vertical-align: middle;
  position: relative;
}
.analytics-tophits {
  background-color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  white-space: nowrap;
}
.analytics-tophits .analytics-table-rank {
  color: #344053;
  border-right: 1px solid #dadfe7;
  padding-left: 1px;
  text-align: right;
}
.analytics-tophits .ng-table-pager {
  display: none;
}
.analytics-tophits table {
  border-bottom: 0;
  margin-bottom: 0;
}
.analytics-tophits table tbody tr td {
  border-bottom: 1px solid #dadfe7;
  border-top: 0;
  line-height: 21px;
}
.analytics-tophits table tbody tr:last-child td {
  border-bottom: none;
}
.insights-table button {
  border: none;
  padding: 0;
  background: none;
}
.insights-table .insights-table-scrolling {
  overflow-y: scroll;
}
.insights-table .insights-table-header {
  border-top: 0 !important;
  background-image: linear-gradient(-180deg, #fefefe 0%, #fbfbfb 100%);
}
.insights-table .insights-table-header .insights-sort-order {
  font-size: 12px;
  height: 8px;
  width: 12px;
}
.insights-table .insights-table-row {
  border-bottom: 1px solid #dadfe7;
  height: 39px;
}
.insights-table .insights-table-cell {
  padding: 8px;
  display: table-cell;
  height: 100%;
}
.insights-table .insights-table-value {
  padding-left: 0;
  margin-left: 11px;
  float: left;
  width: 75%;
  border-right: 1px solid #dadfe7;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.insights-table .insights-table-count {
  margin-right: 8px;
}
.insights-table .insights-table-body {
  clear: both;
  zoom: 1;
  height: 154px;
  overflow-y: auto;
}
.insights-table .insights-table-body .insights-table-row:nth-of-type(even) {
  background: rgba(233, 234, 237, 0.49);
}
.analytics-map {
  height: 100%;
  width: 100%;
}
.analytics-map .marker-cluster {
  background-color: #2273c3;
  text-align: center;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-size: 12px;
  border: 1px solid white;
}
.analytics-map .map-widget-marker {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: transparent;
  border: none;
}
.analytics-map .leaflet-bar {
  box-shadow: none;
  border: 1px solid #dadfe7;
}
.analytics-map .leaflet-control-container .form-group {
  margin-bottom: 0;
}
.analytics-map .leaflet-control-container .form-control {
  margin-bottom: 0;
}
.analytics-editor-chart .analytics-map {
  height: 600px;
}
.highchart-chart {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.chart-tooltip-point-y {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding-top: 3px;
}
.chart-tooltip-header,
.chart-tooltip-point-y {
  display: block;
  font-size: 11px;
  margin: 0 auto;
  text-align: center;
}
date-range-selector button.date-range {
  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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  color: #181d25;
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
  width: 221px;
  position: relative;
  text-align: left;
  margin-bottom: 0;
}
date-range-selector button.date-range[readonly],
date-range-selector button.date-range[disabled] {
  cursor: not-allowed;
  background-color: #edeff3;
}
date-range-selector .dropdown-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 27px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px 6px 2px;
  background-color: #edeff3;
  border-left: 1px solid #dadfe7;
}
date-range-selector .dropdown-arrow .caret {
  margin: 0;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
date-range-selector .popover-inner-content.specific-date {
  width: 700px;
  min-height: 265px;
  height: 362px;
  overflow: hidden;
  transition: width 0.3s, height 0.5s;
}
date-range-selector .popover-inner-content.specific-date .col-sm-9 {
  opacity: 1.0;
  overflow: hidden;
  height: 362px;
  max-height: 362px;
  width: 75%;
  transition: width 0.75s, height 0.75s, opacity 2s;
}
date-range-selector .popover-inner-content.specific-date .col-sm-9 .date-picker-wrapper button {
  opacity: 1.0;
}
date-range-selector .popover-inner-content {
  width: 225px;
  height: 265px;
}
date-range-selector .popover-inner-content .col-sm-9 {
  opacity: 0;
  overflow: hidden;
  height: 0;
  width: 0;
}
date-range-selector .popover-inner-content .col-sm-9 .date-picker-wrapper button {
  opacity: 0;
  transition: opacity 1s;
}
date-range-selector .popover {
  left: 0 !important;
  max-width: none;
}
date-range-selector .popover.bottom > .arrow {
  left: 30px;
}
date-range-selector .popover li {
  padding: 1px 0;
}
date-range-selector .popover li.divider {
  border-bottom: 1px solid #dadfe7;
  margin: 7px 0 9px;
}
date-range-selector .popover .multi-column-dropdown li button {
  border: 1px solid #ffffff;
  display: block;
  padding: 3px 12px;
  position: relative;
  text-align: left;
  width: 100%;
}
date-range-selector .popover .multi-column-dropdown li button:hover,
date-range-selector .popover .multi-column-dropdown li button.active {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 6px;
}
date-range-selector .popover .multi-column-dropdown li button .caret-right {
  right: 2px;
  position: absolute;
  top: 50%;
  margin-top: -5px;
}
date-range-selector .popover .date-picker-wrapper {
  height: 330px;
}
date-range-selector .popover .date-picker-wrapper label {
  display: block;
}
date-range-selector .popover .date-picker-wrapper .btn {
  margin-top: 10px;
}
date-range-selector .popover .date-picker-wrapper .ui-datepicker-trigger {
  display: none;
}
date-range-selector .popover .popover-close-x {
  position: absolute;
  top: 10px;
  right: 15px;
}
date-range-selector .date-picker-date-header h4 {
  display: inline-block;
}
date-range-selector .date-picker-date-header h4 date-range-warning-icon {
  margin-left: 4px;
}
date-range-selector .date-picker-date-label {
  display: flex;
}
.date-range-analytics-warning {
  height: 20px;
  width: 20px;
  margin-left: 8px;
}
.date-range-analytics-warning .date-range-analytics-warning-icon {
  color: #ffbb00;
  cursor: pointer;
  font-size: 20px;
}
#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 #dadfe7;
  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: #edeff3;
  border-radius: 4px;
  position: relative;
}
/* wraps filename and analytics block */
.asset-details-filename {
  margin-right: 45px;
}
.analytics-block {
  position: absolute;
  right: -1px;
  top: -1px;
  bottom: -1px;
}
.analytics-block > div {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.filename-analytics-wrapper {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #dadfe7;
  padding: 12px 10px 9px;
  position: relative;
}
/* used in conjunction with ratings */
.status-ratings-wrapper {
  background-color: #edeff3;
  border-top: 1px solid #dadfe7;
  border-bottom: 1px solid #dadfe7;
  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;
}
/* analytics percent box across from filename */
.analytics-popularity {
  margin: 0;
  height: 100%;
  padding: 5px;
  text-align: center;
  background-color: #181d25;
  color: #b6bfce;
  border-top-right-radius: 4px;
}
.analytics-popularity .pop-label {
  margin-top: -4px;
  font-size: 9px;
}
.analytics-popularity .pop-percentage {
  font-size: 18px;
  z-index: 10;
  float: left;
}
.analytics-popularity .pop-percentage span {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 10px;
  vertical-align: top;
  line-height: 12px;
}
.analytics-popularity .caret {
  float: right;
  margin-top: 8px;
}
/* widen popover */
.widen-popover p {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background-color: #edeff3;
  border-bottom: 1px solid #b6bfce;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #181d25;
  margin: -1px -1px 15px -1px;
  padding: 8px;
  text-align: center;
}
.widen-popover p.analytics-title {
  margin-bottom: 0;
}
.widen-popover.analytics-container {
  min-width: 350px;
  top: 100%;
  left: auto;
  right: -1px;
}
.widen-popover.analytics-container h3 {
  line-height: 18px;
  border-bottom: 1px dotted #dadfe7;
  margin: -12px 15px 10px;
  text-align: center;
}
.widen-popover.analytics-container h3.mt5 {
  margin-top: 5px;
}
.analytics-row {
  padding: 0 10px 15px;
  text-align: center;
}
.analytics-row:before,
.analytics-row:after {
  content: " ";
  display: table;
}
.analytics-row:after {
  clear: both;
}
.analytics-item {
  float: left;
  width: 33.33%;
  color: #b6bfce;
  font-size: 11px;
}
.analytics-item-4col {
  width: 25%;
}
.analytics-item strong {
  display: block;
  font-size: 20px;
  color: #181d25;
}
.cursor-help {
  cursor: help;
}
table.analytics-stats td {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px;
}
.nav.nav-tabs.square-gray {
  background-color: #edeff3;
  border-bottom: 0 none;
}
.nav.nav-tabs.square-gray li {
  padding: 0;
}
.nav.nav-tabs.square-gray li a {
  border-radius: 0;
  border: 0 none;
  color: #181d25;
  padding-top: 5px;
  padding-bottom: 5px;
}
.nav.nav-tabs.square-gray li.active {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
}
.widen-popover .tab-content {
  overflow-x: hidden;
}
.bar:hover {
  fill: #3d495c;
  opacity: .85;
}
.bar {
  fill: #3d495c;
}
.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 #3d495c;
}
div.imgElementBorder {
  border: 1px solid #ffffff;
}
div.imgSelected {
  border: 1px solid #2273c3;
}
div.imgSelected:hover,
div.imgElementBorder:hover,
div.imgDefaultView:hover {
  border: 1px solid #2273c3;
}
.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: #3d495c;
  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: #256a3c;
}
#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: #edeff3;
  border: 1px solid #dadfe7;
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  padding: 5px 15px;
  text-align: center;
  font-size: 16px;
  color: #3d495c;
  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 {
  content: " ";
  display: table;
}
.pickupZone:after {
  clear: both;
}
.pickupZone .noBorderBot {
  border-bottom: 0 none;
}
.pickupZone .thumb-container-wrapper {
  float: left;
  margin: 0 16px 16px 0;
  border: 1px solid #dadfe7;
  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 #dadfe7;
  background-color: #edeff3;
  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;
}
.collection-analytics-container-2col {
  min-width: 250px;
}
.collection-analytics-container-2col:before {
  left: 226px;
}
.collection-analytics-row {
  padding: 16px;
}
.collection-analytics-row:before,
.collection-analytics-row:after {
  content: " ";
  display: table;
}
.collection-analytics-row:after {
  clear: both;
}
.collection-analytics-item {
  float: left;
  width: 33.33%;
  color: #3d495c;
  font-size: 11px;
}
.collection-analytics-item-2col {
  width: 50%;
}
.collection-analytics-item strong {
  display: block;
  font-size: 20px;
  color: #181d25;
}
.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 #dadfe7;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #edeff3;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  border-top: 0 none;
}
.commentSelected {
  -webkit-box-shadow: 2px 2px 7px rgba(204, 204, 204, 0.9);
  -moz-box-shadow: 2px 2px 7px rgba(204, 204, 204, 0.9);
  box-shadow: 2px 2px 7px rgba(204, 204, 204, 0.9);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#dae0e7')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#dae0e7');
  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 #dadfe7;
  border-radius: 4px;
  margin-bottom: 15px;
}
.replyCommentWrapper {
  margin: 0 10px;
}
.replyCommentWrapper .b_ddd {
  border: 0 none;
  border-radius: 4px;
}
.replyCommentWrapper .commentHeader {
  border: 1px solid #dadfe7;
  border-radius: 4px;
}
.replyCommentWrapper .editing .commentHeader {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.replyCommentWrapper .editing-body-wrapper {
  background-color: #edeff3;
  border-left: 1px solid #dadfe7;
  border-right: 1px solid #dadfe7;
  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: #edeff3;
  padding: 3px 10px 2px 5px;
}
.recent-comment .recent-comment-header a {
  text-decoration: none;
  color: #181d25;
}
.recent-comment .recent-comment-message {
  padding: 5px 10px 3px;
}
.recent-comment .recent-comment-message a {
  text-decoration: none;
  color: #181d25;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  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: #181d25 !important;
}
input.ffb-input:focus {
  border-color: #3d495c;
  border-color: #2c374a;
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */
}
div .ffb {
  top: 28px !important;
  border: 1px solid #dadfe7;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 320px !important;
  border-radius: 1px;
}
.ffb .even,
.ffb .odd {
  color: #181d25;
  margin-left: 0;
  padding: 3px 6px;
}
.ffb .even {
  background-color: #edeff3;
}
.ffb-sel,
.ffb-sel .even {
  background-color: #d8e8f8 !important;
  color: #181d25;
}
.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: #344053;
}
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: #256a3c;
}
ADD-METADATA-VALUE BUTTON.cancel {
  color: #9a2513;
}
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: #181d25;
  font-weight: bold;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}
UPLOAD-WIDGET .upload-drop-target {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 4px;
  color: #b6bfce;
  font-size: 18px;
  height: 150px;
  margin-top: 5px;
  overflow-y: auto;
  position: relative;
  text-align: center;
}
UPLOAD-WIDGET .upload-drop-target.active {
  background-color: #dadfe7;
  color: #181d25;
  border-style: dashed;
  border-color: #b6bfce;
}
UPLOAD-WIDGET .upload-drop-target.active .qq-upload-list-selector {
  background-color: #dadfe7;
}
UPLOAD-WIDGET .upload-profile-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #3d495c;
  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: #edeff3;
  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: #181d25;
  list-style: none;
  padding: 4px;
  clear: both;
  opacity: 0.75;
  overflow: hidden;
}
UPLOAD-WIDGET .qq-upload-list-selector .file-container.fail {
  background-color: #f7c3bb;
}
UPLOAD-WIDGET .qq-upload-list-selector .file-container.success {
  background-color: #c6ebd3;
}
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: #181d25;
}
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: #181d25;
  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 #dadfe7;
  background-repeat: no-repeat;
}
UPLOAD-WIDGET .ajaxUploaderDropzone {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBack.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneChrome {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackChrome.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneFF {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackFF.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneSafari {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackSafari.gif);
}
UPLOAD-WIDGET .ajaxUploaderDropzoneIE {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackIE.gif);
}
UPLOAD-WIDGET #ajaxUploaderFilelistNoDrop {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderNoDropzoneBack.gif);
  border: 1px solid #dadfe7;
}
add-selection-button {
  pointer-events: auto;
}
add-selection-button button.btn,
add-selection-button button.btn:focus {
  padding: 0 12px;
  color: #b6bfce;
  border: #b6bfce;
  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: #256a3c;
  border: 1px solid #b6bfce;
}
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: #dadfe7;
  border: 1px solid #b6bfce;
  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: 55px;
  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 #b6bfce;
  display: inline-block;
  margin-right: 8px;
  padding-right: 16px;
}
#batchSelection .batch-selection-selected-link {
  color: #2273c3;
}
#batchSelection .batch-selection-selected-link:hover {
  color: #2273c3;
  text-decoration: underline;
}
#batchSelection .batch-selection-selected-link:active,
#batchSelection .batch-selection-selected-link:visited {
  color: #154575;
}
#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: #3d495c;
  display: inline-block;
  margin-right: 8px;
  text-align: center;
  width: 18px;
}
#batchSelection a:hover {
  color: #181d25;
}
#batchSelection a:active,
#batchSelection a:focus {
  color: #2273c3;
}
#batchSelection .material-assessment-icon {
  transform: rotate(90deg);
}
#batchSelection .dropdown-menu li a {
  align-items: center;
  border-radius: 2px;
  color: #181d25;
  display: flex;
  height: 32px;
  line-height: 20px;
  padding: 7px 4px 6px;
}
.batchSelectionArea {
  align-items: center;
  background-color: #edeff3;
  /* we are overriding our standard and secondary gray box colors */
  border: 1px solid #b6bfce;
  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;
  display: flex;
  height: 24px;
  justify-content: center;
  margin: 0 4px;
  width: 24px;
}
.batch-order-action:hover {
  text-decoration: none;
}
.batchActionBtn {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
}
.batchActionBtn .material-icons {
  font-size: 18px;
}
.batchActionBtn:hover {
  text-decoration: none;
}
#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;
}
#dropboxDetailsOverlay .applicableItems {
  max-height: 275px;
  overflow: hidden;
  overflow-y: auto;
}
#dropboxDetailsOverlay .applicableItems h3 {
  margin-top: 0;
}
#dropboxDetailsOverlay .applicableItems ul {
  margin-left: 15px;
  margin-bottom: 20px;
}
#dropboxDetailsOverlay .applicableItems ul li {
  list-style-type: disc;
  word-wrap: break-word;
}
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: #dadfe7;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #181d25;
  width: 480px;
}
.recipientSelection .addressBookWrapper .title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #181e25;
  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: #9a2513;
  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 #256a3c;
  color: #181d25;
  background: #ffffff;
  /* css3 */
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  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 #154575;
}
/* 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: #256a3c 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: #ffffff 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 #256a3c;
}
/* 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 #ffffff;
}
/* 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 #154575;
}
/* 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 #ffffff;
}
.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;
  margin-right: 8px;
  width: initial;
  color: #344053;
}
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: #edeff3;
}
.catTreeDiv a {
  text-decoration: none;
}
.catRowEvenBg {
  background-color: #ffffff;
}
.catRowOddBg {
  background-color: #edeff3;
}
.instantSearchZone .popover-content,
.pickupZone .popover-content {
  width: 300px;
}
.embed-select-select {
  margin-bottom: 20px;
}
textarea.embed-select-text[readonly] {
  background-color: #ffffff;
}
.image-embed-url.temporary-link-text {
  color: #3d495c;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  cursor: pointer;
  color: #3d495c;
}
.toggle-button-option.active {
  background-color: #3d495c;
  color: #ffffff;
  border-color: #3d495c;
}
.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: #dadfe7;
  color: #3d495c;
  border-color: 1px solid #dadfe7;
}
.toggle-button-tabs .toggle-button-option.active {
  background-color: #ffffff;
  border-color: #dadfe7;
  color: #181d25;
}
.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 #dadfe7;
  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;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.crop-editor-toolbar .toolbar-section .toolbar-label {
  display: block;
  color: grey;
  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 {
  -webkit-box-shadow: inset 0 0 0 1px #b6bfce;
  -moz-box-shadow: inset 0 0 0 1px #b6bfce;
  box-shadow: inset 0 0 0 1px #b6bfce;
}
/* 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: #edeff3;
  border-left: 1px solid #dadfe7;
  border-right: 1px solid #dadfe7;
  border-top: 1px solid #dadfe7;
  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: #dadfe7;
  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: #edeff3;
  box-shadow: inset 0 0 8px -2px #181d25;
  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: #181e25;
}
.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 #dadfe7;
  -webkit-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
  -moz-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
  box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
}
.thumbnailTileShadow {
  -webkit-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
  -moz-box-shadow: 3px 3px 7px rgba(50, 50, 50, 0.42);
  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: #b6bfce;
}
.yellowBg .selectAssetLink {
  color: #256a3c;
  border-color: #b6bfce;
}
.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 #dadfe7;
  border-radius: 4px;
  position: relative;
  z-index: 1;
}
.instantSearchZone.simpleThumb .yellowBg {
  border: 1px solid #ebac00;
}
.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 .indesign button,
.instantSearchZone.simpleThumb .preview .quickview-msg {
  display: flex;
  align-items: center;
  align-self: end;
  opacity: 0;
  margin-bottom: 15px;
  position: relative;
}
.instantSearchZone.simpleThumb .preview .indesign button span,
.instantSearchZone.simpleThumb .preview .quickview-msg span {
  margin-left: 8px;
}
.instantSearchZone.simpleThumb .preview .indesign button > *,
.instantSearchZone.simpleThumb .preview .quickview-msg > * {
  background-color: #ffffff;
}
.instantSearchZone.simpleThumb .preview:not(.collection):hover .indesign button,
.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;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  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: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  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: -moz-linear-gradient(top, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 249, 212, 0)), color-stop(100%, #fff9d4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
  background: -ms-linear-gradient(top, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 249, 212, 0) 0%, #fff9d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00fff9d4', endColorstr='#fff9d4', GradientType=0);
  /* IE6-9 */
}
.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: #9a2513;
}
.instantSearchZone.simpleThumb .secondaryActionRow {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  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: #3d495c;
  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 #ebac00 !important;
}
.instantSearchZone.simpleThumb.detailedView .thumbnailTileBorder {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  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/20210731-0409/ctx//images/icons/heart_red.png) no-repeat;
}
.favoriteIcon.gray {
  background: url(/assets/20210731-0409/ctx//images/icons/heart_gray.png) no-repeat;
}
.deleteIcon {
  background: url(/assets/20210731-0409/ctx//images/layout/icon_delete_drk.png) no-repeat;
  width: 18px;
  height: 18px;
}
.editIcon {
  background: url(/assets/20210731-0409/ctx//images/layout/icon_edit_drk.png) no-repeat;
  width: 15px;
  height: 15px;
}
.commentIcon {
  background: url(/assets/20210731-0409/ctx//images/icons/comment_gray.png) no-repeat;
  width: 22px;
  height: 21px;
}
.commentPresentIcon {
  background: url(/assets/20210731-0409/ctx//images/icons/comment_color.png) no-repeat;
  width: 22px;
  height: 21px;
}
.watch {
  background: url(/assets/20210731-0409/ctx//images/layout/eye_sm.png) no-repeat;
}
.unwatch {
  background: url(/assets/20210731-0409/ctx//images/layout/eye_gray_sm.png) no-repeat;
}
.zoomIcon {
  width: 21px;
  height: 17px;
  background: url(/assets/20210731-0409/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 #dadfe7;
}
.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: #dadfe7;
}
/* indesign */
.indesign-link {
  display: inline-block;
}
[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.instant-search-pager-bar {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  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: #3d495c;
}
.instant-search-pager-bar .pager-right-options {
  margin-right: 2px;
  margin-top: 2px;
}
.instant-search-pager-bar .pagerWrapper {
  margin-left: 8px;
  margin-top: 1px;
  vertical-align: middle;
}
.instant-search-pager-bar .current-page {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  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: #dadfe7 !important;
  color: #181d25;
  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: #dadfe7;
  vertical-align: middle;
}
.instant-search-pager-bar .size-box .selected.switchPreviewSizeLink {
  background-color: #3d495c;
}
.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 #dadfe7;
}
.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 {
  webkit-transition: width 0.5s, opacity 0.5s;
  -moz-transition: width 0.5s, opacity 0.5s;
  -ms-transition: width 0.5s, opacity 0.5s;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
  opacity: 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%);
  -webkit-transform: translateY(-50%);
  -ms-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 {
  webkit-transition: width 0.5s, opacity 0.5s;
  -moz-transition: width 0.5s, opacity 0.5s;
  -ms-transition: width 0.5s, opacity 0.5s;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
  opacity: 0;
  background: #ffffff;
  /* The Fallback */
  background-color: #ffffff;
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff');
}
.quick-view .content > FILE-DETAILS .save-btns {
  webkit-transition: width 0.5s, opacity 0.5s;
  -moz-transition: width 0.5s, opacity 0.5s;
  -ms-transition: width 0.5s, opacity 0.5s;
  transition: width 0.5s, opacity 0.5s;
  width: 0;
  opacity: 0;
}
.quick-view .content .prev-next-button-hover {
  width: 120px;
  -webkit-transition: width 0.4s, background-color 0.4s;
  -moz-transition: width 0.4s, background-color 0.4s;
  -ms-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.quick-view .content .prev-next-text-hover {
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  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;
  background: #181d25;
  /* The Fallback */
  background-color: rgba(24, 29, 37, 0.8);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc181d25', endColorstr='#cc181d25');
  -webkit-box-shadow: none;
  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: #3d495c;
  /* The Fallback */
  background-color: rgba(61, 73, 92, 0.8);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc3d495c', endColorstr='#cc3d495c');
}
.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 {
  width: 120px;
  -webkit-transition: width 0.4s, background-color 0.4s;
  -moz-transition: width 0.4s, background-color 0.4s;
  -ms-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.quick-view .content BUTTON.next-asset:hover .nav-text {
  margin-right: 15px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  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 {
  width: 120px;
  -webkit-transition: width 0.4s, background-color 0.4s;
  -moz-transition: width 0.4s, background-color 0.4s;
  -ms-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.quick-view .content BUTTON.prev-asset:hover .nav-text {
  margin-left: 15px;
  -webkit-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  -ms-transition: opacity 0.4s;
  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;
  -webkit-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: #3d495c;
  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 #181d25;
  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 #dadfe7, inset 0 4px 8px #b6bfce;
  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 #dadfe7, inset 0 4px 8px #b6bfce;
  color: #181d25;
  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: #3d495c;
}
.quick-view .insights-button .inactive-logo {
  fill: #3d495c;
}
.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 #b6bfce;
}
.arrow-left {
  border-right: 30px solid #b6bfce;
}
.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%;
  }
}
.soft-gradient {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f9f9f9), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}
.hard-gradient {
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#f3f3f3', GradientType=0);
}
div.insights-body {
  margin-top: -20px;
  color: #181d25;
}
div.insights-body div.panel {
  border: 0;
  margin-bottom: 0;
}
div.insights-body div.panel .panel-heading {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f9f9f9), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
  padding-left: 11px;
  padding-right: 11px;
  border-top: 1px solid #dadfe7;
  border-bottom: 1px solid #dadfe7;
  border-radius: 0;
}
div.insights-body div.panel .panel-heading .panel-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* normally 500 but helvetica, arial has no medium weight */
}
div.insights-body div.panel .panel-body {
  margin-right: 11px;
  margin-left: 11px;
}
div.insights-body div.quick-insights-panel .quick-insights-heading {
  border-bottom: 0;
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f9', endColorstr='#f3f3f3', GradientType=0);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.42);
}
div.insights-body div.quick-insights-panel .quick-insights-heading .logo {
  float: left;
  font-size: 24px;
  margin: 0.5em;
  margin-left: 0;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .logo .logo-container {
  float: left;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .logo .logo-label {
  margin-top: 0.125em;
  padding-left: 1.25em;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .logo .logo-path {
  fill: #3d495c;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .logo .svg-logo {
  height: 1em;
  width: 1em;
  fill: #3d495c;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker {
  float: right;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector h4 {
  font-size: 12px;
  margin-top: 0;
  color: #3d495c;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector .dropdown-arrow {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f7f9', GradientType=0);
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector .daterange-popover-selector button {
  float: right;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector .daterange-popover-selector .popover {
  right: 0;
  margin-left: 189px;
  margin-right: 11px;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector .daterange-popover-selector .popover .arrow {
  left: 93%;
}
div.insights-body div.quick-insights-panel .quick-insights-heading .datepicker date-range-selector .daterange-popover-selector .popover .popover-inner-content {
  width: 100%;
  height: 100%;
}
div.insights-body div.engagement-panel {
  margin-bottom: 0;
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-title {
  float: left;
  padding-top: 3px;
  padding-bottom: 3px;
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-title .icon {
  font-size: 14px;
  margin-left: 2px;
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-buttons {
  float: right;
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-buttons button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f7f9', GradientType=0);
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-buttons button i.material-icons {
  font-size: 14px;
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-buttons button:active {
  background: #FFFFFF;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
}
div.insights-body div.engagement-panel .engagement-panel-heading .engagement-panel-buttons .export-button {
  float: right;
  margin-left: 10px;
}
div.insights-body div.engagement-panel .engagement-panel-body {
  padding-right: 0;
  padding-left: 0;
}
div.insights-body div.chart-and-help-section {
  position: relative;
  overflow: hidden;
}
div.insights-body div.chart-and-help-section .insights-help {
  opacity: .95;
  position: absolute;
  width: 100%;
  min-height: 40px;
  top: 0;
  left: 0;
  z-index: 10;
}
div.insights-body div.chart-and-help-section .insights-help .insights-help-text {
  padding-top: 15px;
  margin-left: 11px;
}
div.insights-body div.chart-and-help-section .insights-help .insights-info-text {
  padding-top: 15px;
  margin-left: 11px;
  color: #ffffff;
}
div.insights-body div.chart-and-help-section .insights-help p {
  max-width: 346px;
  margin-left: 11px;
}
div.insights-body div.chart-and-help-section .insights-help button {
  float: right;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f7f9', GradientType=0);
  margin: 0 auto;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
}
div.insights-body div.chart-and-help-section .insights-help button i.material-icons {
  font-size: 14px;
}
div.insights-body div.chart-and-help-section div.notify-top {
  z-index: 999;
}
div.insights-body div.chart-and-help-section div.help-section {
  border-bottom: 1px solid #2273c3;
  background: #d8e8f8;
}
div.insights-body div.chart-and-help-section div.info-section {
  border-bottom: 1px solid #181d25;
  background: #181d25;
}
div.insights-body div.chart-and-help-section div.notify-section {
  position: absolute;
  top: 0;
  width: 100%;
}
div.insights-body div.chart-and-help-section a.pickup-link {
  text-decoration: underline;
  margin-left: 0.25em;
  color: #3d495c;
}
div.insights-body div.chart-and-help-section div.chart-section {
  height: 177px;
  background-color: #ffffff;
  margin-bottom: 1em;
}
div.insights-body div.chart-and-help-section div.chart-section .highcharts-series > path {
  stroke: #3d495c;
  stroke-width: 2;
}
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-chart {
  margin-left: 11px;
  margin-right: 11px;
}
div.insights-body div.chart-and-help-section div.chart-section .bignumber-chart {
  padding-top: 60px;
}
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-chart,
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-table {
  height: 180px;
  background-color: #ffffff;
}
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-chart g.highcharts-tooltip path,
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-table g.highcharts-tooltip path {
  stroke: #3d495c;
}
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-chart .highcharts-markers path,
div.insights-body div.chart-and-help-section div.chart-section .quick-insights-table .highcharts-markers path {
  fill: #3d495c;
}
div.insights-body div.insights-panel .panel-heading .panel-title {
  font-size: 16px;
}
div.insights-body div.insights-panel .panel-body {
  padding-left: 0;
  padding-right: 0;
}
div.insights-body div.insights-panel .panel-body .nav-tiles {
  width: 100%;
  margin-top: 10px;
  display: table;
}
div.insights-body div.insights-panel .video-panel-heading {
  margin-bottom: 20px;
}
div.insights-body div.insights-panel .widget-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 5px;
}
div.insights-body div.insights-panel .widget-row .widget-title {
  width: 60px;
  margin-left: 20px;
  font-size: 14px;
}
div.insights-body div.insights-panel .widget-row .widget-container {
  margin-left: 10px;
}
div.insights-body div.insights-panel .widget-row .widget {
  margin: 5px;
  display: inline-block;
}
div.insights-body div.insights-panel div.widget-row:last-child {
  margin-bottom: 25px;
}
div.insights-body .tile-margin .insights-tile {
  margin-right: 3%;
  margin-left: 3%;
}
.quick-insights-launcher {
  bottom: 0;
  position: absolute;
  right: -1px;
  top: -1px;
}
.quick-insights-launcher .logo {
  font-size: 18px;
  height: 100%;
}
.quick-insights-launcher .logo-container {
  float: left;
}
.quick-insights-launcher .label-wrapper {
  margin-top: 0.167em;
}
.quick-insights-launcher .logo-label {
  float: right;
  margin-top: -2px;
  padding-left: 0.25em;
}
.quick-insights-launcher .logo-path {
  fill: #3d495c;
}
.quick-insights-launcher .svg-logo {
  height: 1em;
  width: 1em;
}
.quick-insights-launcher quick-view button .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 43px;
}
.insights-tile {
  border: 1px solid #dadfe7;
  border-radius: 6px;
  display: table-cell;
  float: left;
  margin-bottom: 2%;
  min-width: 120px;
  padding: 6px 8px;
  position: relative;
  transition: all 0.5s ease;
  width: 31.3%;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f9f9f9), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 47%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9', GradientType=0);
}
.insights-tile:hover {
  box-shadow: 1px 1px 14px 0 rgba(0, 0, 0, 0.18);
}
.insights-tile-content {
  text-align: center;
}
.insights-tile-content .insight-preview-header {
  color: #181d25;
  font-size: 11px;
}
.insights-tile-content .insight-preview-header .square {
  background-color: #edeff3;
  float: left;
  height: 12px;
  margin-right: 4px;
  margin-top: 3px;
  width: 12px;
}
.insights-tile-content .insight-preview-header .active-square {
  background-color: #3d495c;
}
.insights-tile-content .insight-preview-header .inactive-square {
  color: #3d495c;
}
.insights-tile-content .insight-preview-header .insights-tile-title {
  float: left;
  margin-left: 3px;
}
.insights-tile-content .insight-preview-body .insight-preview-count .insight-count {
  float: left;
  font-size: 30px;
  padding-top: 8px;
  padding-bottom: 11px;
}
.insights-tile-content .insight-preview-body .hide-chart {
  opacity: 0;
}
.insights-tile-content .insight-preview-body .intended-use-preview {
  font-size: 4em;
  color: #3d495c;
  margin-top: -0.125em;
}
.insights-tile-content .insight-preview-body .highcharts-markers path {
  fill: #3d495c;
  stroke: #3d495c;
}
.insights-tile-content .insight-preview-body .highcharts-axis > path {
  stroke: #edeff3;
}
.insights-tile-content .insight-preview-body .highcharts-series > path {
  stroke: #dadfe7;
}
.insights-tile-content .insight-preview-body .highcharts-series > path ~ path {
  stroke: none;
}
.active-insight {
  border: 1px solid #3d495c;
}
.special-intended-use {
  height: 98px;
}
.special-intended-use .intended-use-preview {
  padding-top: 9px;
}
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: #b6bfce;
  background-color: #dadfe7;
  border: 1px solid #b6bfce;
  box-shadow: none;
  text-shadow: 0 1px 0 #ffffff;
  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: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  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 #3d495c;
  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 {
  display: inline-block;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 20px;
  padding-right: 4px;
  font-weight: normal;
  float: left;
  color: #3d495c;
  color: #344053;
  margin-top: -2px;
}
FILE-DETAILS SECTION .details .section.expanded BUTTON .double-arrow {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  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: #edeff3;
  border: 1px solid #dadfe7;
}
.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: #181d25;
  text-decoration: none;
}
#navDropdownPopover ul a:hover {
  text-decoration: underline;
  color: #3d495c;
  color: #344053;
}
#navDropdownPopover ul a:hover:before {
  content: "";
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: #3d495c;
  background-color: #344053;
  display: inline-block;
  margin: -2px 6px 2px -14px;
  /* left and right margin has inverse relationship */
  border: 1px solid #ffffff;
  box-shadow: 1px 1px 0 #b6bfce;
}
.service-alert-container {
  height: 44px;
}
.service-alert-bar {
  position: fixed;
  top: 0;
  width: 100%;
  border-radius: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  z-index: 1024;
}
.service-alert-bar.alert-warning {
  background: #fffecd;
  /* The Fallback */
  background-color: rgba(255, 254, 205, 0.9);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6fffecd', endColorstr='#e6fffecd');
}
.service-alert-bar.alert-danger {
  background: #f7c3bb;
  /* The Fallback */
  background-color: rgba(247, 195, 187, 0.9);
  background: none\9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6f7c3bb', endColorstr='#e6f7c3bb');
}
.service-alert-bar .close {
  opacity: 1;
}
.service-alert-message {
  text-align: center;
  width: 100%;
}
.service-alert-message p,
.service-alert-message h1,
.service-alert-message h2,
.service-alert-message h3,
.service-alert-message h4,
.service-alert-message h5,
.service-alert-message h6 {
  margin: 0;
}
.service-alert-message a {
  color: #154575;
}
.service-alert-icon {
  float: left;
  font-size: 24px;
}
.service-alert-icon-error {
  float: left;
  font-size: 24px;
  color: #9a2513;
}
.service-alert-icon-info {
  float: left;
  font-size: 24px;
  color: #154575;
}
/* ==========================================================================
   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: #ffffff;
}
.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: 152px;
}
/* ==========================================================================
   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: #2273c3;
}
.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: #2273c3;
}
/* ==========================================================================
   Search input
========================================================================== */
.search-input .search-filter {
  background-color: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  color: #3d495c;
}
.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;
}
.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 #dadfe7;
}
#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 #dadfe7;
  z-index: 20;
  box-shadow: 2px 2px 4px #b6bfce;
}
.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: #d8e8f8;
}
.search-auto-completer li.selected-completion {
  background: #d8e8f8;
}
.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: #181d25;
}
.download-external-links-list {
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0;
}
.share-asset-button {
  background-image: url(/assets/20210731-0409/ctx//images/icons/share_gray_20.png);
}
.assetdetails.share-asset-button {
  background-image: url(/assets/20210731-0409/ctx//images/icons/share_white_20.png);
}
.box-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/box_navy_30.png);
}
.download-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/download_save.png);
}
.drive-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/google_drive_32.png);
}
.dropbox-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/dropbox_blue_30.png);
}
.embed-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/embed_gray_35.png);
}
.link-share-button {
  background-image: url(/assets/20210731-0409/ctx//images/social/link_gray_30.png);
}
@media (-webkit-min-device-pixel-ratio: 2) {
  .box-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/box_navy_60.png);
  }
  .download-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/download_save@2x.png);
  }
  .drive-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/google_drive_60.png);
  }
  .dropbox-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/dropbox_blue_60.png);
  }
  .embed-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/embed_gray_70.png);
  }
  .link-share-button {
    background-image: url(/assets/20210731-0409/ctx//images/social/link_gray_60.png);
  }
}
.ajax-loader-gray {
  background-image: url(/assets/20210731-0409/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: #edeff3;
  border: 1px solid #dadfe7;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #181d25;
  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 #dadfe7;
}
.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: #dadfe7 !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 {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  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: #3d495c;
}
#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 #dadfe7;
  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;
  -webkit-transition: max-height 0.5s;
  -moz-transition: max-height 0.5s;
  -o-transition: max-height 0.5s;
  transition: max-height 0.5s;
}
.share-alert {
  position: inherit !important;
}
#dropboxForm,
#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;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  -moz-transition: opacity 0.5s, visibility 0.5s;
  -ms-transition: opacity 0.5s, visibility 0.5s;
  -o-transition: opacity 0.5s, visibility 0.5s;
  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: -webkit-linear-gradient(left, #ffa500, #ffff00, #008000, #00ffff, #0000ff, #ee82ee);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #ffa500, #ffff00, #008000, #00ffff, #0000ff, #ee82ee);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #ffa500, #ffff00, #008000, #00ffff, #0000ff, #ee82ee);
  /* For Firefox 3.6 to 15 */
  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: #edeff3;
  border: 1px solid #b6bfce;
  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:hover,
.large-rectangular-tag i:hover {
  transform: scale(1.12);
}
.small-rectangular-tag i:active,
.large-rectangular-tag i:active {
  color: #2273c3;
}
.arrow-to-top {
  background: url(/assets/20210731-0409/ctx//images/arrow_to_top.png) 50% no-repeat;
  background-color: #b6bfce;
  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/20210731-0409/ctx//images/arrow_to_top@2x.png) 50% no-repeat;
    background-color: #b6bfce;
    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 #3d495c;
  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 #dadfe7;
  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;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 4px;
  height: 75px;
  width: 100%;
}
#playhead {
  background-color: #9a2513;
  height: 75px;
  pointer-events: none;
  width: 1px;
  z-index: 10;
}
.selectionBox.ui-resizable {
  background-color: #fffecd;
  border: 1px solid #ebac00;
  border-radius: 6px;
  height: 75px;
  position: absolute;
  opacity: 70;
  filter: alpha(opacity=7000);
  z-index: 9;
}
.my-video-clips.db {
  border: 1px solid #dadfe7;
  border-radius: 4px;
  margin-left: 15px;
}
.my-video-clips .dbc {
  background-color: #fff;
  border: 1px solid #dadfe7;
  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;
}
#assetDisplay .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: #edeff3;
  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: #3d495c;
  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 #181d25;
  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: #3d495c;
}
#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: #edeff3;
}
table.collectionThumbnails td {
  vertical-align: middle;
  text-align: center;
  height: 130px;
  width: 130px;
  background-color: #ffffff;
}
.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: #3d495c;
  width: 100%;
  z-index: 9999;
}
.uploadButtonsBar {
  bottom: 0;
  border-top: 1px solid #dadfe7;
  height: 55px;
}
.breadCrumbBar {
  padding-bottom: 1px;
  top: 0;
  border-bottom: 1px solid #dadfe7;
  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 #ffffff;
  height: 38px;
  padding: 0;
}
.uploadButtonsBar .innerBar {
  padding: 5px 20px;
  border-top: 1px solid #ffffff;
  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(61, 73, 92, 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;
}
#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: #181d25;
  display: block;
  font-weight: bold;
  line-height: 1.42857143;
  padding: 3px 20px;
  white-space: nowrap;
}
#wizardScreen .upload-drop-target {
  border: 1px solid #dadfe7;
  border-radius: 4px;
  background-color: #edeff3;
  color: #dadfe7;
  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: #dadfe7;
  color: #181d25;
  border-style: dashed;
  border-color: #b6bfce;
}
#wizardScreen .upload-drop-target.active .qq-upload-list-selector {
  background-color: #dadfe7;
}
#wizardScreen .upload-drop-target.error {
  border-color: #9a2513;
  background-color: #f7c3bb;
}
#wizardScreen .error .qq-upload-list-selector {
  background-color: #f7c3bb;
}
#wizardScreen .upload-profile-title {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: italic;
  font-weight: 400;
  color: #3d495c;
  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: #edeff3;
  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: #181d25;
  list-style: none;
  padding: 4px 0;
  clear: both;
  overflow: hidden;
}
#wizardScreen .qq-upload-list-selector .file-container.fail {
  color: #9a2513;
}
#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 #dadfe7;
  background-repeat: no-repeat;
}
#wizardScreen .ajaxUploaderDropzone {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBack.gif);
}
#wizardScreen .ajaxUploaderDropzoneChrome {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackChrome.gif);
}
#wizardScreen .ajaxUploaderDropzoneFF {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackFF.gif);
}
#wizardScreen .ajaxUploaderDropzoneSafari {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackSafari.gif);
}
#wizardScreen .ajaxUploaderDropzoneIE {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderDropzoneBackIE.gif);
}
#wizardScreen #ajaxUploaderFilelistNoDrop {
  background-image: url(/assets/20210731-0409/ctx//images/fileUploaderNoDropzoneBack.gif);
  border: 1px solid #dadfe7;
}
.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: #181d25;
  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: #2273c3;
  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: #2273c3;
}
.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: #bed9f4;
}
.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 {
  border-left: 4px solid #154575;
}
.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: 5px 0 3px 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: #181d25;
  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: 5px 0 3px 32px;
  color: #b6bfce;
  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: #181d25;
  text-decoration: none;
}
.nav-panel-list-item-movable .nav-panel-list-item-link {
  padding-left: 12px;
}
.material-reorder {
  color: #3d495c;
  cursor: move;
  padding-left: 5px;
}
.material-reorder:hover,
.material-reorder:focus {
  color: #3d495c;
}
.material-reorder:active {
  color: #2273c3;
}
.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/20210731-0409/ctx//images/admin/pin.svg);
  opacity: 1;
}
.nav-panel-icon-pin::after {
  background-image: url(/assets/20210731-0409/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/20210731-0409/ctx//images/admin/pin-selected.svg);
}
.nav-panel-collapsed .nav-panel-header .material-nav-panel-chevron {
  color: #3d495c;
  transform: rotate(180deg);
}
.nav-panel-collapsed .nav-panel-header .material-nav-panel-chevron:hover {
  color: #181d25;
}
.nav-panel-collapsed .nav-panel-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.roleProgress {
  height: 27px;
  width: 222px;
}
.roleProgress .ui-widget-content {
  background: #edeff3 50% top repeat-x;
  border: 1px solid #dadfe7;
  color: #181d25;
}
.roleProgress .ui-widget-header {
  font-family: Helvetica, Arial, Calibri, sans-serif;
  font-style: normal;
  font-weight: 700;
  background: #3d495c 50% 50% repeat-x;
  border: 1px solid #3d495c;
  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 #b6bfce;
  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;
}
DASHBOARD-WIDGETS ACTIVITIES-WIDGET:first-child .dashboard-section,
DASHBOARD-WIDGETS UPLOAD-WIDGET:first-child .dashboard-section {
  margin-top: 0;
}
.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 #ffffff;
  border-radius: 4px;
  -webkit-transition: 0s border-color;
  -moz-transition: 0s border-color;
  -ms-transition: 0s border-color;
  -o-transition: 0s border-color;
  transition: 0s border-color;
}
.dashboard-section:hover {
  border-color: #dadfe7;
  -webkit-transition-delay: 750ms;
  -moz-transition-delay: 750ms;
  -ms-transition-delay: 750ms;
  -o-transition-delay: 750ms;
  transition-delay: 750ms;
}
system-messages-widget .dashboard-inner-section {
  border-bottom: 1px solid #dadfe7;
  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: #181d25;
  display: none;
}
.dashboard-inner-section .glyphicon:hover {
  color: #3d495c;
}
.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: #bed9f4;
  border: 1px dashed #b6bfce;
  border-radius: 8px;
  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 */
}
/* 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: #181d25;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  color: #181d25;
  font-size: 14px !important;
  /* overrides normalize from patterns-style */
  margin-bottom: 15px;
  padding: 4px 8px 2px;
}
.form-control[readonly],
.form-control[disabled] {
  cursor: not-allowed;
  background-color: #edeff3;
}
.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: #edeff3;
  border: 1px solid #dadfe7;
  border-radius: 1px;
  box-shadow: none;
  color: #181d25;
  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[readonly],
.editable-wrap .editable-input[disabled] {
  cursor: not-allowed;
  background-color: #edeff3;
}
.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: #3d495c;
}
.editable-click:hover,
a.editable-click:hover {
  text-decoration: none;
  color: #3d495c;
  border-bottom-color: #3d495c;
}
.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: #9a2513;
  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;
}
#idpLargeLinkAboveLogin h2 {
  display: none;
}
.endmarker {
  color: #181d25;
}