:root {
  --html-track: #444444;
  --html-thumb: #aaaaaa;
  --default-text: #444444;
  --muted-text: #888888;
  --secondary-text: #616165;
  --dark-bg: #252525;
  --light-bg: #ffffff;
  --light-border: #e6e6e6;
  --light-hover: #efefef;
  --gray-border: #b1b1b1;
  --dark-border: #5e5e5e;
  --black-border: #444444;
  --scroll-track: #dfdfdf;
  --scroll-thumb: #666666;
  --raised-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.4),
    0px 0.5px 0.5px 0px rgba(255, 255, 255, 0.12) inset;
  --btn-radius: 0.25rem;
  --1px-dark: 1px solid var(--dark-border);
  --1px-light: 1px solid var(--light-border);
  --drop-border: rgb(154, 205, 50);
  --drop-active: rgba(154, 205, 50, 0.05);
  --drop-hover: rgba(154, 205, 50, 0.5);
  --focus-color: #80bdff;
  --pale-grey-black: #202835;
  --pale-grey-dark: #333e55;
  --pale-grey: #4d5d80;
  --pale-grey-light: #5f739e;
  --dodger-blue-dark: #1174d4;
  --dodger-blue: #3884fd;
  --vertical-height: 100vh;
  --height-ex-hf: calc(var(--vertical-height) - 122px);
  --nav-btn-height: 36px;
}
html.lighttheme {
  --html-track: #ffffff;
  --html-thumb: #aaaaaa;
  --scroll-track: #ffffff;
  --scroll-thumb: #cfcfcf;
  --raised-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
    0.25px 0.5px 0.5px 0px rgba(255, 255, 255, 0.4) inset;
}
html {
  scrollbar-width: thin;
  scrollbar-color: var(--html-thumb) var(--html-track);
}
html::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: var(--html-track);
}
html::-webkit-scrollbar-thumb {
  background: var(--html-thumb);
}
html::-webkit-scrollbar-track {
  background: var(--html-track);
}
body {
  font-size: 0.9rem;
  min-height: 100vh;
  height: 100%;
  background: var(--light-bg);
}
#application {
  --pad-left: 0px;
  min-height: var(--vertical-height);
  height: 100%;
  position: relative;
  padding-bottom: 31px;
}
#application:has(.pushcontent-open) {
  --pad-left: 347px;
}
#application:has(.entityNavBarContainer) {
  --height-ex-hf: calc(var(--vertical-height) - 175px);
}
.pickfromiframe {
  display: none;
}
#application.blockfind .openeditinline {
  display: none;
}
.pickerresults .pickfromiframe,
#application.blockfind .pickfromiframe {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  top: 50%;
  left: 50%;
  width: 50%;
  max-width: 60px;
  height: 50%;
  max-height: 60px;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  background: radial-gradient(var(--themed-btn-acc-active), transparent 80%);
  opacity: 0;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.pickerresults div:hover > .pickfromiframe,
.pickerresults .emgridcell:hover .pickfromiframe,
#application.blockfind div:hover > .pickfromiframe {
  opacity: 1;
}
#application.blockfind .emfolder-wrapper .pickfromiframe {
  display: none;
  pointer-events: none;
}
.pickerresults .pickfromiframe i.bi,
#application.blockfind .pickfromiframe i.bi {
  transition: all 0.2s ease-in-out;
  font-size: 0.85rem;
}
.pickerresults .pickfromiframe:hover i.bi,
#application.blockfind .pickfromiframe:hover i.bi {
  transform: scale(1.5);
}
.pickerresults .pickfromiframe span,
#application.blockfind .pickfromiframe span {
  font-size: 0.7rem;
  text-shadow: 0px 1px 1px rgb(0, 0, 0);
}
.pickerresults .emthumb-mask {
  display: none !important;
}
.pickerresults .emdialog.emcategory-edit {
  display: none !important;
}
.heightExcludingHeaderFooter {
  height: var(--height-ex-hf);
}
.heightExcludingHeaderFooter:has(.category-breadcrumb) .tableresults {
  height: calc(100% - 38px);
}
.basket-layout {
  height: var(--height-ex-hf);
}
.basket-layout .heightExcludingHeaderFooter {
  height: calc(100% - 36px);
}
.bi {
  transform: scale(1.2);
  display: inline-block;
}
.bi.ns {
  transform: scale(1);
  line-height: 1;
}
.bi.bi2 {
  transform: scale(1.6);
}
.bi.rl {
  transform: scale(1.2) rotate(90deg);
}
.bi.rr {
  transform: scale(1.2) rotate(270deg);
}
.bi-entity::before,
.bi-\$moduleicon::before,
.bi-\$module\.moduleicon::before,
.bi-media::before {
  content: "\f38b";
}
.bi-category::before,
.bi-collaboration::before {
  content: "\f3fc";
}
.bi-events::before,
.bi-event::before {
  content: "\f605";
}
.bi-programs::before {
  content: "\f2cc";
}
.bi-company::before {
  content: "\f1dd";
}
.bi-product::before {
  content: "\f155";
}
.bi-application-photoshop::before {
  content: "\f75b";
}
.bi-filetype-dita,
.bi-filetype-ditamap {
  content: "";
  color: inherit;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}
.bi-filetype-dita {
  background-image: url(../icons/bootstrap/dita.svg);
}
.bi-filetype-ditamap {
  background-image: url(../icons/bootstrap/ditamap.svg);
}
.h--36 {
  height: calc(100% - var(--nav-btn-height));
}
.hoverpreview {
  position: fixed;
  z-index: 1000000;
  padding: 0 4px;
  background-color: rgba(20, 20, 20, 0.95);
  color: #fff;
  border-top-right-radius: 4px;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  font-size: 10px;
}
.disabled-mask {
  position: relative;
}
.disabled-mask::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
  z-index: 100;
}
.deg-90 {
  transform: rotate(90deg);
}
.deg-n90 {
  transform: rotate(-90deg);
}
.fw-bold {
  font-weight: bold;
}
kbd {
  color: var(--default-text);
  background: #eeeeee;
}
.bi-x-lg {
  cursor: pointer;
}
.z-n1 {
  z-index: -1;
}
hr {
  border-color: var(--light-border);
}
.lighttheme hr {
  border-color: var(--light-border);
}
.form-control:focus {
  box-shadow: none;
}
input:focus,
button:focus,
textarea:focus,
input:focus-visible,
button:focus-visible,
textarea:focus-visible {
  outline: none;
}
.oeinputform .emfield-textarea textarea {
  width: 100%;
  border-color: var(--light-border);
  border-radius: var(--btn-radius);
}
input:not(.form-control):not([type="submit"]),
textarea:not(.form-control) {
  padding: 0.275rem 0.5rem;
  font-size: 0.9rem;
  border: var(--1px-light);
  border-radius: var(--btn-radius);
}
input:not(.form-control):focus,
textarea:not(.form-control):focus {
  border-color: var(--focus-color);
  outline: none;
  box-shadow: none;
}
input:not(.form-control):not([type="submit"]) {
  border: inherit;
}
input:not(.form-control):not([type="submit"]):focus {
  background-color: inherit;
}
textarea.form-control {
  min-height: 32px;
  line-height: 1.3rem;
}
input#submitbutton {
  min-width: 50px;
  text-transform: uppercase;
}
input[type="submit"],
button[type="submit"] {
  min-width: 100px;
}
#applicationcontent {
  min-height: calc(var(--vertical-height) - 32px);
}
.popupdetails {
  max-height: 200px;
  overflow: hidden;
}
.nav-btn-row {
  display: flex;
  align-items: center;
}
.form-submit-btns {
  background-color: rgba(255, 255, 255, 0.35);
}
.form-submit-btns.sticky {
  backdrop-filter: blur(2px);
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 1000;
  margin: 0;
  padding: 8px 8px 8px 20px;
  margin-left: -20px;
}
#themeeditor .form-submit-btns {
  padding: 8px;
  margin: 0;
}
.select2-dropdown {
  margin-top: -1px;
  border-color: var(--light-border);
}
.mw-auto {
  min-width: auto !important;
}
.popover {
  z-index: 100100;
}
.popover .popover-header {
  margin: 0;
}
.emfinderapp,
p.info {
  color: #444444;
}
.site-switcher {
  margin-left: 8px;
}
.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-nav-btn-hover);
}
.dropdown-noarrow::after {
  border: 0 none;
}
.site-switcher .dropdown-toggle::after {
  display: none;
}
.site-switcher button.btn:focus {
  box-shadow: none;
}
.btn-cta {
  color: var(--themed-btn-cta-text) !important;
  background-color: var(--themed-btn-cta) !important;
  font-size: 0.85rem !important;
  font-weight: 500;
}
.btn-cta i {
  color: var(--themed-btn-cta-text) !important;
}
.btn-cta:hover {
  background-color: var(--themed-btn-cta-hover) !important;
}
.btn-cta + .btn,
.btn-cta-sib {
  font-size: 0.9rem !important;
}
.icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.icon-btn i {
  font-size: 1.2rem;
  line-height: 1;
  transform: scale(1);
}
.icon-btn i:hover {
  color: #000;
}
.dropdown-menu {
  border-radius: 0.25rem;
  z-index: 100000;
}
.dropdown-menu.dropdown-menu-top {
  top: auto;
  bottom: 100%;
}
.dropdown-menu > :first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.dropdown-menu > :last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.dropright .dropdown-menu {
  margin-left: 0;
}
.site-switcher .dropdown-menu,
.site-switcher button {
  color: #ffffff;
  background: var(--themed-nav-btn);
  margin: 0;
}
.site-switcher.show .dropdown-menu,
.site-switcher.show button {
  color: #ffffff;
  background: #4d5d80;
}
.site-switcher a.dropdown-item {
  padding: 8px 12px;
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn);
}
.site-switcher a.dropdown-item:hover {
  background: var(--themed-nav-btn-hover);
}
.site-switcher a.dropdown-item:not(:last-child) {
  border-bottom: var(--1px-dark);
}
.lighttheme .site-switcher a.dropdown-item:not(:last-child) {
  border-bottom: var(--1px-light);
}
.alert-primary {
  background: rgba(0, 123, 255, 0.1) !important;
}
.alert-error,
.alert-save {
  display: flex;
  align-items: center;
  border-left: 8px solid #2ed573;
  background: #c3f3d7;
  color: #23ad5c;
  padding: 1.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  margin: 16px auto;
  width: 100%;
  max-width: 400px;
  min-height: 30px;
  position: fixed;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.2) 0px 3px 7px -3px;
  z-index: 100010;
  animation: slideUp 0.3s ease forwards;
}
.alert-error .bi,
.alert-save .bi {
  font-size: 1.2rem;
}
.alert-error .bi-info-circle-fill,
.alert-save .bi-check-circle-fill {
  margin-right: 8px;
}
.alert-error button,
.alert-save button {
  color: #23ad5c;
  border-radius: 50%;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  margin-left: auto;
}
.alert-error button:hover,
.alert-save button:hover {
  color: #2ed573;
}
.alert-error button:focus,
.alert-save button:focus {
  outline: none;
}
.alert-error {
  border-left: 8px solid #d52e2e;
  background: #f3c3c3;
  color: #ad2323;
}
.alert-error button {
  color: #ad2323;
}
.alert-error button:hover {
  color: #d52e2e;
}
.emheader .navlinks,
.emheader .dropdown-menu {
  background: var(--pale-grey-black);
  color: #ccc;
}
.emheader .navlinks li > a {
  color: #eee;
}
.emheader .nav-item li a:hover {
  color: #fff;
}
.emnav,
.table #tableheader,
#emcontainer #emselectable #tableheader,
.settings-table .tableheader th,
.settings-table #tableheader th,
.emsettingslist li.header,
.emsettingslist li.header:hover {
  background: #444444;
  color: #ffffff;
}
.emdata .tableheader {
  color: var(--default-text);
}
.entiytabhistory table.emdata {
  margin-bottom: 0;
  border: var(--1px-light);
}
.tableheader a,
#tableheader a {
  color: var(--default-text);
}
.tableheader a:hover,
#tableheader a:hover {
  color: var(--default-text);
}
.emnav .navtabs .navtabitem {
  color: #efefef;
  background: #8e8e8e;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.emnav .navtabitem:hover {
  background: #6e6e6e;
  color: #fff;
}
.emnav .navtabs li.navactive a.navtabitem {
  background: none;
  background: #d5d5d5;
  border-color: #999;
  color: var(--default-text);
}
.nav-collectionsearch {
  color: #d5d5d5;
}
.nav-collectionsearch {
  color: #fff;
}
.headerbookmarks a {
  color: #237c9c;
}
.headerbookmarks a:hover {
  color: #87ccd2;
}
.closemainsearch {
  cursor: pointer;
}
.btn-blue,
.navbar-quicksearch .input-group-addon a {
  color: #fff !important;
  background: #237c9c;
}
.btn-blue:hover,
.navbar-quicksearch .input-group-addon a:hover {
  background: #87ccd2;
  color: #5a5a5a !important;
}
#header a.btn-topnav.dropdown-toggle::after {
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
}
.emheader .navbar-toggler,
#header .navbar-toggler,
#header a.btn-topnav {
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn);
}
#header a.btn-topnav {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--btn-radius);
  font-size: 0.9rem;
  margin-left: 8px;
  padding: 0 0.75rem 0 0.75rem;
  z-index: 1;
}
.emheader .navbar-toggler:hover,
#header .navbar-toggler:hover,
#header a.btn-topnav:hover {
  background: var(--themed-nav-btn-hover);
  color: var(--themed-nav-btn-text);
}
.navbar-toggler-icon {
  font-size: 20px;
}
.btn-addentity {
  color: #237c9c;
}
.btn-addentity:hover {
  color: #87ccd2;
}
.filters-container {
  height: 72px;
  flex: 1;
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.filters-container .headersearchbar {
  flex: 1;
  text-align: right;
}
.card-header,
.card-body,
.list-group-item {
  color: var(--default-text);
}
.col-sidebar-header h2,
.sidebar-togglers-bar {
  background: var(--themed-sidebar);
  color: var(--themed-sidebar-text);
}
.lighttheme .sidebar-togglers-bar {
  border-right: var(--1px-light);
}
.lighttheme .col-sidebar-header h2 {
  border-bottom: var(--1px-light);
  background: var(--light-bg);
  color: var(--default-text);
}
.sidebar-toggler-hide {
  position: absolute;
  top: 0;
  right: -1px;
  padding-left: 2px;
  display: inline-block;
  width: 40px;
  height: 39px;
  line-height: 38px;
  text-align: center;
  color: var(--themed-btn-text);
  background: var(--themed-navbar-secondary);
  font-size: 1rem;
  opacity: 0.9;
  z-index: 1001;
}
.sidebar-toggler-hide:hover {
  opacity: 1;
  color: var(--themed-btn-text);
  background: var(--themed-btn-hover);
}
.lighttheme .sidebar-toggler-hide {
  right: 0;
  color: var(--default-text);
  background: var(--light-bg);
}
.lighttheme .sidebar-toggler-hide:hover {
  color: var(--default-text);
  background: var(--light-hover);
}
.emsubnav a {
  color: #d1d1d1;
}
.emsubnav a:hover {
  color: #fff;
}
select.form-control:focus {
  outline: none;
  box-shadow: none !important;
}
.resultsnavright,
.resultsnav {
  display: flex;
}
.resultsnavright li,
.resultsnav > li {
  height: var(--nav-btn-height);
  background: var(--themed-navbar-secondary);
  color: var(--themed-navbar-secondary-text);
  transition: all 0.2s ease-in-out;
}
.lighttheme .resultsnavright li,
.lighttheme .resultsnav > li {
  background: var(--light-bg);
  color: var(--default-text);
  border-color: var(--light-border);
}
.lighttheme .resultsnavright li:hover,
.lighttheme .resultsnav > li:hover {
  background: var(--light-hover);
}
ul.resultsnavright span.hint {
  padding: 0 10px;
  background: #444444;
  line-height: var(--nav-btn-height);
  border-right: 1px solid var(--black-border);
}
ul.resultsnavright li,
ul.resultsnav > li {
  border-right: var(--1px-dark);
}
.lighttheme .resultsnavright li,
.lighttheme .resultsnav > li {
  border-right: var(--1px-light);
}
.dropdown-menu > .dropdown-item,
.resultsnav .dropdown li {
  cursor: pointer;
  border-bottom: var(--1px-dark);
}
.lighttheme .dropdown-menu > .dropdown-item,
.lighttheme .resultsnav .dropdown li {
  border-bottom: var(--1px-light);
}
.dropdown-menu > .dropdown-item:last-child,
.resultsnav .dropdown li:last-child {
  border-bottom: none !important;
}
ul.resultsnavright li > a,
ul.resultsnav li > a {
  color: #fff;
}
.lighttheme ul.resultsnavright > li > a i,
.lighttheme ul.resultsnav > li > a i {
  color: var(--default-text);
}
ul.resultsnav select.form-control,
ul.resultsnavright select.form-control,
ul.summary-secondary-nav select.form-control {
  height: var(--nav-btn-height) !important;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0 !important;
  background: var(--themed-navbar-secondary);
  color: var(--themed-navbar-secondary-text) !important;
  border-left: 2px solid var(--themed-navbar-secondary);
  border-right: 4px solid var(--themed-navbar-secondary);
}
.lighttheme ul.resultsnav select.form-control,
.lighttheme ul.resultsnavright select.form-control,
.lighttheme ul.summary-secondary-nav select.form-control {
  background: var(--light-bg);
  color: var(--default-text) !important;
  border-color: var(--light-bg);
}
ul.summary-secondary-nav .select2,
ul.summary-secondary-nav .select2-container--default .select2-selection--single,
ul.summary-secondary-nav
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
ul.summary-secondary-nav
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  border: none;
  background: var(--pale-grey) !important;
  color: #fff !important;
  height: calc(var(--nav-btn-height) - 1px);
  line-height: var(--nav-btn-height);
}
.select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  height: calc(var(--nav-btn-height) - 6px);
}
ul.summary-secondary-nav
  .select2-container--default:hover
  .select2-selection--single
  .select2-selection__rendered,
