html, body, .dashboard-main-wrapper {
    height: 100%;
}

.dashboard-wrapper {
    min-height: 0 !important;
    height: 100%;
    display: flex;
    flex-flow: column;
}

.dashboard-content {
    flex: auto;
}

.footer {
    position: sticky;
    bottom: 0;
}

.header-right-side-actions {
    margin-left: auto;
    order: 2;
    padding: 0 20px;
}

.header-right-side-actions a {
    font-size: 20px;
    vertical-align: middle;
}

.header-right-side-actions a:hover {
    color: #71748d;
}

.table .thead-custom th {
    color: #FFF;
    background-color: #0E0C28;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #53587B;
    color: #FFF;
    cursor: pointer;
}

button.dropdown-toggle::after { vertical-align: middle; }
button.dropdown-toggle {
    background-color: #FFF;
    border: 1px solid #D2D2E4;
    color: #71748D;
}
.bootstrap-select .dropdown-menu {
    z-index: 1500;
}

.form-control::placeholder {
    color: #CCC !important;
}

.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus {
    border-color: #62AEFC;
    background-color: #62AEFC;
    box-shadow: none;
}

label.required:after {
  content:" *";
  color:red;
}

.pointer {
    cursor: pointer;
}

.footer {
    z-index: 1050;
}

.bg-none {
    background: none !important;
}