ul.summary-secondary-nav
  .select2-container--default:hover
  .select2-selection--single
  .select2-selection__arrow {
  background: #444444 !important;
}
ul.resultsnavright
  li
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
ul.summary-secondary-nav
  li
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: var(--themed-navbar-secondary-text) transparent transparent
    transparent;
  border-width: 5px 4px 0 4px;
}
.lighttheme
  ul.resultsnavright
  li
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b,
.lighttheme
  ul.summary-secondary-nav
  li
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: var(--default-text) transparent transparent transparent;
}
li.subnav-dropdown {
  display: flex;
  align-items: center;
  height: var(--nav-btn-height);
  background: var(--pale-grey);
}
ul.resultsnavright li .select2-container--default .select2-selection--single {
  border-color: transparent;
  background: transparent;
}
.lighttheme
  ul.resultsnavright
  li
  .select2-container--default
  .select2-selection--single {
  border-color: transparent;
  background: transparent;
}
ul.resultsnavright
  li
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: inherit;
}
.s2h
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  height: var(--nav-btn-height);
  line-height: var(--nav-btn-height) !important;
}
.s2h .select2-container--default {
  border-right: var(--1px-light);
}
.emsubnav li .dropdown-menu,
.resultsnav li.dropdown:hover,
.resultsnav .nav-li:hover,
.resultsnav .dropdown-item:focus {
  background: var(--themed-navbar-secondary);
  color: #fff;
}
.emsubnav .resultsnav li.dropdown:hover a.nav-link {
  color: #fff;
}
.resultsnav .dropdown-menu {
  border: 0 none;
  border-radius: 0;
}
.resultsnav .dropdown-submenu:hover a.dropdown-toggle,
.resultsnav .dropdown-item:hover {
  background: #666666;
  color: #fff;
}
.col-sidebar-detaileditor {
  background: #edf0f1;
  box-shadow: -1px 0 0 #d8dddf inset;
}
.collectionshomecontent,
.createmediapanelX,
.main-info,
.col-sidebar,
.results-header,
.collection-header {
  background: var(--light-bg);
}
.ui-widget-header a,
.ui-widget-header a:visited,
.ui-widget-header-actions a {
  color: #555;
}
.ui-widget-header a:hover,
.ui-widget-header-actions a:hover {
  color: var(--default-text);
}
.ui-widget-header .dropdown-menu a {
  color: var(--default-text);
}
.ui-widget-header .dropdown-menu a:hover,
.ui-widget-header .dropdown-item:hover {
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
}
.settingslayout .col-settingssidebar {
  position: absolute;
  background: #333;
  padding: 20px;
  width: 240px;
}
.sidebar-list li {
  background: var(--light-bg);
  border-bottom: var(--1px-light);
  line-height: 2;
}
.sidebar-list a {
  display: block;
  color: var(--default-text);
  padding: 4px 8px;
}
.sidebar-list a:hover {
  color: var(--default-text);
  text-decoration: none;
  background: var(--light-hover);
}
.sidebar-list li.current a {
  color: var(--default-text);
  font-weight: bold;
  background: var(--light-hover);
}
.sidebar-list li.current a::before {
  content: "\F231";
  margin-right: 2px;
  font-family: bootstrap-icons !important;
  vertical-align: -0.125em;
  line-height: 1;
  font-size: 14px;
  color: #888888;
}
.sidebar-list li.current a.action::before {
  content: "";
  display: none;
}
.col-settings .ui-widget-header .dropdown-menu {
  border-radius: 0;
  width: 80%;
}
.col-settings .ui-widget-header .dropdown-item {
  background: #232323;
  border-bottom: 1px solid var(--black-border);
  font-size: 1rem;
  line-height: 1.5;
}
.asset-menu li a {
  color: #626b7a;
}
a.edit-table-header {
  margin-left: 4px;
  margin-top: 2px;
  border-radius: 4px;
}
a.edit-table-header:hover {
  background: var(--pale-grey);
}
.edit-icon {
  color: #666;
}
.edit-icon:hover {
  color: var(--default-text);
}
.emresultstable th {
  color: var(--themed-th-text);
  font-weight: bold;
}
.btn-primary,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background: var(--themed-btn);
  border-color: var(--themed-btn);
}
.btn-primary:hover {
  background: var(--themed-btn-hover);
  border-color: var(--themed-btn-hover);
}
.btn:focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus,
.btn-primary.focus {
  outline: 0;
  box-shadow: none;
}
.btn-secondary {
  color: var(--themed-btn-sec-text);
  background: var(--themed-btn-sec);
  border-color: var(--themed-btn-sec);
}
.btn-secondary:hover {
  color: var(--themed-btn-sec-text);
  background: var(--themed-btn-sec-hover);
  border-color: var(--themed-btn-sec-hover);
}
.text-warning {
  color: #e6ac00;
}
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
}
.btn-light {
  color: var(--default-text);
  background: #eee;
  border-color: #ddd;
}
.badge-primary {
  background: #333;
  color: #efefef;
}
.badge-primary:hover,
.badge-primary[href]:focus,
.badge-primary[href]:hover {
  background: var(--light-bg);
  color: var(--default-text);
}
.badge-light {
  color: var(--default-text);
  white-space: normal;
  background: #ededed;
}
.badge-secondary {
  background: #c6c6c6;
  color: var(--default-text);
}
.hyphenate {
  word-break: break-word;
}
.hyphenate-bg {
  padding: 1rem;
  background: #e6e6e6;
}
#sub-nav .resultpages:hover {
  background-color: transparent !important;
}
.emtabs li a,
#eml-tab-subnav ul li a {
  background: var(--themed-tab-btn);
  color: var(--themed-tab-btn-text);
}
#eml-tab-subnav ul li a {
  border-right: 1px solid var(--themed-tab-btn-hover);
  height: 42px;
}
.lighttheme #eml-tab-subnav ul li a {
  height: 41px;
}
.lighttheme .assetpanel-container #eml-tab-subnav {
  border-top: var(--1px-light);
}
#eml-tab-subnav ul li.subnavrightitem a {
  border-right: 0 none;
  border-left: var(--1px-light);
}
#unselectall {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 4px 8px;
  background: rgba(255, 80, 80, 0.1);
}
#unselectall i {
  font-size: 1rem;
}
.emtabs li a:hover,
#eml-tab-subnav ul li a:hover {
  background: var(--themed-tab-btn-hover);
  text-decoration: none;
}
.lighttheme .emtabs li a:hover,
#eml-tab-subnav ul li.current a:hover,
.lighttheme #eml-tab-subnav ul li a:hover {
  background: var(--themed-tab-btn-active);
}
.emtabs li.emtabselected a {
  color: var(--default-text);
  background: #d5d5d5;
}
#eml-tab-subnav li.current a {
  color: var(--themed-tab-btn-active-text);
  background: var(--themed-tab-btn-active);
  font-weight: bold;
}
#eml-tab-subnav li.current a:hover {
  color: var(--themed-tab-btn-active-text);
}
.assetpanel-editor #eml-tab-subnav {
  top: 44px;
  border-bottom: var(--1px-light);
}
.assetpanel-editor #eml-tab-subnav ul li a {
  background: var(--themed-tab-btn);
  color: var(--themed-tab-btn-text);
}
.assetpanel-editor #eml-tab-subnav ul li a {
  border-right: 1px solid var(--themed-tab-btn-hover);
}
.assetpanel-editor #eml-tab-subnav ul li a:hover {
  background: var(--themed-tab-btn-hover);
}
.assetpanel-editor #eml-tab-subnav li.current a,
.assetpanel-editor #eml-tab-subnav li.current a:hover {
  background: var(--themed-tab-btn-active);
  color: var(--themed-tab-btn-active-text);
}
.assetpanel-editor .emselectable {
  border-top: none;
  border-bottom: var(--1px-light);
}
.assetpanel-editor table.emdata {
  margin: 0;
}
.assetpanel-editor p.info {
  margin: 12px 0;
}
#collection-tab-content .tab-paneX {
  background: #d5d5d5;
}
.table-striped tbody {
  background: var(--light-bg);
}
table.table-striped tbody td {
  border-top: 1px solid var(--light-hover);
  border-bottom: 0 none;
}
ul.list-group.list-group-striped li:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) {
  background: var(--themed-td-stripe);
}
#emselectable table tbody tr:nth-of-type(even) {
  background: var(--themed-td-stripe);
}
#emselectable table tbody tr:nth-of-type(even):hover {
  background: var(--themed-td);
}
.table .trdisabled,
.table-hover tbody tr.trdisabled:hover {
  color: #b70000;
}
tr.emborderhover td,
.table-hover tbody tr:hover,
.search-list li.current a.search-href,
.search-list li:hover,
.filters-sidebar li:hover,
.filters-sidebar-selected li:hover,
.list-hover:hover,
ul.list-group.list-group-hover li:hover,
.emresultstable .emrowselected,
.treerow:hover,
.table-striped tr.emrowselected:nth-of-type(odd),
.category-search .current,
.category-search .auto-active-row:hover,
.categorypath:hover,
.uploadcollection,
.downloads-sidebar-list li:hover,
a.categorypathlink:hover,
.version-list-current {
  background: rgb(215, 215, 215, 0.25) !important;
  color: var(--default-text);
}
.emsettingslist li.current {
  color: var(--themed-btn-cta-text);
  background-color: var(--themed-btn-cta-hover);
}
.emsettingslist li.current:hover {
  background-color: var(--themed-btn-cta);
}
.sidebar-list li:last-child {
  border-bottom: none;
}
.sidebar-list li.current,
.col-settings .sidebar-list li.current,
.auto-active-container li.current a,
.auto-active-container li.current,
.auto-active-container li.current h3 {
  font-weight: bold;
}
.auto-active-container {
  overflow-x: hidden;
}
.emsettingslist li.nohover,
.emsettingslist li.nohover:hover {
  background: var(--light-bg) !important;
}
#footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--themed-footer);
  height: 32px;
  width: 100%;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 0;
  z-index: 9999;
}
.lighttheme #footer {
  border-top: var(--1px-light);
}
.footer-p {
  font-size: 0.8rem;
  padding: 0 16px;
  margin: 0;
  text-align: right;
  line-height: 1;
  color: var(--themed-footer-text);
}
.footer-p a {
  color: var(--themed-footer-text);
}
.footer-p a:hover {
  color: #eee;
  text-decoration: underline;
}
.entity-navbar {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.entity-navbar li {
  padding: 0 3px;
  display: flex;
  flex-direction: row;
  list-style: none;
  margin-bottom: 4px;
}
.entity-navbar li a {
  color: var(--themed-nav-btn-text);
  padding: 6px 14px;
  font-size: 1.2em;
  text-align: center;
  background: var(--themed-nav-btn);
  border-radius: var(--btn-radius);
}
.entity-navbar li a:hover {
  text-decoration: none;
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn-hover);
}
.entity-navbar li a.active {
  color: var(--themed-nav-btn-active-text);
  background: var(--themed-btn-cta);
  /* border-bottom-left-radius: 0; */
  /* border-bottom-right-radius: 0; */
  /* padding: 4px 14px; */
  /* border-bottom: 4px solid var(--themed-btn-cta); */
}
.lighttheme .entity-navbar li a.active {
  /* border: var(--1px-light); */
  box-shadow: 0px 0px 2px rgb(179 255 210);
  background: var(--themed-btn-cta);
  color: var(--themed-btn-cta-text);
  font-weight: 500;
}
.entity-navbar li a.active:hover {
  background: var(--themed-btn-cta-hover);
}
.lighttheme .entity-navbar li a.active:hover {
  background: var(--themed-btn-cta-hover);
}
.entity-navbar li a:hover:not(.active) {
  background: var(--themed-nav-btn-hover);
}
.entity-navbar li.settingslinkmenu a {
  color: #ffffff;
  border: 1px solid transparent;
}
.entity-navbar li.settingslinkmenu a:hover {
  color: #ffffff;
  border: 1px solid var(--black-border);
  border-bottom: 1px solid var(--black-border);
}
.entity-navbar-sub-container {
  background: var(--pale-grey-dark);
}
.entity-navbar-sub {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.95em;
}
.entity-navbar-sub li {
  padding: 2px 20px 10px;
  display: flex;
  flex-direction: row;
  list-style: none;
  float: left;
  margin-bottom: -1px;
}
.entity-navbar-sub li a {
  color: #7f7f7f;
  padding: 4px 6px 2px;
  font-size: 1.2em;
  text-align: center;
  border: 1px solid transparent;
}
.entity-navbar-sub li a.active,
.entity-navbar-sub li a:hover {
  text-decoration: none;
  color: #fff;
  border-bottom: var(--1px-light);
}
.entity-navbar li a i,
.entity-navbar-sub li a i {
  font-size: 0.85em;
}
.topmodulecontainer,
.emsubnav {
  border-bottom: var(--1px-light);
  background: var(--themed-navbar-secondary);
}
.lighttheme .topmodulecontainer,
.lighttheme .emsubnav {
  border-color: var(--light-border);
}
.lighttheme .topmodulecontainer,
.lighttheme .settingslayout,
.lighttheme .entityNavBarContainer + .editdiv,
.lighttheme .entityNavBarContainer + .emsubnav,
.lighttheme .entityNavBarContainer + #eml-tab-subnav {
  border-top: var(--1px-light);
}
.lighttheme .emsubnav {
  background: var(--light-bg);
}
.modulesearchtopcontainer {
  background: transparent;
}
.entitynavsubmenu .emsubnav {
  background: var(--pale-grey);
}
.entity-action-header {
  display: flex;
  align-items: center;
  padding: 4px;
  border-bottom: var(--1px-light);
}
.lighttheme .entity-action-header {
  color: var(--default-text);
  background-color: #f7f7f7;
}
.entity-action-header h3 {
  font-size: 1.1rem;
  margin: 0 auto 0 4px;
}
.entity-action-header a {
  border-left: 1px solid var(--themed-btn-acc-hover);
}
.filtered {
  font-size: 1.1rem;
  line-height: 1.1;
}
.filtered .badge {
  margin: 0 5px;
  font-size: 0.8rem;
  padding: 0.35em 0.8em 0.15em 0.8em;
  border-radius: 0.15rem;
}
.emgrid-box .filtered .badge:hover {
  color: #fff;
}
.emgrid-box .filtered .badge .fas {
  font-size: 0.85em;
}
.filtered {
  text-align: left;
  padding: 0 15px;
}
.filtered .btn-xs {
  font-size: 0.8rem;
  font-weight: 700;
  border-radius: 0.15em;
  margin: 1px;
}
.filtered .btn-xs .fas {
  font-size: 0.85em;
}
.filtered-breadcrumb {
  display: inline-block;
  color: var(--themed-navbar-secondary-text);
}
.lighttheme .filtered-breadcrumb {
  color: var(--default-text);
}
.filtered-breadcrumb a {
  color: var(--themed-btn-text);
  font-weight: bold;
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
}
.lighttheme .filtered-breadcrumb a {
  color: var(--themed-btn);
  font-weight: normal;
}
.filtered-breadcrumb .currentcategory {
  display: inline-block;
}
.filtered-breadcrumb a:hover {
  color: var(--themed-btn-acc-hover);
  border-bottom: var(--1px-light);
}
.lighttheme .filtered-breadcrumb a:hover {
  color: var(--themed-btn-hover);
}
.emgrid-box .filtered-breadcrumb {
  color: var(--default-text);
  font-size: 1.1rem;
}
.emgrid-box .filtered-breadcrumb a {
  color: var(--default-text);
  border-bottom: 1px solid transparent;
}
.emgrid-box .filtered-breadcrumb .currentcategory {
  color: var(--default-text);
}
.emgrid-box .filtered-breadcrumb a:hover {
  color: var(--default-text);
  border-bottom: 1px solid var(--black-border);
}
.uploadto-breadcrumb a {
  color: #666;
  display: inline-block;
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
}
.uploadto-breadcrumb .currentcategory {
  color: var(--default-text);
  display: inline-block;
}
.uploadto-breadcrumb a:hover {
  color: var(--default-text);
  border-bottom: var(--1px-light);
}
.search-term {
  padding: 2px 12px;
  border-radius: 16px;
  border: var(--1px-light);
}
.search-term a {
  display: inline-block;
}
.filter-search {
  height: 100%;
  outline: none;
  border: none;
  font-size: 0.9rem;
  color: var(--pale-grey);
}
.category-entities-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.category-entity {
  display: inline-block;
  color: var(--default-text);
  font-size: 0.9rem;
  margin: 4px;
}
.category-entity a {
  color: var(--default-text);
  display: inline !important;
  padding: 2px 6px !important;
  white-space: normal !important;
  border-radius: 0.2rem;
  background: rgba(100, 100, 100, 0.25);
  line-height: 24px !important;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.category-entity a:hover {
  background: rgba(80, 80, 80, 0.35);
}
.searchterm {
  color: #fff;
  font-weight: 600;
}
.childcategorieslist {
  padding: 1px 20px 10px;
}
.childcategorieslist a {
  color: #b1b1b1;
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  max-width: 280px;
  display: inline-block;
  position: relative;
}
.childcategorieslist a i {
  position: absolute;
  top: 2px;
}
.childcategorieslist a span {
  max-width: 250px;
  margin-left: 22px;
  max-height: 32px;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.childcategorieslist a:hover {
  color: #fff;
  border-bottom: var(--1px-light);
}
.btn-dark {
  font-size: 0.9em;
  padding: 2px 8px;
  text-transform: none;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #252525;
  border-color: #252525;
  box-shadow: var(--raised-shadow);
}
.btn-dark:hover {
  color: #fff;
  background: none;
  background: #262626;
  border-color: #777;
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #252525;
  border-color: #252525;
}
.finderlargeareaX {
  margin-top: 90px;
}
.nopermissions {
  padding: 50px 20%;
}
a {
  outline: 0;
}
a {
  color: var(--default-text);
  text-decoration: none;
}
a:hover {
  color: var(--default-text);
  text-decoration: none;
}
a:hover,
a:active,
a:focus {
  outline: 0;
}
.darktext a {
  color: var(--default-text);
}
.darktext a:hover {
  color: #eee;
}
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
.hr2 {
  margin: 2rem 0;
}
h3 {
  font-size: 1.4rem;
  margin-top: 20px;
}
h4 {
  font-size: 1.2rem;
  margin-top: 20px;
}
h5 {
  font-size: 1.01rem;
  margin: 0;
}
.btn {
  cursor: pointer;
  padding: 0.275rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.65;
  border-radius: var(--btn-radius);
  min-height: 2rem;
}
.btn.disabled,
.btn:disabled {
  cursor: not-allowed;
}
.btn-sm {
  min-height: 1.7rem;
  line-height: 1.2;
  font-size: 0.7rem;
  border-radius: 0.15rem;
}
.btn-xs {
  min-height: 1.5rem;
  padding: 0.25rem 0.35rem;
  font-size: 0.725rem;
  font-weight: normal;
  line-height: 1;
  border-radius: 0.15rem;
}
.btn-xxs {
  padding: 0.1rem 0.2rem;
  font-size: 0.725rem;
  font-weight: normal;
  line-height: 1.1;
}
.btn-primary,
.btn-warning {
  color: var(--themed-btn-text) !important;
}
.btn-danger {
  color: #a30000 !important;
  background: #ffdacd;
  border-color: #ffdacd;
}
.btn-danger:hover {
  color: #a30000;
  background: #ffc7b3;
  border-color: #ffc7b3;
}
.btn-primary,
.btn-warning,
.btn-danger,
.btn-accent:not(.rounded-0),
.btn-brand,
.form-control {
  border-radius: var(--btn-radius) !important;
}
.btn-lg {
  font-size: 0.9rem;
}
.badge {
  font-size: 0.86rem;
}
.badge:hover {
  text-decoration: none;
}
.badge-categories,
.badge-tags {
  white-space: normal;
  text-wrap: balance;
  line-height: 1;
  padding: 0.3em 0.6em;
  margin-bottom: 5px;
}
.clearfix {
  clear: both;
}
.form-control {
  padding: 0.275rem 0.3rem;
  font-size: 0.9rem;
  line-height: 1.3;
  /* height: calc(1.5rem + 0.5rem); */
  border-radius: 0;
  border-color: var(--light-border);
}
.select2-container--default .select2-selection--multiple {
  border-radius: var(--btn-radius);
}
.select2-container--default .select2-selection--single {
  border-radius: var(--btn-radius);
  height: 32px;
}
.form-check {
  height: calc(1rem + 0.5rem);
}
.input-group-text {
  padding: 0.15rem 0.75rem;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.form-check-label-right {
  padding: 0 25px 0 0;
}
.form-check-label-left {
  padding: 0 0 0 25px;
}
.btn-file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
select.form-control-sm:not([size]):not([multiple]) {
  height: 1.7rem;
  padding: 0.175rem 0.75rem;
  line-height: 1.1;
}
select.form-control-sm2:not([size]):not([multiple]) {
  height: 1.5rem;
  padding: 0 0.5rem;
  line-height: 0.9;
}
select.form-control-sm + .select2-container {
  width: 200px !important;
}
.input-group-addon {
  padding: 0;
}
.input-group-addon a {
  display: block;
  padding: 0.25rem 0.5rem;
}
.inlineform .btn-sm {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  vertical-align: inherit;
}
.border {
  border: var(--1px-light) !important;
}
.resultsnavitem {
  display: flex;
  align-items: center;
}
.resultsnavitem select {
  font-size: 0.9rem;
}
a.reset-columns {
  background: var(--pale-grey-light);
  display: inline-block;
  padding: 0 8px;
  margin: 0 8px;
  font-size: 12px;
  height: 20px !important;
  border-radius: 10px;
  line-height: 20px !important;
}
a.reset-columns:hover {
  background: #8090b3;
}
.resultsnavitem .select2 {
  height: var(--nav-btn-height);
}
.resultsnavitem .select2 .selection {
  width: 100%;
  height: 100%;
  display: inline-block;
}
.resultsnavitem .select2-container--default .select2-selection--single {
  height: var(--nav-btn-height);
}
.resultpages .select2-container--default .select2-selection--single {
  height: calc(1.35rem + 2px) !important;
}
.resultsnavitem
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered,
.resultpages
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 33px;
}
.resultsnavitem
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow,
.resultpages
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 22px;
  top: 8px;
}
.form-control-sm,
.form-control-sm2 {
  width: 200px;
  margin-right: 10px;
  display: inline-block;
  height: calc(1.8rem);
  padding: 0.215rem 0.35rem;
  font-size: 0.9rem;
}
.form-control-md {
  width: 400px;
  margin-right: 10px;
  display: inline-block;
  height: calc(1.8rem);
  padding: 0.215rem 0.35rem;
  font-size: 0.9rem;
}
.form-control.datepicker {
  width: 156px;
  display: inline-block;
  border: var(--1px-light);
  padding: 0.25rem 0.5rem;
}
.emsearchcomponent-datesearch .form-component-datasearch-operation,
.emsearchcomponent-datesearch .datepicker {
  margin-bottom: 5px;
}
.datepicker:focus {
  border: 1px solid var(--focus-color);
  outline: none;
}
.tooltip {
  position: relative;
  opacity: 1;
  z-index: auto;
  line-height: normal;
}
.modal {
  backdrop-filter: blur(5px);
  z-index: 99999;
  background: rgba(0, 0, 0, 0.25);
}
.modal-backdrop.show {
  opacity: 0.4;
}
.modal-backdrop {
  z-index: 99998;
  background-color: #cadeff;
}
#confirmationmodal.modal {
  z-index: 100100;
}
#dialogpickerassetpicker.modal .modal-body {
  padding: 0px;
  border-radius: 0.3rem;
  overflow: hidden;
}
.modal-title {
  display: inline-block;
  font-weight: bold;
}
#exitConfirmationModal {
  z-index: 100100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  display: none;
  align-items: center;
  justify-content: center;
}
#exitConfirmationModal .exit-modal-body {
  width: 100%;
  max-width: 400px;
}
.dropup .dropdown-menu {
  margin-bottom: 0;
}
.dropdown-menu {
  padding: 0;
  font-size: 0.9rem;
  margin-top: 0;
  background: var(--themed-nav-btn);
}
.dropdown-submenu {
  position: relative;
}
.dropdown-item {
  padding: 0.25rem 1rem;
  color: var(--themed-nav-btn-text);
}
.dropdown-item:hover {
  background: var(--themed-nav-btn-hover);
}
.dropdown-item-icon {
  padding-right: 5px;
  font-size: 0.8em;
}
.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 1.2em;
  vertical-align: 0.4em;
  border-top: 0.4em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: 0.4em solid transparent;
}
.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
.dropdown-toggle::after {
  vertical-align: 0.1em;
}
#emfooter {
  bottom: 0;
  left: 0;
  right: 0;
}
.table td,
.table th {
  vertical-align: middle;
}
.resultsdivdata {
  cursor: pointer;
}
.emselectablemodule {
  width: 100%;
}
.emselectable {
  width: 100%;
  /*border-top: var(--1px-light);*/
}
.emselectable.datamanagertable {
  border-right: var(--1px-light);
}
.emselectable .table-striped,
.emselectablemodule .table-striped {
  margin-bottom: 0;
  border: var(--1px-light);
}
#datamanagerpages {
  border: var(--1px-light);
  border-top: none;
}
select + .select2-container {
  width: 100% !important;
}
.select2-results__options li {
  float: none !important;
  color: var(--default-text);
}
.assetpanel-container {
  z-index: 10001;
}
.asset-panel-settings {
  height: 100%;
  padding: 8px;
}
.lighttheme .asset-panel-settings {
  padding: 8px 0 0;
}
.modal.show .select2-container,
#main-media-container .select2-container {
  z-index: 25005;
}
.assetpanel-container .select2-container--open {
  z-index: 10003;
}
.emnotify {
  position: absolute;
  text-align: center;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 2rem;
  font-weight: bold;
}
.emnotify.dragcount {
  background: rgba(0, 0, 0, 0.15);
  color: white;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
}
.lightboxnavbtn .emnotify {
  height: 50px;
  line-height: 40px;
  width: 50px;
  border-radius: 25px;
  font-size: 1.2rem;
  color: white;
  background: radial-gradient(circle, #378637 10%, rgba(255, 0, 0, 0) 70%);
  backdrop-filter: blur(1px);
}
.emtree .fader.emnotify {
  top: 0;
  right: 4px;
  font-size: 0.9rem;
  padding: 1px 5px 0;
  height: 24px;
  background: #378637;
  color: #ffffff;
}
#applicationmaincontent {
  min-height: 100%;
}
#application #emcontainer {
  padding: 0;
  overflow: hidden;
}
.emheader {
  z-index: 302;
  position: sticky;
  top: 1px;
}
.emheader .navbar {
  padding: 0;
}
.emheader .navbar-toggler {
  padding: 0.15rem 0.5rem;
  font-size: 1rem;
  margin: 0px 0;
  right: 0;
  top: 0;
  position: absolute;
  z-index: 1001;
}
.emheader .navbar-collapse.show .dropdown-menu {
  background: transparent;
  border: 0 none;
  padding: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.emheader .navbar-collapse.show .dropdown-item {
  border-bottom: var(--1px-light);
  color: #fff;
}
.emheader .navlinks {
  z-index: 101;
}
.emheader .navlinks > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.emheader .navlinks > ul li.nav-first-item {
  border: 0 none;
}
.emheader ul.dropdown-menu li {
  float: none;
}
.emheader .navlinks li > a {
  position: relative;
  padding: 0 15px;
  display: block;
  height: 24px;
  font-size: 0.9rem;
}
.emheader .navlinks li > a:hover {
  text-decoration: none;
}
.emheader .navlinks .dropdown-menu {
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 102;
  border-radius: 0;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  overflow: hidden;
}
.emheader .navlinks .dropdown-item {
  padding: 0.45rem 1rem;
}
.navbar-nav {
  padding: 0;
  margin: 0 0;
  display: block;
  background: var(--pale-grey-black);
}
.navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
  padding: 0.5rem 1rem;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    display: contents !important;
  }
}
.navbar .form-inline {
  margin-right: 2em;
}
@media (max-width: 992px) {
  .navbar .form-inline {
    text-align: center;
    display: block;
  }
}
.navbar-dark .navbar-nav .show > .nav-link {
  color: #bbb;
}
.navbar-dark .navbar-nav .show > .nav-link:hover {
  color: #fff;
}
.navbar-nav .dropdown-menu {
  border: 0 none;
}
.navbar-nav .dropdown-menu .nav-link {
  padding: 0.5rem 1.5rem;
}
.navbar-nav .dropdown-menu .nav-link:hover {
  background: rgb(0, 0, 0, 0.2);
}
.emheader .navbar {
  position: absolute;
  top: 22px;
  right: 0;
  margin: 15px 15px;
}
.emheader .navbar {
  background: var(--pale-grey-black) !important;
}
.emheader .navbar .collapse {
  width: 100%;
}
.emheader .navbar .collapse.show {
  border: 1px solid var(--black-border);
  z-index: 999;
  position: absolute;
  width: 220px;
  top: 0;
  right: 0;
}
.mediacenterheader .logocontainer {
  height: 90px;
  display: flex;
  align-items: center;
}
.logocontainer h1 {
  float: left;
  font-size: 1.4rem;
  line-height: 40px;
  margin: 0;
  padding-left: 10px;
}
.logoimg {
  object-fit: contain;
}
.logocontainer .emlogo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  max-height: 100%;
}
.logocontainer .logo {
  float: left;
}
.logocontainer a {
  display: flex;
  color: var(--default-text);
  text-align: center;
}
.logocontainer a:hover {
  text-decoration: none;
}
.emlogo span {
  display: inline-block;
}
.emlogo {
  font-size: 1.6rem;
}
.emlogo-custom img,
.emlogo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.addmediacontainer {
  float: left;
  padding: 18px 15px 0;
}
.btn-addmedia {
  background: var(--light-bg);
  color: var(--default-text) !important;
  font-size: 1rem;
  line-height: 1.2rem;
}
.btn-addmedia:hover {
  background: #ddd;
}
.btn-addmedia i {
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .emheader-right {
    float: right;
  }
  #header .nav-item {
    float: left;
    padding: 0;
    border: 0 none;
    font-size: 1.1em;
    line-height: 2.4;
  }
}
#headerstatusarea.alert {
  position: absolute;
  right: 10px;
  bottom: 0;
  min-width: 200px;
  min-height: 34px;
  padding: 0.5rem 1.25rem;
  margin: 0;
}
.mediaappcontent {
  width: 100%;
  height: 100%;
}
html {
  min-height: 100%;
}
#emcontent {
  height: 100%;
  min-height: 100%;
}
.mainlayoutcontainerX {
  position: relative;
}
.cols-main {
  width: 100%;
}
.col-main {
  position: relative;
}
.col-sidebars-sticky {
  position: sticky;
  top: 0;
  bottom: 0;
  z-index: 1001;
}
.col-sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -80%;
  display: block !important;
  width: 80%;
  height: 100%;
}
.col-content {
  min-height: 200px;
  position: relative;
}
.col-content-main {
  transition: 0.2s;
  margin: 0 0 0 32px;
  height: 100%;
}
.mediaappcontent .col-content-main {
  margin-top: 90px;
}
.pushcontent {
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}
.pushcontent-open {
  margin-left: 410px;
}
.pushcontent-fullwidth {
  margin-left: 0px !important;
}
.colslidercontainer a.col-resize {
  background: #ddd;
  height: 100%;
  display: block;
  cursor: col-resize;
  position: absolute;
  top: 0;
  right: -5px;
  width: 5px;
  opacity: 0;
  z-index: 1010;
}
.colslidercontainer a.col-resize:hover {
  opacity: 1;
}
a.col-resize i {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  left: -10px;
  background: var(--light-bg);
  color: var(--pale-grey-black);
  width: 24px;
  text-align: center;
  border-radius: 14px;
  outline: 4px solid #ddd;
  transform: translateY(-50%);
}
#emresultscontent,
#emresultscontainer {
  height: 100%;
}
.emfooter {
  padding: 20px 0 0px;
}
.sidebar-togglers-bar {
  width: 32px;
  position: absolute;
  top: 0;
  left: 0;
  min-height: var(--vertical-height);
  padding: 1px;
  z-index: 100;
  padding: 90px 0 8px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.sidebar-togglers {
  width: 32px;
  z-index: 100;
}
.col-sidebar-togglers .col-main-inner {
  position: sticky;
  top: 0;
}
.sidebar-toggler-show {
  display: block;
  width: 32px;
  height: 32px;
  margin-bottom: 6px;
  text-align: center;
  line-height: 32px;
  color: var(--themed-sidebar-text);
  font-size: 1rem;
}
.sidebar-toggler-show:hover {
  color: var(--themed-sidebar-text);
  text-decoration: none;
}
.sidebar-selected .sidebar-toggler-show {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  background: #444444;
  border-radius: 0;
  border-bottom: 0 none;
  border-top: 0 none;
}
.lighttheme .sidebar-selected .sidebar-toggler-show {
  background: var(--light-hover);
  color: var(--default-text);
}
.col-mainsidebar {
  position: absolute;
  top: 0;
  left: 32px;
  width: 405px;
}
.col-left {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 102;
  background: var(--light-bg);
  color: var(--default-text);
  border-right: var(--1px-light);
}
.col-left .col-main-inner {
  display: block;
  width: 100%;
  height: 100%;
}
.col-left-library.col-left,
.col-left-library.col-filters {
  top: 80px;
}
.emresultstable:has(~ .summary-container) {
  max-width: calc(100% - 250px);
}
.emresultstable:has(~ .summary-container.closed) {
  max-width: 100%;
}
.summary-container {
  display: flex;
  flex-direction: column;
  position: relative;
  background: var(--light-bg);
  color: var(--default-text);
  width: 280px;
  min-width: 250px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
  overflow: hidden;
}
.lighttheme .summary-container .h-row {
  border-bottom: var(--1px-light);
}
.summary-container.closed {
  min-width: 0;
  width: 0;
  opacity: 0;
  padding: 0;
  margin: 0;
}
.summary-container.closed .col-sidebar-scroll {
  display: none;
}
button.sidebar-toggler {
  background: var(--light-bg);
}
.embedmediacol .summary-container {
  border-color: #dddddd;
}
.border-bottom-brand {
  border-bottom: 1px solid var(--dark-border);
}
.lighttheme .border-bottom-brand {
  border-bottom: var(--1px-light);
}
.border-top,
.border-bottom,
.border-right,
.border-left {
  border-color: var(--dark-border) !important;
}
.lighttheme .border-top,
.lighttheme .border-bottom,
.lighttheme .border-right,
.lighttheme .border-left {
  border-color: var(--light-border) !important;
}
.border-right-subtle {
  border-right: var(--1px-light);
}
.border-bottom-subtle {
  border-bottom: var(--1px-light);
}
.border-left-subtle {
  border-left: var(--1px-light);
}
.border-top-subtle {
  border-top: var(--1px-light);
}
.rounded-bottom {
  border-bottom-left-radius: var(--btn-radius);
  border-bottom-right-radius: var(--btn-radius);
}
ul.summary-secondary-nav {
  height: calc(var(--nav-btn-height) + 1px);
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  background: var(--pale-grey-dark);
}
ul.summary-secondary-nav li {
  border-left: 1px solid var(--pale-grey-light);
}
ul.summary-secondary-nav li:last-child {
  border-right: 1px solid var(--pale-grey-light);
}
ul.summary-secondary-nav li a {
  display: inline-block;
  min-width: var(--nav-btn-height);
  line-height: var(--nav-btn-height);
  color: #fff;
  background: var(--pale-grey);
}
ul.summary-secondary-nav li a:hover {
  background: var(--pale-grey-light);
}
.summary-toggler,
.summary-opener {
  height: var(--nav-btn-height);
  color: inherit;
  font-weight: 600;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.lighttheme .summary-toggler,
.lighttheme .summary-opener {
  background: var(--light-bg);
}
.summary-toggler .btn,
.summary-opener .btn {
  height: var(--nav-btn-height);
  color: var(--themed-navbar-secondary-text);
}
.lighttheme .summary-toggler .btn,
.lighttheme .summary-opener .btn {
  color: var(--default-text);
}
.see-less,
.see-more {
  display: inline;
  font-size: 0.9em;
  word-break: break-all;
  border: 0;
  background: transparent;
  color: #0f64cd;
}
.see-less:focus,
.see-less:active,
.see-more:focus,
.see-more:active {
  outline: none;
}
.summary-toggler:hover,
.summary-opener:hover {
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-nav-btn-hover) !important;
}
.lighttheme .summary-toggler:hover,
.lighttheme .summary-opener:hover {
  color: var(--default-text);
  background: var(--light-hover) !important;
}
.see-more:hover,
.see-less:hover {
  text-decoration: underline;
}
.summary-opener.closed {
  display: none;
}
.tablecell .seelesstags,
.resultstablecell .seelesstags {
  display: none;
}
.see-more-tags-btn {
  display: none;
  color: #378637;
  padding-top: 2px;
}
.tablecell .see-more-tags-btn,
.resultstablecell .see-more-tags-btn {
  display: inline-block;
}
.tablecell-tageditor {
  text-align: center;
}
.embedmediacolheader,
.summary-header {
  background: var(--themed-navbar-secondary);
  color: var(--themed-navbar-secondary-text);
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--nav-btn-height);
  flex: 1;
  text-transform: uppercase;
}
.lighttheme .embedmediacolheader,
.lighttheme .summary-header {
  background: var(--light-bg);
  color: var(--default-text);
}
.embedmediacolheader {
  display: block;
  border: none;
  width: auto;
  flex: 1;
  margin: 0;
}
.summary-header h3 {
  padding: 0 4px 0 38px;
  margin: 0;
  flex: 1;
  position: relative;
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: bold;
  text-align: center;
}
.summary-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: var(--nav-btn-height);
  z-index: 1;
  background: var(--themed-navbar-secondary);
  transition: all 0.2s ease-in-out;
}
.lighttheme .summary-header::after {
  background: var(--light-border);
}
.summary-header:hover::after {
  background: var(--themed-nav-btn-hover);
}
.lighttheme .summary-header:hover::after {
  background: var(--light-border);
}
.sidebar-header-desktops .sidebar-header-action {
  width: 42px;
}
.sidebar-header-desktops .sidebar-header-action:hover {
  background: #464646;
  color: #fff;
}
.col-mainsidebar h3 {
  font-size: 1rem;
  font-weight: bold;
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-navbar-secondary);
  margin: 5px 0 0;
  padding: 8px 13px;
  position: relative;
}
.col-mainsidebar h3.dropdown {
  padding: 8px 13px;
}
.lighttheme .col-mainsidebar h3 {
  background: var(--light-bg);
  border-bottom: 2px solid var(--light-border);
  color: var(--default-text);
}
.col-mainsidebar h3 a {
  font-weight: bold;
  padding-left: 5px;
  color: inherit;
}
.dropdown-menu.show,
.site-switcher .btn,
.entityNavBarContainer a.ajax,
#header .dropdown-toggle-btn,
#header .btn-topnav,
.entityclose {
  box-shadow: var(--raised-shadow);
}
.headeruploadarea .dropdown-menu,
.col-sidebar-subheader .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid var(--themed-navbar-secondary);
  background: var(--themed-navbar-secondary);
  margin: 0;
}
.headeruploadarea .dropdown-menu {
  border-radius: 5px;
  overflow: hidden;
}
.headeruploadarea .dropdown-item,
.col-sidebar-subheader .dropdown-item {
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn);
  font-weight: normal;
  padding: 0.25rem 0.75rem;
  line-height: 1.8;
  border-bottom: var(--1px-dark);
  transition: all 0.2s ease-in-out;
}
.headeruploadarea .dropdown-item {
  padding: 0.25rem 0.5rem;
}
.headeruploadarea .dropdown-item:last-child,
.col-sidebar-subheader .dropdown-item:last-child {
  border-bottom: 0 none;
}
.headeruploadarea .dropdown-item:hover,
.col-sidebar-subheader .dropdown-item:hover {
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn-hover);
}
.summary-container-filters {
  border-left: var(--1px-light);
  flex-grow: 1;
  min-width: 0;
  padding: 1px 1px 1px 1px;
  overflow-y: auto;
}
.lighttheme .summary-container-filters {
  padding-top: 4px;
  border-top: var(--1px-light);
  height: calc(100% - 118px);
}
.filter-na {
  display: none;
  color: var(--muted-text);
  font-size: small;
}
.filter-na:only-child {
  display: block;
}
.col-sidebar-scroll {
  height: calc(100% - 70px);
  overflow-y: auto;
  border-top: 1px solid var(--light-bg);
  padding: 0 5px;
}
.summary-container-filters .col-sidebar-scroll {
  height: 100%;
  padding-bottom: 20px;
}
.col-sidebar .ui-widget {
  margin: 20px 20px 40px;
}
.col-sidebar .ui-widget .select2 {
  min-width: 216px;
  max-width: 100%;
}
.col-sidebar .ui-widget-content {
  border: 0;
}
.col-mainsidebar {
  max-width: 500px;
  z-index: 300;
}
.filters-sidebar h4 {
  margin: 0;
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--pale-grey-dark);
}
.filters-sidebar ul,
.filters-sidebar-selected ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
  font-size: 0.8rem;
}
.filters-sidebar li,
.filters-sidebar-selected li {
  padding: 1px 10px;
}
.filters-sidebar li a.linkarea,
.filters-sidebar-selected li a.linkarea {
  display: block;
  text-decoration: none;
}
.col-sidebar-header h2 {
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-navbar-secondary);
}
.sidebar-header-action {
  margin-left: 2px;
  float: right;
  padding: 0 14px;
  font-size: 1rem;
  color: #eee;
}
.sidebar-header-action:hover {
  color: #fff;
}
.advfilterpanel {
  position: relative;
}
.filters-edit-icon {
  text-align: left;
  padding: 0px;
}
.col-filters .form-group {
  padding-bottom: 1px;
  margin-bottom: 0.8rem;
}
.filter-box,
.sidebar-component {
  color: var(--default-text);
}
.filter-box {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.filter-box a,
.filter-box a:visited {
  color: var(--default-text);
}
.filter-box a:hover {
  color: var(--default-text);
}
.filter-box a.radiofilter {
  display: inline-block;
  padding-right: 12px;
}
.filter-box-header,
.sidebar-component-header {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 5px;
}
.filter-box-header {
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-navbar-secondary);
  padding: 6px 8px;
  display: flex;
  align-items: center;
  margin: 0;
}
.lighttheme .filter-box-header {
  color: var(--default-text);
  background: var(--light-bg);
  border: var(--1px-light);
}
.lighttheme .filter-box-header:hover {
  background: var(--light-hover);
}
.filter-box-options {
  margin: 0;
  max-height: 380px;
  border: var(--1px-light);
}
.lighttheme .filter-box-options {
  padding: 0;
  margin-bottom: 8px;
  border: var(--1px-light);
  border-top: none;
}
.filter-box-remove i {
  color: var(--pale-grey);
}
.filter-box-header i,
.sidebar-component-header i.caret {
  margin: 0 2px 0 4px;
  width: 10px;
  text-align: right;
}
i.caret {
  transform: rotate(0deg);
  transition: transform 0.2s ease-in-out;
}
i.caret.exp {
  transform: rotate(90deg) translateX(-4px);
}
.filter-box a.filter-box-remove {
  color: #ababab;
}
.filter-box a.filter-box-remove:hover {
  color: var(--default-text);
}
.toggle-filter {
  cursor: pointer;
}
.sidebar-component-header a {
  color: #999;
}
.sidebar-component-header a:hover {
  text-decoration: none;
  color: #efefef;
}
.filter-box-options-scroll {
  padding: 0 0 0 8px;
  overflow-y: auto;
  max-height: 190px;
}
.filter-box-options a,
.filter-box-options a:visited {
  display: block;
  color: var(--default-text);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.1;
  font-size: 0.9rem;
  cursor: pointer;
}
.filter-box-options a:hover,
.filter-box-options .filter-selected {
  text-decoration: none;
  color: var(--default-text);
}
.filter-box-options .small {
  font-size: 0.8em;
}
.fs-small {
  font-size: 0.8em;
}
.filter-box-options-searchbox {
  padding-left: 7px;
  margin-bottom: 1px;
}
.filter-box-options a.filtersshowmoretags {
  color: #378637;
  padding-top: 2px;
  font-size: 0.9em;
}
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  font-size: 0.9em;
  margin-top: 5px;
}
.filter-box-options
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  padding: 0 0 0 3px;
}
.filter-box-options a label,
.filter-box-options a input {
  cursor: pointer;
  display: inline;
}
.filter-box-options a.filter-current {
  color: #fff;
}
.filter-box-options label {
  margin: 0 10px 0 0;
}
.filter-box-options .form-control {
  padding: 0.25rem 0.5rem;
}
.filter-box-options .custom-select {
  background: #fff
    url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23EEE' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E")
    no-repeat right 0.75rem center;
  background-size: 8px 10px;
}
.select-items div,
.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
}
.select2-search__field {
  outline: 0;
  padding: 1px 4px;
  line-height: 1.3;
}
.form-select2-sm .select2-search__field {
  padding: 2px 4px;
  line-height: 1;
}
.filter-box .select2-container {
  z-index: 2;
  font-size: 1;
}
.filter-box .select2-container--default .select2-selection--multiple {
  border-radius: 0;
}
.filter-box .select2-container--open {
  z-index: 3;
}
.filter-box-options select.form-control:not([size]):not([multiple]) {
  height: calc(1.8rem);
}
.filter-box .selectbox {
  height: 2rem !important;
  margin-left: -1px;
}
.filter-box-options
  .select2-container
  .select2-search--inline
  .select2-search__field {
  background: var(--light-bg) !important;
  color: var(--default-text) !important;
}
.select2-results__option {
  font-size: 0.95em;
}
.select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.filter-box-options .select2-selection__choice__remove {
  display: none;
}
.filter-box-options .select2-selection--multiple .select2-selection__choice {
  padding: 0 5px;
}
.filter-box-options .select2-selection__clear {
  color: var(--default-text);
  display: none;
}
.select2-search--dropdown {
  padding: 6px 6px 12px;
}
.select2-results__option {
  border-bottom: var(--1px-light);
}
.filter-box-options .dateinputbox {
  display: block;
  padding-top: 5px;
  display: flex;
  flex-direction: column;
}
.filter-box-options .dateinputbox .datepicker {
  flex: 1;
  border: var(--1px-light);
  padding: 0.25rem 0.5rem;
}
.filter-box-options .ui-datepicker-trigger {
  margin-left: 5px;
  padding-bottom: 0;
  cursor: pointer;
}
.filter-box-options .ui-datepicker-trigger:hover {
  filter: brightness(0.85);
}
#detail_category .filter-box-options {
  padding: 0;
}
.filter-box-options .list-row {
  font-size: 0.95em;
}
.filter-box-options .list-row:hover {
  background: #333 !important;
  color: #eee !important;
}
.filter-box-options .list-row:hover a {
  color: #eee !important;
}
.filter-box-options .category a {
  padding: 0 3px;
  display: inline-block;
}
#detail_category .btn {
  float: right;
}
.btn-filters {
  text-transform: none;
  color: #eee;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background: #262626;
  background-image: -moz-linear-gradient(top, #333333, #262626);
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#333333),
    to(#262626)
  );
  background-image: -webkit-linear-gradient(top, #333333, #262626);
  background-image: -o-linear-gradient(top, #333333, #262626);
  background-image: linear-gradient(to bottom, #333333, #262626);
  background-repeat: repeat-x;
  border-color: #464646;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#262626', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-filters:hover {
  color: #fff;
  background: none;
  background: #262626;
}
.lefttoggle,
.filterstoggle {
  cursor: pointer;
}
.filtersopen #sub-nav li a.filterstoggle {
  display: none;
}
.lefttoggleclose,
.filterstoggleclose,
.sidebarheaderactions {
  padding: 0 8px;
}
.filterschangesort {
  cursor: pointer;
}
.ui-widget {
  margin: 0 auto;
  margin-bottom: 20px;
}
.ui-widget .ui-widget {
  font-size: 1rem;
}
.ui-widget-header {
  font-weight: bold;
  font-size: 1rem;
}
.ui-widget-header a {
  text-decoration: none;
}
.ui-widget-header-actions a {
  font-size: 0.85rem;
  text-decoration: underline;
}
.ui-corner-all {
  background: #ccc;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-widget a.btn-sm {
  line-height: 1.5;
}
.ui-widget-content {
  color: var(--default-text);
  padding: 15px;
}
.ui-widget-content.ui-datepicker {
  padding: 2px;
  background: #f1f1f1;
  width: 19em;
}
.ui-widget-content-wide {
  padding: 0;
}
.widget-header-title {
  line-height: 1.2;
}
.ui-widget .sidetoggle .ui-widget-toggle {
  float: right;
  padding: 10px;
  cursor: pointer;
}
.ui-widget-header .widget-header-setup,
.ui-widget-header .widget-header-edit {
  opacity: 0.6;
  filter: alpha(opacity=60);
  display: none;
  float: right;
}
.expanded .widget-header-setup,
.ui-widget-header .widget-header-edit {
  display: inline-block;
}
.ui-widget-header .widget-header-setup:hover,
.ui-widget-header .widget-header-edit:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-widget-actions {
  padding: 20px 0 20px;
}
.ui-draggable-dragging {
  opacity: 0.8;
  border: 0 none !important;
  z-index: 1000;
}
img.imagethumb,
.small-thumb-container .smallthumb {
  box-shadow: var(--raised-shadow);
}
.assetpanel-container img.imagethumb {
  box-shadow: 2px 2px 5px #555555, -1px -1px 3px #666666;
}
.lighttheme .assetpanel-container img.imagethumb {
  box-shadow: 2px 2px 5px #bbbbbb, -1px -1px 3px #cccccc;
}
.assetpicker {
  padding: 8px 0;
}
.assetpicker img {
  box-shadow: none !important;
}
.assetpicker .emthumbholder-mime {
  padding: 1rem 2rem;
}
.clonedragging {
  display: block !important;
  box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 3px, rgba(0, 0, 0, 0.25) -1px -1px 2px;
  transition: transform 0.2s ease-in-out;
  cursor: move;
  padding: 0 !important;
}
.categorydragging {
  border: 1px solid blue;
  background: #c9e8f2 !important;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.masonry-grid-cell .assetdroppable {
  height: 100%;
}
.clonedragging .grid-gallery-checkbox,
.clonedragging .grid-gallery-footer,
.clonedragging .selectionbox-label,
.clonedragging .badgecontainer,
.clonedragging .resultsselection,
.clonedragging .date-preview {
  display: none !important;
}
.clonedragging .grid-thumbimage img.imagethumb {
  height: 100% !important;
  box-shadow: 0;
  object-fit: cover;
}
.clonedragging .audio-thumb-container {
  bottom: 10px;
}
.clonedragging .small-thumb-container {
  padding: 0 !important;
}
.ui-draggable-dragging .treerow:hover .cat-options {
  display: none;
}
.ui-autocomplete.ui-widget-content {
  padding: 0;
}
.ui-autocomplete .ui-menu-item-wrapper {
  padding: 6px;
}
.ui-autocomplete .ui-menu-item-wrapper:hover,
.ui-autocomplete .ui-state-active {
  background: #ccc;
  color: var(--default-text);
}
.no-padding-for-real {
  padding: 0 !important;
}
.emsubnav {
  font-size: 0.9rem;
  display: flex;
  flex-wrap: wrap;
}
#sub-nav-tab {
  height: calc(var(--nav-btn-height) + 1px);
}
.emsubnav ul li,
.emsubnav li {
  list-style: none;
  position: relative;
  line-height: var(--nav-btn-height);
}
.emsubnav li a.hide {
  display: none;
}
.emsubnav .nav-link-cart {
  font-weight: bold;
  background: rgba(0, 0, 0, 0.1);
}
.emsubnav ul.resultsnav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.emsubnav ul.resultsnav li a.resultsnavlink {
  text-decoration: none;
  padding: 0 1em;
  display: inline-block;
  line-height: var(--nav-btn-height);
  height: var(--nav-btn-height);
  background: var(--themed-navbar-secondary);
  color: var(--themed-navbar-secondary-text);
  transition: all 0.2s ease-in-out;
  border-radius: 0 !important;
}
.lighttheme .emsubnav ul.resultsnav li a.resultsnavlink {
  background: var(--light-bg);
  color: var(--default-text);
}
.emsubnav ul.resultsnav li:hover > a.resultsnavlink,
.emsubnav ul.resultsnav li a.resultsnavlink:hover {
  background: var(--themed-nav-btn-hover);
}
.lighttheme .emsubnav ul.resultsnav li:hover > a.resultsnavlink,
.lighttheme .emsubnav ul.resultsnav li a.resultsnavlink:hover {
  background: var(--light-hover);
}
.emsubnav ul.resultsnav li a.dropdown-item {
  padding: 0.25em 0.5em 0.25em 0.75em;
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn);
  line-height: 30px;
}
.emsubnav .resultsnav ul.dropdown-menu a.dropdown-item:hover {
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn-hover);
}
.emsubnav .resultsnav ul.dropdown-menu li:first-child a.dropdown-item {
  border-top-right-radius: var(--btn-radius);
  border-top-left-radius: var(--btn-radius);
}
.emsubnav .resultsnav ul.dropdown-menu li:last-child a.dropdown-item {
  border-bottom-right-radius: var(--btn-radius);
  border-bottom-left-radius: var(--btn-radius);
}
.selection-btn {
  display: inline-block;
  line-height: var(--nav-btn-height);
  height: var(--nav-btn-height);
  padding: 0 8px;
  background: var(--pale-grey);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.selection-btn:hover {
  background: var(--pale-grey-light);
}
.emsubnav ul.resultsnavright,
ul.table-positions-top {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
  height: var(--nav-btn-height);
}
.emsubnav ul.resultsnavright li a {
  text-decoration: none;
  color: inherit;
  /* line-height: 2.5; */
  display: inline-block;
  background: var(--themed-navbar-secondary);
  /* overflow: hidden; */
}
.lighttheme .emsubnav ul.resultsnavright li a {
  background: var(--light-bg);
}
.resultsnavitem {
  background: var(--themed-navbar-secondary);
}
.lighttheme .resultmenuitem {
  background: var(--light-bg);
}
.resultsnavitem:hover,
.emsubnav ul.resultsnavright li a:hover,
.emsubnav .select2-container--open {
  background: var(--themed-nav-btn-hover) !important;
}
.lighttheme .resultsnavitem:hover,
.lighttheme .emsubnav ul.resultsnavright li a:hover,
.lighttheme .emsubnav .select2-container--open {
  background: var(--light-hover) !important;
}
.emsubnav ul.resultsnavright li .pages ul li {
  float: left;
}
.emsubnav .dropdown-menu {
  padding: 0;
  margin: 0;
  min-width: 11rem;
}
.emsubnav .dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.emsubnav .dropdown-submenu > .dropdown-toggle:active {
  pointer-events: none;
}
li.dropdown {
  cursor: pointer;
}
.emsubnav li .dropdown-menu {
  box-shadow: var(--raised-shadow);
  border-radius: 0.25rem;
}
@media (min-width: 992px) {
  .dropdown-menu .submenu {
    position: absolute;
    left: 100%;
  }
}
.resultscount {
  font-size: 90%;
  line-height: 30px;
}
.edit-columns .form-control-sm,
.resultpages .form-control {
  line-height: 1;
  padding: 0.15rem;
  font-size: 0.8rem;
  height: calc(1.35rem + 2px) !important;
  margin-top: 2px;
}
.resultsnav-btn-container {
  padding: 8px;
  float: left;
}
.inlinefilteropen {
  color: #cbcbcb;
  padding: 3px 6px;
  margin-left: 10px;
  line-height: 1.8;
}
.inlinefilteropen:hover {
  color: #fff;
}
.inlinefilteropen i {
  font-size: 0.9em;
}
.selectedfilters {
  color: var(--default-text);
  background-color: var(--light-bg);
  border-bottom: var(--1px-light);
}
.lighttheme .selectedfilters {
  color: var(--default-text);
  background-color: var(--light-bg);
  border-bottom: var(--1px-light);
}
ul.resultsnav li.filtersselected,
.emsubnav ul.resultsnav li.filtersselected a {
  background: transparent;
}
li.filtersselected .selected-filters a {
  color: inherit;
  padding: 0 10px !important;
  font-size: 0.9rem;
}
li.filtersselected .selected-filters a strong {
  color: var(--themed-btn-acc-text);
  background: var(--themed-btn-acc);
  padding: 2px 5px;
  border-radius: 5px;
}
.filtersselected {
  width: 100%;
  display: flex;
  align-items: center;
  overflow-y: hidden;
  position: relative;
}
.filtersselected a {
  background: transparent;
}
.filtersselected .selected-filters {
  min-width: fit-content;
}
.filtersselected .selected-filters a {
  color: inherit;
  padding: 0 10px !important;
  border-right: var(--1px-light);
  font-size: 0.9rem;
  line-height: 35px;
  min-width: fit-content;
}
.lighttheme .filtersselected .selected-filters a {
  border-right: var(--1px-light);
}
.filtersselected .selected-filters a strong {
  color: var(--themed-btn-acc-text);
  border: 1px solid var(--themed-btn-acc);
  background: var(--themed-btn-acc);
  padding: 2px 5px;
  border-radius: 5px;
}
.filtersselected .selected-filters a:hover strong {
  background: var(--themed-btn-acc-hover);
}
.clear-all {
  color: var(--themed-btn-acc-text);
  border: 1px solid var(--themed-btn-acc);
  background: var(--themed-btn-acc);
  text-align: center;
  height: auto;
  margin: 0 4px;
  padding: 2px 8px;
  border-radius: var(--btn-radius);
  min-width: 96px;
}
.clear-all:hover {
  background: var(--themed-btn-acc-hover);
}
.selected-filters a:hover {
  color: var(--default-text);
}
.selected-filters .btn-clearall {
  color: #fff;
  font-size: 13px;
  display: inline-block;
  line-height: 0;
  width: 120px;
  text-align: center;
  padding: 4px 8px;
  border-radius: 12px;
  border: none;
  outline: none;
  margin-bottom: 8px;
  margin-left: auto;
}
.selected-filters .btn-clearall:hover {
  color: #fff;
}
.selected-filter {
  border: 1px solid var(--pale-grey);
  background: rgba(148, 182, 255, 0.1);
  border-radius: 4px;
  position: relative;
  margin: 4px 0;
}
.selected-filter a.dissmiss {
  position: absolute;
  top: 1px;
  left: 4px;
  line-height: 0;
  padding: 0;
  color: var(--pale-grey);
}
.selected-filter h5 {
  color: var(--pale-grey);
  text-transform: uppercase;
  text-align: center;
  font-size: 0.8rem;
  margin: 0;
  padding: 4px 16px;
  font-weight: 600;
  border-bottom: 1px solid rgba(77, 93, 128, 0.1);
}
.selected-filter .filters {
  padding: 4px;
}
.selected-filter .filters .formatDate {
  text-align: center;
  font-size: 14px;
  color: var(--default-text);
  margin: 0;
  font-weight: bold;
}
.filter-box
  .select2-container--default
  .select2-selection--multiple
  .select2-selection__choice {
  background: var(--pale-grey-light);
  border: 1px solid var(--pale-grey);
  color: #fff;
}
.advfilterpanel .form-group {
  margin-bottom: 0.25rem;
}
.search-list,
.sidebar-list {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 100%;
}
.search-list li,
.sidebar-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #49494b;
  border-bottom: var(--1px-light);
  position: relative;
}
.search-list li a.search-href {
  padding: 9px 1.2rem;
  margin: 0;
  text-decoration: none;
  display: block;
  font-size: 0.9rem;
  word-wrap: break-word;
}
.search-list li:last-child {
  border-bottom: none;
}
.search-save a {
  background: url("../images/iconset-10x10.png") 0px 10px;
  width: 10px;
  height: 10px;
  float: left;
  margin: 12px 0 0 12px;
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.search-save a:hover {
  background-position: 0 20px;
}
.search-edit a {
  background: url("../images/iconset-10x10.png") 10px 10px;
  width: 10px;
  height: 10px;
  float: left;
  margin: 12px -15px 0 15px;
  position: relative;
  z-index: 3;
  padding: 0;
}
.search-edit a:hover {
  background: url("../images/iconset-10x10.png") 10px 20px;
}
.search-delete a {
  background: url("../images/iconset-10x10.png") 20px 10px;
  width: 10px;
  height: 10px;
  margin: -22px 12px 0 0;
  float: right;
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.search-delete a:hover {
  background-position: 20px 20px;
}
.search-list li:hover .search-save a,
.search-list li:hover .search-delete a,
.search-list li:hover .search-edit a {
  visibility: visible;
}
.search-list li.currentsubtle a.search-href,
.sidebar-list li.currentsubtle a.search-href {
  background: #c9e8f2;
}
.search-list li.current .search-save a {
  background-position: 0 0;
  opacity: 0.5;
  visibility: visible;
}
.search-list li.current .search-delete a {
  background-position: 20px 0;
  opacity: 0.5;
  visibility: visible;
}
.search-list li.current .search-edit a {
  background-position: 10px 0;
  opacity: 0.5;
  visibility: visible;
}
.search-list li.current .search-edit a:hover,
.search-list li.current .search-delete a:hover,
.search-list li.current .search-save a:hover {
  opacity: 0.8;
}
.sidebar-list .badge {
  display: inline-block;
  padding: 0.25em 0.4em;
}
.languagesadd {
  margin-right: 8px;
  position: absolute;
}
.languagesadd a {
  line-height: 2rem;
  display: inline-block;
  color: var(--default-text);
}
.languagesadd a:hover {
  color: var(--pale-grey-light);
}
.languagesfield {
  float: left;
  width: calc(100% - 20px);
  margin-left: 24px;
}
.insearchform .languagesfield {
  float: left;
  width: calc(100%);
  margin-left: 0px;
}
.languagesaddform {
  min-height: 30px;
  margin-bottom: 5px;
}
.languagesaddform .languageselector {
  position: absolute;
  margin-right: 5px;
  width: 120px;
}
.insearchform .languagesaddform .languageselector {
  position: relative;
  margin-bottom: 5px;
}
#advsearchpanel .insearchform .languagesaddform .languageselector .select2 {
  max-width: 120px;
  min-width: 120px;
  width: 120px;
}
.languagesaddform .languageselector .select2-selection__clear {
  display: none;
}
.languagesaddform .languageinput {
  float: left;
  margin-left: 140px;
  width: calc(100% - 140px);
  min-height: 30px;
}
.insearchform .languageinput {
  margin-left: 0px;
  float: none;
  width: calc(100%);
}
@media (max-width: 1024px) {
  .languagesaddform .languageselector {
    position: relative;
    margin: 0 0 5px;
    width: 100%;
  }
  .languagesaddform .languageinput {
    float: none;
    margin-left: 0;
    width: 100%;
    min-height: 30px;
  }
}
#main-results-table th,
.emresultstable th,
#emselectable th,
.emdata th {
  padding: 4px 10px;
  border-top: 0 none;
  font-size: 0.8rem;
  line-height: 1.2;
  height: var(--nav-btn-height);
  text-align: center;
  vertical-align: middle !important;
  position: relative;
  border-bottom: var(--1px-light);
}
#main-results-table th::after,
.emresultstable th::after,
.emdata th::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  background: var(--themed-th-hover);
  z-index: 10;
}
#main-results-table th:last-child::after,
.emresultstable th:last-child::after,
.emdata th:last-child:after {
  display: none;
}
#settingssubtab {
  padding: 0 8px;
}
.emresultstable {
  position: relative;
}
#main-results-table th,
.emdata th,
.emresultstable thead tr th {
  background: var(--themed-th);
  color: var(--themed-th-text);
  border-bottom: 1px solid var(--themed-th-hover);
}
#sub-nav-tab {
  border-bottom: 1px solid var(--pale-grey-dark);
}
.table-autoresize-inner {
  position: relative;
  overflow: auto;
  max-height: calc(var(--vertical-height) - 168px);
}
.tablightbox .table-autoresize-inner {
  max-height: calc(var(--vertical-height) - 210px);
}
.category-breadcrumb ~ .tableresults .table-autoresize-inner,
.category-breadcrumb ~ .basketassetlist .table-autoresize-inner,
.tableresults:has(#breadCrumbContainer) .table-autoresize-inner {
  max-height: calc(var(--vertical-height) - 248px);
}
.table-autoresize-inner thead {
  position: sticky;
  top: 0;
  z-index: 998;
}
.tableheader th.sortable {
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.tableheader th.sortable:hover {
  background: var(--themed-th-hover);
}
.tableheader th.sortable.currentsort {
  background: var(--themed-th-hover);
}
.tableheader th.sortable div span.sorticon {
  margin-right: 1px;
  right: 0;
}
.emresultstable .firstheader {
  width: 28px;
  text-align: left;
}
.emselectablemodule tr,
.emselectable tr {
  cursor: pointer;
}
.emselectablemodule tr td,
.emselectable tr td {
  text-align: left;
  padding: 2px 10px;
}
.emselectablemodule pre,
.emselectable pre {
  margin: 0;
}
#th-checkbox-right {
  display: inline-block;
  height: 18px;
  width: 10px;
  margin: 0;
}
#th-checkbox-left {
  display: inline-block;
  width: 15px;
  height: 18px;
  margin: 3px 0 0 1px;
}
#th-checkbox-left input {
  margin: 0;
}
#th-checkbox-right .anchor {
  padding: 8px 0 0 1px;
}
.select-dropdown-open {
  width: 10px;
  height: 10px;
}
.emresultstable tr td:first-child,
.emresultstable tr td:nth-child(2) {
  border-left: none;
}
.emresultstable tr td.checkbox {
  text-align: center;
}
.emresultstable tr td.thumbnail {
  width: 130px;
  text-align: center;
  padding: 1px 10px;
  position: relative;
}
.emresultstable tr td.thumbnail .smallthumb,
.emresultstable tr td.thumbnail .jp-audio {
  max-width: 110px;
}
.emthumbimage .jp-audio {
  width: 160px;
}
.tablecell .jp-audio,
.tablecell .jp-duration {
  color: #555;
}
.emresultstable tr td {
  z-index: 98;
}
.assetpreviewreadonly {
  max-width: 300px;
  position: relative;
}
.emthumbaudio {
  z-index: 99;
}
.assettablelink {
  position: absolute;
  top: 10px;
  left: 10px;
  background: #ffffff8a;
  padding: 2px 3px;
  font-size: 0.9rem;
  width: 22px;
}
.assetpreviewreadonly:hover .assettablelink {
  display: block;
  color: var(--default-text);
}
.assetpreviewreadonly .previewassetname {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 0.85em;
}
.table .assetpreviewreadonly .previewassetname {
  max-width: 160px;
}
.assetpreviewreadonly .previewassetname a {
  color: #666;
}
.assetpreviewreadonly .previewassetname a:hover {
  color: var(--default-text);
  text-decoration: underline;
}
.emdatafieldvalue-readonly .assetpreviewreadonly .previewassetname a:hover {
  color: #999;
  text-decoration: underline;
}
.assetpreviewreadonly .jp-duration,
.assetpreviewreadonly .jp-current-time {
  color: #666;
}
.custom-control-input:focus {
  box-shadow: none;
  outline: none;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #252525;
  background: var(--themed-btn);
}
.custom-control-label::before {
  border: var(--themed-btn) solid 1px;
}
.custom-switch .custom-control-label::after {
  background: var(--themed-btn);
}
.tableheader-primaryimage,
.tableheader-primarymedia {
  width: 160px;
  vertical-align: middle;
}
#emselectable th > div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tablecell .faceprofileboximage {
  text-align: center;
  height: 100%;
}
.entitiesinfputform .emdatafieldvalue .emthumbaudio {
  padding-bottom: 8px;
}
.entitiesinfputform .emdatafieldvalue .emthumbaudio-assetname {
  text-align: left;
  max-width: 100%;
  font-size: 0.8em;
}
.entitiesinfputform .emdatafieldvalue .emthumbaudio-assetname a {
  color: #bbb;
}
.entitiesinfputform .emdatafield-empty {
  color: var(--default-text);
}
.resultstablecell .emdatafieldreadonly,
.datamanagertable .emdatafieldreadonly {
  word-wrap: break-word;
  line-height: 1.2;
}
.resultstablecell .emdatafieldreadonly-nobr {
  white-space: nowrap;
}
.resultstablecell .entity-value-list a {
  display: block;
  padding: 3px;
}
.rowclick {
  cursor: pointer;
}
.select-dropdown-open.down {
  background: url("../images/sort-desc.png") 0 0 no-repeat;
}
.select-dropdown-open.up {
  background: url("../images/sort-asc.png") 0 0 no-repeat;
}
.select-dropdown {
  position: absolute;
  background: var(--pale-grey-dark);
  color: #ffffff;
  border: 1px solid var(--pale-grey);
  border-top: none;
  box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.1);
  padding: 0;
  top: 25px;
  left: 12px;
  min-width: 130px;
  z-index: 100;
}
#tableheader .firstheader {
  width: 50px;
}
#tableheader .lastheader {
  width: 48px;
  border-right: none;
}
.rowactions {
  text-align: center;
}
.rowactions .favorite-text {
  display: none;
}
.favoritescontainer .emgrid-module-asset .emgrid-subtitle,
.favoritescontainer .emgrid-module-asset .resultsheader {
  position: relative;
  top: 0;
}
.searchcategorytopcontainer {
  background: var(--light-bg);
  color: var(--default-text);
}
.favoritescontainer .emgrid-module,
.searchcategoryresults .emgrid-module {
  padding: 0;
}
.favoritescontainer .emgrid-module {
  padding-top: 16px;
}
.favoritescontainer .emgrid-subtitle {
  position: relative;
  top: auto;
  color: #444;
}
.select-dropdown li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--pale-grey);
}
.select-dropdown li a {
  text-align: left;
  display: block;
  padding: 5px 10px;
  color: #fff !important;
  text-shadow: none;
  font-weight: normal !important;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.select-dropdown li a:hover {
  background: var(--pale-grey);
}
.treecontext {
  top: 0px;
  left: 0;
  position: fixed;
  display: none;
  z-index: 10000;
}
ul.dropdown-context {
  margin: 0;
  padding: 0;
  display: block;
  list-style: none;
  min-width: 160px;
  border-radius: var(--btn-radius);
  box-shadow: var(--raised-shadow);
}
ul.dropdown-context a {
  display: block;
  padding: 4px 8px;
  background: var(--themed-nav-btn);
  border-bottom: var(--1px-dark);
  color: var(--themed-nav-btn-text);
}
.lighttheme ul.dropdown-context a {
  border-bottom: var(--1px-light);
}
ul.dropdown-context li:first-child a {
  border-top-right-radius: var(--btn-radius);
  border-top-left-radius: var(--btn-radius);
}
ul.dropdown-context li:last-child a {
  border-bottom-right-radius: var(--btn-radius);
  border-bottom-left-radius: var(--btn-radius);
}
ul.dropdown-context a:hover {
  background: var(--themed-nav-btn-hover);
}
.emnav {
  min-height: 57px;
}
.emnav .navtabs {
  margin: 0 5px 0 15px;
  padding: 0;
  list-style: none;
  float: left;
  height: 58px;
}
.emnav .navtabs li {
  margin: 13px 0 0 5px;
  padding: 0;
  list-style: none;
  float: left;
}
.emnav .navtabs li:hover {
  margin-top: 13px;
}
.emnav .navtabs li.navactive {
  margin-top: 13px;
}
.emnav .navtabitem {
  display: block;
  position: relative;
  padding: 12px 16px 12px;
  text-align: center;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
}
.emnav .navtabitem:hover {
  text-decoration: none;
  padding: 11px 16px 13px;
}
.emnav .navtabs li.navactive .navtabitem:hover {
  padding: 12px 16px 12px;
}
.emnav .navtabsright {
  margin: 0;
  padding: 0;
  list-style: none;
  float: right;
}
.emnav .navtabsright li {
  margin: 12px 5px 0 0;
  padding: 0;
  list-style: none;
  float: right;
  position: relative;
}
.emnav .navrighttabitem i {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 2px 12px;
}
.emnav .notification {
  position: absolute;
  background: #fb404b;
  text-align: center;
  border-radius: 10px;
  min-width: 18px;
  padding: 0 5px;
  height: 18px;
  font-size: 12px;
  color: #ffffff;
  font-weight: bold;
  line-height: 18px;
  top: -2px;
  right: 0px;
}
#quicksearch-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
}
.emnav .librarycollectionpicker,
.nav-quicksearch {
  margin-left: 10px;
}
.search-entity-dropdown a {
  display: inline-block;
  height: 38px;
  line-height: 38px;
  padding: 0 10px;
  border-radius: var(--btn-radius);
}
a#searchEntityDropdown {
  background: var(--light-bg);
  color: var(--pale-grey);
  border: var(--1px-light);
}
.nav-quicksearch {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  container-type: inline-size;
}
.nav-quicksearch .input-group {
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
  z-index: 101;
  opacity: 1;
}
@container (width > 550px) {
  .input-group {
    position: absolute;
    left: calc(calc(100vw - var(--pad-left)) / 2 - 500px);
  }
}
.nav-quicksearch .form-control:focus {
  box-shadow: none;
}
.navbar-quicksearch .librarypicker,
.navbar-quicksearch .collectionpicker {
  margin-left: 10px;
  width: 250px;
  display: inline-block;
}
.navbar-quicksearch .nav-form {
  margin: 0 auto;
  width: 100%;
}
.navbar-quicksearch .collectionpicker .select2 {
  margin-right: 22px;
}
.navbar-quicksearch .nav-collectionsearch {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
}
.navbar-quicksearch .nav-collectionsearch {
  line-height: 32px;
}
.navbar-quicksearch .input-group-addon i {
  cursor: pointer;
}
.navbar-quicksearch .form-control {
  padding: 0 0.75rem;
  line-height: 1.2rem;
  height: 2.1rem;
}
.navbar-quicksearch .form-control.mainsearch {
  padding: 0 30px 0 16px;
  font-size: 0.9rem;
  line-height: 36px;
  height: 38px;
  border-radius: 0 0.25rem 0.25rem 0;
  margin-left: 4px;
}
.navbar-quicksearch .input-group-addon a {
  height: 2.1rem;
  line-height: 2.1rem;
  font-size: 1rem;
  cursor: pointer;
  padding: 0 1rem;
}
.quicksearchresults {
  position: relative;
}
#searchLoading {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgb(255 255 255 / 75%);
  z-index: 1000;
}
#searchLoading.show {
  display: flex;
}
.quicksearchexpand {
  color: var(--pale-grey-light);
  position: absolute;
  height: 40px;
  width: 30px;
  top: 0px;
  right: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  cursor: pointer;
}
.quicksearchexpand i {
  display: inline-block;
  margin-right: 4px;
  margin-top: 2px;
}
.quicksearchmodules {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.qsmodule {
  padding: 15px 20px;
  margin: 10px;
  text-align: center;
  background: #f5f5f5;
}
.qsmodule:hover {
  background: #dfdfdf;
}
.moduletoggle {
  height: 1.8rem;
}
.startsearch {
  padding: 1rem 1rem 2rem;
  text-align: center;
}
.headerbookmarks {
  text-align: center;
  width: 60px;
  line-height: 1;
}
.headeruploadarea {
  position: relative;
}
.cart-btn {
  z-index: 1;
}
.mainheadertablesmall {
  float: right;
  width: 50px;
  margin-right: 70px;
}
.mainheadertable a.btn-topnav {
  height: 2.1rem;
  font-size: 1rem;
  overflow: hidden;
}
.pushcontent-open .mainheadertable {
  width: 70%;
  position: relative;
}
.resultsview {
  margin-left: 15px;
}
.resultsview a {
  display: inline-block;
  width: 30px;
  padding: 8px 10px;
  height: 40px;
  font-size: 1.1rem;
  color: #aaa;
}
.resultsview a:hover,
.resultsview a.currentview {
  color: #eee;
}
.dropdown-menu.show {
  display: none;
}
.dropdown:hover > .dropdown-menu.show,
.dropdown-submenu:hover > .dropdown-menu,
.dropup:hover > .dropdown-menu.show {
  display: block;
}
.dropdown > .dropdown-toggle:active {
  pointer-events: none;
}
.navtabsright-text {
  display: none;
}
.createmediacontent {
  padding: 20px;
  margin: 20px;
  background: var(--light-bg);
  color: var(--default-text);
}
.createmediapaneldialog .createmediasidebar a {
  display: block;
  line-height: 2;
  padding: 2px 6px;
  background: #efefef;
  border-bottom: var(--1px-light);
}
.createmediapaneldialog .createmediasidebar a:hover {
  background: #666;
  color: #eee;
  text-decoration: none;
}
.createmediapaneldialog .createmedia-selected a,
.createmediapaneldialog .createmedia-selected a:hover {
  background: var(--light-bg);
  color: var(--default-text);
}
#createmediapanel .btnthumbnail {
  background: transparent;
  border: 1px solid transparent;
  min-height: 270px;
  display: block;
  padding: 10px;
  margin: 10px;
}
#createmediapanel a.btnthumbnail:hover {
  border: var(--1px-light);
  border-radius: 8px;
  background: #c9e8f2;
  text-decoration: none;
}
#createmediapanel .gobacklink {
  width: 100px;
  display: block;
  margin: 20px;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .emnav .collectionpicker {
    min-width: 140px;
  }
  .mediacenterheader .navbar-quicksearch {
    left: 0;
    z-index: 10;
  }
  .emnav .librarypicker,
  .emnav .collectionpicker {
    margin-left: 8px;
    width: 180px;
  }
  .emnav
    .select2-container--bootstrap4
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 1.15rem;
  }
  .emnav .select2-container--bootstrap4 .select2-selection--single {
    height: calc(1.25rem + 2px) !important;
  }
  .emnav .select2-container--bootstrap4 .select2-selection__clear {
    width: 1em;
    height: 1em;
    line-height: 1em;
    padding-left: 0.3em;
    margin-top: 0.1em;
    margin-right: 0.1em;
  }
  .emnav .input-group-addon {
    padding: 0.175rem 0.5rem;
    font-size: 0.9rem;
  }
  .emnav .nav-quicksearch {
    border-left: 0 none;
    padding-top: 4px;
  }
}
@media (max-width: 768px) {
  .mediaappcontent .col-content-main {
    margin-top: 20px;
  }
  .mainheadertable {
    width: 90%;
  }
  .createmediacontent {
    padding: 20px 5px;
  }
}
.listautocomplete {
  width: 100%;
}
.collectionshome {
  border: 0px;
  margin-bottom: 20px;
  min-height: 152px;
  height: 100%;
}
.collectionshomeresults {
  padding: 20px;
  position: relative;
  background: #fefefe;
  height: calc(100% - 34px);
}
.collectionshomeresults .pages {
  padding-bottom: 20px;
  height: 40px;
}
.collectionhome-sideheader {
  color: #bbb;
  padding: 5px 10px 5px;
  background: #333;
  text-transform: uppercase;
  font-size: 1rem;
  height: 34px;
  border-radius: 4px 4px 0 0;
}
.collectionshome-header {
  color: #bbb;
  padding: 5px 10px 5px;
  background: #333;
  text-transform: uppercase;
  font-size: 1rem;
  border-radius: 4px 4px 0 0;
  height: 34px;
  position: relative;
}
.collectionshome-header h3 {
  margin: 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 26px;
}
.collectionshome-header a,
.collectionshome-header a:hover {
  color: #fff;
}
#application .collectionshomecontent {
  padding: 20px;
  min-height: calc(var(--vertical-height) - 218px);
}
.collectionshomeform-container {
  padding: 30px 0 0 0;
  height: 100%;
}
.collectionshomeform {
  display: inline-block;
  width: 90%;
}
@media (min-width: 768px) {
  .collectionshomeform {
    width: 500px;
  }
}
.collectionshomeform .form-control {
  width: 100%;
}
.collectionshomeform .input-group-addon {
  border: var(--1px-light);
}
.card-collections {
  float: left;
  border: 0 none;
  margin: 0 10px 10px;
  width: 110px;
  height: 100px;
  background: transparent;
  padding-top: 2px;
  position: relative;
}
.card-collections .card-collections-thumb {
  width: 95px;
  height: 95px;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  border: var(--1px-light);
  border-radius: 50%;
  background-position: center center;
}
.card-collections .collectionbox {
  padding: 4px;
  line-height: 20px;
  background: rgba(20, 20, 20, 0.5);
  display: block;
  margin-top: 24px;
  font-weight: 700;
}
.card-collections:hover .collectionbox {
  background: rgba(20, 20, 20, 0.8);
}
.card-collections a .collectionbox {
  color: #efefef;
}
.card-collections a:hover .collectionbox,
.card-collections a:hover {
  color: white;
  text-decoration: none;
}
.card-collections a:hover .card-collections-thumb {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.8);
}
.card-body {
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-name {
  text-align: center;
  line-height: 20px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pickcategoriesdialog .searchcategories-treecontainer {
  height: 100%;
  background: #eee;
}
.pickcategoriesdialog .emtree ul li {
  background: transparent;
}
.searchcategories-results {
  height: 100%;
  padding-left: 6px;
}
.pickcategoriesdialog {
  display: flex;
  max-height: calc(var(--vertical-height) - 108px - 3.5rem);
}
.pickcategoriesdialog .searchcategories-results .categoryresults {
  overflow: auto;
  height: calc(100% - 42px);
}
.pickcategoriesdialog .searchcategories-tree {
  width: 200px;
}
.pickcategoriesdialog .searchcategories-tree #treeholder {
  height: 100%;
}
.pickcategoriesdialog .cat-menu {
  display: none !important;
}
.advancedsearchtable {
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
}
.advancedsearchtable td {
  word-wrap: break-word;
}
.advancedsearchtable-submit {
  padding: 20px 0 10px;
}
.advancedsearchtable label {
  display: block;
}
.advancedsearcheditform {
  background: #d1d1d1;
  padding: 15px;
  margin-bottom: 20px;
  color: var(--default-text);
}
.advancedsearcheditform select.form-control:not([size]):not([multiple]) {
  height: calc(1.8rem);
}
.advancedsearcheditform .form-control {
  padding: 0.175rem 0.5rem;
}
.btns-advancedsearch .btn-sm {
  height: 30px;
  padding: 5px 15px;
}
.listdetailpicker .select2-container {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  display: table;
  table-layout: fixed;
}
.col-left.fixedheight #side-categories {
  overflow-x: auto;
  overflow-y: auto;
  height: calc(100% - 45px);
}
.autopopulate-list {
  margin: 0;
  padding: 0;
}
.autopopulate-list li {
  list-style: none;
  padding: 8px 10px;
  position: relative;
}
.attachments-content {
  background: #eee;
}
.attachments-list {
  color: var(--default-text);
}
.attachments-preview {
  background: rgba(0, 0, 0, 0.05);
  color: var(--default-text);
}
#attachments-container {
  display: table;
  width: 100%;
  border-bottom: var(--1px-light);
}
#attachmenttree .attachments-new {
  padding: 8px 10px;
}
#attachmenttree {
  display: table-cell;
  vertical-align: top;
}
.attachments-preview {
  border-left: var(--1px-light);
  width: 320px;
  overflow: hidden;
  text-align: center;
  height: 30px;
  display: table-cell;
}
.attachments-preview .attachment-name {
  padding: 10px;
  margin: 0;
  text-align: center;
  font-weight: bold;
}
.attachments-preview .emdatafield {
  float: right;
  text-align: right;
}
.attachments-preview .emdatafieldvalue {
  float: left;
  text-align: left;
  font-weight: bold;
}
.attachment-preview-img {
  background: #333;
  min-height: 250px;
  color: #eee;
  padding: 10px;
  margin-bottom: 10px;
}
#attachmenttree ul {
  margin: 0;
  padding: 0;
}
#attachmenttree ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: bold;
  color: var(--default-text);
}
#attachmenttree ul li div {
  padding: 0 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  min-height: 34px;
  line-height: 34px;
  display: block;
  cursor: pointer;
}
#attachmenttree ul li div.selected,
.emtree ul li div.selected {
  background: #c9e8f2;
}
#attachmenttree ul li div.selected:hover,
.emtree ul li div.selected:hover {
  background: #c9e8f2;
}
#attachmenttree ul li div:hover {
  background: #c9e8f2;
}
#attachmenttree ul li div span a.btn {
  line-height: 11px;
  margin-left: 5px;
}
#attachmenttree ul li div span input[type="text"] {
  padding: 5px 10px 3px 10px;
}
#attachmenttree ul li div:hover .actions {
  display: inline;
}
#attachmenttree ul li div .actions a {
  float: left;
  margin-left: 7px;
  opacity: 0.8;
  line-height: 25px;
}
#attachmenttree ul li div .actions a:hover {
  opacity: 1;
}
#attachmenttree ul li div .actions a.add {
  background: url("../images/add.gif") 0 11px no-repeat;
  width: 15px;
}
#attachmenttree ul li div .actions a.edit {
  background: url("../images/edit.gif") 0 11px no-repeat;
  width: 15px;
}
#attachmenttree ul li div .actions a.delete {
  background: url("../images/delete.gif") 0 11px no-repeat;
  width: 15px;
  margin-right: 0;
  margin-top: 0;
}
#attachmenttree ul li div .actions a.add-folder {
  background: url("../images/add-folder.gif") 0 11px no-repeat;
  width: 15px;
}
#attachmenttree ul li div .actions a.upload-file {
  background: url("../images/add-upload.gif") 0 11px no-repeat;
  width: 15px;
}
#attachmenttree ul li div .actions a.download-folder {
  background: url("../images/download-folder.gif") 0 11px no-repeat;
  width: 15px;
}
#attachmenttree ul li div .actions a.download-file {
  background: url("../images/download-file.gif") 0 11px no-repeat;
  width: 15px;
}
.uploadfile {
  padding: 1px;
  line-height: 1.2;
}
.opencollections ul {
  margin: 0;
  padding: 0;
}
.opencollections ul li {
  list-style-type: none;
  padding: 4px 4px;
  word-wrap: break-word;
}
.opencollections ul li:last-child {
  padding: 10px 0;
}
.opencollections ul li:last-child:hover {
  background: transparent;
}
.opencollections .collectionrow {
  position: relative;
  background: url(../images/folder-closed.png) 2px 4px no-repeat;
  padding-left: 22px;
}
.opencollections .collectionrowfavorite {
  background: none;
  padding-left: 0;
}
.collectionclose,
.filterclose {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.collectionclose:hover,
.filterclose:hover {
  color: #eee;
  opacity: 1;
  filter: alpha(opacity=100);
}
.filterclose {
  float: right;
  line-height: 1rem !important;
}
.opencollections .collectionbox {
  padding: 2px 0 0 0;
  margin: 0px;
  line-height: 21px;
  display: inline-block;
}
.collectionrow a,
.collectionrow a:visited {
  text-decoration: none;
  color: #eee;
}
.collectionrow a:hover {
  text-decoration: none;
  color: #fff;
}
.collectionrow .fa-star {
  color: #f7c000;
}
.collectionicons {
  position: absolute;
  right: 0px;
  top: 0;
  padding-right: 2px;
  display: none;
}
.collectionrow:hover .collectionicons,
.list-row:hover .collectionicons {
  display: inline-block;
}
.librarycollectiondroparea.selected,
.librarycollectiondroparea:hover {
  background: #333;
}
.results-header-left {
  font-size: 0.85rem;
  padding: 10px;
}
@media (min-width: 768px) {
  .results-header-left {
    width: 50%;
  }
}
.results-header-tabs {
  padding: 18px 5px 0 0;
}
.results-header-tabs .emtabs li {
  margin-bottom: -1px;
}
.results-header .opencollection-btn {
  margin-left: 10px;
  background: #f8f9fa;
  padding: 5px 8px;
  font-weight: bold;
}
.results-header .opencollection-btn:hover {
  text-decoration: none;
  background: #dae0e5;
}
.collection-header {
  padding: 10px;
  height: 80px;
  z-index: 3;
}
.collection-header .card-collections {
  background: none;
  float: left;
  width: 65px;
  margin: 0 10px 0 10px;
}
.collection-header .card-collections-thumb {
  width: 60px;
  height: 60px;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4);
  border: var(--1px-light);
  border-radius: 50%;
}
.collection-header-name {
  float: left;
  padding: 10px;
  max-width: 320px;
}
.collection-header-name h1 {
  font-size: 1.8rem;
  margin: 0 0 0.5rem 0;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.collection-header-name h1 a:hover {
  text-decoration: none;
}
.collection-header-actions {
  float: left;
  padding: 18px 10px 0 0px;
  font-size: 1.1rem;
}
.collection-header-back {
  float: left;
  padding: 15px 10px 0 10px;
  font-size: 1.3rem;
}
.collection-header-like {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.9rem;
  opacity: 0.4;
}
.collection-header-like:hover {
  opacity: 1;
}
.filteredinresults {
  z-index: 2;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  word-wrap: break-word;
  padding: 5px;
}
@media (min-width: 768px) {
  .filteredinresults {
    width: 500px;
  }
}
.collection-container .col-left,
.collection-container .col-filters {
  top: 0;
  margin-top: 0;
}
.globaluploadarea {
  position: absolute;
  top: 0px;
  width: 100%;
  border: 2px solid #252e3c;
  background: #252e3c;
  padding: 10px;
}
.globaluploadarea h4 {
  font-size: 1.1rem;
}
.hideuploadarea {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.1rem;
  color: #888;
}
.hideuploadarea:hover {
  color: #fff;
}
.col-upload-option {
  width: 240px;
  text-align: center;
  background: #efefef;
  margin: 0 0 5px 5px;
}
#main-area {
  display: table-cell;
}
#right-sidebar {
  display: table-cell;
  width: 160px;
  padding: 0 0 0 20px;
}
.padding {
  padding: 20px 30px;
}
.widget-header-right {
  float: right;
  margin: 0 8px 0 0;
}
.widget-header-right i {
  opacity: 0.6;
  top: 0;
  margin-left: 3px;
}
.widget-header-right i:hover {
  opacity: 1;
}
.minimized .widget-header-right {
  display: none;
}
.uploadformareainline h4 {
  font-size: 1.1rem;
}
.uploadinstructions {
  text-align: center;
}
.col-upload-right,
.col-upload-left {
  max-height: calc(var(--vertical-height) - 200px);
}
#tabimportcontent .col-upload-right,
#tabimportcontent .col-upload-left {
  max-height: calc(var(--vertical-height) - 282px);
}
#tablightboxes .col-upload-right,
#tablightboxes .col-upload-left {
  max-height: calc(var(--vertical-height) - 310px);
}
@media (min-width: 1600px) {
  .col-upload-left .btn-lg {
    line-height: 1.8rem;
  }
}
.dropicon {
  color: #c9c7c7;
  font-size: 3rem;
  text-align: center;
  position: absolute;
  top: calc(50% + 20px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.dropicon .hints {
  font-size: 1.5rem;
}
.btn-uploadinline {
  line-height: 1;
  border-radius: 2px;
}
.checkerboard,
img#main-media,
img.imagethumb,
img.smallthumb,
.thumb img {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ddd'%3E%3Crect x='12' width='12' height='12'/%3E%3Crect y='12' width='12' height='12'/%3E%3C/svg%3E");
  background-size: 12px;
  background-repeat: repeat;
  background: #fff;
}
.drop-feedback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  background-color: rgba(65, 105, 225, 0.05);
  color: white;
  font-weight: bold;
  border: 2px dashed rgba(65, 105, 225, 0.8);
  border-radius: 0.3rem;
  pointer-events: none;
  backdrop-filter: blur(3px);
  z-index: 999999;
}
.filehover {
  position: relative;
}
.filehover .drop-feedback {
  display: flex;
}
.drop-feedback div {
  padding: 16px;
  border-radius: 8px;
  width: 300px;
  height: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(100, 140, 255, 0.8);
  outline: 2px dashed rgba(100, 140, 255, 0.8);
  outline-offset: 2px;
}
.drop-feedback i {
  font-size: 2rem;
}
.drop-feedback p {
  margin: 0;
  font-size: 1.5rem;
}
#drop-area {
  background: #f1f2f4;
}
.uploadformarea .drop-over-bg {
  height: 220px;
  background: url(../images/dragdropbox.jpg) no-repeat top center;
  background-size: contain;
}
.drop-over-inline {
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  border: 2px solid #252e3c;
  background: #252e3c;
}
.uploadformarea .uploaddragenter {
  outline-offset: -2px;
  outline: 2px dashed var(--drop-border) !important;
}
.drop-over-inline.uploaddragenter {
  border: 2px dashed #47505e;
}
.upload-detail-box {
  margin-bottom: 20px;
  background: #f5f5f5;
  padding: 10px;
}
.toggle-content {
  padding: 15px;
}
.uploaddroparea {
  margin: 10px;
}
.uploaddroparea .drop-over {
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
  border: 2px dashed #ddd;
  background: #f6f6f6;
  padding: 10px;
}
.uploaddroparea .drop-over.uploaddragenter {
  border-color: #666;
  background: var(--light-bg);
}
.upload-completed-container {
  min-height: 250px;
}
.hints {
  text-align: center;
  font-size: 90%;
}
#upload {
  width: 250px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 14px !important;
  margin-top: 20px;
  float: right;
}
.up-files-list {
  padding: 0;
  margin: 5px 0;
}
.up-files-list li {
  padding: 0;
  margin: 0 0.5rem;
  clear: both;
  list-style: none;
  position: relative;
  background: #ffffff;
  border: 1px dotted #cfcfcf;
  border-top: none;
}
.up-files-list li:first-child {
  border-top: 1px dotted #cfcfcf;
}
.up-files-list li a.fileinfo {
  text-align: left;
  padding: 7px 0px 1px 0px;
  display: block;
  margin: 0 15px 0 0;
  color: var(--default-text);
}
.up-files-list li a.removefile {
  position: absolute;
  top: 4px;
  right: 0;
  color: #666;
}
.up-files-list li a.removefile:hover {
  color: var(--default-text);
}
.up-files-list li a .name {
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
}
.up-files-list li a .size {
  text-align: right;
  font-size: 0.7rem;
  float: right;
}
.up-files-list li a .uploadstatus {
  font-style: italic;
  font-size: 0.7rem;
  text-align: right;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding-right: 3px;
  font-weight: bold;
}
.up-files-list li.uploadprogressrow {
  padding: 0 0 0 5px;
}
.up-files-list li .delete-row,
.up-files-list li:hover .delete-row {
  background: url("../images/iconset-10x10.png") 20px 10px;
  opacity: 0.7;
  width: 10px;
  height: 10px;
  padding: 0;
  display: block;
  margin-top: 5px;
  float: left;
  margin: 8px 0 0 6px;
}
.up-files-list li:hover .delete-row:hover {
  background: url("../images/iconset-10x10.png") 20px 10px;
  opacity: 1;
}
.up-files-list li .uploadprogress {
  background: rgba(113, 206, 113, 0.2);
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.completed-uploads .up-files-list li {
  padding: 0;
  margin: 0;
  clear: both;
  list-style: none;
  position: relative;
  border-bottom: 1px dotted #777;
}
.completed-uploads .up-files-list li a {
  padding: 5px 2px 1px 2px;
  display: block;
  margin: 0;
  color: #ddd;
}
.form-control.error,
.select2-selection.error {
  border: 1px solid red;
}
label.error {
  font-weight: bold;
  line-height: 16px;
  padding: 0.5rem 0;
  display: block;
  color: red;
  font-size: 0.9em;
  font-weight: normal;
}
#main-media-container {
  height: 100%;
}
#main-media-viewer {
  height: calc(100% - 67px);
  background: var(--themed-navbar-primary);
}
.lighttheme #main-media-viewer {
  background: var(--light-bg);
}
.asset-menu {
  width: 100%;
  height: 44px;
}
.asset-menu,
.asset-menu ul li,
.asset-menu .dropdown-menu {
  background: #3d4a5d;
}
.asset-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.asset-menu ul li {
  display: block;
  float: left;
}
.asset-menu ul li a {
  display: block;
  position: relative;
  line-height: 20px;
  padding: 12px 18px;
  color: #fff;
}
.asset-menu ul li a:hover {
  background: #2c3644;
  text-decoration: none;
}
.asset-menu ul li ul li {
  display: block;
  float: none;
}
.assetlockedinput {
  display: inline-block;
  padding: 2px 0 0 0;
}
.assetlocked {
  position: relative;
  line-height: 36px;
  padding: 0 20px;
}
.assetlocked i {
  font-size: 0.9em;
}
#assetlocked.form-check-input {
  position: absolute;
  margin-top: 12px;
  margin-left: 0;
}
.card-box-asset-preview {
  padding: 20px;
}
.card-box-asset-preview ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.aside-content {
  margin: 0 0 50px;
}
.aside-content .aside-header {
  height: 40px;
  width: 100%;
  padding: 10px;
  margin: 0 0 10px;
}
.aside-content .aside-block {
  padding: 10px;
}
.aside-media {
  list-style: none;
  height: 80px;
  margin: 0;
  padding: 0;
}
.aside-media li {
  float: left;
  margin-right: 10px;
}
.multi-value-list {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}
.multi-value-list li {
  margin: 0px 10px 0 0;
  padding: 0 0 0px 20px;
  list-style: none;
}
.collection-container {
  width: 100%;
  height: 100%;
}
.collection-container .results-header {
  height: 47px;
}
.main-info {
  padding: 20px 10px;
}
.editholder {
  background: #efefef;
  height: 20px;
  border-bottom: var(--1px-light);
  font-size: 12px;
  padding: 0 15px;
}
.editholder a {
  color: #8d8d8d;
}
.tr {
  display: table-row;
}
#advsearchpanel .submit {
  padding: 10px 0;
}
#advsearchpanel .form-control {
  max-width: 215px;
}
#advsearchpanel .datepicker {
  margin-top: 5px;
  width: 190px;
}
#advsearchpanel .ui-datepicker-trigger {
  margin-left: 5px;
}
#de-table {
  display: table;
  width: 100%;
}
.detailarea-details {
  vertical-align: top;
  padding: 10px;
}
.detailarea-details-open {
  display: table-cell;
  background: var(--light-bg);
  color: var(--default-text);
}
.detailarea-details h3 {
  margin-top: 0px;
}
.detailarea-details h2 a {
  color: #2790b0;
}
#de-side-nav {
  background: #f1f1f1;
  border-right: var(--1px-light);
  min-width: 100px;
  vertical-align: top;
}
#de-side-nav.open {
  width: 155px;
  display: table-cell;
  border-collapse: separate;
  border-spacing: 0px;
  -webkit-transition: width 0.05s ease-out;
  -moz-transition: width 0.05s ease-out;
  -ms-transition: width 0.05s ease-out;
  -o-transition: width 0.05s ease-out;
  transition: width 0.05s ease-out;
}
#de-side-nav ul {
  margin: 0;
  padding: 0;
}
#de-side-nav ul li {
  margin: 0;
  padding: 0;
}
#de-side-nav ul li a {
  margin: 0;
  padding: 8px 10px;
  font-weight: normal;
}
#de-side-nav #opener {
  cursor: pointer;
}
#de-side-nav.open #opener .icon {
  background-position: -264px -26px;
  width: 19px;
  height: 26px;
  left: 14px;
  top: 8px;
}
#de-side-nav.closed #opener .icon {
  background-position: -264px 0;
  width: 19px;
  height: 26px;
  left: 14px;
  top: 8px;
}
#de-side-nav .divider {
  height: 1px;
  background: #ddd;
  width: 100%;
  border-bottom: var(--1px-light);
}
.settings-header {
  padding: 10px;
}
.settings-title {
  font-size: 1.5rem;
  margin: 0;
  padding: 0 8px;
}
.collectionmodule {
  padding: 20px 0 0 0;
}
.collectionmodule-header {
  position: relative;
  height: 32px;
}
.collectionmodule-header .breadcrumbs {
  padding: 5px 5px 0px;
}
.collectionmodule .emtabs {
  position: absolute;
  bottom: 0;
  right: 0;
}
.em2tabs {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.em2tabs li {
  display: table-cell;
  margin: 0;
  padding: 0;
  border: 0 none;
}
.em2tabs li a {
  display: block;
  padding: 0.5rem 1.2rem;
  background: #e1e1e1 !important;
  border-right: 1px solid #999999;
  text-align: center;
  color: #666 !important;
  text-decoration: none;
  font-weight: 700;
  box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
.em2tabs li a:hover {
  background: rgba(10, 10, 10, 0.1) !important;
  color: var(--default-text) !important;
}
.em2tabs-tab-content {
  background: #efefef;
  overflow-y: auto;
}
.em2tabs li.emtabselected a {
  color: var(--default-text) !important;
  background: #efefef !important;
}
.em2tabs-tab-content .table .cellrow {
  padding: 10px 10px;
  border-bottom: var(--1px-light);
}
.em2tabs-tab-content .table .cellrow .bodylabel {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}
.em2tabs-tab-content .table .cellrow .bodycontent {
  color: #666;
}
.settingssubtabnav {
  margin: 0;
  position: sticky;
  top: 142px;
  background: var(--themed-tab-bar);
  z-index: 900;
  height: 42px;
}
.settingslayout .settingssubtabnav {
  height: 42px;
}
.lighttheme .settingssubtabnav {
  background: var(--light-bg);
  border-bottom: var(--1px-light);
}
.settingssubtabnav ul,
#sub-nav,
.tree-header {
  display: flex;
  position: relative;
  height: calc(var(--nav-btn-height) + 1px);
  width: 100%;
  margin: 0;
  padding: 0;
}
#sub-nav {
  justify-content: space-between;
}
.lighttheme #sub-nav {
  height: calc(var(--nav-btn-height) + 1px);
}
#sub-nav.search-views {
  margin-bottom: 0;
  z-index: 999;
}
.dropleft .dropdown-menu {
  margin-right: 0;
  z-index: -1;
}
table.greytxt {
  width: 100%;
}
.eml-tab-content,
.eml-full-content {
  background: var(--light-bg);
  padding: 20px;
}
.metadatainput .select2 {
  width: 100%;
}
#table-container {
  margin: 20px 0 0 0;
  padding: 0;
}
.modal #table-container {
  margin: 0;
}
#side-nav-inner {
  width: 280px;
  margin-right: 1px;
  /* float: left; */
}
#side-nav-inner a:hover {
  text-decoration: none;
}
#tableheader th.sortable div span.glyphicon {
  font-size: 10px;
  float: right;
  margin-top: 8px;
  margin-right: 8px;
  position: absolute;
  right: 0;
}
.ui-sortable-handle {
  position: relative;
}
#side-nav-inner ul li.ui-sortable-helper a:hover {
  background: #fff;
}
.settingslayout {
  position: relative;
  background: var(--light-bg);
  color: var(--default-text);
  min-height: 400px;
}
.settingslayout .inputformrow .emdatafield {
  color: var(--default-text);
}
.settingslayout .inputformrow {
  margin-bottom: 24px;
}
.settingslayout h3 {
  margin: 0.5rem 0 0.75rem;
}
.contentlayout {
  position: relative;
  background: var(--light-bg);
  color: var(--default-text);
  padding: 20px;
}
#eml-tab-subnav ul {
  height: 42px;
}
#eml-tab-subnav li {
  float: left;
  list-style: none;
}
#eml-tab-subnav li a {
  line-height: 40px;
  display: block;
  padding: 0 20px;
}
.settigs-eventlist {
  padding-bottom: 20px;
}
.eventrunning {
  font-weight: bold;
}
#viewlist {
  min-width: 350px;
  margin-right: 4px;
}
#viewlist .sortableitem {
  width: calc(100% - 24px);
}
#workarea {
  /* float: left; */
  min-width: 760px;
}
#workarea ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
.settings-icon {
  width: 11px;
  height: 11px;
  background: url("../images/settings-icon.png") no-repeat;
  margin-right: 0;
  float: right;
  margin: 4px 3px 0 0;
  opacity: 0.8;
  cursor: pointer;
}
#views-settings {
  color: var(--default-text);
  font-weight: normal;
  margin-bottom: -10px;
}
#views-settings .inner {
  background: #fff;
  border: 1px solid var(--black-border);
  padding: 15px 15px 5px 15px;
  border-radius: 5px;
}
#views-settings .field {
  padding: 5px 8px;
  border-radius: 5px;
  font-size: 12px;
}
#views-header .type {
  font-size: 10px;
  margin-top: -2px;
  margin-left: 5px;
  opacity: 0.8;
}
.settings-icon:hover {
  opacity: 1;
}
.settings-icon.tooltip:hover::after {
  top: -35px !important;
  right: -7px !important;
}
.settings-icon.tooltip:hover::before {
  top: -7px !important;
  left: 0 !important;
}
.uiinfo:hover::after {
  top: -38px !important;
  left: 0;
}
.uiinfo:hover::before {
  top: -10px !important;
  left: 10px !important;
}
#views-settings {
  margin: 11px 0 0 0;
  padding: 10px 0 0 0;
  width: 100%;
  border-top: 1px dashed rgba(255, 255, 255, 0.6);
}
#views-settings label {
  display: block;
}
.emsettingslist {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.emsettingslist li {
  height: 38px;
  border: var(--1px-light);
  border-top: none;
  overflow: hidden;
  position: relative;
  color: var(--default-text);
}
.emsettingslist li:empty {
  display: none;
}
.emsettingslist li:first-child {
  border-top: var(--1px-light);
}
.emsettingslist .sortableitem {
  padding: 8px 0 8px 8px;
  color: #666;
  display: block;
}
.emsettingslist li:first-child {
  border-top: var(--1px-light);
}
.emsettingslist li.subheader,
.emsettingslist li.subheader:hover {
  background: #e1e1e1;
  padding: 6px 8px;
}
.emsettingslist .subheader-title {
  float: left;
  line-height: 22px;
}
.emsettingslist li.singlecontainer,
.emsettingslist li.singlecontainer:hover {
  background: #f9f9f9;
}
.emsettingslist li.subheader .form-control-sm2 {
  width: 33%;
}
#addeditbox {
  height: auto;
}
#addeditbox .form-control {
  padding: 0.15rem;
  width: 170px;
  display: inline-block;
}
.ui-sortable-helper {
  background: #f4f4f4;
  border: 1px solid #666;
  box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.35);
}
.ui-soratable-helper a:hover {
  background: #f4f4f4;
}
.type-of-field {
  font-size: 10px;
  font-weight: bold;
  color: #aaa;
  margin: 0 0 0 8px;
  position: relative;
  top: -1px;
}
.emsettingslist li:hover .type-of-field {
  color: #666;
}
#table-container li.header {
  font-weight: bold;
  font-size: 1.1em;
  padding: 10px 8px 10px 16px;
  border-color: var(--themed-navbar-secondary);
  background: var(--themed-navbar-secondary);
  color: var(--themed-navbar-secondary-text);
}
.emsettingslist li.header {
  height: 42px;
  font-weight: bold;
}
.emsettingslist li.header a {
  color: #ddd;
}
.emsettingslist li.header a:hover {
  color: #fff;
}
.fwlist,
.fw {
  margin: 0;
  padding: 0;
}
.fwlist li {
  margin: 0;
  padding: 8px 8px 8px 26px;
  width: 100%;
  display: block;
  border-bottom: var(--1px-light);
}
.fwlist li:nth-child(even) {
  background: #f7f7f7;
}
#folders li {
  height: 102px;
}
#folders li:hover {
  background: #efefef;
}
#folders .folder {
  background: url("../images/folder.png") 15px 8px no-repeat;
  padding: 20px 0 0 0;
  height: 102px;
  position: relative;
}
#folders .folder a:hover {
  text-decoration: none;
}
#folders .folder a:hover .alias {
  text-decoration: underline;
}
#folders .alias {
  font-weight: bold;
  font-size: 1.2rem;
}
#folders .path {
  font-size: 0.9rem;
}
.auto .folder::after {
  background: url("../images/auto-icon.png");
}
.manual .folder::after {
  background: url("../images/manual-icon.png");
}
.add .folder::after {
  background: url("../images/add-icon.png");
}
.cat-folder .cat-name {
  position: relative;
  top: 35px;
  left: 135px;
  width: 300px;
  line-height: 1;
}
.cat-folder .alias {
  font-weight: bold;
  color: var(--default-text);
  font-size: 16px;
  margin-top: -4px;
}
.cat-folder .path {
  font-size: 12px;
  color: #999;
}
.folder .last-activity {
  font-size: 0.9em;
}
.modulelist a {
  color: var(--default-text);
}
.monitor {
  background: #eeeeee;
  border: var(--1px-light);
  border-radius: 5px;
  height: 65px;
  padding: 5px 15px;
  margin-top: 11px;
  float: left;
  width: 459px;
}
.monitor .top,
.monitor .bottom {
  color: #767676;
  font-size: 11px;
}
.progress {
  height: 8px;
}
.scan {
  float: right;
  margin-top: 33px;
  margin-right: 20px;
}
.switch {
  background: url("../images/switch.png") 0 -31px no-repeat;
  width: 64px;
  height: 31px;
  margin: 10px 0;
  cursor: pointer;
}
.switch.on {
  background: url("../images/switch.png") 0 0 no-repeat;
}
li.add {
  border-bottom: 0 none;
}
.add a {
  margin: 38px 20px 0 0;
}
#folders .folder {
  padding-left: 140px;
  width: 100%;
}
#folders .folder-header {
  background-color: #d5d5d5;
}
#folders .folders-name {
  float: left;
}
.folders-actions {
  padding-top: 30px;
}
.folders-name h3 {
  margin: 0;
  padding-top: 5px;
}
.fields .field {
  width: 300px;
  color: var(--default-text);
  font-size: 12px;
}
.fields {
  padding: 10px 0;
}
.addnewitem {
  margin: 5px 0;
}
.form-actions {
  padding: 20px 0 0 10px;
}
#right-col > .fields {
  margin: 10px;
}
.fields label {
  display: block;
}
.fields .note {
  color: #666;
  font-style: italic;
  font-size: 11px;
}
.fields h3 {
  display: none;
}
.fields label + select {
  margin-top: 5px;
}
.fields select + .note {
  margin-top: 5px;
}
.fields .field {
  width: 300px;
  color: var(--default-text);
  font-size: 12px;
}
.fields .field.short {
  width: 300px;
}
.fieldsX input[type="checkbox"] {
  margin: 20px 0 0 0;
}
.fieldsX input[type="checkbox"] + span {
  margin-left: 5px;
}
.fieldsX input[type="checkbox"]:checked + span {
  color: #28bb03;
}
.fieldsX input[type="checkbox"] + span + .note {
  margin: 5px 0 20px 0;
}
#between {
  display: none;
}
.fields .vshort {
  width: 200px;
}
.field-connector {
  margin: 0 5px;
  font-weight: bold;
}
.pause {
  margin: -33px 0 0 0;
  float: right;
}
#module-dropdown {
  padding-left: 8px !important;
  padding-right: 6px !important;
  position: relative;
}
#module-dropdown span {
  background: url("../images/sort-desc.png") 0 0 no-repeat;
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 1px 0 2px 0;
  position: relative;
  top: -4px;
  left: 4px;
}
#module-dropdown.active span {
  background: url("../images/sort-asc.png") 0 0 no-repeat;
}
#module-list {
  position: absolute;
  background: #fff;
  border: 1px solid #999;
  border-radius: 5px 5px 5px 5px;
  top: 38px;
  z-index: 600;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.4);
}
#module-list li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: none;
  border-bottom: var(--1px-light);
}
#module-list li:first-child {
  border-top: var(--1px-light);
  margin: 0;
}
#module-list li a {
  background: none !important;
  border: none;
  color: var(--default-text);
  padding: 10px;
  box-shadow: none;
  border-radius: 0;
  text-align: left;
  display: block;
  float: none;
  margin: 0;
  font-weight: normal;
}
#module-list li a:hover {
  background: #eee !important;
}
#module-list li a:active {
  border: none;
  top: 0;
}
#share-container .emdetailactions {
  background: none;
}
.tabnav {
  display: flex;
  align-items: center;
  height: 42px;
  border-top: var(--1px-light);
  border-bottom: var(--1px-light);
}
.tabnav a {
  padding: 0 16px;
  line-height: 40px;
  display: inline-block;
  height: 40px;
  background: var(--themed-tab-btn);
  color: var(--themed-tab-btn-text);
  border-right: var(--1px-light);
}
.tabnav a:hover {
  background: var(--themed-tab-btn-hover);
  cursor: pointer;
  text-decoration: none;
}
.tabnav a.current {
  background: var(--themed-tab-btn-active);
  color: var(--default-text);
}
.tab-actions {
  position: relative;
  padding: 0.25rem 0;
  background: var(--light-bg);
}
.tab table {
  width: 100%;
}
.tab table tr td:first-child {
  padding-left: 20px !important;
}
.tab-actions .field {
  width: 170px;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
  margin: 0 5px;
  position: relative;
}
.emselectabledetails {
  font-size: 12px;
  color: var(--default-text);
}
.tab .delete-row {
  margin-top: 5px;
  margin-right: 10px;
}
#geomap .emdatafield {
  display: none;
}
#geomap table,
#geomap tr,
#geomap td {
  background: none !important;
  border: 0 none;
  margin: 0;
}
.mapbubble h3 {
  font-size: 1rem;
  margin: 10px 0;
}
.assetpanel-geomap {
  margin-bottom: 0;
}
.assetpanel-geomap .emdatafieldvalue {
  padding: 0 !important;
}
#advanced-dm-search {
  padding: 5px 0;
  width: 100%;
}
.btn.flat-left {
  border-radius: 0 5px 5px 0;
}
.btn.flat-right {
  border-radius: 5px 0 0 5px;
  border-right-color: #fff;
}
#advanced-dm-search .settings-table {
  margin: 5px 0;
  border: 2px solid #ddd !important;
  width: inherit;
}
#advanced-dm-search .settings-table tr,
#edit-data .settings-table tr {
  padding: 2px 0;
}
#advanced-dm-search .settings-table tr:nth-child(even) {
  background: #fff;
}
#advanced-dm-search .settings-table tr td,
#edit-data .settings-table tr td,
#settings-no-margin table tr td:first-child {
  padding: 6px 10px;
}
#advanced-dm-search .settings-table tr td:first-child,
#edit-data .settings-table tr td:first-child {
  border-right: 1px dashed #ddd;
  width: 210px;
  text-align: right;
}
#advanced-dm-search .settings-table select,
#edit-data .settings-table select {
  margin: 9px 0;
}
#advanced-dm-search .dateinputbox {
  display: block;
}
#dm-container {
  overflow-x: scroll;
}
#embody #emcontainer .settings table tr td:first-child,
#meta-no-margin table tr td:first-child {
  padding: 4px 10px 4px 20px !important;
}
.tab-actions strong {
  position: relative;
  top: 2px;
  line-height: 32px;
}
#meta-no-margin {
  margin: -20px;
}
#meta-no-margin .buttons {
  margin: 0 20px;
}
#meta-no-margin .info {
  margin: 20px;
}
.hide-only {
  display: none;
}
.hide-only:only-child {
  display: flex;
}
.videoplay-button {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  height: 0.5em !important;
  font-size: 4em;
  line-height: 1em !important;
  margin-top: -0.5em !important;
  margin-left: -0.5em;
  background: rgba(0, 0, 0, 0);
  width: 0.5em;
  border: none;
  cursor: pointer;
  display: block;
  padding: 0;
  outline: none;
  opacity: 0.75;
  transition: all 0.2s ease;
}
.imagethumbholder .videoplay-button {
  font-size: 5em;
}
.masonry-grid-cell:hover .videoplay-button,
.small-thumb-container:hover .videoplay-button {
  opacity: 0.95;
}
.videoplay-button:hover,
.videoplay-button:visited,
.videoplay-button:focus {
  outline: none;
}
.videoplay-icon {
  color: #fff;
}
.videoplay-icon::before {
  content: "\f4f4";
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: 400 !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.settings-table {
  border: 1px solid #6663;
}
.settings-table .sectionlevel {
  background: #333 !important;
}
.settings-table .sectionlevel td {
  color: #eee;
  font-size: 1rem;
  font-weight: bold;
  padding: 4px 8px;
}
.settings-table td {
  padding: 3px 5px;
}
.settings-table .form-control,
.settings-table .select2-search__field {
  padding: 0.25rem 0.5rem;
  line-height: 1.5;
  font-size: 0.9rem;
}
.settings-table .select2-selection--multiple {
  min-height: 33px;
}
.settings-table .emdatafieldvalue {
  padding: 0.25rem 1rem;
  border-left: var(--1px-light);
}
table.table-striped tbody td.emdatafield {
  width: 220px;
  padding: 5px 5px 5px 10px;
}
.nav-tabs {
  background: #efefef;
}
.listbox {
  position: relative;
}
.listbox:hover {
  background: #efefef;
}
.settings-table .emlist {
  background: #efefef;
  border: 0 none;
}
.emtable .listrow {
  padding: 7px 20px;
  display: block;
  border-bottom: var(--1px-light);
  text-decoration: none;
  color: #666;
}
.ajax.action {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 29px;
}
.delete-row {
  position: absolute;
  z-index: 3;
  top: 10px;
  right: 6px;
  color: rgb(0, 0, 0, 0.3);
  padding: 0 4px;
}
.delete-row:hover {
  background: transparent !important;
  color: rgb(0, 0, 0, 1);
}
.select2-container--default .select2-search--inline .select2-search__field {
  padding: 0 5px;
}
.select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
.rpp {
  min-width: 56px;
  max-width: 80px;
}
.select2-results__options::-webkit-scrollbar {
  width: 4px;
}
.select2-results__options::-webkit-scrollbar-track {
  background: var(--scroll-track);
}
.select2-results__options::-webkit-scrollbar-thumb {
  width: 2px;
  background: var(--scroll-thumb);
  border-radius: 2px;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.overflow-x-hidden {
  overflow-x: hidden;
}
.overflow-x {
  overflow-x: auto;
}
.overflow-y {
  overflow-y: auto;
}
.overflow-xy {
  overflow: auto;
}
textarea,
.overflow-x,
.overflow-y,
.overflow-xy,
.scrollview,
.table-autoresize-inner,
.emselectablemodule {
  scrollbar-width: thin;
  scrollbar-color: var(--scroll-thumb) var(--scroll-track);
}
textarea::-webkit-scrollbar,
.overflow-x::-webkit-scrollbar,
.overflow-y::-webkit-scrollbar,
.overflow-xy::-webkit-scrollbar,
.scrollview::-webkit-scrollbar,
.table-autoresize-inner::-webkit-scrollbar,
.emselectablemodule::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: var(--scroll-track);
}
textarea::-webkit-scrollbar-thumb,
.overflow-x::-webkit-scrollbar-thumb,
.overflow-y::-webkit-scrollbar-thumb,
.overflow-xy::-webkit-scrollbar-thumb,
.scrollview::-webkit-scrollbar-thumb,
.table-autoresize-inner::-webkit-scrollbar-thumb,
.emselectablemodule::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
}
textarea::-webkit-scrollbar-track,
.overflow-x::-webkit-scrollbar-track,
.overflow-y::-webkit-scrollbar-track,
.overflow-xy::-webkit-scrollbar-track,
.scrollview::-webkit-scrollbar-track,
.table-autoresize-inner::-webkit-scrollbar-track,
.emselectablemodule::-webkit-scrollbar-track {
  background: var(--scroll-track);
}
.overflow-y.minimal {
  scrollbar-width: thin;
  scrollbar-color: #bfbfbf transparent;
}
.overflow-y.minimal::-webkit-scrollbar {
  width: 4px;
  background: transparent;
}
.overflow-y.minimal::-webkit-scrollbar-thumb {
  background: #bfbfbf;
}
.overflow-y.minimal::-webkit-scrollbar-track {
  background: transparent;
}
.pickerresults .resultsdivdata a,
.pickerresults td a {
  pointer-events: none;
}
.soft-scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: #e0e0e0 #ffffff;
}
.soft-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #e0e0e0;
}
.soft-scrollbar::-webkit-scrollbar-thumb {
  background: #e0e0e0;
}
.soft-scrollbar::-webkit-scrollbar-track {
  background: var(--light-bg);
}
.no-scrollbar {
  overflow: auto;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.no-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
.no-scrollbar::-webkit-scrollbar-thumb {
  background: transparent;
}
.no-scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.emselectablemodule {
  max-height: calc(var(--vertical-height) - 210px);
  width: 100%;
  overflow: auto;
  position: relative;
}
.settings-table-container {
  margin: 20px;
  max-width: 1200px;
  border: var(--1px-light);
}
.settings-table-container table {
  margin-bottom: 0;
}
#setupmodules {
  border-top: var(--1px-light);
}
table.table-striped tbody td {
  padding: 5px 5px;
  font-size: 0.9rem;
  max-width: 200px;
}
.tableheader th {
  position: relative;
  border-bottom: var(--1px-light) !important;
}
.emselectablemodule thead {
  position: sticky;
  top: 0;
  z-index: 998;
}
table.stackedplayertable tbody tr {
  cursor: pointer;
}
.table-clickable td,
#emselectable table tbody tr {
  cursor: pointer;
  background: var(--themed-td);
}
.table-clickable td:hover,
#emselectable table tbody tr:hover {
  background: var(--themed-td-stripe);
}
table.table-padding tbody td {
  padding: 4px 12px;
}
.table-striped tbody td.tablecell-primarymedia {
  padding: 10px;
}
.main-info .primary {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--default-text);
  line-height: 30px;
  margin: 0;
}
#default-top .secondary {
  font-size: 1.1rem;
  color: #666;
}
#default-top .secondary a {
  font-size: 14px;
  color: #34a3c2;
  font-weight: normal;
}
#default-top .secondary a:hover {
  color: #60bad3;
}
.alert-primary {
  color: #004085;
  background: #cce5ff;
  border-color: #b8daff;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1;
}
ul.embuttons li a span {
  border: none;
  box-shadow: none;
}
#sub-nav li a.btn-checkout {
  line-height: calc(var(--nav-btn-height) + 1px);
  height: calc(var(--nav-btn-height) + 1px);
  margin-top: 3px;
  font-size: 14px !important;
  margin-right: 50px;
}
#nav {
  overflow: visible;
  height: 60px;
}
#nav li {
  position: relative;
}
#nav .flat-right {
  border-radius: 5px 0 0 5px;
  border-right-color: #63bfdd;
}
#nav .flat-left {
  border-radius: 0 5px 5px 0;
}
#metadataarea {
  border-style: dashed;
  border-color: #b4b4b4;
  padding: 10px;
}
.ui-widget-header {
  min-height: 22px;
}
.ui-widget-header.sidetoggle {
  cursor: pointer;
}
.ui-widget-header.sidetoggle .widget-header-title {
  background: url("../images/arrow-right.png") left 4px no-repeat;
  padding: 0 10px 0 14px;
}
.ui-widget-header.sidetoggle.expanded .widget-header-title {
  background: url("../images/arrow-down.png") left 3px no-repeat;
  padding-left: 14px;
}
a.collectionbox.favorite {
  width: 85%;
  display: inline-block;
}
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}
#registration-submit {
  margin-top: 10px;
}
#lightboxresults,
#lightboxeditor {
  height: 100%;
}
#lightboxeditor .dragoverselected {
  padding-left: 10px;
}
.lightboxselect {
  height: 100%;
}
.lightboxselect .scrollview {
  height: calc(100% - 36px);
}
.librarylabels ul li.selected {
  background: #c9e8f2;
}
#createnewarea {
  padding: 10px 5px;
}
.collectionnew {
  text-decoration: none;
}
#createnewarea input[type="text"] {
  width: 150px;
  margin-bottom: 5px;
}
.ui-datepicker-trigger {
  margin-left: 10px;
}
.emfield-time .ui-datepicker-trigger {
  margin-left: 166px;
}
.resultsnumber {
  float: left;
  padding: 0px 10px 0 0;
}
.emresultscontainer .pages {
  position: relative;
  z-index: 600;
}
.sortable #pages {
  margin: 0;
}
.emresultscontainer .pages .ellipsis {
  color: #797979;
  width: auto !important;
  line-height: 26px;
}
.pages ul {
  margin: 0px;
  padding: 0px;
  float: right;
  display: block;
  position: relative;
  top: 0px;
  border: 0px;
  border-top: none;
  z-index: 600;
  padding: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
.pages ul li {
  list-style: none;
  display: block;
  float: left;
  margin-right: 4px;
  font-weight: bold;
}
.pages ul li a,
.boxnavlink {
  display: block;
  font-size: 0.8rem;
  padding: 0 5px;
  height: 1.5rem;
  text-align: center;
  text-decoration: none;
  color: #ddd;
  background: #666;
  border: 1px solid #777;
}
.emresultscontainer .pages ul li a:hover,
.emresultscontainer .pages ul li.current a:hover,
.boxnavlink:hover {
  color: #fff !important;
  background: #333;
}
.boxnavlink {
  display: inline-block;
}
.pages ul li.current a {
  background: #444;
  border: 1px solid #777;
  color: #fff;
}
.pages ul li.pagenav {
  width: 22px;
}
.pages ul li.pagenav a span.glyphicon-triangle-right {
  margin-right: -3px;
  margin-top: 6px;
  position: relative;
}
#emresultscontent .pages ul li.pagenav a span.glyphicon-triangle-left {
  margin-right: -3px;
  margin-top: 6px;
  position: relative;
}
.resultstablenav .pages {
  margin: 0 !important;
}
.resultstablenav {
  padding-bottom: 10px;
}
.resultstablenav .resultmenuitem {
  line-height: 28px;
  height: 28px;
}
.aresultstablenav .edit-columns {
  padding-top: 4px;
}
.pages.categoriespages ul li a {
  height: 1.3rem;
}
.pages.categoriespages ul li a .bi {
  transform: scale(1);
}
.modal-content {
  color: var(--default-text);
  background-color: transparent;
  border-radius: 8px;
  border: none !important;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  background: #fff;
}
.modal-content .tableholder {
  overflow-y: auto;
  height: calc(100% - 30px);
  margin-bottom: 5px;
}
.modal-content .tableholder .table {
  margin-bottom: 0;
}
.modal-image {
  background: #333;
  padding-bottom: 10px;
}
.modal-image .modal-header {
  border: 0 none;
  color: #eee;
  padding: 0.5rem 1rem;
}
.modal-image .modal-title {
  font-size: 1.1rem;
}
.modal-image .modal-header .close {
  color: #efefef;
}
.modal-image .modal-content {
  background: #333;
  border: 0 none;
}
.submodulepicker {
  max-height: 100%;
}
.submodulepicker h3 {
  margin-top: 0px;
}
.breadcrumbs {
  line-height: 27px;
}
.select2-results__option[aria-selected] {
  word-break: break-word;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 20px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: 0px;
  text-align: center;
  background: rgba(255, 255, 255, 0.4);
  cursor: auto;
}
.carousel-indicators .arrowenabled {
  background: #ccc;
  cursor: pointer;
}
.carousel-indicators li#leftpage:hover,
.carousel-indicators li#rightpage:hover {
  background: #efefef;
  cursor: pointer;
}
.themeeditor .emdatafield {
  width: 300px !important;
}
.detail-note {
  font-size: 0.9rem;
  color: #606060;
}
.dashboardlayout,
.maincontentlayout {
  background: var(--light-bg);
  color: var(--default-text);
  padding: 25px 20px 20px;
  position: relative;
  margin: 20px 15px;
}
.maincontentlayout h3 {
  margin: 0 0 0.5em;
}
.dashboardcontainer {
  padding-bottom: 20px;
  background: var(--light-bg);
}
.dashboardcontainer h2 {
  padding: 15px 0 20px;
}
.dashboard .card {
  margin-bottom: 20px;
}
.maincontent-sidebar {
  float: left;
  width: 200px;
}
.maincontent-content {
  float: left;
  padding-left: 20px;
  width: calc(100% - 200px);
}
#editlayout .btns {
  padding: 15px 10px;
}
.activitydetails h3 {
  padding: 10px 0;
  margin: 0;
  font-size: 1.3rem;
}
.activitydetails {
  padding: 10px 0;
}
.activitydetailscontainer .settings-table {
  border-top: 1px solid #6663;
}
.emfield-time {
  position: relative;
}
.emfield-time .form-control {
  position: absolute;
}
#cat-list li .category {
  padding-left: 20px;
  background: url("../images/folder-closed.gif") left 1px no-repeat;
  margin: 0 5px 0 0;
}
#cat-list li .asset {
  padding-left: 20px;
  padding-top: 12px;
  background: url("../images/attachments-icon.png") left 7px no-repeat;
  margin: 0 5px 0 0;
}
.collectionheader #cat-list .row .category {
  background: url("../images/icons/box.png") top 3px left 0px no-repeat;
}
#cat-list a:hover {
  text-decoration: underline;
}
#cat-list .delete-row {
  margin-top: -15px;
  margin-right: 5px;
}
a.collectionsaved,
a.collectionsaved:hover,
a.collectionlike:hover {
  color: green;
}
a.collectionlike {
  color: black;
}
.collection-config-title {
  margin: 0 0 20px;
  height: 45px;
  line-height: 45px;
  background: #565656;
  color: #fff;
  padding: 0 20px;
}
.uploadcollection {
  background: #efefef !important;
  padding: 5px 7px;
  position: relative;
  margin: 6px 0;
}
.helpcenter li {
  padding-bottom: 2px;
  line-height: 1.6;
}
.helpcenter a {
  color: var(--default-text);
  text-decoration: underline;
}
.helpcenter a:hover {
  color: var(--default-text);
}
.editpostbtn {
  padding: 5px;
  margin-bottom: 20px;
}
.collections-list-thumb {
  padding: 0 0 0 36px;
}
.libraryfinder ul li {
  position: relative;
}
.libraryfinder-collections-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.libraryfinder-libraries {
  float: left;
  width: calc(100% - 12px);
  min-height: 250px;
  padding: 0px;
  margin: 0px;
  background: rgb(0, 0, 0, 0.1);
}
.libraryfinder-libraries ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.libraryfinder-libraries ul li {
  line-height: 2.2;
  padding-left: 20px;
}
.libraryfinder-libraries ul a {
  color: var(--default-text);
  display: block;
}
.libraryfinder-collections ul a {
  color: #eee;
}
.libraryfinder-collections {
  float: left;
  width: calc(100% - 12px);
  background: rgb(0, 0, 0, 0.1);
  min-height: 250px;
}
.libraryfinder h4 {
  margin: 0 0 5px;
  text-transform: uppercase;
  padding-bottom: 6px;
  border-bottom: 1px solid var(--black-border);
  font-size: 0.8rem;
  text-align: center;
  color: #fff;
}
.libraryfinder-libraries ul li.current {
  background: #ccc;
  margin: 1px;
  font-weight: bolder;
}
.libraryfinder-header {
  background: rgb(0, 0, 0, 0.2);
  padding: 2px 9px;
  color: var(--default-text);
  font-size: 0.8rem;
  height: 30px;
}
.libraryfinder-header .form-control {
  margin-right: 4px;
  height: calc(1.6rem);
  width: 85%;
}
.libraryfinder-header a {
  color: #999;
  display: inline-block;
  padding: 3px;
}
.libraryfinder-header a:hover {
  color: #fff;
}
.libraryfinder-header .librarytitle {
  padding: 3px;
}
.libraryfinder ul li a.libraryfinder-collectionmenu {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  padding: 0 3px;
}
.libraryfinder ul li:hover a.libraryfinder-collectionmenu {
  display: inline-block;
}
.libraryfinder-collections-list {
  padding-top: 4px;
}
.search-categories-sidebar {
  height: calc(100% - 40px);
}
.categoryresults {
  height: 100%;
}
.categorypathpicker {
  height: 100%;
  overflow-x: auto;
}
.categorypathpicker .pickcategorylink {
  padding: 2px 4px;
  display: block;
}
a.categorypathlink {
  display: block;
  padding: 2px 5px;
}
#searchareacontent {
  height: 100%;
}
#searchareacontent .pickedcategoryform {
  height: calc(100% - 40px);
}
.searchcategories-filter .detail_categorypath {
  margin-bottom: 6px;
  font-size: 0.9rem;
}
.emgridcontainer {
  height: 100%;
}
.entity-tab-content:has(.lightbox-header) .emgridcontainer {
  height: calc(100% - 42px);
}
.left-foldertree {
  height: calc(100% - 37px);
}
.col-left .searchcategories-tree {
  height: calc(var(--vertical-height) - 410px);
}
.col-left .searchcategories-filter {
  height: 300px;
}
.col-left .searchcategories-filter .categoryresults {
  height: calc(100% - 40px);
}
.col-left #treeholder {
  overflow: auto;
  height: 100%;
  padding: 4px 0;
}
.col-categories .searchcategories-tree.widesidebar {
  float: left;
  width: 25%;
  height: 100%;
  max-height: 100%;
  min-width: 280px;
  padding: 6px;
}
.col-categories
  .searchcategories-tree.widesidebar
  .searchcategories-treecontainer {
  height: 100%;
  max-height: 100%;
}
.col-categories .searchcategories-filter.widesidebar {
  float: left;
  width: 75%;
  height: 100%;
  max-height: 100%;
  padding-left: 0;
}
.col-categories .category-search a {
  display: block;
  color: #666;
}
.col-categories .category-search a:hover {
  color: var(--default-text);
}
.col-categories .category-search-hit .category-search-hit-name {
  margin-left: 38px;
  font-size: 0.9rem;
  line-height: 1.8;
}
.col-categories .category-search-hit .category-search-hit-icon {
  left: 14px;
}
.col-categories .category-search .category-search-hit-tools {
  position: absolute;
  right: 10px;
  top: 2px;
  padding: 1px 4px;
  display: hidden;
}
.col-categories
  .category-search
  .auto-active-row:hover
  .category-search-hit-tools {
  display: block;
}
.category-search a {
  text-decoration: none;
}
.sidebarwide .libraryfinder-libraries {
  width: 35%;
}
.sidebarwide .libraryfinder-collections {
  width: calc(65% - 12px);
  margin-left: 5px;
}
.downloads-sidebar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.downloads-sidebar-list li {
  display: block;
  padding: 1px;
  clear: both;
}
.downloads-sidebar-list a {
  display: block;
  color: #666;
  padding: 5px;
  line-height: 3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.downloads-sidebar-list a:hover {
  text-decoration: none;
  color: var(--default-text);
}
.downloads-sidebar-list .download-sidebar-thumb-container {
  width: 60px;
  height: 40px;
  float: left;
  margin-right: 5px;
  text-align: center;
}
.downloads-sidebar-list .download-sidebar-thumb {
  max-width: 60px;
  max-height: 40px;
}
.typeaheadmodal {
  position: absolute;
  z-index: 100;
  background: #fefefe;
  border: var(--1px-light);
  border-radius: 0.25rem;
  padding: 18px 15px 10px 15px;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.4);
}
.quicksearchresults h3 {
  font-size: 0.9rem;
  color: var(--default-text);
  margin: 0 0 8px 0;
}
.qsrecent {
  list-style: none;
  padding: 0 50px;
  margin: 0 0 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  height: 55px;
  overflow: hidden;
}
.qsrecent .badge {
  font-weight: normal;
}
.qsrecent li {
  margin: 0 7px 9px;
}
.qsrecent li:nth-of-type(1n + 30) {
  display: none;
}
.qstopics {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 30px;
}
.qstopics li {
  float: left;
  margin-right: 15px;
}
.qssuggestion:hover {
  text-decoration: underline;
}
.suggestionscontainer .suggestionstitle {
  font-size: 1.2rem;
  padding-right: 10px;
}
.suggestionscontainer .trackedtopic {
  font-weight: bold;
  color: #2a6c92;
  display: inline-block;
  padding-right: 10px;
}
.chartsidebartag,
.chartsidebartag:hover {
  text-decoration: none;
  display: block;
}
.chartbackground {
  padding: 5px 2px;
}
.chartbackground:hover {
  background: #ededed;
}
.filterbar {
  background: #999;
  display: inline-block !important;
  padding: 1px 3px 1px 3px;
  height: 16px;
  vertical-align: middle;
  font-size: 0.8rem;
  text-align: right;
}
.chartbackground:hover .filterbar {
  background: #f98f20;
  color: black;
}
.filterbar-120 {
  background: #ffa500;
}
.modal-addmedia .modal-body {
  padding: 0;
  background: #ddd;
}
.faceprofilessidebar {
  padding: 20px 10px;
}
.faceprofilessidebar .card-collections .card-collections-thumb {
  width: 80px;
  height: 80px;
}
.faceprofilessidebar .card-collections .collectionbox {
  margin-top: 10px;
}
.faceprofilessidebar .card.active {
  border: #eee solid 4px;
}
.faceprofilessidebar .card {
  position: relative;
  width: 80px;
}
.faceprofilessidebar .card:hover .btn-editprofile {
  display: block;
}
.faceprofilessidebar .btn-editprofile {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
}
.facepf-item {
  margin: 16px !important;
}
.entity-value-list .facepf-item {
  padding: 8px 8px 0px 8px;
  border: 1px solid #cfcfcf;
  border-radius: 12px;
  background: #efefef;
}
.facepf-item span {
  font-size: 12px;
  display: inline-block;
  max-width: 190px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
  margin-top: 8px;
}
.facepf-item .facepf-remove {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: -12px;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' fill='%2388f' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11H7v-2h10v2z'%3E%3C/path%3E%3C/svg%3E");
  background-position: -3px -3px;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.facepf-item:hover .facepf-remove {
  opacity: 1;
}
.facepf-item .facepf-add {
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  position: absolute;
  top: -12px;
  left: -12px;
  background-color: white;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='30px' fill='%230b57d0' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z'%3E%3C/path%3E%3C/svg%3E");
  background-position: -3px -3px;
}
.faceperson,
.facepf {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  display: block;
  background-repeat: no-repeat;
  text-decoration: none;
}
.faceperson {
  display: flex;
  align-items: center;
  justify-content: center;
}
.facepf-hidden span:nth-child(1) {
  display: none;
}
.facepf-hidden.collapsed span:nth-child(1) {
  display: inline-block;
}
.facepf-hidden span:nth-child(2) {
  display: inline-block;
}
.facepf-hidden.collapsed span:nth-child(2) {
  display: none;
}
.facepf-new {
  color: var(--focus-color);
  border: 1px solid var(--focus-color);
  padding: 2px 8px;
  border-radius: 5px;
  background: white;
}
.facepf-new:hover {
  color: var(--focus-color);
  background-color: #80bdff22;
}
.emgrid-content em {
  font-weight: bold;
  text-shadow: 0px 1px #f7f700;
}
.modal-data-details em {
  font-weight: bold;
  text-shadow: 0px 1px #f7f700;
}
.modal-close {
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.modal-close button.close {
  color: #eee;
  padding: 4px;
}
h3.modal-insight-datatype {
  font-size: 1.1rem;
  line-height: 1;
  font-weight: bold;
}
.modal-insight-datatype img {
  height: 18px;
}
.modal-body-insight {
  padding: 0 1rem 1rem;
}
.modal-body-insight-header {
  margin-bottom: 20px;
}
.modal-body-insight .tab-pane {
  padding: 10px;
  border: 1px solid transparent;
  border-color: #fff #dee2e6 #dee2e6;
}
.modal-body-insight .nav-tabs .nav-link {
  border-radius: 0;
  border: 1px solid transparent;
  border-color: #dee2e6 #dee2e6;
}
.modal-body-insight .nav-tabs .nav-link.active {
  border-color: #dee2e6 #dee2e6 #fff;
}
.modal-body-insight .nav-tabs {
  background: var(--light-bg);
}
.modal-body-insight .ibmtext.seemoreclosed {
  height: 190px;
  overflow-y: hidden;
}
.modal-body-insight .ibmtextdescription.seemoreclosed {
  height: 60px;
}
.ibmtextseemore {
  float: right;
}
.insight-keywords.seemoreclosed {
  height: 116px;
  overflow-y: hidden;
}
.seemorelink {
  color: #87deff;
  font-weight: bold;
  font-size: 0.85rem;
}
.seemorelink:hover {
  color: #2a6c92;
}
.tab-pane-ul {
  margin: 10px 0 0 10px;
  padding-left: 20px;
}
.insighemdialog {
  line-height: 2;
}
.preview-nav {
  padding: 10px 0 0 15px;
  font-size: 0.9rem;
}
.insight-copyright {
  padding: 10px 0;
  color: #666;
}
.insight-subheader {
  font-size: 1.1em;
  margin-bottom: 15px;
}
.insight-projectnumber {
  font-weight: bold;
  color: #888;
}
.insight-columns {
  margin-bottom: 15px;
}
.insight-keywords {
  padding: 15px 0;
}
.insight-keywords .badge {
  background: #87deff;
  border-radius: 0;
  margin: 0 5px 5px 0;
}
.insight-keywords .badge:hover {
  background: #2a6c92;
  color: #eee;
}
.download-link {
  padding: 10px 0;
  font-size: 1.2em;
}
.insightshomepage {
  padding: 0 20px;
}
.finder-title {
  padding: 8px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--themed-navbar-secondary);
  position: sticky;
  top: 130px;
  z-index: 999;
  box-shadow: 0 2px 4px rgba(32, 40, 53, 0.2), 0 4px 8px rgba(32, 40, 53, 0.1);
}
#collectionbasket .finder-title {
  margin-bottom: 0;
  border-bottom: 1px solid var(--pale-grey-light);
  box-shadow: none;
}
.finder-title h2 {
  margin: 0;
  color: #fff;
  font-size: 1.4rem;
}
.finder-title i {
  font-size: 1.2rem;
  transform: translateY(-1px);
}
.addEntityClose {
  position: absolute;
  top: 2px;
  right: 6px;
  font-size: 1.1rem;
  color: rgb(0, 0, 0, 0.3);
}
.addEntityClose:hover {
  color: var(--default-text);
}
.addEntityButton {
  position: absolute;
  top: 5px;
  right: 45px;
}
.addEntityButtonList {
  padding: 15px 20px 10px 10px;
  min-height: 100px;
}
.addMediaRow a:hover {
  text-decoration: underline;
}
#entitypicker .side-select-menu {
  margin: 0 20px 15px 0;
  background: #ededed;
  border-radius: 5px;
}
#entitypicker .side-select-menu.active {
  background: #efefef;
  margin: 0;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