.file-input .file-footer-buttons, .file-preview-status, .file-caption { display: none; }
.file-input .file-preview { background: white !important; }
.file-input .file-preview .fileinput-remove { top: 8px; right: 8px; }
.file-input .file-drop-zone-title { font-size: medium !important; color: #71748d !important; padding: 100px 10px !important; }

.table-responsive .unread-entry td { font-weight: 700; }

.table-responsive .hover {
    background-color: rgb(255, 193, 8, 0.2);
}

.table-responsive .selected, .table-legend .output-data {
    background-color: rgb(89, 105, 255, 0.5);
    color: white;
}

.table-responsive .input-data, .table-legend .input-data {
    background-color: rgb(255, 64, 123, 0.3);
    color: white;
}

.table-primary, .table-primary td, .table-primary th {
    background-color: rgb(89, 105, 255, 0.5);
    color: white;
}

.heatmap text.heatmap-value {
    fill: #3B3F60;
}

.accordion-switch {
    background: #71748d;
    color: white;
    font-family: 'Circular Std Book';
    padding: 60px 0;
}

.accordion-switch ul {
    list-style: none;
    font-size: 14px;
    padding: 0;
}

.accordion-switch li {
    padding: 10px 14px 10px 40px;
    line-height: 30px;
    cursor: pointer;
}

.accordion-switch li.active {
    background: #EFEFF6;
    color: #3D405C;
}

.mr-a { margin-right: auto !important; }
.ml-a { margin-left: auto !important; }
.mt-a { margin-top: auto !important; }
.mb-a { margin-bottom: auto !important; }

.text-underline { text-decoration: underline; }

.pagination { justify-content: center; }
.progress { background-color: #71748d60; }
.progress-xxl { height: 35px; }
.dropdown-arrow::after {
    display: inline-block;
    margin-left: .4em;
    vertical-align: .2em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.selection-marker-column { width: 20px; }
.custom-checkbox { cursor: pointer; }

.spinner-container {
    width: 470px;
    height: 470px;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

.spinner-container span {
    width: 200px;
    height: 200px;
}

.spinner-white {
    border-top-color: #FFF;
    border-left-color: #FFF;
}

.rewards-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.reward-box {
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    width: 200px;
    height: 120px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    cursor: pointer;
    margin: 0 15px 15px 0;
}

.reward-box.selected {
    background-color: #5969ff;
    color: white;
    transition: all .1s ease-in;
}

.reward-box i {
    font-size: 48px;
}

.reward-badges .badge { margin: 0 5px 5px 0; }
.modal-content { width: 600px; }
#color-selector .modal-content { width: 800px; margin-left: -100px; }
.wide-modal .modal-content { width: 800px; }
.wide-modal .modal-dialog { max-width: 800px; }
.wider-modal .modal-content { width: 80vw; }
.wider-modal .modal-dialog { max-width: 80vw; }

.color-switch { font-size: 16px; padding-bottom: 13px; }

.filters { background: rgba(230, 230, 242, .5); }
.sorters th { cursor: pointer; }

.highlights-enabled { cursor: pointer; }

#field-selector .ms-selectable .ms-list, #field-selector .ms-selection .ms-list { height: 500px !important; }
#field-selector .modal-content { width: 800px; margin-left: -100px; }
#field-selector .ms-container .ms-selectable li.ms-elem-selectable, #field-selector .ms-container .ms-selection li.ms-elem-selection { padding: 13px 25px; }
#field-selector .ms-container .ms-optgroup-label { font-weight: bold; padding: 10px; font-size: 14px; }
.sp-original-input-container { width: 100%; }
.sp-original-input-container .sp-add-on { width: 40px !important; border: 0 !important; }

.content #root { height: 100%; }
.popup-draw-tool .draw-tool-extras { position: absolute; bottom: 25px; right: 25px; z-index: 2; }

.miew-container, .miew-container canvas { width: 100% !important; }

.nav-left-sidebar { z-index: 10; }
.collapsed-menu .main-sidebar-menu .nav-divider { border-bottom: 1px solid #a4aadb; font-size: 0 !important; line-height: 0; padding: 0; }
.collapsed-menu .main-sidebar-menu .nav-divider:first-child { display: none; }
.collapsed-menu .main-sidebar-menu .nav-link { font-size: 0 !important; text-align: center; }
.collapsed-menu .main-sidebar-menu .nav-link i { font-size: 16px; padding: 8px 0; margin: 0; }
.collapsed-menu .main-sidebar-menu { width: 80px; }
.collapsed-menu .dashboard-wrapper { margin-left: 80px; }

#navbarNav { flex-direction: column; justify-content: space-between; }
.dashboard-main-wrapper { padding-top: 70px; }
.nav-left-sidebar .menu-list, .nav-left-sidebar .navbar, .nav-left-sidebar #navbarNav { height: 100%; }
.context-menu-container .menu-list { min-width: 300px; }
.navbar-nav .nav-link.active { color: #5969ff; font-weight: bold; }
.navbar-nav .nav-link.active span { border-bottom: 2px solid #5969ff; padding-bottom: 7px; }
.navbar-expand-lg .navbar-nav .nav-link { padding: 0.75rem 1.25rem 0.75rem; }
.dropdown-menu { min-width: 15rem; }

.molecule-container .molecule-image-unavailable { height: 200px; display: flex; align-items: center; justify-content: space-around; }
.molecule-image-container .molecule-image { background: white; border: 1px solid #D2D2E4; border-left: 0; border-radius: 0 5px 5px 0; width: 40px; height: 40px; text-align: center; }
.molecule-image-container .molecule-image svg { height: 35px; width: 35px; }

.hide { display: none; }

#molecule-image-popup .modal-body { text-align: center; }
#molecule-image-popup svg { width: 500px; height: 500px; }
.item-component-image svg { width: 100%; height: auto; }
td[data-target="smiles"] { max-width: 200px; }

.plot-options .input-group { flex-wrap: nowrap; }
.plot-options .bootstrap-select { width: 100% !important; }

.plot-options .input-group-stretch { display: flex; }
.plot-options .input-group-stretch .input-group-prepend { flex-grow: 1; }
.plot-options .input-group-stretch .bootstrap-select, .view-grid-mode .input-group-stretch .bootstrap-select { flex-grow: 10000; width: 10px !important; }

.pull-apart { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.tooltip-icon { cursor: pointer; font-size: 14px; }
.tooltip-inner { max-width: 400px; text-align: left; }

.mode-switch { z-index: 10; }
.btn-group label.btn.active:not(.disabled), .btn-group label.btn:not(.disabled):active { color: #fff; background-color: #5969ff; border-color: #5969ff; }

.left-divider { border-left: 1px solid #e6e6f2; }
.right-divider { border-right: 1px solid #e6e6f2; }

.error-field { text-transform: uppercase; color: #da0419; font-weight: 500; font-family: "Roboto"; }

.btn-brand { border-color: #5cb8b4; background-color: #5cb8b4; color: #fff; }
.btn-brand:hover { color: #fff; background-color: #389894; border-color: #389894; }
.btn-brand.focus, .btn-brand:focus { color: #fff; background-color: #389894; border-color: #389894; box-shadow: 0 0 0 1px rgb(33, 134, 130); }

.components-container .highlight-container { z-index: 200; height: 270px; padding: 10px; background: rgba(0, 0, 0, 0.5); }

#charts-layout-modal { width: 80vw; margin: 0 auto; }
#charts-layout-modal .modal-dialog, #charts-layout-modal .modal-content { width: 100%; max-width: 100%; }
.layout-setup-container .layout-item { background-color: #d7d7df; padding: 20px; text-align: center; margin-top: 15px; margin-bottom: 15px; cursor: pointer; }

.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; width: 30px; right: -15px; }
.ui-resizable-handle:after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: -10px; width: 4px; height: 4px; border-radius: 50%; background: #ddd; box-shadow: 0 10px 0 #ddd, 0 20px 0 #ddd; }
.ui-resizable-w { left: -20px; }
.ui-resizable-e { right: -20px; }

.context-menu-container.nav-left-sidebar { width: 230px; padding-top: 0; height: auto; z-index: 120; overflow: hidden; }
.copy-tooltip { background: #0e0c28; color: white; padding: 10px; border-radius: 8px; margin-top: 20px; margin-left: -65px; }
.border-top-divider { border-top: 1px solid #7a80b4; }

[aria-expanded="true"] .fa-angle-down { transform: rotate(180deg); }
.c3-tooltip-container .c3-tooltip td.value { color: #3d405c; }
.w-100px { width: 100px; }
.w-120px { width: 120px; }
.w-200px { width: 200px; }
.justify-content-evenly { justify-content: space-evenly !important; }
.overflow-visible { overflow: visible; }
.text-wrap { white-space: normal; overflow-wrap: break-word;  word-break: break-word; }

.reward-box { word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0,0,0,.125); border-radius: .25rem; width: 200px; height: 120px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; cursor: pointer; margin: 0 15px 15px 0; }
.reward-box.selected { background-color: #5969ff; color: white; transition: all .1s ease-in; }
.reward-box i { font-size: 48px; }
.selection-marker-column label { padding-left: 17px; }
.formula-container { line-height: 2; }

.molecule-input-field .molecule-image { background: white; border: 1px solid #D2D2E4; border-left: 0; border-radius: 0 5px 5px 0; text-align: center; padding: 2px; }
.card-link { padding: 12px 35px; height: 100%; width: 100%; display: block; }
.grid-block tbody tr.editing { background-color: #5969ff45; }
input[type="range"] { accent-color: #5969ff; }
.text-break { word-wrap: break-word; word-break: break-word; }

.grid-filter-container { display: flex; flex-direction: column; justify-content: space-between; min-height: 70px; }
table.freeze-first-column th:first-child, table.freeze-first-column td:first-child { position: sticky; left: 0px; }
.list-group-padded li { padding: 20px; }

.overflow-unset { overflow: unset; }
.overflow-auto { overflow: auto; }
.sticky-pagination { position: sticky; bottom: 50px; }
.endpoint-dashboard .sticky-pagination { display: none; }

.introjs-tooltipReferenceLayer * { font-family: "Circular Std Book"; font-size: 14px; }
.introjs-tooltip { min-width: 400px; max-width: 800px; }
.introjs-tooltiptext { color: #71748d; }
.introjs-tooltip-title { font-size: 15px; font-weight: 500; font-family: "Circular Std Medium"; color: #3d405c;}
.introjs-tooltip-header { padding: 16px 20px; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; justify-content: space-between; }
.introjs-skipbutton { margin: -1rem -1rem -1rem auto; font-size: 1.25rem; font-weight: 700; text-shadow: 0 1px 0 #fff; position: relative; color: #000; opacity: 0.5; }
.introjs-skipbutton:hover { opacity: 1; }
.introjs-tooltipbuttons a, .introjs-tooltipbuttons a:hover { color: #fff; background-color: #4656e9; border-color: #4656e9; font-size: 14px; padding: 9px 25px; border-radius: 2px; font-weight: normal; text-shadow: None; }
.introjs-tooltipbuttons a.introjs-disabled {border-color: #62aefc; background-color: #62aefc; box-shadow: none; }
.introjs-tooltipbuttons a:focus { box-shadow: 0 0 0 0.2rem rgb(37 52 158); color: #fff; background-color: #4656e9; border: none; }

#clustering-modal .clustering-section { line-height: 3; }
#clustering-modal .clustering-section .bootstrap-select .dropdown-toggle { padding: 6px 9px; }

.molecule-field .image-container { position: relative;}
.molecule-field .large-molecule-preview {position: absolute; top: 0; left: 100%; display: none; z-index: 999;}
.molecule-field .small-molecule-preview svg {height: 30px; width: 30px;}
.molecule-field .add-molecule-button, .molecule-field .remove-molecule-button {display: flex; justify-content: center; align-items: center;}
.multi-molecule-field .small-molecule-preview .molecule-image { border-radius: 0; }

.pharmacophore-container { position: relative; }
.legend-container { position: absolute; right: 0; padding: 15px 20px; background: #D6D6D640; z-index: 1000; width: 260px; }
.legend-container .legend-row, .table-legend .legend-row { line-height: 28px; margin-bottom: 0; }
.legend-container .row-color-box, .table-legend .row-color-box { width: 20px; height: 20px; }
.pharmacophore-features .pharmacophore-feature .bootstrap-select.set-to-atom-trigger { width: auto; }

.hoverable-dropdown > .dropdown-menu { margin-top: 0; }
.reward-setup-summary .highlight { background: #f3b60060; }
.invisible { max-height: 0; }
.background-white, #advanced-options-header { background: white; }

.dropdown-item.disabled, .dropdown-item:disabled { color: #efeff6; }
.input-group-sm>.bootstrap-select>button.dropdown-toggle { padding: .25rem .5rem; }
.button-extra-dropdown { margin-left: -4px; border-left: 1px solid white; }

.filters-sidebar { position: fixed; top: 0; left: 0; overflow: visible; z-index: 1060; height: 100vh; }
.filters-sidebar .nav-left-sidebar { position: relative; height: 100vh; top: 0; }
.filters-sidebar .sidebar-switch { writing-mode: vertical-lr; text-orientation: upright; padding: 25px 10px; letter-spacing: 4px; text-transform: uppercase; }

.breadcrumbs { padding: 1rem; padding-left: 30px; font-size: 0.75rem; letter-spacing: 0.75px; color: #ababb4; }

.components-container { height: 80vh; width: 100%; }
.lm_content { overflow-y: auto; scrollbar-width: none; -ms-overflow-style: none; }
.lm_content::-webkit-scrollbar { display: none; }
.lm_tab { background: white; }
.lm_close_tab { display: none; }
.lm_left, .lm_right { display: none; }
.lm_header .lm_tab { height: 17px; padding: 7px 20px; font-size: smaller; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; color: #71748d; background-color: #dddde8; border-color: #dddde8; margin-right: 5px; }
.lm_header .lm_tab.lm_active { background-color: #fff; border-color: #e6e6f2 #e6e6f2 #fff; color: #5969ff; }
.lm_header .lm_tab i { height: 100%; }
.lm_header .lm_controls .lm_tabdropdown:before { color: #71748d; }
.lm_header .lm_tabdropdown_list .lm_tab { border-radius: 0; }
.lm_header .lm_tabdropdown_list { top: 32px; }
.lm_header .lm_tabdropdown_list .lm_tab .lm_title { width: 200px; }
.lm_splitter:hover, .lm_splitter.lm_dragging { background: rgba(255, 193, 8, 0.5); z-index: 150; }
.lm_content > .card { border-top-left-radius: 0; }
.lm_dropTargetIndicator { background: rgba(255, 193, 8, 0.15); outline: 1px dashed #ffc108; transition: all 200ms ease; z-index: 150; }
.lm_maximised { z-index: 110; }
.lm_content .bootstrap-select .dropdown-menu { width: inherit; }

.component-creator-modal .tab-content { background: #efeff6; }
.component-creator-modal .nav-link { background: white !important; }
.component-creator-modal .nav-tabs .nav-link.active { background: #efeff6 !important; }

.table-container { overflow-x: auto; outline: 0; }
.components-container .sticky-pagination { bottom: 0; }
.interactive-table th { min-width: 130px; background-color: white; }
.interactive-table td { padding: 0 10px; background-color: white; }
.interactive-table .freeze-header { position: sticky; background: white; z-index: 100; top: 0; }

.interactive-table.display-column-wise { display: flex; }
.interactive-table.display-column-wise thead { display: flex; flex-shrink: 0; min-width: min-content; }
.interactive-table.display-column-wise tbody { display: flex; }
.interactive-table.display-column-wise tr { display: flex; flex-direction: column; min-width: min-content; flex-shrink: 0; }
.interactive-table.display-column-wise td { display: block; }
.interactive-table.display-column-wise th { display: block; }

.components-container .view-grid-mode .grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }
.components-container .view-group-mode .grid-container { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
.components-container .sticky-pagination { display: none; }
.components-container .lm_content:hover .sticky-pagination { display: block; }

.options-modal .fileinput-remove, .options-modal .file-footer-buttons, .options-modal .file-preview-status, .options-modal .file-caption, .options-modal .file-input-new .fileinput-remove-button { display: block; }
.options-modal .file-caption-name.kv-fileinput-caption { padding: 9px 25px; }

.flex-grow { flex: 1 0 auto; }
.flex-shrink { flex: 0 0 auto; }

.background-transition { transition: background-color 1s ease-in-out; }
.gray-background { background-color: #efeff6; }

.scrollbar-thin::-webkit-scrollbar { width: 6px; height: 6px; }
.scrollbar-thin::-webkit-scrollbar-track { background: #efeff6; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #ababb4; }

.check-chips { display: inline-block; margin-right: 15px; border: 2px solid #d2d2e4; padding: 5px 20px 5px 40px; border-radius: 10px; background: white; }
.check-chips .custom-control-label::before, .check-chips .custom-control-label::after { top: 11px; left: 13px; }
.check-chips:has(input[type="checkbox"]:checked) { border: 2px solid #5969ff; }
.check-chips .custom-control-label { font-size: small; }

.negative-check-chips:has(input[type="checkbox"]:checked) { border-color: #ef172c; }
.negative-check-chips .custom-control-input:checked~.custom-control-label::before { background-color: #ef172c; border-color: #ef172c; }
.negative-check-chips .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.5' d='M1 1 L7 7 M7 1 L1 7'/%3E%3C/svg%3E"); }

.ui-slider .ui-slider-handle { background-color: #5969ff; border-radius: 15px; border-color: #5969ff; top: -6px; }
.ui-slider-horizontal .ui-slider-range { background-color: #5969ff; }
.ui-slider { background-color: #efefef; height: 7px; }

.components-data-control .search-input { padding: 15px 20px; }
.components-data-control .search-input::placeholder { color: #babac7 !important; }
.components-data-control .filters-list-container { width: 300px; flex-shrink: 0; }
.components-data-control .info-area { overflow-y: auto; flex-grow: 1; flex-basis: 0; }
.components-data-control .filters-list { overflow-y: auto; padding: 0; }
.components-data-control .filters-list li { padding: 0; display: flex; align-items: center; }
.components-data-control .filters-list li span { padding: 15px 1.5rem; display: inline-block; }
.components-data-control .filters-list li i.return-icon { display: none; padding: 20px; padding-right: 0; margin-right: -10px; }
.components-data-control .filters-list li i.remove-icon { display: none; padding: 20px; background-color: #ef172c; border-right: 2px solid white;}
.components-data-control .filters-list li.applied { background: #ef172c !important; color: white; }
.components-data-control .filters-list li.applied i.remove-icon { display: inline; }
.components-data-control .filters-list li.focus { background-color: #5969ff10; }
.components-data-control .filters-list li.active { font-weight: bold; background-color: #5969ff !important; color: white; }
.components-data-control .component-content-container { height: calc(100% - 175px); }
.components-data-control .filter-action button { width: 6rem; }

.components-data-control.micro-display .filters-list-container { width: 100%; }
.components-data-control.micro-display .info-area { display: none; }
.components-data-control.micro-display .filters-list-container:has(li.active) li:not(.active) { display: none; }
.components-data-control.micro-display .filters-list-container:has(li.active) ~ .info-area { display: block; }
.components-data-control.micro-display .component-content-container:has(.filters-list-container li.active) { flex-direction: column; }
.components-data-control.micro-display .filters-list:has(li.active) { overflow-y: hidden; }
.components-data-control.micro-display li.active i.return-icon { display: inline!important; }
.components-data-control.micro-display .filter-action { justify-content: space-between !important; }
.components-data-control.micro-display .filter-action button { width: 45%; }

.warn-spinner { border: 4px solid transparent; border-top: 4px solid #ffc107; border-left: 4px solid #ffc107; }

.nav-button-group { display: flex; align-items: center; justify-content: space-around; padding: 5px; border: 1px solid #e6e6f2; border-radius: 10px; }
.nav-button-group .nav-link { border-radius: 10px; margin: 0 2px; }
.nav-button-group .nav-link.active { background-color: #5969ff; border-color: #5969ff; color: white; }
.nav-button-group .nav-link:not(.active):hover { background-color: #5969ff20; border-color: #5969ff20; color: #71748d; }
.nav-button-group .nav-danger .nav-link.active { background-color: #ef172c; border-color: #ef172c; }
.nav-button-group .nav-danger .nav-link:not(.active):hover { background-color: #ef172c20; border-color: #ef172c20; }

.elevate { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.elevate:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); }

.toast-alerts { position: fixed; right: 50px; bottom: 50px; z-index: 10000; }
.toast-alert { color: #bec3eb; background-color: #0e0c28; width: 300px; border-radius: 15px; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); }
.toast-alert .close { color: #bec3eb; }
.toast-alert .toast-icon { font-size: 28px; }
.toast-alert .toast-success { color: #2ec551; }
.toast-alert .toast-warning { color: #ffc108; }
.toast-alert .toast-info { color: #25d5f2; }
.toast-alert .toast-danger { color: #ef172c; }

.components-container .selected-entry td, .components-container td.selected-entry, .grid-container .selected-entry, .molecule-container .selected-entry { background-color: #ffc108 !important; }
.components-container .selected-entry .molecule-image rect { fill: #ffc108 !important; }
.components-container .color-legend > .legend-container { right: 15px; color: #3d405c; }
.components-container .color-legend .legend-container { background: #ffffffde; box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 8px; }

.molecule-preview-container { position: relative; display: flex; align-items: center; justify-content: center; }
.molecule-preview-container .smiles-info { display: none; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2), 0 12px 40px rgba(0, 0, 0, 0.2); background: #3d405c; color: white; padding: 10px; }
.show-smiles-on-hover .molecule-preview-container:hover .smiles-info { width: 100%; display: block; position: absolute; bottom: 0; text-align: center; z-index: 100; }

.tablesorter-headerRow th { position: relative; padding-right: 30px; }
.tablesorter-headerRow th.tablesorter-headerAsc::after { content: "▲"; position: absolute; right: 0; top: 0; padding: 10px; }
.tablesorter-headerRow th.tablesorter-headerDesc::after { content: "▼"; position: absolute; right: 0; top: 0; padding: 10px; }

.parallel-coordinates-chart line.highlight { stroke: #ff407b; }
.pills-vertical .nav.nav-pills .nav-link { padding: 20px; margin-bottom: 10px; }
.pills-vertical .tab-content { padding: 0; }
.draw-modal-container { z-index: 1060; }

.vertical-table-display td { padding: 10px; }
.context-menu-container { padding-top: 0; width: auto !important; height: auto; }
.context-menu-container .navbar-nav .nav-item .nav-link { color: #b2b5cf; }

.advanced-filter-container .dropdown.bootstrap-select { width: auto !important; padding: 5px; text-align: center; }
.advanced-filter-container .dropdown.bootstrap-select .btn.dropdown-toggle { padding: 6px 12px; width: auto; }
.advanced-filter-container li { margin-top: 10px; }
.advanced-filter-container input { width: auto; display: inline-block; }
.advanced-filter-container .molecule-smiles-container { display: inline-block; }
.advanced-filter-container .molecule-field .small-molecule-preview svg {height: 23px; width: 30px;}
.advanced-filter-container .molecule-field .molecule-input-field { height: 35px; }
.advanced-filter-container .molecule-field .input-group-prepend, .advanced-filter-container .molecule-field .image-container, .advanced-filter-container .molecule-field input { height: 100%; }
.advanced-filter-container .molecule-image { display: flex; height: 35px; align-items: center; }
.advanced-filter-container .molecule-image i { width: 20px; }

ul.list-style-none, ul.list-style-dashed { list-style: none; }
ul.list-style-dashed > li { text-indent: -5px; }
ul.list-style-dashed > li:before { content: "\2014"; text-indent: -5px; }

.dynamic-select .dropdown-toggle { visibility: hidden; margin-top: -62px; }
.overflow-control td, .overflow-control li a, .overflow-control .filter-option-inner-inner { text-overflow: ellipsis; max-width: 800px; overflow: hidden; }
#input-profiles-summary-modal .modal-body { max-height: 75vh; overflow-y: auto; }
#input-profiles-summary-modal .name-column { text-decoration: underline; cursor: pointer; }

.form-group:not(:last-child) { margin-bottom: 32px; }

.star-checkbox input { display: none; }
.star-checkbox span:before { content: "\2606"; font-size: 30px; cursor: pointer; text-align: center; display: inline-block; width: 100%; }
.star-checkbox input:checked + span:before { content: "\2605"; color: #ffc108; }

.select-box-container { position: relative; }
.select-box-container .dropdown.bootstrap-select { position: static; flex-grow: 1;}
.select-box-container .dropdown-menu { left: -19px !important; }

.primary-link { border-bottom: 2px solid #5969ff; color: #5969ff; padding-bottom: 5px; }
.primary-link:hover { color: #ff407b; border-color: #ff407b; }
.equation-display { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; row-gap: 5px; }
.equation-display i { padding: 3px 5px 0 5px; }

#header-items .nav-item { border-left: 1px solid #e6e6f2; }
.notifications-content { position: relative; overflow: hidden; width: auto; }
.notification-dropdown { box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1), 0 6px 20px rgba(0, 0, 0, 0.1); }
.notification-dropdown { min-width: 400px; }