#entitypicker .side-select-menu.active .addMediaRow a {
  text-decoration: underline;
  font-weight: bold;
}
#entitypicker .addEntity {
  background: #efefef;
  border-radius: 4px;
  border-top-left-radius: 0;
  position: relative;
}
.side-select-menu a {
  text-decoration: none;
}
.addMediaRow a {
  display: block;
}
.downloadsUpdateWrapper {
  width: 15px;
  height: 15px;
  line-height: 15px;
  border-radius: 50%;
  font-size: 8px;
  color: #6fb353;
  text-align: center;
  background: #fff;
  margin-left: 1.8em;
  margin-bottom: -1em;
  text-decoration: none;
}
.downloadsUpdate {
  font-size: 8px;
  color: var(--default-text);
  text-decoration: none;
}
.sidebar-selected .downloadsUpdateWrapper {
  display: none;
}
.fa-folder-open {
  color: #ffd05b;
  font-size: 1rem;
}
.ajaxautosubmitselect {
  color: var(--default-text);
}
.pickerHolder {
  display: flex;
  width: 100%;
}
.picker {
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .pickerHolder {
    display: block;
  }
}
#folderPicker {
  margin-left: 20px;
}
@media only screen and (max-width: 992px) {
  #folderPicker {
    margin-left: 0px;
  }
}
.emgridcell .emgrid-content-header h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-dialog {
  max-width: 800px;
}
.modal-lg {
  max-width: 600px;
  height: calc(100% - 2rem);
  margin: 1rem auto;
}
.modal-sm {
  max-width: 440px;
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 990px;
  }
}
@media (min-width: 1024px) {
  .modal-lg,
  .modal-xl {
    max-width: 99%;
  }
}
@media (min-width: 1280px) {
  .modal-lg,
  .modal-xl {
    max-width: 99%;
  }
}
@media (min-width: 1340px) {
  .modal-lg,
  .modal-xl {
    max-width: 99%;
  }
}
@media (min-width: 1680px) {
  .modal-lg,
  .modal-xl {
    max-width: 92%;
  }
}
.modal-sm .modal-header {
  padding: 0.7rem 1rem;
}
.modal-sm .modal-body {
  padding: 0.7rem;
}
.modal-content-headerless {
  background-color: transparent;
}
.modal-content-headerless .modal-body {
  background-color: #fff;
}
.datamanagerchose {
  margin: 0px 10px 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 480px;
  margin-left: auto;
  position: absolute;
  right: 0;
}
.datamanagertable {
  min-height: 200px;
  overflow: auto;
}
.side-guide {
  padding: 5px;
}
.side-guide li {
  padding: 5px;
  margin: 5px;
}
.side-guide p {
  margin-bottom: 0;
}
.categoryresults .category {
  position: relative;
  z-index: 199;
}
.categoryresults .category .emdatafieldreadonly {
  margin-right: 18px;
  font-size: 0.85rem;
}
.categoryresults .category .cat-options {
  position: absolute;
  right: 4px;
  top: 1px;
  display: none;
  padding: 2px 4px;
}
.categoryresults .category:hover .cat-options {
  display: inline-block;
  z-index: 200;
}
.datamanagerworkarea {
  position: relative;
  background: var(--light-bg);
  padding: 0 8px;
}
.datamanager-editor {
  width: 75%;
  padding: 2rem;
}
.datamanager-editor .col-md-12 {
  padding: 0.5rem 0 0.1rem;
}
.datamanager-editor .col-md-12:nth-of-type(odd) {
  background: #33333315;
}
.modal-body .login-area {
  color: var(--default-text);
}
.modal-body .login-area a {
  color: var(--default-text);
  text-decoration: underline;
}
.modal-body .login-area a:hover {
  color: var(--default-text);
}
.modal-body .login-area label {
  color: var(--default-text);
}
.workspacedropmenu .dropdown-item {
  color: #eee;
}
.workspacedropmenu .dropdown-item:hover {
  color: #fff;
  background: var(--pale-grey-black);
  text-decoration: underline;
}
.common-success {
  padding: 10px 0;
}
.toggle-upload-details {
  padding: 2px 5px;
  cursor: pointer;
}
.toggle-upload-details:hover {
  background: #f5f5f5;
}
.inputformrow {
  margin-bottom: 10px;
}
.inputformrow .emdatafield {
  margin-bottom: 2px;
}
.addnew-generic {
  float: right;
}
.uploads-categorypath {
  padding: 3px;
  border-bottom: var(--1px-light);
}
.uploads-categorypath a {
  color: #666;
}
.uploads-categorypath:hover {
  background: #efefef;
}
.uploads-categorypath a:hover {
  color: var(--default-text);
  text-decoration: underline;
}
#embeddedurl {
  width: 450px;
  height: 60px;
}
#detail_embeddedurl {
  margin-bottom: 10px;
}
.detail-note {
  font-style: italic;
  font-size: small;
}
#externalmediainput {
  width: 450px;
  border: var(--1px-light);
}
.catlist {
  padding-left: 30px;
}
.catlist a {
  color: #eee;
}
.close-button {
  display: block;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
}
.close-button:hover {
  opacity: 1;
}
.close-button::before,
.close-button::after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background: #333;
}
.close-button.white::before,
.close-button.white::after {
  background: #efefef;
}
.close-button::before {
  transform: rotate(45deg);
}
.close-button::after {
  transform: rotate(-45deg);
}
.summary-gear {
  display: inline-block;
  line-height: var(--nav-btn-height);
  width: var(--nav-btn-height);
  height: var(--nav-btn-height);
}
.lighttheme .summary-gear {
  background: var(--light-bg);
  border-left: var(--1px-light);
  color: var(--default-text);
}
.bg-black {
  background: #000;
}
.bg-brand {
  color: var(--themed-navbar-secondary-text);
  background: var(--themed-navbar-secondary);
}
.bg-brand-soft {
  color: #fff;
  background: var(--pale-grey);
}
.bg-brand-dark {
  color: #fff;
  background: #252525;
}
a.bg-brand:hover {
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn-hover);
}
.lighttheme a.bg-brand:hover {
  color: var(--default-text);
  background: var(--light-hover);
}
a.bg-brand-dark:hover {
  color: #fff;
  background: var(--pale-grey);
}
.text-brand {
  color: var(--default-text);
}
.btn-danger.soft {
  background: rgba(220, 53, 69, 0.1);
  border-color: rgba(220, 53, 69, 0.1);
  color: #dc3545 !important;
}
.btn-danger.soft:hover {
  background: rgba(220, 53, 69, 0.2);
  border-color: rgba(220, 53, 69, 0.2);
  color: #dc3545 !important;
}
.btn-brand {
  background: var(--themed-btn);
  color: var(--themed-btn-text);
}
.btn-brand.light {
  background: var(--pale-grey-light);
}
.btn-accent {
  background: var(--themed-btn-acc) !important;
  color: var(--themed-btn-acc-text);
  border: 1px solid var(--themed-btn-acc);
}
.btn-accent:hover {
  border-color: var(--themed-btn-acc-hover) !important;
  background: var(--themed-btn-acc-hover) !important;
  color: var(--themed-btn-acc-text) !important;
}
.lighttheme .btn-accent:hover {
  border-color: var(--themed-btn-acc) !important;
}
.btn-accent.light {
  background: var(--dodger-blue);
}
.btn-accent.light:hover {
  background: var(--dodger-blue-dark);
  color: #fff;
}
.btn-outline-accent {
  color: var(--dodger-blue);
  border-color: var(--dodger-blue);
  background: transparent;
}
.btn-outline-accent:hover {
  color: white;
  background: var(--dodger-blue);
}
.text-accent {
  color: var(--dodger-blue) !important;
}
.btn-outline-brand {
  border: 1px solid var(--pale-grey) !important;
  color: var(--pale-grey) !important;
  background: transparent;
  transition: all 0.2s ease-in-out;
}
.btn-outline-brand:hover,
.btn-brand:hover {
  background: var(--themed-btn-hover);
  color: #fff !important;
}
.btn-wide {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #f5f5f5;
  border-radius: 8px;
  text-align: center;
}
.btn-wide:hover {
  background: #efefef;
}
.btn-wide i {
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.btn-brand:focus,
.btn-brand:active,
.btn-wide:focus,
.btn-wide:active {
  box-shadow: none;
}
.exapand-tree-btn {
  display: inline-block;
  background: var(--themed-btn-acc);
}
.exapand-tree-btn i {
  color: var(--themed-btn-acc-text) !important;
}
.exapand-tree-btn:hover {
  background: var(--themed-btn-acc-hover);
}
.basket-layout .exapand-tree-btn {
  display: none;
}
#navbarNavDropdown {
  position: absolute;
  top: 44px;
  left: 56px;
  width: 150px;
  transform: translateX(-100%);
}
.em .dropdown-toggle-btn {
  background: var(--themed-nav-btn);
  color: var(--themed-nav-btn-text);
  transition: all 0.2s ease-in-out;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: var(--btn-radius);
  margin-left: 8px;
}
.em .dropdown-toggle-btn:hover {
  background: var(--themed-nav-btn-hover);
}
.em .dropdown-toggle-btn:focus {
  outline: none;
}
.em .dropdown-toggle-btn::after {
  display: none;
}
.em .dropdown-item {
  padding: 0.5rem 1rem;
  color: var(--themed-nav-btn-text);
  background: var(--themed-nav-btn);
  border-bottom: var(--1px-dark);
}
.lighttheme .em .dropdown-item {
  border-bottom: var(--1px-light);
}
.em .dropdown-item:last-child {
  border-bottom: none;
}
.em .dropdown-item:hover {
  background: var(--themed-nav-btn-hover);
}
#navbarNavDropdown ul {
  border-radius: 4px;
  background: var(--pale-grey-dark);
  box-shadow: 1px 1px 3px #262f40;
}
#navbarNavDropdown li {
  position: relative;
  border-bottom: 1px solid var(--black-border);
}
#navbarNavDropdown li:hover {
  background: rgb(0, 0, 0, 0.2);
}
#language-bar-select {
  background: var(--themed-nav-btn);
}
#navbarNavDropdown .navbar-nav .nav-link {
  padding: 0.3rem 1rem;
}
#navbarNavDropdown li {
  border-bottom: 1px solid var(--black-border) !important;
}
#navbarNavDropdown li:last-child {
  border-bottom: none !important;
}
.select2-container--default.select2-container--focus
  .select2-selection--multiple {
  border: solid var(--focus-color) 1px;
}
.chip {
  display: inline-block;
  padding: 0 6px;
  font-size: 0.9rem;
  font-weight: 600;
  border-radius: 4px;
  background: var(--light-bg);
  box-shadow: 0 0 1px 1px var(--pale-grey-light);
  color: var(--pale-grey-light);
  margin: 0;
  position: relative;
  margin: 4px;
}
.chip.filled {
  background: var(--pale-grey);
  border: 1px solid var(--pale-grey-dark);
  color: #ffffff;
}
.chip:hover {
  box-shadow: 0 0 0 1px var(--pale-grey-light);
}
.headerdownloadarea {
  width: 180px;
}
.headerdownloadarea a {
  color: #eee;
  padding: 2px 10px;
}
.lds-dual-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}
.lds-dual-ring::after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid var(--pale-grey);
  border-color: var(--pale-grey) transparent var(--pale-grey) transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
.lds-dual-ring.light::after {
  border-color: #fff transparent #fff transparent;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.sidebarorders {
  overflow-y: auto;
  height: calc(var(--vertical-height) - 80px);
}
.sidebarorder {
  border: var(--1px-light);
  position: relative;
  background: var(--light-bg);
  margin: 8px;
  border-radius: 8px;
}
.sidebarorder .mimeconversionerror {
  display: none !important;
}
.sidebarorder:hover {
  opacity: 0.95;
}
.sidebarorder.new {
  color: #cbc200;
  background: #cbc20011;
  border-color: #cbc20088;
}
.sidebarorder.complete {
  color: #28a745;
  background: #a3ffb811;
  border-color: #28a74588;
}
.sidebarorder.canceled {
  background: #ffffff;
  border-color: #d7d7d7;
  opacity: 0.5;
}
.sidebarorder.error {
  color: #ff6565;
  background: #ff656511;
  border-color: #ff656588;
}
.sidebarorder.complete .status-text,
.sidebarorder.complete .bi-window {
  color: #2d8655;
}
.format-thumb {
  /* display: flex; */
  align-items: center;
}
.sidebarorder .format-thumb {
  margin-right: 8px;
  color: var(--pale-grey-light);
}
.text-file-thumb {
  width: 100%;
  height: 100%;
  margin: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 10px solid #8b008e;
  background: white;
  line-height: 1;
}
.text-file-thumb.css {
  border-color: #ffa500;
}
.text-file-thumb.html {
  border-color: royalblue;
}
.text-file-thumb .format-thumb {
  margin-bottom: 8px;
}
.text-file-thumb .format-thumb i {
  font-size: 42px;
  color: var(--default-text);
}
.text-file-thumb .format-name {
  color: #8b008e;
}
.text-file-thumb.css .format-name {
  color: #ffa500;
}
.text-file-thumb.html .format-name {
  color: royalblue;
}
.text-file-thumb .file-name-wrapper {
  display: table;
  height: 76px;
}
.text-file-thumb .file-name {
  padding: 10px;
  font-size: 12px;
  color: orchid;
  word-break: break-all;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
  height: 76px;
  width: 100%;
  display: block;
  overflow-y: auto;
  text-align: center;
  scrollbar-width: none;
  scrollbar-color: #fff #fff;
}
.text-file-thumb .file-name::-webkit-scrollbar {
  width: 0 !important;
}
.text-file-thumb .file-name p {
  text-overflow: ellipsis;
}
.text-file-thumb .file-name span {
  color: royalblue;
  word-break: keep-all;
}
.text-file-thumb .format-name {
  text-transform: uppercase;
  font-weight: bold;
  font-family: "Courier New", Courier, monospace;
  font-style: italic;
}
.text-file-thumb .format-thumb .bi-filetype-dita,
.text-file-thumb .format-thumb .bi-filetype-ditamap {
  width: 42px;
  height: 42px;
  background-size: 42px 42px;
}
.emfolder-icon .text-file-thumb {
  border-width: 5px;
}
.emfolder-icon .text-file-thumb .file-name-wrapper {
  height: 30px;
  margin-bottom: 4px;
}
.emfolder-icon .text-file-thumb .file-name {
  padding: 5px;
  height: 30px;
}
.emfolder-icon .text-file-thumb .format-thumb {
  display: none;
}
.format-thumb i {
  transform: scale(1);
  line-height: 1;
  font-size: 28px;
}
#userdownloadlist .text-file-thumb,
.quicksearchresults .text-file-thumb {
  border-width: 5px;
  margin: 0;
}
#userdownloadlist .text-file-thumb .file-name-wrapper,
.quicksearchresults .text-file-thumb .file-name-wrapper {
  height: 50px;
}
#userdownloadlist .text-file-thumb .file-name,
.quicksearchresults .text-file-thumb .file-name {
  height: 50px;
  padding: 5px;
}
#userdownloadlist .text-file-thumb .format-name,
.quicksearchresults .text-file-thumb .format-name {
  font-size: 12px;
}
.emcategory-wrapper {
  position: relative;
  width: 100%;
  border-radius: var(--btn-radius);
  color: var(--default-text);
  border-radius: 16px;
  cursor: default;
}
.emcategory-wrapper .emcategory-edit {
  color: var(--pale-grey-light);
  margin-left: 4px;
  pointer-events: none;
  width: 16px;
  transform: scale(0.8);
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease;
}
.emcategory-wrapper:hover .emcategory-edit {
  opacity: 1;
  pointer-events: all;
}
.masonry-grid-cell.full-height {
  height: auto;
}
.emcategory-thumb {
  position: relative;
  text-align: center;
  border-radius: 16px;
  cursor: pointer;
  overflow: hidden;
  border: var(--1px-light);
}
.emcategory-thumb-audio {
  min-height: 110px;
}
.nothumb .emcategory-thumb,
.emcategory-thumb-audio {
  background-color: var(--pale-grey-light);
}
.emthumb-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  color: white;
  font-size: larger;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s ease;
}
.emcategory-wrapper:hover .emthumb-mask {
  opacity: 1;
}
.emcategory-thumb i.module-icon {
  transform: scale(1);
  font-size: 5rem;
  line-height: 1;
  color: #ffffff;
}
.emcategory-thumb .emthumbholder {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.emcategory-thumb .emthumbholder img {
  width: 100%;
}
.nothumb .emcategory-thumb {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.embricktext {
  padding: 8px 4px 0;
}
.embricktext:has(.emcategory-desc) {
  padding-bottom: 8px;
}
.emcategory-name {
  width: 100%;
  font-weight: bold;
  position: relative;
  display: flex;
  align-items: center;
}
.emcategory-name p {
  margin: 0;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.emcategory-desc {
  height: 32px;
}
.emcategory-desc p {
  margin: 0;
  line-height: 16px;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}
.sidebarorder .file-thumb {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.sidebarorder .file-thumb.multiple img {
  margin-top: -2px;
  margin-left: -2px;
  filter: drop-shadow(2px 2px 0px #151515) drop-shadow(4px 4px 0px #151515);
}
.sidebarorder .file-thumb .spinner-border,
.sidebarorder .file-thumb i {
  display: inline-block;
  position: absolute;
  z-index: 10;
}
.sidebarorder .file-thumb .spinner-border {
  mix-blend-mode: difference;
}
.sidebarorder .file-thumb i {
  transform: scale(2);
}
.sidebarorder .file-thumb i.downloading {
  color: royalblue;
}
.sidebarorder .file-thumb i.success {
  color: hsl(134 61% 55% / 1);
  box-shadow: 0 0 4px 2px rgb(63 63 63 / 40%);
  line-height: 1;
  border-radius: 30px;
  background: rgb(63 63 63 / 40%);
}
.sidebarorder .file-thumb i.ready {
  color: aliceblue;
}
.sidebarorder .file-thumb i.error {
  color: #ff5f5f !important;
}
.sidebarorder .file-thumb i.canceled {
  color: #888888;
}
.sidebarorder .file-thumb i.processing {
  color: #c2ff57;
}
.sidebarorder .file-thumb .mimethumbcontainer,
.sidebarorder .file-thumb img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover;
}
.sidebarorder .file-thumb .mimethumbcontainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebarorder .order-name {
  font-weight: 100;
  font-size: 0.9rem;
  word-break: break-all;
  margin-bottom: 12px;
}
.sidebarorder .actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-self: flex-start;
  margin-left: 4px;
}
.sidebarorder .actions a {
  display: block;
  margin: 4px 0;
}
.sidebarorder .actions .bi {
  color: var(--pale-grey-dark);
}
.sidebarorder .actions .bi.bi-check-circle {
  color: mediumseagreen;
}
.sidebarorder .actions .bi.bi-x-circle {
  color: red;
}
.sidebarorder span.date,
.sidebarorder span.status,
.sidebarorder span.file-size {
  font-size: 0.75rem;
  color: #848484;
}
.sidebarorder span.status {
  text-transform: capitalize;
}
.processingProgress,
.downloadProgress {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  overflow: hidden;
  background: #c5ffe4;
  pointer-events: none;
  z-index: -1;
}
.sidebarorder div {
  z-index: 1;
  line-height: 1;
}
.processingProgress {
  background: #deedff;
}
.downloadProgress .shine {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(128, 186, 232, 0) 99%,
    rgba(125, 185, 232, 0) 100%
  );
  animation: shine 1s infinite;
}
@keyframes shine {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
.xhrDownload {
  display: none;
}
.sidebarorder .download-btn,
.cancel-download {
  border: none;
  background: #efefef;
  color: #666;
  padding: 0 6px;
  text-transform: capitalize;
}
.sidebarorder .download-btn {
  padding: 2px 6px;
  color: white;
  background: var(--pale-grey-light);
  border-radius: 4px;
}
.sidebarorder .download-btn .bi {
  transform: scale(1);
}
.module-icon {
  padding: 0 4px;
}
h2 .module-icon {
  padding: 0 12px 0 0;
  font-size: 0.9em;
}
.entity-tab-label .module-icon {
  padding: 0;
  padding-right: 9px;
  font-size: 0.86em;
}
.module-small-icon {
  transform: scale(0.9);
  line-height: 20px;
}
.sidebarorder-orderdate {
  color: #9a9a9a;
  font-size: 0.8em;
}
.appsmenu {
  position: absolute;
  z-index: 1000;
  width: 60%;
  right: 0;
}
.appsmenu ul {
  list-style: none;
  margin: 0 20px 0 0;
  padding: 6px 0 0;
  display: flex;
  justify-content: right;
}
.appsmenu ul li {
  line-height: 1;
}
.appsmenu ul li a {
  color: #d1d1d1;
  line-height: 1;
  padding: 1px 12px;
}
.appsmenu ul li:first-of-type {
  border-right: 1px solid #999;
}
.appsmenu ul li a:hover {
  color: #fff;
}
.appsmenu ul li a.active {
  font-weight: 600;
  color: #fff;
}
.emgridcell-edit,
.emgridcell-bookmark {
  opacity: 0;
  position: absolute;
  top: 48px;
  right: 0px;
  padding: 0px 8px;
  transform: translateX(calc(100% - 40px));
  z-index: 100;
  transition: transform 0.2s ease, opacity 0.5s ease-in;
}
.emgridcell:hover .emgridcell-edit,
.emgridcell:hover .emgridcell-bookmark {
  opacity: 1;
  transform: translateX(-16px);
}
.emgridcell .emgridcell-edit a i.bi,
.emgridcell .emgridcell-bookmark a i.bi {
  font-size: 1rem;
}
.add-new-category {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  max-width: 170px;
  margin: auto 20px;
  color: var(--pale-grey);
  background: var(--pale-grey-black);
  border: 5px solid var(--pale-grey);
  border-radius: 14px;
  transform: translateY(10px);
  transition: all 0.2s ease;
}
.add-new-category:hover {
  color: var(--pale-grey-light);
  border: 5px solid var(--pale-grey-light);
  background: rgba(77, 93, 128, 0.3);
}
.add-new-category i.bi {
  font-size: 3.5rem;
  transition: transform 0.4s cubic-bezier(0.63, 1.83, 0.83, 0.67);
}
.add-new-category:hover i.bi {
  transform: scale(1.4);
}
#mainimageholder img {
  width: 100%;
  height: 100%;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.login-area .btn.btn-primary {
  background: var(--themed-btn);
  outline-color: var(--themed-btn);
  border-color: var(--themed-btn);
}
.login-area .btn.btn-primary:hover {
  background: var(--themed-btn-hover);
  outline-color: var(--themed-btn-hover);
  border-color: var(--themed-btn-hover);
}
.login-area .btn.btn-outline-transparent,
.login-area .btn.btn-transparent {
  background: transparent;
  color: var(--themed-btn);
}
.login-area .btn.btn-transparent {
  background: transparent;
  color: var(--pale-grey-light);
  padding: 4px;
  border: none;
}
.login-area .btn.btn-outline-transparent {
  border: 1px solid var(--themed-btn);
  border-radius: 50px;
}
.login-area .btn.btn-outline-transparent:hover {
  background: var(--themed-btn-hover);
  color: var(--themed-btn-text);
}
.login-area {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.loginform-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.login-area .container {
  height: 100%;
  flex: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.login-area {
  color: var(--default-text);
}
.login-area a {
  color: var(--default-text);
  font-size: inherit;
}
.login-area a:hover {
  text-decoration: underline;
}
.loginformquestions {
  font-size: 14px;
  font-weight: 400;
  color: var(--default-text);
}
.login-area .page-title {
  color: var(--default-text);
  font-size: 24px;
  font-weight: 700;
}
.login-area form {
  width: 100%;
  margin: 0 auto;
}
.login-area form label {
  color: var(--default-text);
  font-size: 14px;
  font-weight: 500;
}
.login-area .btn-primary {
  border-radius: 16px;
}
.login-area form .form-control,
.login-area form .form-control-sm {
  margin: 0 auto 1rem auto;
  padding: 8px 12px;
  border-radius: 4px;
  height: 32px;
}
.login-area form.collapse.show {
  margin-top: 16px;
}
.login-area .oauthproviderbtn img {
  width: 160px;
  height: auto;
  object-fit: contain;
  filter: brightness(0.8);
  border-radius: 16px;
  overflow: hidden;
}
.login-area .oauthproviderbtn:hover img {
  filter: brightness(1);
}

.login-area .loginbox {
  width: 550px;
  border: 1px solid var(--light-border);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  padding: 2rem;
  margin: 2rem;
}

.emfolder-wrapper {
  width: 220px;
  height: 180px;
  margin: 0 auto;
  border-radius: 16px;
  display: flex;
  align-items: flex-end;
  position: relative;
}
.emfolder-wrapper.compact {
  width: 160px;
  height: 110px;
  border-radius: 8px;
}
.emfolder-wrapper::after {
  content: "";
  width: 20%;
  height: 45px;
  background: var(--pale-grey-light);
  position: absolute;
  top: 10px;
  left: 0;
  border-top-left-radius: 16px;
}
.emfolder-wrapper.compact::after {
  top: 0;
  width: 50%;
  height: 35px;
  border-top-left-radius: 8px;
}
.emfolder-wrapper::before {
  content: "";
  width: 70%;
  height: 40px;
  background: var(--pale-grey-light);
  position: absolute;
  top: 27px;
  right: 0;
  border-top-right-radius: 16px;
}
.emfolder-wrapper.compact::before {
  height: 35px;
  top: 12px;
  border-top-left-radius: 8px;
}
.emfolder-inner {
  width: 220px;
  height: 140px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 16px;
  background: var(--pale-grey);
  z-index: 1;
  position: relative;
}
.emfolder-wrapper.compact .emfolder-inner {
  width: 160px;
  height: 90px;
  border-radius: 8px;
}
.emfolder-inner::before {
  content: "";
  width: 70px;
  height: 30px;
  clip-path: path("M32,6.6C26.1,2.3,19.1,0,11.8,0H0v32h64.1L32,6.6z");
  background: var(--pale-grey-light);
  position: absolute;
  top: -30px;
  left: 19.5%;
}
.emfolder-wrapper.compact .emfolder-inner::before {
  height: 20px;
  top: -20px;
  left: 49%;
}
.emfolder-icon {
  width: 100%;
  max-height: calc(100% - 26px);
  flex: 1;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.emfolder-icon i.bi {
  font-size: 4rem !important;
  color: #ffffff;
}
.emfolder-wrapper.compact .emfolder-icon {
  max-height: 100%;
}
.emfolder-wrapper.compact .emfolder-icon i.bi {
  font-size: 2rem !important;
}
.emfolder-text {
  padding: 0 16px 8px 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.emfolder-wrapper {
  color: #fff;
}
.emfolder-text span {
  display: inline-block;
  max-width: calc(100% - 22px);
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.emfolder-text i.bi {
  font-size: 0.9rem !important;
  transform: scale(1);
}
.emfolder-wrapper.compact .emfolder-text {
  position: absolute;
  font-size: 12px;
  top: -19px;
  padding: 0 5px;
  justify-content: flex-start;
}
.emfolder-wrapper.compact .emfolder-text i.bi {
  font-size: 0.8rem !important;
  padding-left: 0;
}
.emfolder-wrapper.compact .emfolder-text span {
  max-width: calc(100% - 54px);
}
.emfolder-wrapper .emfolder-hover {
  position: absolute;
  min-width: 100%;
  max-width: 150%;
  padding: 8px;
  border-radius: 8px;
  bottom: 0;
  left: 0;
  color: var(--pale-grey);
  background: var(--light-bg);
  text-align: start;
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
  z-index: -1;
}
.emfolder-wrapper .emfolder-hover strong {
  text-decoration: underline;
}
.emfolder-wrapper:hover .emfolder-hover {
  pointer-events: all;
  animation: fadeSlideIn 0.2s ease forwards;
  animation-delay: 500ms;
}
.emfolder-wrapper a.emfolder-edit {
  position: absolute;
  width: 24px;
  right: -8px;
  top: 48px;
  opacity: 0;
  transition: all 0.2s ease;
  z-index: 10;
}
.emfolder-wrapper:hover .emfolder-edit {
  opacity: 1;
  right: 8px;
}
@keyframes fadeSlideIn {
  0% {
    opacity: 0;
    bottom: 0;
    transform: translateY(0%) scale(0);
    z-index: -1;
  }
  100% {
    opacity: 1;
    bottom: -8px;
    transform: translateY(100%) scale(1);
    z-index: 10;
  }
}
#entitypickerresults .emselectable {
  max-height: calc(var(--vertical-height) - 344px);
}
.filter-exclusive,
.filter-inclusive {
  font-weight: bold;
  color: var(--default-text);
}
.filter-showall-group.inclusive .filter-exclusive,
.filter-showall-group.exclusive .filter-inclusive {
  font-weight: normal;
  opacity: 0.5;
}
.filter-showall-group .custom-control-label::before {
  background: #444444;
}
.filter-showall-group .custom-switch .custom-control-label::after {
  background: var(--light-bg);
}
.firstheader input[type="checkbox"],
.selectionbox.resultsselection {
  transform: scale(1.35);
  accent-color: var(--themed-btn-acc);
}
.selectionbox.resultsselection:checked {
  box-shadow: none;
}
.firstheader .anchor {
  cursor: pointer;
  transform: translateX(4px);
}
.firstheader .anchor .select-dropdown {
  top: 21px;
  left: 0px;
}
.organizer {
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
}
.organizer-inner {
  margin: 16px;
  background: var(--light-bg);
  border-radius: 8px;
  overflow: hidden;
}
.org-header {
  padding: 0 8px 0 16px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--light-bg);
  border-bottom: var(--1px-light);
}
.org-header .closemodal {
  color: #888888;
}
.org-header img {
  height: 64px;
  width: auto;
  object-fit: contain;
  margin-right: 12px;
}
.org-header h1 {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 600;
  color: #60729e;
}
.org-row {
  display: flex;
  position: relative;
}
.org-row .org-left-sidebar {
  width: 100px;
  background: #f1f1f1;
  display: flex;
  flex-direction: column;
}
.org-row .org-canvas {
  height: calc(var(--vertical-height) - 112px);
  width: calc(100% - 100px);
  overflow: hidden;
  position: relative;
}
.org-canvas::-webkit-scrollbar {
  width: 0px;
}
.round-btn {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  border: 5px solid #ffffff;
  background: var(--light-bg);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-size: contain;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.round-btn:focus,
.round-btn:active {
  box-shadow: none;
  outline: none;
}
.round-btn img {
  position: absolute;
  height: 100%;
  object-fit: contain;
  pointer-events: none;
}
#logoPickerBtn img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
#modifySelection {
  position: fixed;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2),
    -1px -1px 3px 0 rgba(0, 0, 0, 0.2);
  width: 400px;
  margin: 8px;
  padding: 12px;
  background: var(--light-bg);
  border-radius: 4px;
  outline: 1px solid #ff5555;
  z-index: 1000;
}
#mod-toggler {
  position: fixed;
  width: 30px;
  height: 30px;
  background: red;
  border-radius: 50%;
  background: transparent;
  border: none;
  color: #60729e;
}
#mod-toggler:active,
#mod-toggler:focus {
  outline: none;
}
#dragHandle {
  cursor: move;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2px;
  border-top: 4px dotted #cdcdcd;
  border-bottom: 4px dotted #cdcdcd;
  width: 50px;
  margin: 0 auto;
  margin-bottom: 12px;
}
.ui-draggable-dragging #dragHandle {
  border-color: #60729e;
}
#modifySelection input[type="text"] {
  flex: 1;
  padding: 0 8px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 1rem;
  border: none;
  box-shadow: 1px 1px 3px 0 rgba(96, 114, 158, 0.3),
    -1px -1px 3px 0 rgba(96, 114, 158, 0.3);
}
#modifySelection label {
  font-weight: bold;
  color: #5f739e;
}
#modifySelection #folderId {
  flex: 1;
  margin-left: 8px;
  height: auto;
  font-style: italic;
  color: #666666;
}
#modifySelection textarea {
  width: 100%;
  padding: 8px;
  border: none;
  box-shadow: 1px 1px 3px 0 rgba(96, 114, 158, 0.3),
    -1px -1px 3px 0 rgba(96, 114, 158, 0.3);
  border-radius: 8px;
  font-size: 1rem;
  resize: none;
}
#modifySelection p.del-hint {
  margin: 0;
  text-align: center;
  font-size: 12px;
  color: var(--default-text);
  pointer-events: none;
}
#modifySelection kbd {
  background: #eee;
  color: var(--default-text);
  padding: 2px 4px;
  font-family: monospace;
  border-radius: 4px;
}
#modifySelection input:focus-visible,
#modifySelection textarea:focus-visible {
  outline-color: #60729e;
}
.canvas-zoom {
  background: var(--light-bg);
  padding: 8px 0;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
}
.canvas-zoom button {
  width: 36px;
  text-align: center;
  font-size: 1rem;
  border: none;
  background: var(--light-bg);
  cursor: pointer;
}
.canvas-zoom button:focus,
.canvas-zoom button:active {
  outline: none;
}
.canvas-zoom button img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.canvas-zoom button:not(:last-child) {
  border-right: var(--1px-light);
}
.folder-props {
  display: flex;
  align-items: center;
}
#folderThumbPickerBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  padding: 4px;
  border-radius: 4px;
  margin-right: 12px;
  border: none;
  background: var(--light-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235f739e' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.15),
    -1px -1px 3px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
}
#folderThumbPickerBtn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#folderThumbPickerBtn:hover {
  background: #d3d3d3;
}
#folderThumbPickerBtn:active {
  box-shadow: none;
  outline: 2px solid #60729e;
}
#folderThumbPickerBtn:has(img) {
  background: #60729e;
  background-image: none;
}
.btn.configure-options {
  font-size: 0.85rem;
  font-weight: bold;
  margin-top: 32px;
  width: 100%;
  text-align: center;
  color: #60729e;
  text-transform: uppercase;
}
.btn.configure-options:focus,
.btn.configure-options:active {
  outline: none;
  box-shadow: none;
}
.btn.configure-options.collapsed .bi-chevron-up {
  transform: scaleY(-1);
}
.customization-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.customization-buttons a {
  font-size: 0.9rem;
  padding: 8px;
  margin: 4px;
  width: calc(50% - 8px);
  border-radius: 4px;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  background: #60729e;
}
.customization-buttons a:hover {
  background: #4d5d80;
}
.deploy-warning {
  width: 100%;
  max-width: 420px;
  color: black;
  background: white;
  border-radius: 0.25rem;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  margin: auto;
}
.deploy-warning .btn {
  font-size: 1rem;
}
.org-icon-picker {
  width: calc(100% - 32px);
  height: calc(var(--vertical-height) - 32px);
  margin: 16px;
  background: var(--light-bg);
  border-radius: 8px;
  overflow: hidden;
}
.icon-picker-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 70px;
  padding: 0 16px;
  margin-bottom: 8px;
  border-bottom: var(--1px-light);
}
.icon-picker-header h3 {
  margin: 0;
}
.org-icon-picker #icons-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  max-height: calc(100% - 78px);
  overflow: auto;
  padding: 0 16px 16px;
  color: var(--default-text);
}
.org-icon-picker #icons-list div {
  width: 120px;
  margin-bottom: 10px;
}
.org-icon-picker #icons-list button.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px auto;
  padding: 8px 16px;
  border-radius: 8px;
  background: #4d5d80;
  color: #fff;
}
.org-icon-picker #icons-list button.btn:hover {
  background: #60729e;
}
.org-icon-picker #icons-list button.btn i {
  font-size: 40px;
}
.org-icon-picker #icons-list span {
  display: block;
  text-align: center;
  font-size: 0.9em;
}
.org-header .form-control {
  height: 42px;
  min-width: 250px;
  font-weight: bold;
  color: #4d5d80;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border: 1px solid #c2e1ff;
  font-size: 1.1rem;
}
.template-versions {
  border: 1px solid #c2e1ff;
  font-size: 1.1rem;
  height: 42px;
  border-radius: 0.25rem;
  margin-right: 8px;
  color: #4da6ff;
}
.template-versions:hover {
  color: #4da6ff;
  background: #ecf6ff;
}
.template-dropdown .dropdown-menu {
  padding: 0;
  border-color: #c2e1ff;
}
.template-dropdown .dropdown-menu.show {
  box-shadow: 1px 2px 5px #c2e1ff;
}
.template-dropdown .dropdown-item {
  padding: 0.5rem 1rem;
}
.template-dropdown .dropdown-item:not(:last-child) {
  border-bottom: 1px solid #c2e1ff;
}
.template-dropdown .dropdown-item:focus,
.template-dropdown .dropdown-item:hover {
  color: var(--default-text);
  background: #ecf6ff;
}
.template-dropdown .dropdown-toggle {
  color: var(--dodger-blue);
}
.template-dropdown .dropdown-toggle::after {
  display: none;
}
#addLabel,
#templatePicker,
#templateVersions,
#deployOrganizer {
  display: flex !important;
  flex-direction: column;
  align-items: center;
}
.deploy-organizer:hover .bi-rocket-takeoff::before {
  content: "\f844";
}
#saveOrganizer {
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
}
#saveOrganizer .fa-check,
#saveOrganizer .fa-spinner {
  display: none;
}
#saveOrganizer.saving {
  pointer-events: none;
  opacity: 0.5;
}
#saveOrganizer.saved {
  pointer-events: none;
  opacity: 0.75;
}
#saveOrganizer.saving .fa-spinner {
  display: inline-block;
  margin-right: 8px;
}
#saveOrganizer.saved .fa-check {
  display: inline-block;
  margin-right: 8px;
}
#saveOrganizer.saved .fa-save,
#saveOrganizer.saving .fa-save {
  display: none;
}
.viewport-nav {
  margin-top: auto;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 8px;
}
.viewport-nav button {
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 1px solid #60729e;
  color: #60729e;
  background: var(--light-bg);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}
.viewport-nav button:active {
  box-shadow: none;
}
.viewport-nav button:active,
.viewport-nav button:focus {
  outline: none;
}
.viewport-nav button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
rect.folderLabel {
  width: 0 !important;
  height: 0 !important;
}
#organizer_canvas text {
  user-select: none;
}
.version-list {
  color: var(--default-text);
}
.version-list .bi-circle-fill {
  font-size: 10px;
}
.version-list .verion-name {
  font-size: 1rem;
  font-weight: bold;
}
.version-name {
  font-weight: bold;
}
.rename-version {
  background: transparent;
  border: none;
  font-size: 10px;
}
.rename-version:active,
.rename-version:focus {
  outline: none;
}
.version-input {
  display: flex;
}
.version-list {
  margin-top: 0.5rem;
}
.version-list-item {
  border-radius: 2px;
}
.version-list-item:not(:last-child) {
  border-bottom: var(--1px-light);
}
.version-list-item small {
  color: #888888;
}
.closeorgnizer {
  height: 42px;
}
#folderConfig {
  color: #60729e;
}
.color-inputs .minicolors-theme-default.minicolors {
  flex: 1;
}
.color-inputs .minicolors-theme-default.minicolors:first-child {
  margin-right: 8px;
}
.color-inputs .minicolors-theme-default .minicolors-input {
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.color-inputs .minicolors-theme-default .minicolors-swatch {
  top: 7px;
}
.minicolors-theme-default .minicolors-input {
  width: 96px;
  font-family: monospace;
  height: 28px !important;
  border: none !important;
  outline: var(--1px-light) !important;
  padding-left: 29px !important;
  box-shadow: var(--raised-shadow);
  transition: box-shadow 0.2s ease;
}
.minicolors-input:hover {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.minicolors-input.btn {
  min-height: auto;
}
.minicolors-input.btn-cta {
  background-color: #fff !important;
}
.minicolors-swatch {
  border: none !important;
  box-shadow: var(--raised-shadow);
  border-radius: var(--btn-radius);
  overflow: hidden;
  cursor: pointer;
}
.pullfetchfolder span {
  display: inline-block;
  position: relative;
}
.pullfetchfolder span i {
  position: absolute;
  top: 0;
  left: -12px;
  font-size: 8px;
}
.pullfetchfolder span.notif i {
  display: none;
}
.pullfetchfolder span.notif.dl,
.pullfetchfolder span.notif.up {
  font-weight: bold;
}
.pullfetchfolder span.notif.dl i {
  display: inline-block;
  color: green;
}
.pullfetchfolder span.notif.up i {
  display: inline-block;
  color: orange;
}
.pullfetchfolder span.notif.dl.up i {
  color: green;
  filter: drop-shadow(-6px 0px 0 orange);
}
.alert-warning {
  border-color: #ffd352;
}
.alert-success {
  border-color: #98eaab;
}
.hover-highlight {
  transition: background-color 0.2s ease;
}
.hover-highlight:hover {
  background: #f1f1f1;
}
.pending-push {
  height: 14px;
  border-radius: 50%;
  color: green;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
}
.folder-icon .fa-spin {
  display: none;
}
.folder-icon.loading .bi {
  display: none;
}
.folder-icon.loading .fa-spin {
  display: inline-block;
}
.open-folder,
.open-file-default {
  cursor: pointer;
}
#folderAbsPath {
  margin-bottom: 0;
}
button#folderAbsPath:focus {
  box-shadow: none;
}
#folderAbsPath[readonly] {
  background: white;
}
.work-dir-tree {
  position: relative;
  background: white;
  margin-top: 8px;
  padding: 0 8px;
  font-family: monospace;
  font-size: 0.8rem;
  font-weight: 300;
  line-height: 1.2;
  color: var(--default-text);
  overflow: auto;
  height: calc(var(--vertical-height) - 80px);
}
.work-dir-tree .fa-folder {
  color: var(--pale-grey-light);
}
.work-dir-tree .work-folder {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #28a745;
  border: 1px solid #28a74588;
  background: #a3ffb811;
  margin-bottom: 8px;
  border-radius: 8px;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
}
.work-dir-tree .work-folder .sync-summary {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.work-dir-tree .work-folder.processing {
  color: #ffc107;
  border-color: #ffc107;
  background: #ffc10711;
}
.work-dir-tree .work-folder:hover {
  background: #a3ffb81f;
}
.work-dir-tree .work-folder.processing:hover {
  background: #ffc1071f;
}
.work-folder .deleteSyncFolder {
  display: none;
  position: absolute;
  right: 40px;
  padding: 6px 8px;
  border-radius: 4px;
  z-index: 1;
}
.deleteSyncFolder div {
  width: 14px;
  height: 2px;
  background: #aaa;
}
.work-folder:hover .deleteSyncFolder {
  display: block;
}
.deleteSyncFolder:hover {
  background: #8882;
}
.deleteSyncFolder:hover div {
  background: #888;
}
.work-dir-tree .work-folder .emdialog,
.work-dir-tree .work-folder .open-folder {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  border-radius: 4px;
  width: 30px;
  font-size: 0.8rem;
  text-decoration: none;
  line-height: 1;
  background: #28a74522;
}
.work-dir-tree .work-folder .emdialog {
  color: #3884fd;
  background: #3884fd11;
}
.work-dir-tree .work-folder .emdialog.text-warning {
  background: #ffc10711;
}
.work-dir-tree .work-folder .open-folder:hover {
  color: white;
  background: #28a745;
}
.work-dir-tree .work-folder .emdialog:hover {
  color: white !important;
  background: #3884fd;
}
.work-dir-tree .work-folder .emdialog.text-warning:hover {
  color: white !important;
  background: #ffc107;
}
.work-dir-tree .work-folder label:hover {
  background: #efefef;
}
.work-dir-tree .work-folder label {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 6px 8px;
  cursor: pointer;
  text-overflow: ellipsis;
  word-break: break-all;
  line-height: 1;
}
.work-dir-tree .work-folder label span {
  flex: 1;
  opacity: 0.5;
}
.work-dir-tree .work-folder label input[type="checkbox"]:checked + span {
  opacity: 1;
}
.hot-importer .count,
.hot-importer .size {
  color: green;
}
.hot-importer .size {
  font-weight: 400;
}
.work-folder .btn:focus {
  box-shadow: none;
}
.work-folder .folder-crumb {
  font-size: 0.75rem;
  background-color: #28a74511;
  line-height: 1.75;
  padding: 2px 4px;
  border-radius: 4px;
}
.work-folder small {
  display: inline-block;
  color: #848484;
}
.work-folder.processing .files-stats,
.work-folder.processing .last-scanned {
  display: none;
}
.work-folder .files-stats span:not(.f0) {
  color: crimson;
}
.work-folder .currentSync {
  color: #444;
  background-color: white;
  padding: 8px;
  font-size: 12px;
  border-top: 1px solid;
  border-color: inherit;
  border-radius: 8px;
  display: none;
}
.currentSync .progress-bar[style="width: 100%;"] {
  background-color: #28a745;
}
.work-folder.processing .currentSync {
  display: block;
}
.work-folder .sync-type small {
  background-color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  border: 1px solid;
  text-transform: uppercase;
}
.fupper {
  display: inline-block;
}
.fupper::first-letter {
  text-transform: uppercase;
}
.work-folder .sync-type small.dl {
  color: #0f64cd;
  border-color: #0f64cd55;
  background-color: #0f64cd11;
}
.work-folder .sync-type small.ul {
  color: #c678dd;
  border-color: #c678dd55;
  background-color: #c678dd11;
}
#scanHotFoldersBtn {
  min-width: 110px;
  transition: background-color 0.2s ease;
}
#scanHotFoldersBtn:hover {
  background: #dee2e6;
}
#requiredinputform ul.entity-value-list {
  margin: 0 0 4px;
}
.status-circle {
  background: rgba(40, 167, 69, 1);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  box-shadow: 0 0 0 1px rgba(40, 167, 69, 0.5);
  position: absolute;
  top: 2px;
  right: 2px;
  animation: pulse-animation 2s infinite;
}
@keyframes pulse-animation {
  0% {
    box-shadow: 0 0 0 1px rgba(40, 167, 69, 0.5);
  }
  100% {
    box-shadow: 0 0 0 8px rgba(40, 167, 69, 0.1);
  }
}
#componentDetails {
  display: flex;
  flex-direction: column;
  width: 250px;
  max-height: 600px;
  overflow: auto;
  padding: 8px;
  border: 2px solid #60729e;
  background: var(--light-bg);
  border-radius: 4px;
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  z-index: 1000;
}
#componentDetails .fa-spinner {
  display: block;
  margin: 0 auto;
}
#componentDetails button {
  margin-top: 8px;
  align-self: flex-end;
}
.folder-picker {
  display: flex;
  align-items: center;
  border-radius: 30px;
  width: max-content;
}
.folder-picker.picked {
  outline: 2px solid var(--dodger-blue);
  outline-offset: 2px;
  border-radius: var(--btn-radius);
}
.scan-started,
.upload-started {
  border: 1px solid #ffc107;
  background: #fff3cd;
  color: #856404;
}
.scan-started #syncAutoFolders,
.upload-started #syncAutoFolders {
  background: #ffc107;
  color: var(--default-text);
}
.upload-aborted {
  border: 1px solid #a72845;
  background: #edd4da;
  color: #571524;
}
.upload-completed {
  border: 1px solid #28a745;
  background: #d4edda;
  color: #155724;
}
.upload-aborted #syncAutoFolders,
.upload-completed #syncAutoFolders {
  border: 1px solid #28a745;
  background: #28a745;
  color: #ffffff;
}
.lightbox-header {
  height: 42px;
  background: #f7f7f7;
  font-size: 1.2rem;
  color: var(--default-text);
  padding: 0 4px 0 12px;
  border-bottom: var(--1px-dark);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.lighttheme .lightbox-header {
  border-top: none;
  border-bottom: var(--1px-light);
}
.lightbox-header small {
  font-size: 14px;
  opacity: 0.5;
}
@media screen and (max-width: 1640px) {
  .lightbox-header small {
    display: none;
  }
}
.lightbox-header i {
  margin-right: 10px;
}
.lightbox-header-btn {
  font-size: 0.9rem;
  margin-right: 6px;
  height: 30px;
  padding: 0 12px;
  line-height: 30px;
  border-radius: var(--btn-radius);
  color: var(--themed-btn-acc-text);
  background: var(--themed-btn-acc);
  border: 1px solid var(--themed-btn-acc);
}
.lightbox-header-btns.bulk .upload-lightbox,
.lightbox-header-btns.bulk .download-lightbox {
  display: none;
}
.lightbox-header-btns.bulk .upload-lightbox.has-changes,
.lightbox-header-btns.bulk .download-lightbox.has-changes {
  display: block;
}
.lightbox-header-btns button {
  position: relative;
}
.lightbox-header-btns button.has-changes::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ff7c00;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: -4px;
}
.lightbox-header-btn:focus,
.lightbox-header-btn:active {
  border: none;
  outline: none;
}
.lightbox-header-btn:hover {
  color: var(--themed-btn-acc-text);
  background: var(--themed-btn-acc-hover);
}
.lightbox-header-btn.positive {
  background: var(--themed-btn-cta);
  border-color: var(--themed-btn-cta);
  color: var(--themed-btn-cta-text);
}
.lightbox-header-btn.positive:hover {
  color: var(--themed-btn-cta-text);
  background: var(--themed-btn-cta-hover);
}
.lightbox-header-btn:active {
  transform: scale(0.95);
}
.lightbox-header-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.lightbox-header-btn:disabled:hover {
  opacity: 0.5;
}
.scan-changes.scanning i {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.assetdroplightbox a,
.lightboxnavbtn a {
  margin: 8px;
}
.lightboxnavbtn {
  position: relative;
}
.lightboxnavbtn .lightboxbtn-edit {
  margin: 0;
  position: absolute;
  font-size: 0.8rem;
  width: 24px;
  left: 0;
  top: 4px;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  pointer-events: none;
  color: var(--default-text);
}
.lightboxnavbtn:not(.lightboxdropasset) .lightboxbtn-edit {
  color: #ffffff;
}
.lightboxnavbtn:hover .lightboxbtn-edit {
  pointer-events: all;
  opacity: 1;
  left: 16px;
}
.sort-droppable.ui-droppable-active {
  outline: 2px dashed #dfdfdf;
  outline-offset: -4px;
  opacity: 0.75;
}
div.sort-droppable.ui-droppable-hover {
  outline: none;
  border-left: 4px solid var(--themed-btn-acc);
  opacity: 1;
}
tr.sort-droppable.ui-droppable-hover {
  outline: none;
  border-top: 4px solid var(--themed-btn-acc);
  opacity: 1;
}
.lightboxnavbtn a:first-child {
  margin-top: 6px;
}
.lightboxnavbtn.ui-droppable-active a {
  outline: 2px dotted var(--drop-border);
  background-color: var(--drop-active);
}
.lightboxnavbtn.ui-droppable-hover a {
  background-color: var(--drop-hover);
}
#lightboxessidemenu.dita-list {
  padding: 0;
  background: #ffffff;
}
.dita-list .btn-wide.active::after {
  top: 11px;
  right: -16px;
  border-width: 8px;
}
.btn-wide {
  max-width: 280px;
}
.dita-ai-tabcontent {
  width: calc(100% - 220px);
  padding-left: 5px;
}
.dita-viz-tabcontent {
  width: calc(100% - 300px);
}
.dita-tab-header,
.dita-viz-header {
  display: flex;
  align-items: center;
  height: 42px;
  padding: 6px;
  width: 100%;
  background: var(--themed-nav-btn-hover);
  color: var(--themed-nav-btn-text);
  border-top: 1px solid var(--themed-tab-btn-hover);
}
.dita-tab-header {
  font-size: 1rem;
  padding: 0 16px;
  font-weight: bold;
}
.dita-viz-header a {
  line-height: 28px;
  padding: 0 16px;
  margin: 0 8px;
  border-radius: 4px;
  color: var(--themed-nav-btn-text);
  position: relative;
}
.dita-viz-header a:first-child {
  margin-left: 0;
}
.dita-viz-header a::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 2px;
  width: 1px;
  height: 24px;
  background: var(--themed-nav-btn-hover);
}
.dita-viz-header a:last-child::after {
  display: none;
}
.dita-viz-header a:hover {
  background: var(--themed-nav-btn-hover);
}
.dita-viz-header a.current {
  background: var(--themed-nav-btn-active);
  color: var(--themed-nav-btn-active-text);
}
.dita-viz-header a.current:hover {
  background: var(--themed-nav-btn-active-hover);
}
.dita-viz-header a i {
  margin-right: 4px;
}
.viz-iframe {
  height: calc(100% - 42px);
  position: relative;
}
.viz-iframe .download-html {
  position: absolute;
  top: 8px;
  right: 8px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}
.viz-iframe iframe {
  border: 0;
  width: 100%;
  height: 100%;
}
.dita-render-header {
  display: block;
  width: 300px;
  text-align: center;
  color: var(--themed-nav-btn-text);
  font-weight: bold;
  margin-bottom: 0;
  height: 42px;
  line-height: 42px;
  background: var(--themed-nav-btn-hover);
  border-right: 1px solid var(--themed-tab-btn);
}
.lighttheme .dita-render-header {
  color: var(--default-text);
  background: var(--light-bg);
  border-right: var(--1px-light);
  border-bottom: var(--1px-light);
}
code.xml > span {
  display: inline-block;
  text-align: left;
  white-space: nowrap;
}
code.xml,
.hljs {
  font-size: 0.9rem;
  color: #abb2bf;
  background: #282c34;
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  white-space: pre;
  tab-size: 3;
}
.hljs-comment,
.hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
  color: #c678dd;
}
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
  color: #e06c75;
}
.hljs-literal {
  color: #56b6c2;
}
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
  color: #98c379;
}
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
  color: #d19a66;
}
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
  color: #61aeee;
}
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: bold;
}
.hljs-link {
  text-decoration: underline;
}
@keyframes checkCircle {
  from {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(45deg);
    opacity: 1;
  }
}
@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 0;
  }
  40% {
    height: 0;
    width: 6px;
    opacity: 1;
  }
  100% {
    opacity: 1;
    height: 10px;
  }
}
.toastSuccess {
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: #61d345;
  position: relative;
  transform: rotate(45deg);
  animation: checkCircle 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation-delay: 100ms;
}
.toastSuccess::after {
  content: "";
  box-sizing: border-box;
  animation: checkmark 0.2s ease-out forwards;
  opacity: 0;
  animation-delay: 200ms;
  position: absolute;
  border-right: 2px solid;
  border-bottom: 2px solid;
  border-color: #fff;
  bottom: 6px;
  left: 6px;
  height: 10px;
  width: 6px;
}
@keyframes firstLineAnimation {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes secondLineAnimation {
  from {
    transform: scale(0) rotate(90deg);
    opacity: 0;
  }
  to {
    transform: scale(1) rotate(90deg);
    opacity: 1;
  }
}
.toastError {
  width: 20px;
  opacity: 0;
  height: 20px;
  border-radius: 10px;
  background: #ff4b4b;
  position: relative;
  transform: rotate(45deg);
  animation: checkCircle 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
  animation-delay: 100ms;
}
.toastIcon i {
  color: #61d345;
  display: inline-block;
  transform: scale(1);
}
.toastIcon.error i {
  color: #ff4b4b;
}
.toastError::after,
.toastError::before {
  content: "";
  animation: firstLineAnimation 0.15s ease-out forwards;
  animation-delay: 150ms;
  position: absolute;
  border-radius: 3px;
  opacity: 0;
  background: #fff;
  bottom: 9px;
  left: 4px;
  height: 2px;
  width: 12px;
}
.toastError::before {
  animation: secondLineAnimation 0.15s ease-out forwards;
  animation-delay: 180ms;
  transform: rotate(90deg);
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.toastLoader {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: #e0e0e0;
  border-right-color: #616161;
  animation: rotate 1s linear infinite;
}
@keyframes enterAnimation {
  0% {
    transform: translate3d(0, 200%, 0) scale(0.6);
    opacity: 0.5;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes exitAnimation {
  0% {
    transform: translate3d(0, 0, -1px) scale(1);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 150%, -1px) scale(0.6);
    opacity: 0;
  }
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
.toastContainer {
  display: flex;
  align-items: center;
  min-width: 200px;
  background: #ffffff;
  color: #363636;
  line-height: 1.3;
  will-change: transform;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.05);
  max-width: calc(100vw - 32px);
  pointer-events: auto;
  padding: 8px 10px;
  border-radius: 8.1px;
  margin-top: 12px;
  opacity: 0.5;
  animation: enterAnimation 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards;
}
.toastContainer:has(.toastError) {
  animation: enterAnimation 0.35s cubic-bezier(0.21, 1.02, 0.73, 1) forwards,
    shake 0.82s 0.45s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}
.toastContainer.hide {
  animation: exitAnimation 0.4s forwards cubic-bezier(0.06, 0.71, 0.55, 1);
}
.toastMessage {
  display: block;
  margin: 0px 10px;
  color: inherit;
  flex: 1 1 auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100vw - 150px);
}
.toastMessage a {
  color: var(--themed-btn);
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  padding: 1px 4px;
  border: 1px solid var(--themed-btn);
  border-radius: 4px;
}
.toastMessage a:hover {
  background-color: var(--themed-btn);
  color: #ffffff;
}
.toastList {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 196px;
  padding: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  z-index: 1000000;
}
.toastClose {
  margin-left: 8px;
  cursor: pointer;
  background: #efefef;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.toastClose:hover {
  background: #e0e0e0;
}
.versionscontainer {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.versionlist {
  width: 300px;
  height: 100%;
  border-right: var(--1px-light);
}
#versionpreview {
  flex: 1;
  height: 100%;
  /* width: 100%; */
  display: flex;
  flex-direction: column;
}
.versiontoolbar {
  height: 46px;
  padding-right: 6px;
  border-bottom: var(--1px-light);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.versiontoolbar .btn {
  font-size: 0.9rem !important;
}
.versionfooter {
  height: 46px;
  border-top: var(--1px-light);
  display: flex;
  align-items: center;
  justify-content: center;
}
.versionpreviewcontent {
  width: 100%;
  height: calc(100% - 92px);
  padding: 8px;
}
#versionpreview:not(:has(.versionfooter)) .versionpreviewcontent {
  height: calc(100% - 46px);
}
.versionpreviewcontent h5 {
  font-weight: 700;
}
.versionpreviewcontent img {
  object-fit: contain;
}
.versionlistitem {
  padding: 8px 16px;
  border-bottom: var(--1px-light);
}
.versionlistitem:hover {
  background: #efefef;
}
.versionlistitem.selected {
  background: rgba(50, 200, 50, 0.1);
}
.versionlistitem .bi.bi-listitem {
  margin-right: 16px;
  font-size: 1.5rem;
  color: var(--muted-text);
}
.versionname {
  font-weight: bold;
  font-size: 1rem;
  margin-bottom: 4px;
}
.versiondate {
  font-size: 0.8rem;
}
.versionauthor {
  font-weight: 300;
  color: var(--muted-text);
}
a.action-link {
  color: var(--themed-btn-acc-active);
  font-weight: bold;
  text-decoration: none;
}
a.action-link:hover {
  text-decoration: underline;
}
.advanced-theme-edit.collapsed {
  color: #555555;
}
.advanced-theme-edit:not(.collapsed) {
  color: #252525;
  font-weight: bold;
}
.advanced-theme-edit.collapsed .bi-gear,
.advanced-theme-edit .bi-gear-fill {
  display: inline-block;
}
.advanced-theme-edit.collapsed .bi-gear-fill,
.advanced-theme-edit .bi-gear {
  display: none;
}
.theme-sidebar {
  min-width: 160px;
  min-height: 100%;
  padding-right: 12px;
  border-right: var(--1px-light);
}
.postiz-postform {
  color: var(--default-text);
}
.postiz-postform .form-group {
  margin-bottom: 1.24rem;
}
.postiz-channels {
  display: flex;
  flex-wrap: wrap;
}
.postiz-channel {
  display: flex;
  align-items: center;
  width: calc(50% - 8px);
  padding: 4px 8px;
  margin: 4px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #37863750;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.postiz-channel:has(input:checked) {
  background-color: #f5f8f4;
  border-color: #37863780;
  outline: 1px solid #37863780;
  font-weight: bold;
  box-shadow: none;
}
.postiz-channel input[type="checkbox"] {
  accent-color: #378637;
  transform: scale(1.2);
  margin: 0 4px;
}
.share-sidebar {
  min-width: 170px;
  display: flex;
  flex-direction: column;
  margin-left: 8px;
}
.share-sidebar .share-sidebar-items {
  margin: 0 4px 4px;
  border-radius: 8px;
  background: #f7f7f7;
  width: 100%;
  max-height: 800px;
}
.share-sidebar h4 {
  font-size: 1.01rem;
  text-align: center;
}
.share-preset {
  background-color: #ffffff;
  border: 1px solid #37863750;
  box-shadow: 0px 2px 5px rgb(115 115 115 / 10%), 0px 2px 2px rgb(23 23 23 / 5%);
  padding: 8px;
  margin: 8px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.preset-prop {
  font-size: 14px;
  color: #555555;
  line-height: 1.2;
}
.preset-copy-link {
  color: var(--themed-btn-cta-text);
  width: 150px;
  text-align: center;
  padding: 3px 6px;
  border-radius: 4px;
  font-size: 12px;
  background-color: var(--themed-btn-cta);
  cursor: pointer;
}
.preset-copy-link:hover {
  background-color: var(--themed-btn-cta-hover);
}
.preset-copy-link.dl {
  margin-top: 6px;
  color: var(--themed-btn-acc-text);
  background-color: var(--themed-btn-acc);
}
.preset-copy-link.dl:hover {
  background-color: var(--themed-btn-acc-hover);
}
.preset-dl-link {
  color: #a6a6a6;
  margin: 2px 0 8px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preset-dl-link:hover {
  color: #9a9a9a;
}
.preset-links {
  margin-top: 8px;
  padding-top: 8px;
  border-top: var(--1px-light);
  width: 100%;
}
.crop-presets {
  max-height: calc(100% - 60px);
}
.crop-presets a.btn-wide {
  background-color: #ebffeb;
  outline: 1px solid hsl(120.49deg 60% 59.8%);
  color: #444444;
  transition: all 0.2s ease;
}
.crop-presets a.btn-wide:hover {
  outline: 1px solid #378637;
  background-color: #def7de;
  color: #378637;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.crop-presets a.btn-wide.current {
  background-color: #5cd65c;
  color: #ffffff;
}
.crop-presets a.btn-wide img {
  object-fit: cover;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12), 1px 1px 3px rgba(0, 0, 0, 0.2);
}
.crop-presets a.btn-wide strong {
  line-height: 1;
  display: inline-block;
  margin-top: 8px;
}
.crop-presets a.btn-wide span {
  line-height: 1;
  display: inline-block;
  margin-bottom: 8px;
}