.hide-from-layout {
    display: none;
}

picture {
    width: 100%;
    display: block;
}

img {
    max-width: 100%;
    border: 0;
}

center {
    text-align: left;
}

address {
    font-style: normal;
}

iframe {
    border: 0;
    max-width: 100%;
    margin: 0 0 1.2rem;
}

li, ul {
    list-style: none;
    padding: 0;
}

[type=search]::-webkit-search-cancel-button {
    display: none;
}

img[src*='notice-color.svg'] {
    width: 16px;
    height: auto;
    float: left;
    margin-right: 1.2rem;
}

.cke_editable {
    padding: .6rem;
}
.cke_focus {
    outline: none !important;
    border-radius: .4rem;
    box-shadow: inset 0 0 0 1px rgba(118,118,117,.5);
}

.elj-box-wrapper {
    border-radius: .4rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 2.4rem 2.4rem 0;
    margin: 0 0 2.4rem;
}

.fa {
    font-size: 1.3rem!important;
}

#document {
    padding: 0;
}

.pageBody {
    padding-bottom: 10px;
}

.hasDatepicker, .hasDatepickerExp, .is-datepick {
    background-image: inherit;
}

.hasDatepicker, 
.hasDatepickerExp,
input[type=number],
.is-datepick {
    width: 200px !important;
}

.dateHasPassed {
    color: #A00;
    font-weight: 700;
}

.navigationelementblockDashboard {
    width: 130px;
    float: left;
    margin: 5px;
}

.overdue {
    color: #A00;
    text-decoration: blink;
}

.notificationMessages tr.read {
    font-weight: 700;
}

br[clear=all], table br {
    display: block;
}

.overdiv {
    transition: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 200001;
    background: rgba(0,0,0,.5);
}

#directorybrowser {
    padding: 1.2rem;
    margin-right: 1rem;
}

#projectFilters, #search, .old-filtering {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    white-space: nowrap;
    /*margin: 0 -1.2rem;*/
}

    #projectFilters #btnClearSearch,
    #searchfilters #btnClearSearch,
    #searchBar #btnClearSearch{
        margin-bottom: 1rem;
        margin-left: 8px;
    }
    #searchBar #btnClearSearch{
        margin-bottom: 1rem;
        margin-left: 0px;
    }


.helpIcon {
    margin-left: 5px;
}
#searchBar #btnClearSearch {
    display: none;
}

@media screen and (max-width:63.9375em) {
    #projectFilters, #search, #searchfilters, .old-filtering {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#projectFilters .elj-btn, #projectFilters h3, #projectFilters p, #search .elj-btn, #search h3, #search p, #searchfilters .elj-btn, #searchfilters h3, #searchfilters p, .old-filtering #btnClearSearch, .old-filtering .btn, .old-filtering .btn-grey, .old-filtering .button, .old-filtering .button_off, .old-filtering .cancel, .old-filtering .elj-btn, .old-filtering .pageSection .sectionName, .old-filtering .save, .old-filtering h3, .old-filtering p {
    margin-bottom: 1.2rem;
}

#projectFilters p, #search p, #searchfilters p, .old-filtering p {
    white-space: nowrap;
}

#projectFilters i, #search i, #searchfilters i, .old-filtering i {
    margin-bottom: 2.4rem;
}

#projectFilters .elj-btn i, #search .elj-btn i, #searchfilters .elj-btn i, .old-filtering #btnClearSearch i, .old-filtering .btn i, .old-filtering .btn-grey i, .old-filtering .button i, .old-filtering .button_off i, .old-filtering .cancel i, .old-filtering .elj-btn i, .old-filtering .save i {
    margin-bottom: 0;
}

#projectFilters > .elj-btn:first-child, #search > .elj-btn:first-child, #searchfilters > .elj-btn:first-child, .old-filtering > #btnClearSearch:first-child, .old-filtering > .btn-grey:first-child, .old-filtering > .btn:first-child, .old-filtering > .button:first-child, .old-filtering > .button_off:first-child, .old-filtering > .cancel:first-child, .old-filtering > .elj-btn:first-child, .old-filtering > .save:first-child {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    margin-right: 0;
    margin-left: 1.2rem;
}

#projectFilters .style-select, #search .style-select, #searchfilters .style-select, .old-filtering .style-select {
    max-width: 32rem;
}

#projectFilters a, #search a, #searchfilters a, .old-filtering a {
    white-space: nowrap;
}

#projectFilters input[type=checkbox], #search input[type=checkbox], #searchfilters input[type=checkbox], .old-filtering input[type=checkbox] {
    float: left;
}

.flex-spacer {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

h1 + .flex-spacer {
    display: none;
}

.showAdminViewDiv {
    white-space: nowrap;
}

#searchBar {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cbxGroupContainer {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    padding-left: 2.4rem;
    margin-right: 2.4rem;
}

    .cbxGroupContainer input {
        position: absolute;
        top: 3px;
        left: 0;
    }

#groupsNewName {
    width: 300px;
}

.fill-space {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.wide-filter {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.column-border {
    border-radius: .4rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 1.2rem 1.2rem 0;
    overflow: hidden;
}

.column-background {
    background: #f7f9fa;
}

.column-no-spacing {
    padding: 0;
}

.column-spacing-top {
    padding-top: 1.2rem;
}

.align-right {
    float: right;
}

.cf:after {
    content: '';
    clear: both;
    display: table;
}

.elj-image-text-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1.2rem;
}

    .elj-image-text-wrapper #btnClearSearch, .elj-image-text-wrapper .btn, .elj-image-text-wrapper .btn-grey, .elj-image-text-wrapper .button, .elj-image-text-wrapper .button_off, .elj-image-text-wrapper .cancel, .elj-image-text-wrapper .elj-btn, .elj-image-text-wrapper .save, .elj-image-text-wrapper p {
        margin: 0;
    }

    .elj-image-text-wrapper p {
        padding: 0!important;
    }

    .elj-image-text-wrapper .elj-image-thumb {
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
        margin-right: 1.2rem;
    }

.elj-border-list {
    list-style-type: none;
    padding: 0;
}

    .elj-border-list li {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: .6rem 0;
    }

        .elj-border-list li p {
            margin: 0;
            padding: 0!important;
        }

        .elj-border-list li:first-child {
            border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        }

.elj-btn-icon-shadow, .elj-page-inventory-browser .sample-box, .elj-page-inventory-browser .single-sample .single-sample-item, .elj-shadow-box, .pageSection .sectionMenu .submenu, .requiredbody {
    box-shadow: 0 2px 0 0 rgba(0,0,0,.025);
    border-radius: .4rem;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    border: 1px solid var(--hx-component-button-secondary-border_default, #dfe3e5);
    position: relative;
}

    .elj-shadow-box.box-wide {
        display: block;
        width: 100%;
        padding: 2.4rem;
        margin: 0 0 2.4rem;
        color: #576f7b;
    }

        .elj-shadow-box.box-wide > :last-child {
            margin-bottom: 0;
        }

    .elj-shadow-box.box-highlight {
        background-color: #ffc;
    }

.requiredbody {
    width: 100%;
    margin: 0 0 1.2rem;
    display: block;
    padding: 2.4rem 2.4rem 1.2rem;
}

.elj-table-scroller {
    overflow: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 2.4rem;
}

    .elj-table-scroller table {
        margin: 0;
    }

.elj-specs {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
}

    .elj-specs dt {
        font-weight: 700;
        width: 25%;
        min-width: 12rem;
        margin-bottom: 1.2rem;
    }

    .elj-specs dd {
        width: 75%;
        margin-bottom: 1.2rem;
    }

        .elj-specs dd[data-elj-type]:before {
            display: inline-block;
            margin-right: .8rem;
            width: 1.2rem;
            height: 1.2rem;
        }

.elj-checkbox-list li {
    position: relative;
    padding: 1.2rem 0 1.2rem 2.4rem;
}

    .elj-checkbox-list li:before {
        position: absolute;
        top: 1.2rem;
        left: 2.4rem;
    }

    .elj-checkbox-list li label {
        position: relative;
        margin-left: -2.4rem;
    }

    .elj-checkbox-list li li {
        padding-left: 4.8rem;
    }

        .elj-checkbox-list li li label {
            margin-left: -4.8rem;
            padding-left: 4.8rem;
        }

.elj-checkbox-list ul {
    margin-top: 1.2rem;
    border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin-left: -2.4rem;
}

.elj-checkbox-list .elj-label-text {
    display: table;
}

.elj-text-image-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 2.4rem;
    padding: 0 0 2.4rem;
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
}

    .elj-text-image-wrapper .elj-text-image-wrapper-image {
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
        width: 150px;
        min-width: 150px;
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: 1.2rem;
        text-align: center;
        margin: 0 2.4rem 2.4rem 0;
    }

        .elj-text-image-wrapper .elj-text-image-wrapper-image img {
            margin: auto;
        }

    .elj-text-image-wrapper .elj-text-image-wrapper-text {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .elj-text-image-wrapper .helpIcon {
        float: right;
    }

@media (max-width:640px) {
    .elj-text-image-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.switch-button-wrapper {
    margin-bottom: 2.4rem;
}

*, :after, :before {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

body, html {
    min-height: 100vh;
    height: auto;
    background: var(--hx-bg-primary, #fff);
    min-width: 0;
    
    /* Scrollbar styling with design tokens */
    scrollbar-width: 8px;
    scrollbar-color: var(--hx-fg-tertiary, #dfe3e5) var(--hx-bg-primary, #fff);

    /* Webkit scrollbar styling */
    &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    &::-webkit-scrollbar-track {
        background: var(--hx-bg-primary, #fff);
    }

    &::-webkit-scrollbar-thumb {
        background: var(--hx-fg-tertiary, #dfe3e5);
        border-radius: 4px;

        &:hover {
            background: var(--hx-fg-tertiary_hover, #cdd8dd);
        }
    }

    &::-webkit-scrollbar-corner {
        background: var(--hx-bg-primary, #fff);
    }

}

html {
    font-size: 62.5%;
    box-sizing: border-box;
    min-height: 100%;
    background: #f7f9fa;
}

@media all and (min-width:1680px) {
    html {
        font-size: 65%;
    }
}

@media all and (min-width:1920px) {
    html {
        font-size: 67.5%;
    }
}

@media all and (min-width:2560px) {
    html {
        font-size: 70%;
    }
}

body {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.3em;
    line-height: 1.4;
    color: var(--hx-text-primary, #141414);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    background: var(--hx-bg-primary, #fff);
}

#content {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%;
}

img {
    display: block;
}

address, blockquote, dl, ol, p, table, ul {
    /*margin-bottom: 2.4rem;*/
}

ol, ul {
    list-style: none;
    padding: 0;
}

    ol ol, ol ul, ul ol, ul ul {
        margin: 0;
    }
    
/* Some context for this selector, this selector will exlude tables that are in sections (.pageSectionContents for experiment, .stepContents for procedures,
 .sectionContents for timeline and .journalContent for export)*/
:not(.pageSectionContents):not(.stepContents):not(.sectionContents):not(.journalContent):not(.cke_editable) > table {
    border-collapse: collapse;
    border: 0;
}

:focus {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}

.inner {
    display: block;
    margin: 0 auto;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    width: 100%;
    max-width: 151.2rem;
    position: relative;
}

.page-header .inner {
     padding-left: 0rem;
     padding-right: 0rem;
}


@media screen and (max-width:1535px) {
   .page-header .inner {
     padding-left: 1rem;
     padding-right: 1rem;
    }
}

.elj-page-column-wrapper {
    display: -webkit-flex!important;
    display: -ms-flex!important;
    display: flex!important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

.elj-page-column {
    padding: 0 1.2rem;
}

.elj-column-width-1-12 {
    width: 8.33333333%;
}

.elj-column-width-2-12 {
    width: 16.66666667%;
}

.elj-column-width-3-12 {
    width: 25%;
}

.elj-column-width-4-12 {
    width: 33.33333333%;
}

.elj-column-width-5-12 {
    width: 41.66666667%;
}

.elj-column-width-6-12 {
    width: 50%;
}

.elj-column-width-7-12 {
    width: 58.33333333%;
}

.elj-column-width-8-12 {
    width: 66.66666667%;
}

.elj-column-width-9-12 {
    width: 75%;
}

.elj-column-width-10-12 {
    width: 83.33333333%;
}

.elj-column-width-11-12 {
    width: 91.66666667%;
}

.elj-column-width-12-12 {
    width: 100%;
}

.elj-column-width-1-3 {
    width: 33.33333333%;
}

.elj-column-width-2-3 {
    width: 66.66666667%;
}

.elj-column-width-1-4 {
    width: 25%;
}

.elj-column-width-3-4 {
    width: 75%;
}

.elj-no-background {
    border-radius: 0!important;
    box-shadow: none!important;
    background: 0 0!important;
}

    .elj-no-background.elj-page-column-wrapper {
        padding: 0 1.2rem!important;
    }

.elj-content-background {
    background: #fff;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 2.4rem 2.4rem 0;
    margin-bottom: 2.4rem;
}

.elj-content-header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
}

    .elj-content-header > * {
        margin-bottom: 2.4rem;
    }

    .elj-content-header > :not(:last-child) {
        margin-right: 2.4rem;
    }

    .elj-content-header i, .elj-content-header span > #btnClearSearch, .elj-content-header span > .btn, .elj-content-header span > .btn-grey, .elj-content-header span > .button, .elj-content-header span > .button_off, .elj-content-header span > .cancel, .elj-content-header span > .elj-btn, .elj-content-header span > .save {
        margin-bottom: 0!important;
    }

    .elj-content-header h1 {
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        min-height: 4.8rem;
    }

        .elj-content-header h1 .elj-btn-icon-shadow, .elj-content-header h1 .pageSection .sectionMenu .submenu {
            font-size: 1.3rem;
            margin-right: 1.2rem;
        }

        .elj-content-header h1.hide-back-button .elj-btn-icon-shadow, .elj-content-header h1.hide-back-button .pageSection .sectionMenu .submenu {
            display: none;
        }

@media screen and (max-width:40em) {
    .elj-content-header h1 {
        font-size: 1.8rem;
    }
}

.pageSection.paragraph.isEditing, .pageSection.procedure.isEditing {
    position: relative;
}

.equipmentSection .sectionName, .pageSection .sectionName, .popupWindow #popupTitle, .protocol .labelHeader, .stepName, .timeline .sectionHeader, h1, h2, h3, h4 {
    margin-bottom: 1rem;
    font-weight: 700;
}

h1 {
    font-size: 2.4rem;
    padding: 0;
    border: 0;
    color: var(--hx-text-primary, #141414);
    text-transform: none!important;
}

.popupWindow #popupTitle, .protocol .labelHeader, .stepName, h2, .ui-dialog .ui-dialog-titlebar {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: var(--hx-text-primary, #141414);
}

.popupWindow #popupTitle,
.ui-dialog .ui-dialog-titlebar
{
    margin-bottom: 0;
}
.ui-dialog-titlebar-close.ui-corner-all{
    margin-top:1px;
}

.elj-sub-heading {
    text-transform: uppercase;
    color: var(--hx-text-secondary, #8498a2);
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 1.1rem;
    text-shadow: none;
    margin: 0 0 1.2rem;
}

.comment, .elj-description {
    color: var(--hx-text-secondary, #8498a2);
}

    .comment a:not(.elj-btn), .elj-description a:not(.elj-btn) {
        color: inherit!important;
        text-decoration: underline;
    }

        .comment a:not(.elj-btn):focus, .comment a:not(.elj-btn):hover, .elj-description a:not(.elj-btn):focus, .elj-description a:not(.elj-btn):hover {
            color: var(--hx-text-secondary, #576f7b)!important;
        }

hr {
    -wekit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1px;
    background: var(--hx-border-secondary, #dfe3e5);
    clear: both;
    display: block;
    margin: 0 0 2.4rem;
    border: 0;
}

.tablelink, a {
    transition: .15s ease-out;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: var(--hx-text-brand-secondary, #018A8A);
    text-decoration: none;
    cursor: pointer;
}

    a:focus, a:hover {
        color: #018A8A;
        outline: 0;
        text-decoration: none;
    }

    a:active {
        background: 0 0;
    }

    a * {
        transition: none;
    }

.tablelink {
    font-weight: 700;
}

.elj-buttons-group {
    margin-top: 8px;
}

.elj-buttons-group a{
    margin-bottom: 0;
}

.pendingRequestNoSeatsError {
    margin-top: 8px !important;
    margin-bottom: 0 !important;
}

.actionbuttons, .elj-buttons-wrapper,
.popupWindow .actionbuttons,
.ui-dialog .ui-dialog-buttonpane {
    row-gap: 12px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    clear: both;
    width: 100%;
    position: relative;
    margin: 0;
}

    .actionbuttons > *, .elj-buttons-wrapper > * {
        margin-bottom: 2.4rem;
    }

.popupWindow .actionbuttons > *, .ui-dialog .ui-dialog-buttonpane > * {
    margin-bottom: 0;
}

.actionbuttons > :not(:last-child), .elj-buttons-wrapper > :not(:last-child),
    .popupWindow .actionbuttons > :not(:last-child), .ui-dialog-buttonpane > :not(:last-child),
    .ui-dialog .ui-dialog-buttonpane > :not(:last-child) {
        margin-right: 1.2rem;
    }

.elj-buttons-right, .popupWindow .actionbuttons, .ui-dialog .ui-dialog-buttonpane {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

    .elj-buttons-right > :not(:first-child), .popupWindow .actionbuttons > :not(:first-child),
    .ui-dialog .ui-dialog-buttonpane > :not(:first-child) {
        margin-left: 1.2rem;
        margin-right: 0;
    }

    .elj-buttons-right .elj-btn-left, .popupWindow .actionbuttons .elj-btn-left {
        position: absolute;
        top: 0;
        left: 0;
    }

.elj-buttons-row {
    border-radius: .4rem;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.025);
    margin-bottom: 0!important;
}

    .elj-buttons-row > * {
        margin-left: 0;
        margin-right: 0;
        position: relative;
    }

    .elj-buttons-row > :not(:first-child) {
        margin-left: -1px;
    }

    .elj-buttons-row > :not(:only-child) {
        border-radius: 0;
    }

        .elj-buttons-row > :not(:only-child):first-child {
            border-radius: .4rem 0 0 .4rem;
        }

        .elj-buttons-row > :not(:only-child):last-child {
            border-radius: 0 .4rem .4rem 0;
        }

    .elj-buttons-row > .focus, .elj-buttons-row > :focus, .elj-buttons-row > :hover {
        z-index: 1;
    }

.btn, .btn-grey, .button, .button_off, .call-to-action, .cancel, .elj-btn, .save, .sectionMenu li, .stepMenu li, .ui-button, .webix_img_btn {
    border-radius: .4rem;
    transition: .15s ease-out;
    display: -webkit-inline-flex;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    height: 3.4rem;
    cursor: pointer;
    margin: 0 0 1rem;
    text-align: center;
    padding: 0.5rem 2rem;
    border: 0;
    background: var(--hx-component-button-primary-bg, #ff8100);
    color: var(--hx-component-button-primary-fg_default, #fff);
    font-weight: 700;
    white-space: nowrap;
    text-decoration: none;
    text-transform: none;
}

    .btn-grey:focus, .btn-grey:hover, .btn:focus, .btn:hover, .button:focus, .button:hover, .button_off:focus, .button_off:hover, .cancel:focus, .cancel:hover, .elj-btn:focus, .elj-btn:hover, .save:focus, .save:hover, .ui-button:focus, .ui-button:hover, .webix_img_btn:hover {
        background: var(--hx-component-button-primary-bg_hover, #e67400);
        color: var(--hx-component-button-primary-fg_default, #fff);
    }

    #btnClearSearch:before, .btn-grey:before, .btn:before, .button:before, .button_off:before, .cancel:before, .elj-btn:before, .save:before {
        font-family: elab-app;
        float: left;
        margin-right: 1.2rem;
    }

    #btnClearSearch i, .btn i, .btn-grey i, .button i, .button_off i, .cancel i, .elj-btn i, .save i {
        margin: 0 1.2rem 0 0!important;
    }

    #btnClearSearch.elj-btn-form, .btn-grey.elj-btn-form, .btn.elj-btn-form, .button.elj-btn-form, .button_off.elj-btn-form, .cancel.elj-btn-form, .elj-btn.elj-btn-form, .save.elj-btn-form {
        background: #00ABAB;
        padding: .6rem 1.2rem;
    }

@media screen and (max-width:63.9375em) {
    .btn, .btn-grey, .button, .button_off, .call-to-action, .cancel, .elj-btn, .save, .sectionMenu li, .ui-button, .webix_img_btn {
        height: 3.4rem;
        padding: .6rem 1.2rem;
    }
}

#btnClearSearch[disabled], .btn-grey[disabled], .btn[disabled], .button[disabled], .button_off[disabled], .cancel[disabled], .elj-btn[disabled], .save[disabled] {
    cursor: not-allowed;
}

    #btnClearSearch[disabled], #btnClearSearch[disabled]:focus, #btnClearSearch[disabled]:hover, .btn-grey[disabled], .btn-grey[disabled]:focus, .btn-grey[disabled]:hover, .btn[disabled], .btn[disabled]:focus, .btn[disabled]:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover, .button_off[disabled], .button_off[disabled]:focus, .button_off[disabled]:hover, .cancel[disabled], .cancel[disabled]:focus, .cancel[disabled]:hover, .elj-btn[disabled], .elj-btn[disabled]:focus, .elj-btn[disabled]:hover, .save[disabled], .save[disabled]:focus, .save[disabled]:hover {
        opacity: 0.4;
    }

.elj-btn-delete {
    background: #e7233b;
}

    .elj-btn-delete:focus, .elj-btn-delete:hover {
        background: #d9182f;
    }

.elj-btn-compact, .sectionMenu li, .stepMenu li {
    padding: .6rem 1.2rem;
    height: 3.4rem;
    min-width: 3.6rem;
    font-weight: 400;
}

.elj-btn-small {
    padding: 0 .6rem;
    height: 2.4rem;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: 0;
}

.elj-btn-secondary {
    background-color: var(--hx-component-button-secondary-bg_default, #8498a2);
}

    .elj-btn-secondary:hover {
        background-color: var(--hx-component-button-secondary-bg_hover, #758c97);
    }

.elj-btn-white, .sectionMenu li, .stepMenu li {
    background: var(--hx-component-button-secondary-bg_default, #fff);
}

    .elj-btn-white, .elj-btn-white *, .sectionMenu li, .stepMenu li {
        color: var(--hx-text-primary, #141414) !important;
    }
        .sectionMenu li * {
            color: var(--hx-text-primary, #141414);
        }


        .elj-btn-white:focus, .elj-btn-white:hover, .sectionMenu li:focus, .sectionMenu li:hover {
            background: var(--hx-component-button-secondary-bg_hover, #dfe3e5);
        }

.elj-btn-sec {
    background: var(--hx-component-button-secondary-bg_default, #00ABAB);
    color: var(--hx-component-button-secondary-fg_default, #758c97);
    border: 1px solid var(--hx-component-button-secondary-border_default);
}

    .elj-btn-sec:focus, .elj-btn-sec:hover {
        background: var(--hx-component-button-secondary-bg_hover, #007173);
        color: var(--hx-component-button-secondary-fg_hover, #758c97);
    }

.btn-white-border {
    box-shadow: inset 0 0 0 .2rem #fff;
    background: 0 0;
}

    .btn-white-border:focus, .btn-white-border:hover {
        background: #fff;
        color: #00ABAB;
    }

.cancel, .elj-btn-deny {
    background: var(--hx-component-button-secondary-bg_default);
    text-decoration: none;
    color: var(--hx-component-button-secondary-fg_default);
    margin-bottom: 1rem;
    border: 1px solid var(--hx-component-button-secondary-border_default);
}

    .cancel:focus, .cancel:hover, .elj-btn-deny:focus, .elj-btn-deny:hover, .cancel.elj-btn.elj-btn-deny:hover {
        background-color: var(--hx-component-button-secondary-bg_hover) !important;
        color: var(--hx-component-button-secondary-fg_hover) !important;
    }

.elj-btn-icon-only i, .elj-btn-icon-only:before {
    margin: 0;
}

.sectionMenu li {
    margin-bottom: 0;
}

.elj-keyboard-wrapper {
    position: relative;
    display: block;
}

.call-to-action {
    padding: 1.2rem 2.4rem;
    font-size: 1.5rem;
}

    .call-to-action:focus, .call-to-action:hover {
        box-shadow: 0 0 0 .6rem rgba(0,0,0,.075);
        background: #e67400;
    }

.readmore {
    transition: color animSpeed ease-out;
    color: #00ABAB;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    padding-right: 1.8rem;
    cursor: pointer;
    margin-bottom: 1.2rem;
}

    .readmore:after {
        content: 'p';
        font-family: elab-app;
        position: absolute;
        top: 0;
        right: 0;
    }

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

.elj-toggle-content {
    transition: .15s ease-out;
    cursor: pointer;
    display: inline-block;
    color: #8498a2;
    text-transform: uppercase;
    font-size: 1.2rem;
}

    .elj-toggle-content:after {
        content: 'N';
        font-family: elabjournal;
        margin-left: .6rem;
        text-transform: none;
    }

    .elj-toggle-content:focus, .elj-toggle-content:hover {
        color: #576f7b;
    }

.elj-btn-round {
    transition: .15s ease-out;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #dfe3e5;
    background: #fff;
    color: #00ABAB;
    display: inline-block;
    text-align: center;
    width: 3.6rem;
    height: 3.6rem;
    line-height: 3.6rem;
    cursor: pointer;
}

    .elj-btn-round:before, .openExperimentBtn:before {
        font-family: elab-app;
    }

    .elj-btn-round:focus, .elj-btn-round:hover {
        box-shadow: none;
        background: #ff8100;
        color: #fff;
    }

.elj-btn-prev:before {
    content: 'C';
}

.elj-btn-next:before {
    content: 'A';
}

.elj-btn-forward:before {
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    content: 'p';
    margin-left: 1.2rem;
    margin-right: 0;
}

.elj-btn-left {
    -webkit-align-self: flex-start;
    -ms-align-self: flex-start;
    align-self: flex-start;
    margin-left: 0;
}

.elj-btn-right {
    -webkit-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end;
    margin-right: 0;
}

.elj-btn-icon {
    width: 4.8rem;
    height: 4.8rem;
    padding: 0;
    position: relative;
}

    .elj-btn-icon:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
    }

.elj-btn-icon-shadow, .pageSection .sectionMenu .submenu {
    transition: .15s ease-out;
    cursor: pointer;
    min-width: 3.6rem;
    width: 3.6rem;
    height: 3.6rem;
    color: #141414;
}

    .elj-btn-icon-shadow:before, .pageSection .sectionMenu .submenu:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .elj-btn-icon-shadow:focus, .elj-btn-icon-shadow:hover, .pageSection .sectionMenu .submenu:focus, .pageSection .sectionMenu .submenu:hover {
        color: currentColor;
        background: var(--hx-component-button-secondary-bg_hover,#f7f9fa);
    }

    .elj-btn-icon-shadow.with-text, .pageSection .sectionMenu .submenu.with-text {
        width: auto;
        padding: 0 1.2rem;
        white-space: nowrap;
        line-height: 3.6rem;
    }

        .elj-btn-icon-shadow.with-text:before, .pageSection .sectionMenu .submenu.with-text:before {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            position: static;
            margin-right: .8rem;
            float: left;
        }

.closebuttonef, .elj-btn-close, .modalCloseImg,
.ui-dialog .ui-dialog-titlebar-close {
    transition: .15s ease-out;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    text-align: center;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    color: var(--hx-component-button-ghost-fg_default);
    cursor: pointer;
    background: var(--hx-bg-secondary, #dfe3e5);
    display: inline-block;
}

    .elj-btn-close:before,
    .ui-dialog .ui-dialog-titlebar-close:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        content: 'w';
        text-transform: none;
        font-size: 14px;
        display: block;
        font-family: elab-app;
    }

    .closebuttonef:hover, .elj-btn-close:focus, .elj-btn-close:hover, .modalCloseImg:hover,
    .ui-dialog .ui-dialog-titlebar-close:focus, .ui-dialog .ui-dialog-titlebar-close:hover {
        background: var(--hx-component-button-ghost-bg_hover, #00a1a2);
        color: var(--hx-component-button-ghost-fg_hover, #fff);
    }

.elj-dropdown-trigger {
    position: relative;
    height: 3.6rem;
}

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper, .elj-dropdown-trigger #_sectionContextMenu ul, .elj-dropdown-trigger .elj-dropdown {
        border-radius: 0 .4rem .4rem;
        position: absolute;
        top: calc(100% - 1px);
        left: 0;
        z-index: 10;
        display: none;
    }

    .elj-dropdown-trigger.open-dropdown .elj-btn-icon-shadow, .elj-dropdown-trigger.open-dropdown .pageSection .sectionMenu .submenu {
        box-shadow: none;
        border-radius: .4rem .4rem 0 0;
    }

    .elj-dropdown-trigger.open-dropdown #_sectionContextMenu ul, .elj-dropdown-trigger.open-dropdown .elj-dropdown {
        display: block;
    }

    .elj-dropdown-trigger.dropdown-right #_sectionContextMenu ul, .elj-dropdown-trigger.dropdown-right .elj-dropdown {
        border-radius: .4rem 0 .4rem .4rem;
        left: auto;
        right: 0;
    }

.elj-is-loading {
    height: 2.4rem;
}

    .elj-is-loading:before {
        animation: spinner 1s linear infinite;
        content: 'x';
        font-family: elab-app;
        text-transform: none;
        margin: 0 0 0 .4rem;
    }

@-webkit-keyframes spinner {
    100% {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes spinner {
    100% {
        transform: rotate(359deg);
    }
}

@media screen and (min-width:64em) {
    .elj-step-back {
        display: none;
    }
}

[data-elj-disabled] {
    background: #fff;
    color: #8498a2;
    pointer-events: none;
}

.elj-content-toggle-btn {
    display: none!important;
}

.elj-collapsible-content {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    position: relative;
}

    .elj-collapsible-content[data-alignment=right] {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper {
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        -webkit-align-items: flex-start!important;
        -ms-align-items: flex-start!important;
        align-items: flex-start!important;
    }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper.show-me {
            display: block;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper > * {
            width: 100%!important;
            margin: 0 0 1.2rem!important;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper > :last-child {
            margin-bottom: 0!important;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea] {
            height: 3.6rem!important;
        }

    .elj-collapsible-content.swap-content[data-alignment=right] .elj-collapsible-content-wrapper {
        left: auto;
        right: 0;
    }

    .elj-collapsible-content.swap-content .elj-content-toggle-btn {
        display: -webkit-inline-flex!important;
        display: -ms-inline-flex!important;
        display: inline-flex!important;
    }

    .elj-collapsible-content .elj-collapsible-content-wrapper {
        -webkit-flex-grow: 0!important;
        -ms-flex-grow: 0!important;
        flex-grow: 0!important;
        -webkit-flex-wrap: none!important;
        -ms-flex-wrap: none!important;
        flex-wrap: none!important;
    }

.button-bar {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    clear: both;
    padding: 1.2rem 1.2rem 1px;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin: 0 0 2.4rem;
    background: #f7f9fa;
}

#options {
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6px;
}

    #options a:not(.ui-dialog-titlebar-close), .button-bar a {
        border-radius: .4rem;
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        border: 1px solid var(--hx-component-button-secondary-border_default, #dfe3e5);
        background: var(--hx-component-button-secondary-bg_default, #fff);
        color: var(--hx-component-button-secondary-fg_default, #141414);

        --button-bar-button-height: 32px;
        height: var(--button-bar-button-height);
        line-height: var(--button-bar-button-height);
        padding: 0 8px;
        white-space: nowrap;
    }

        #options a:focus, #options a:not(.ui-dialog-titlebar-close):hover, .button-bar a:focus, .button-bar a:not(.ui-dialog-titlebar-close):hover {
            border-color: var(--hx-border-brand, #00ABAB);
            background-color: var(--hx-surface-brand-secondary, #00ABAB);
            color: var(--hx-text-primary_on-brand, #fff);
        }

        #options a.elj-btn-icon-only i, .button-bar a.elj-btn-icon-only i {
            margin-right: 0;
        }

    #options i, .button-bar i {
        margin-right: .6rem !important;
        float: left;
    }

    #options .list-item-right, .button-bar .list-item-right {
        -webkit-justify-self: flex-end;
        -ms-justify-self: flex-end;
        align-justify: flex-end;
    }

    #options br, .button-bar br {
        display: none;
    }

.editbutton, .sharebutton {
    color: var(--hx-text-primary, #8498a2);
}

.fa-calendar .elj-keyboard-button, .inline-save {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 1.8rem;
    width: 2.4rem;
    text-align: center;
    right: 0;
    color: #576f7b;
    cursor: pointer;
}

    .fa-calendar .elj-keyboard-button:hover, .inline-save:hover {
        color: #576f7b;
    }

img.fa-calendar .elj-keyboard-button, img.inline-save {
    width: auto;
    right: 1.2rem;
}

img.elj-keyboard-button {
    display:none;
}

td.elj-keyboard-wrapper {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    margin-bottom: 0;
    position: static;
    width: auto;
}


 @font-face {
    font-family: elab-app;
    font-weight: 400;
    font-style: normal;
    src: url(data:application/font-woff;base64,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) format('woff'),url(../fonts/elab-app.ttf) format('truetype'),url(../fonts/elab-app.svg#elab-app) format('svg');
} 

[data-icon]:before {
    font-family: elab-app!important;
    content: attr(data-icon);
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
}

.page-header {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #00ABAB;
}

    .page-header .inner {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        position: initial;
    }

    .page-header a {
        color: var(--hx-fg-white, #fff);
        text-decoration: none;
    }

    .page-header ul.search-list {
        justify-content: flex-start;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(10%, 1fr));
    }
    
    .page-header ul.search-list .nav-sub-level > li > a {
        padding: 0;
    }
    
    .page-header ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin: 0;
    }

    .page-header, .page-header ~ #content, .page-header ~ .page-footer {
        transition: .3s ease-out;
    }

.mobile-overlay {
    position: absolute;
    top: 4.8rem;
    left: 100%;
    width: 100vw;
    height: calc(100vh - 4.8rem);
    background: rgba(7,59,83,.5);
    display: none;
}

.page-hamburger {
    display: none;
    width: 4.8rem;
    height: 4.8rem;
    background: rgba(0,0,0,.125);
    position: absolute;
    top: 0;
    left: 100%;
    cursor: pointer;
    color: #fff;
}

    .page-hamburger:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 21px;
    }

.page-logo {
    font-size: 0;
    margin: .6rem .6rem;

}

    .page-logo a {
        display: block;
        height: 3.6rem;
        background: left no-repeat;
        background-size: contain;
    }

.page-header-top {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -webkit-order: 1;
    -ms-order: 1;
    order: 1;
    font-weight: 700;
    font-size: 1.2rem;
}



.page-header-bottom {
    -webkit-order: 2;
    -ms-order: 2;
    order: 2;
}

.page-footer {
    height: 56px;
    border-top: 1px solid var(--hx-border-tertiary, #dfe3e5);
    background: var(--hx-bg-secondary, #f7f9fa);
    clear: both;
    font-size: 14px;
}

    .page-footer .inner {
        height: 100%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        color: var(--hx-text-secondary);
    }

    .page-footer ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin: 0;
    }

    .page-footer li:not(:first-child) {
        margin-left: 2.4rem;
    }

    .page-footer a {
        display: inline-block;
        text-decoration: none;
        color: var(--hx-text-secondary);
    }

        .page-footer a:focus, .page-footer a:hover {
            text-decoration: underline;
        }

.page-nav-footer-sec {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    margin-left: 2.4rem;
    margin-right: 2.4rem;
}

    .page-nav-footer-sec ul {
        float: right;
    }

.page-footer-logo a {
    display: block;
}

@media screen and (max-width:47.9375em) {
    .page-footer {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

        .page-footer .inner > * {
            width: 100%;
        }

        .page-footer ul {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -webkit-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            float: none;
        }

    .page-nav-footer-sec {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .page-footer-logo img {
        margin-left: auto;
        margin-right: auto;
    }
}

.page-header-dropdown {
    margin: .6rem 0 .6rem .6rem;
    font-size: 1.2rem;
}
    .page-header-dropdown svg {
        height: 3.6rem;
    }

    .page-header-dropdown > ul > li {
        margin-right: .6rem;
    }

    .page-header-dropdown > ul > li:last-child {
        margin-right: 0;
    }

    .page-header-dropdown > ul > li > a {
        border-radius: .4rem;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.2);
        line-height: 3.6rem;
        white-space: nowrap;
        background: rgba(255,255,255,.2);
        display: block;
        text-align: center;
    }

        .page-header-dropdown > ul > li > a:focus, .page-header-dropdown > ul > li > a:hover {
            box-shadow: none;
            background: rgba(0,0,0,.125);
        }

    .page-header-dropdown > ul > li:not(.dropdown-trigger) a {
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        width: 3.6rem;
    }

    .page-header-dropdown .dropdown-trigger {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        position: relative;
    }

        .page-header-dropdown .dropdown-trigger > a {
            padding-left: 4.8rem;
            padding-right: .5rem;
            position: relative;
            z-index: 1;
        }

            .page-header-dropdown .dropdown-trigger > a:before {
                -webkit-order: 3;
                -ms-order: 3;
                order: 3;
                margin: 0 1.2rem 0 2.4rem;
            }

            /*.page-header-dropdown .dropdown-trigger a i {*/
            /*    !*-webkit-order: 3;*!*/
            /*    !*-ms-order: 3;*!*/
            /*    !*order: 3;*!*/
            /*    margin: 0 1.2rem 0 2.4rem;*/
            /*}*/

.page-header-dropdown.sdk {
    display: flex;
    gap: .6rem;
    align-items: baseline;
}

#SDKMainMenuActionButtons:empty {
    display: none;
}

.page-header-dropdown .page-user-icon i {
    line-height: 1;
}

.page-header-dropdown .marketplace-button {
    position: relative;
}

.page-header-dropdown .marketplace-button .addon-upgrade-count-node {
    background: var(--hx-bg-error-solid, red);
    position: absolute; 
    top: -5px; 
    right: -13%; 
    border-radius: 36px; 
    color: white;
}

.page-header-dropdown .marketplace-button .addon-upgrade-count-node .upgrade-count {
    padding: 0 8px 0 8px; 
    font-size: 11px;
}


@media screen and (max-width:39em) {
    .page-header-dropdown .dropdown-trigger > a:before {
        margin-left: 0;
    }
}

.page-header-dropdown .dropdown-trigger .user-name .fa-user,
.page-header-dropdown .dropdown-trigger .activeGroupLogoOuter {
    border-radius: .4rem 0 0 .4rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    z-index: -1;
    padding-top: 1.3rem;
    width: 3.6rem;
    height: 3.6rem;
}
.page-header-dropdown .dropdown-trigger .activeGroupLogoOuter {
    padding-top: unset;
    overflow: hidden;
    display: flex;
}
.page-header-dropdown .dropdown-trigger img.activeGroupLogo {
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    display:inline-block;
        margin: auto!important;
   
}

.page-header-dropdown .dropdown-trigger .activeGroupLogoOuter i {
    margin-top: 13px;
    margin-left: 15px;
}

.page-header-dropdown .dropdown-trigger .currentActiveGroupName {
    max-width: 220px;
    min-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 63.9375em) {
    .page-header-dropdown .dropdown-trigger .currentActiveGroupName {
        max-width: 50px;
        min-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


.page-header-dropdown .dropdown-trigger:focus ul, .page-header-dropdown .dropdown-trigger:hover ul {
    visibility: visible;
    opacity: 1;
}

.page-header-dropdown .nav-dropdown {
    transition: .15s ease-out;
    border-radius: .4rem;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid rgba(0,0,0,.125);
    background: var(--hx-bg-primary, #fff);
    position: absolute;
    top: 100%;
    left: 0;
    font-weight: 700;
    min-width: 100%;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    margin-top: 1.2rem;
}

    .page-header-dropdown .nav-dropdown:before {
        content: '';
        position: absolute;
        bottom: 100%;
        width: 100%;
        left: 0;
        height: 1.2rem;
        background: rgba(0,0,0,0);
    }

@media screen and (min-width:64em) {
    .page-header-dropdown .nav-dropdown:after {
        content: '';
        position: absolute;
        right: 1.2rem;
        bottom: 100%;
        width: 0;
        height: 0;
        border: .6rem solid transparent;
        border-bottom-color: #fff;
        margin-bottom: -1px;
    }
}

.page-header-dropdown .nav-dropdown a {
    display: block;
    padding: .6rem 1.2rem;
    color: var(--hx-text-secondary, #141414);
    white-space: nowrap;
}

    .page-header-dropdown .nav-dropdown a:focus, .page-header-dropdown .nav-dropdown a:hover {
        background: var(--hx-bg-secondary, #f7f9fa);
        color: var(--hx-text-secondary, #141414);
    }
    
.page-header-dropdown .nav-dropdown li.label {
    display: block;
    padding: .6rem 1.2rem;
    color: var(--hx-text-secondary, #141414);
    white-space: nowrap;
    font-weight:normal;
    cursor:default;
}
    
    
.page-header-dropdown .nav-dropdown li:first-child a {
    border-radius: .4rem .4rem 0 0;
}

.page-header-dropdown .nav-dropdown li:last-child a {
    border-radius: 0 0 .4rem .4rem;
}

.page-header-dropdown .nav-dropdown li:only-child a {
    border-radius: .4rem;
}

.page-header-dropdown .nav-dropdown .active a:before {
    content: '';
    border-radius: 50%;
    background: var(--hx-fg-success, #5ac73c);
    width: 6px;
    height: 6px;
    display: block;
    margin: 5px 6px 0 0;
    float: left;
}

.page-header-dropdown .user-name {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    max-width: 20rem;
}

@media screen and (max-width:39em) {
    .page-header-dropdown .user-name {
        font-size: 0;
    }
}

.page-header-dropdown .avatar {
    border-radius: .4rem 0 0 .4rem;
    border: 1px solid var(--hx-fg-brand-secondary, #419697);
    border-right: 0;
    overflow:hidden;
    width: 3.6rem;
    height: 100%;
    position: absolute;
    background: center no-repeat;
    background-color: var(--hx-bg-primary, #fff);
    background-size: cover;
    top: 0;
    left: 0;
    z-index: 0;
}

.page-header-dropdown .split {
    border-top: 1px solid rgba(0,0,0,.125);
}

    .page-header-dropdown .split a:before {
        margin-right: .6rem;
        color: var(--hx-fg-error, #e7233b);
        float: left;
        position: relative;
        top: -1px;
    }

.page-header-dropdown [data-new] {
    position: relative;
}

.page-nav-top {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: .6rem 0;
    font-size: 1.2rem;
    padding-left: 1.2rem;
}

    .page-nav-top ul {
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

    .page-nav-top a {
        border-radius: .4rem;
        line-height: 3.6rem;
        display: inline-block;
        padding: 0 1.2rem;
        overflow: hidden;
    }

        .page-nav-top a:focus, .page-nav-top a:hover, .page-nav-top a.active {
            background: rgba(0,0,0,.125);
        }

        .page-header-dropdown a:hover,
        .page-nav-top a:focus, 
        .page-nav-top a:hover, 
        .page-nav-top a.active {
            color: var(--hx-fg-white, #fff);
        }

.page-nav-main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    z-index: 1;
    height: 88px;
}

@media screen and (max-width:63.9375em) {
    .page-nav-main {
        padding-right: 24rem;
    }
}
    .page-nav-main a {
        display: inline-block;
    }

    .page-nav-main:after, 
    .page-nav-main:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .page-nav-main:before {
        background: var(--hx-surface-brand-tertiary, #073b53);
        height: 44px;
    }

    .page-nav-main:after {
        background: var(--hx-bg-secondary, #f7f9fa);
        height: 44px;
        bottom: 0;
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

.nav-main-level {
    position: relative;
}

    .nav-main-level a {
        --nav-main-level__height: 30px;
        white-space: nowrap;
        line-height: var(--nav-main-level__height);
        height: var(--nav-main-level__height);
        padding: 0 1.8rem;
    }

    .nav-main-level > li:not(:last-child) {
        margin-right: .6rem;
    }

    .nav-main-level > li > a {
        border-radius: .4rem;
        margin: 7px 0;
        color: var(--hx-fg-white, #fff);
    }

    .nav-main-level > li.active > a {
        border-radius: .4rem .4rem 0 0;
        box-shadow: 0 .8rem 0 0 var(--hx-bg-secondary, #f7f9fa);
        background: var(--hx-bg-secondary, #f7f9fa);
        color: var(--hx-text-primary, #0d0d0d);
    }

    .nav-main-level > li.active .nav-sub-level {
        opacity: 1;
        visibility: visible;
    }

    .nav-main-level > li:focus:not(.active) > a, .nav-main-level > li:hover:not(.active) > a {
        background: rgba(255,255,255,.125);
    }

.nav-sub-level {
    transition: .15s ease-out;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    font-size: 1.2rem;
}

@media screen and (min-width: 63.9375em) {
    .nav-main-level .nav-sub-level {
        height: 4.2rem;
    }

    .nav-main-level .nav-sub-level li, .nav-main-level .nav-sub-level > li > a {
        height: 100%;
    }
}

@media screen and (max-width:63.9375em) {
    .page-nav-main {
        padding-right: 24rem;
    }

    .nav-sub-level {
        width: calc(100% + 24rem);
    }
}

@media screen and (max-width:68.75em) {
    .nav-sub-level {
        font-size: 1.1rem;
    }
}

.nav-sub-level > li > a {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    color: var(--hx-text-secondary, #141414);
    line-height: 1.4;
    position: relative;
    padding: 0 1.2rem;
    white-space: normal;
    text-align: center;
}

    .nav-sub-level > li > a:focus, .nav-sub-level > li > a:hover {
        color: var(--hx-text-primary, #141414);
    }

.nav-sub-level .active a:before {
    content: '';
    position: absolute;
    left: 1.2rem;
    right: 1.2rem;
    bottom: 0;
    display: block;
    background: var(--hx-fg-brand-secondary, #00ABAB);
    height: 2px;
}

.page-search {
    width: 24rem;
    margin: .6rem 0;
    height: 3.6rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    background: var(--hx-text-primary, #073b53);
}

    .page-search input {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.125);
        background: rgba(255,255,255,.075);
        margin: 0;
        padding-right: 4.8rem;
        color: #fff;
        height: 3.6rem;
    }

        .page-search input::-webkit-input-placeholder {
            color: rgba(255,255,255,.75);
        }

        .page-search input::-moz-placeholder {
            color: rgba(255,255,255,.75);
        }

        .page-search input:-moz-placeholder {
            color: rgba(255,255,255,.75);
        }

    .page-search button {
        padding: 0;
        width: 3.6rem;
        height: 3.6rem;
        position: absolute;
        top: 0;
        right: 0;
        background: 0 0;
        color: #fff;
        opacity: .5;
    }

        .page-search button:focus, .page-search button:hover {
            opacity: 1;
        }

.search-trigger {
    display: none;
}

@media screen and (max-width:63.9375em) {
    body {
        padding-top: 47px;
    }

    .page-hamburger {
        display: block;
    }

    .page-nav-top button {
        margin-left:10px;
        margin-bottom:5px;
    }

     #primaryGroupIDSelector {
        display:list-item!important;
    }

    .page-header {
        -webkit-transform: translateX(-26.4rem);
        transform: translateX(-26.4rem);
        width: 26.4rem;
        height: 100vh;
        background: #073b53!important;
        position: fixed;
        z-index: 100;
    }

        .page-header:before {
            content: '';
            position: absolute;
            left: 100%;
            width: 100vw;
            height: 4.8rem;
            background: var(--hx-surface-brand-secondary, #00ABAB);
        }

        .page-header > .inner {
            overflow-x: hidden;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            min-height: 100vh;
            display: block;
        }

    .page-nav-top {
        margin: 1.2rem -1.2rem;
        padding: 0;
    }

        .page-nav-top a {
            display: block;
        }

    .page-user {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        display: block;
        position: fixed;
        left: calc(100% + 100vw - 3rem);
        top: 0;
        white-space: nowrap;
    }

    .page-logo {
        position: fixed;
        top: .6rem;
        left: calc(100% + 6rem);
        margin: 0;
        overflow: hidden;
    }

    .nav-main-level, .nav-sub-level, .page-nav-top ul {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-header-top {
        -webkit-order: 3;
        -ms-order: 3;
        order: 3;
        flex-flow: column;
    }

    .page-header-dropdown > ul {
        flex-flow: wrap;
    }

    .page-header-dropdown:last-child > ul .dropdown-trigger {
        flex-basis: 100%;
        order: 2;
        margin-top: 20px;
    }

    .page-header-dropdown {
        margin: 0;
        margin-bottom: 20px;
    }

    .page-header-bottom {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .page-nav-main {
        padding-right: 0;
        height: auto;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }

        .page-nav-main:after, .page-nav-main:before {
            display: none;
        }

        .page-nav-main a {
            padding-left: 2.4rem;
            padding-right: 2.4rem;
        }

    .nav-main-level {
        float: none;
        font-size: 1.3rem;
    }

        .nav-main-level a {
            height: auto;
        }

        .nav-main-level > li {
            border-bottom: 1px solid rgba(255,255,255,.125);
            margin-right: 0!important;
        }

            .nav-main-level > li:first-child {
                border-top: 1px solid rgba(255,255,255,.125);
            }

            .nav-main-level > li > a {
                border-radius: 0;
                margin: 0;
                display: block;
            }

            .nav-main-level > li.has-subnav > a {
                padding-right: 4.8rem;
                position: relative;
            }

                .nav-main-level > li.has-subnav > a:before {
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                    content: 'B';
                    font-family: elab-app;
                    width: 2.4rem;
                    text-align: right;
                    position: absolute;
                    top: 50%;
                    right: 2.4rem;
                    color: #00ABAB;
                }

            .nav-main-level > li.active.has-subnav > a:before {
                content: 'z';
            }

            .nav-main-level > li.active > a {
                box-shadow: none;
                background: 0 0;
                color: #fff;
            }

            .nav-main-level > li.active .nav-sub-level {
                padding-top: .6rem;
                padding-bottom: .6rem;
                border-top: 1px solid rgba(255,255,255,.125);
            }

                .nav-main-level > li.active .nav-sub-level > li > a {
                    line-height: 3.6rem;
                    opacity: 1;
                }

    .nav-sub-level {
        position: static;
        opacity: 1;
        visibility: visible;
        font-weight: 400;
        font-size: 1.2rem;
        padding: 0 2.4rem;
        width: 100%;
    }

        .nav-sub-level > li > a {
            border-radius: .4rem;
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
            line-height: .001rem;
            display: block;
            color: #fff;
            padding: 0 1.2rem;
            opacity: 0;
            text-align: left;
        }

            .nav-sub-level > li > a:focus, .nav-sub-level > li > a:hover {
                background: rgba(0,0,0,.125);
                color: #fff;
            }

        .nav-sub-level .active a {
            font-weight: 700;
        }

            .nav-sub-level .active a:before {
                display: none;
            }

    .page-search {
        -webkit-order: -1;
        -ms-order: -1;
        order: -1;
        width: auto;
        position: relative;
        margin-left: -1.8rem;
        margin-right: -1.8rem;
    }

    .mobile-nav-open .mobile-overlay {
        display: block;
    }

    .mobile-nav-open .page-header {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

        .mobile-nav-open .page-header ~ #content, .mobile-nav-open .page-header ~ .page-footer {
            -webkit-transform: translateX(26.4rem);
            transform: translateX(26.4rem);
        }
}

.elj-tooltip-wrapper {
    border-radius: .4rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.125);
    -webkit-transform: translate(-50%,-100%);
    transform: translate(-50%,-100%);
    width: 100%;
    max-width: 29.6rem;
    position: absolute;
    background: #fff;
    border: 1px solid rgba(0,0,0,.125);
    top: 0;
    left: 0;
    display: none;
    z-index: 200;
}

    .elj-tooltip-wrapper:before {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        border: .6rem solid transparent;
        border-top-color: #fff;
        border-bottom: 0;
        position: absolute;
        top: 100%;
        left: 50%;
    }

    .elj-tooltip-wrapper.show-tooltip {
        display: block;
    }

    .elj-tooltip-wrapper #btnClearSearch, .elj-tooltip-wrapper .btn, .elj-tooltip-wrapper .btn-grey, .elj-tooltip-wrapper .button, .elj-tooltip-wrapper .button_off, .elj-tooltip-wrapper .cancel, .elj-tooltip-wrapper .elj-btn, .elj-tooltip-wrapper .save {
        padding: .6rem 1.2rem;
        margin-bottom: 0;
    }

    .elj-tooltip-wrapper .elj-btn-icon {
        width: 3.6rem;
        height: 3.6rem;
    }

    .elj-tooltip-wrapper .actionbuttons, .elj-tooltip-wrapper .elj-buttons-wrapper,
    .elj-tooltip-wrapper .popupWindow .actionbuttons,
    .ui-dialog .ui-dialog-buttonpane {
        padding: 1.2rem;
    }

.elj-tooltip-header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    padding: 1.2rem 1.2rem 0;
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
}

    .elj-tooltip-header label {
        line-height: 3.6rem;
        white-space: nowrap;
    }

    .elj-tooltip-header input {
        text-align: center;
        width: 4.8rem;
    }

    .elj-tooltip-header > * {
        padding-left: .6rem;
        padding-right: .6rem;
    }

    .elj-tooltip-header > :first-child {
        padding-left: 0;
    }

    .elj-tooltip-header > :last-child {
        padding-right: 0;
    }

[data-title] {
    position: relative;
}

    [data-title]:before {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        position: absolute;
        left: 50%;
        border: .4rem solid transparent;
        border-top-color: #073b53;
        border-bottom: 0;
        bottom: 100%;
        margin-bottom: .2rem;
        display: none;
        z-index: 100;
        width: 0;
        height: 0;
    }

    [data-title]:after {
        border-radius: .4rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: attr(data-title);
        white-space: nowrap;
        background: #073b53;
        color: #fff;
        font-size: 1.2rem;
        padding: .3rem .6rem;
        position: absolute;
        left: 50%;
        bottom: 100%;
        margin-bottom: .6rem;
        display: none;
        z-index: 100;
    }

 /*
Scoped on sample type fields in sample edit/add page
preventing the hover to fall of the page
 */
.sampleFieldExclamation[data-title]:before,
.sampleFieldExclamation[data-title]:after {
    -webkit-transform: translateX(-15%);
    transform: translateX(-15%);
}

    [data-title]:hover:after, [data-title]:hover:before {
        display: block;
    }

    #_sectionContextMenu:before {
       content: "";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 8px solid var(--hx-bg-primary, white);
    position: absolute;
    right: 9px;
    top: 19px;
    z-index: 99999;
    }


#_sectionContextMenu ul, .elj-dropdown {
    border-radius: .4rem;
    box-shadow: 0px 7px 20px -10px rgba(0,0,0,.3);
    background: var(--hx-bg-primary, #fff);
    width: 22rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    color: var(--hx-text-secondary, #576f7b);
}

    #_sectionContextMenu ul li, .elj-dropdown li {
        padding: .8rem;
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

    #_sectionContextMenu ul a, .elj-dropdown a {
        display: block;
        color: var(--hx-text-secondary, #576f7b);
        padding: .8rem;
        margin: -.8rem;
    }

        #_sectionContextMenu ul a:focus, #_sectionContextMenu ul a:hover, .elj-dropdown a:focus, .elj-dropdown a:hover {
            text-decoration: underline;
        }

        #_sectionContextMenu ul a[data-icon], .elj-dropdown a[data-icon] {
            padding-left: 3.6rem;
        }

        #_sectionContextMenu ul a:before, .elj-dropdown a:before {
            -webkit-transform: translate3d(0,-50%,0);
            transform: translate3d(0,-50%,0);
            position: absolute;
            top: 50%;
            left: .8rem;
        }

    #_sectionContextMenu ul li:last-child a, .elj-dropdown li:last-child a {
        border-bottom: 0;
    }

    #_sectionContextMenu ul li:hover {
        background-color: var(--hx-bg-secondary, #e9eaec);
    }

.stepContents table {
    box-sizing: border-box;
    border-collapse: separate;
}

#sampleTable table, #experimentAssigneesTable, #studyCollaboratorTable, #table_sample, .experimentBrowserPanel :not(.pageSectionContents):not(.cke_editable) > table, :not(.pageSectionContents) > table#grid, :not(.pageSectionContents) > table.grid, :not(.pageSectionContents) > table.gridsmall, :not(.pageSectionContents) > table.onePxBorderTable {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    /*margin-bottom: 2.4rem;*/
    /*border: 1px solid var(--hx-border-secondary, #dfe3e5);*/
}

#sampleTable #sampleTableContainer {
    overflow-x: auto;
}

#sampleTable #sampleTableContainer,
#seriesSampleTable table {
    margin-bottom: 2.4rem;
}

#seriesSampleTable #pager li:first-child {
    align-self: center;
    margin-right: 10px;
}
#seriesSampleTable #pager .right {
    margin-left: 10px;
}

    #sampleTable table a, #studyCollaboratorTable a, #table_sample a, .fileTable a, .stepContents table a, table#grid a, table.grid a, table.gridsmall a, table.onePxBorderTable a {
        white-space: nowrap;
    }

    #sampleTable table .sortableColumn, #studyCollaboratorTable .sortableColumn, #table_sample .sortableColumn, .fileTable .sortableColumn, .stepContents table .sortableColumn, table#grid .sortableColumn, table.grid .sortableColumn, table.gridsmall .sortableColumn, table.onePxBorderTable .sortableColumn {
        cursor: pointer;
    }

    #experimentAssigneesTable tr:nth-of-type(even) td:not([style]), #studyCollaboratorTable tr:nth-of-type(even) td:not([style]), #table_sample tr:nth-of-type(even) td:not([style]), .fileTable tr:nth-of-type(even) td:not([style]), .stepContents table tr:nth-of-type(even) td:not([style]), table#grid tr:nth-of-type(even) td:not([style]), table.gridsmall tr:nth-of-type(even) td:not([style]), table.onePxBorderTable tr:nth-of-type(even) td:not([style]) {
        background-color: var(--hx-bg-secondary, #f7f9fa);
    }

    table.grid tr:nth-of-type(even){
        background-color: var(--hx-bg-secondary, #f7f9fa);
    }

    #sampleTable table td, #sampleTable table th, #studyCollaboratorTable td, #studyCollaboratorTable th, #table_sample td, #table_sample th, .fileTable td, .fileTable th, .stepContents table td, .stepContents table th, .table-header, table#grid td, table#grid th, table.grid td, table.grid th, table.gridsmall td, table.gridsmall th, table.onePxBorderTable td, table.onePxBorderTable th {
        padding: 1rem .6rem;
        margin-bottom: 1rem;
    }

    th[data-columnname="due"] {
        min-width: 110px;
    }
    th[data-columnname="signature"] {
        min-width: 90px;
    }

    #sampleTable table th, #studyCollaboratorTable th, #table_sample th, .fileTable th, .stepContents table th, .table-header, table#grid th, table.grid th, table.gridsmall th, table.onePxBorderTable th {
        /*background: #f7f9fa;*/
        border-bottom: 1px solid var(--hx-component-table-border-default, #dfe3e5);
        white-space: nowrap;
        text-align: left;
        /*vertical-align: bottom;*/
    }

        #sampleTable table th i, 
        #sampleTable table th img, 
        #studyCollaboratorTable th i, 
        #studyCollaboratorTable th img, 
        #table_sample th i, 
        #table_sample th img, 
        .fileTable th i, 
        .fileTable th img, 
        .stepContents table th i, 
        .stepContents table th img, 
        table#grid th i, 
        table#grid th img, 
        table.grid th i, 
        table.grid th img, 
        table.gridsmall th i, 
        table.gridsmall th img, 
        table.onePxBorderTable th i, 
        table.onePxBorderTable th img, 
        .sortableColumn i {
            display: inline-block;
            margin-right: .6rem;
        }

    #sampleTable table img[src*=icon], #sampleTable table span i, #studyCollaboratorTable img[src*=icon], #studyCollaboratorTable span i, #table_sample img[src*=icon], #table_sample span i, .fileTable img[src*=icon], .fileTable span i, .stepContents table img[src*=icon], .stepContents table span i, table#grid img[src*=icon], table#grid span i, table.grid img[src*=icon], table.grid span i, table.gridsmall img[src*=icon], table.gridsmall span i, table.onePxBorderTable img[src*=icon], table.onePxBorderTable span i {
        margin-right: .6rem;
        max-width: none;
    }

    #sampleTable table td, #studyCollaboratorTable td, #table_sample td, .fileTable td, .stepContents table td, table#grid td, table.grid td, table.gridsmall td, table.onePxBorderTable td {
        vertical-align: middle;
    }

    #equipmentSpecificationTable.grid td, #sampleTypeSpecificationTable.sampleGrid td {
    vertical-align: top !important;
    }


table#bulkSampleTable tbody tr:hover:before,
#sampleTable table tr:hover td:not([style]),
#studyCollaboratorTable tr:hover td:not([style]),
#table_sample tr:hover td:not([data-type="sampleID"]),
.fileTable tr:hover td:not([style]),
.stepContents table tr:hover td:not([style]),
table#grid tr:hover td:not([style]),
table.grid:not(.sampleGrid):not(.noHighlightRows) tr:hover td:not([style]),
table.grid:not(.sampleGrid):not(.noHighlightRows) tr:hover td[data-type="elab_name"],
table.gridsmall:not(.sampleGridSmall):not(.noHighlightRows) tr:hover td,
table.onePxBorderTable tr:hover td:not([style]) {
    background-color: var(--hx-bg-brand_hover, rgba(0,161,162,.1)) !important;
}

    table.gridsmall tr:hover td.header:not([style]),
    table.grid tr:hover td.header:not([style]),
    table.gridsmall tr:hover td.sampleInfoHeader:not([style]){
        background-color: #bacbd4 !important;
    }

    #sampleTable table .elj-table-image, #studyCollaboratorTable .elj-table-image, #table_sample .elj-table-image, .fileTable .elj-table-image, .stepContents table .elj-table-image, table#grid .elj-table-image, table.grid .elj-table-image, table.gridsmall .elj-table-image, table.onePxBorderTable .elj-table-image {
        margin-right: 1.2rem;
        float: left;
    }

        #sampleTable table .elj-table-image img, #studyCollaboratorTable .elj-table-image img, #table_sample .elj-table-image img, .fileTable .elj-table-image img, .stepContents table .elj-table-image img, table#grid .elj-table-image img, table.grid .elj-table-image img, table.gridsmall .elj-table-image img, table.onePxBorderTable .elj-table-image img {
            width: auto;
            max-height: 4.8rem;
        }

    #sampleTable table .sharebutton, #studyCollaboratorTable .sharebutton, #table_sample .sharebutton, .fileTable .sharebutton, .stepContents table .sharebutton, table#grid .sharebutton, table.gridsmall .sharebutton, table.onePxBorderTable .sharebutton {
        float: left;
        margin-right: .6rem;
    }

    table.grid .sharebutton {
        margin-right: .6rem;
    }


    #sampleTable table img, #studyCollaboratorTable img, #table_sample img, .fileTable img, .stepContents table img, table#grid img, table.grid img, table.gridsmall img, table.onePxBorderTable img {
        display: inline-block;
    }

    #sampleTable table h3, #studyCollaboratorTable h3, #table_sample h3, .fileTable h3, .stepContents table h3, table#grid .pageSection .sectionName, table#grid h3, table.grid .pageSection .sectionName, table.grid h3, table.gridsmall .pageSection .sectionName, table.gridsmall h3, table.onePxBorderTable h3 {
        margin: 0;
    }

    #experimentAssigneesTable td, #sampleTable table td, #studyCollaboratorTable td, #table_sample td, .fileTable td, .stepContents table td, table.gridsmall td, table.onePxBorderTable td {
        padding-top: .6rem;
        padding-bottom: .6rem;
    }

    .experimentBrowserPanel table a {
        white-space: normal;
    }

table.gridicons tr td:last-child i {
    transition: .15s ease-out;
    cursor: pointer;
}

.table-heading-actions {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background: #073b53;
    color: #fff;
    padding: 1.2rem 1.2rem 0;
    margin: 0;
    clear: both;
}

    .table-heading-actions > * {
        margin-bottom: 1.2rem;
    }

        .table-heading-actions > * .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .table-heading-actions > * .elj-form-item-select {
            margin-bottom: 0!important;
        }

    .table-heading-actions > :not(:last-child) {
        margin-right: 1.2rem;
    }

    .table-heading-actions p {
        white-space: nowrap;
    }

    .table-heading-actions a:not(.elj-btn):not(.btn) {
        color: #fff;
        margin-bottom: 1.2rem;
        display: inline-block;
    }

        .table-heading-actions a:not(.elj-btn):not(.btn):focus, .table-heading-actions a:not(.elj-btn):not(.btn):hover {
            text-decoration: underline;
        }

    .table-heading-actions .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .table-heading-actions .elj-form-item-select, .table-heading-actions .ui-dropdownchecklist, .table-heading-actions input:not([type=submit]) {
        box-shadow: inset 0 0 0 1px rgba(255,255,255,.125);
        background: rgba(255,255,255,.0625)!important;
        height: 3.6rem;
        margin-bottom: 1.2rem;
        max-width: 30rem;
        color: #fff;
    }

        .table-heading-actions .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .table-heading-actions .elj-form-item-select select {
            height: 3.6rem;
        }

        .table-heading-actions .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:before, .table-heading-actions .elj-form-item-select:before {
            opacity: .5;
            color: #fff;
        }

    .table-heading-actions #btnClearSearch, .table-heading-actions .btn, .table-heading-actions .btn-grey, .table-heading-actions .button, .table-heading-actions .button_off, .table-heading-actions .cancel, .table-heading-actions .elj-btn, .table-heading-actions .save {
        margin-left: 1.2rem;
        margin-bottom: 1.2rem;
        height: 3.6rem;
        line-height: 1;
    }

    .table-heading-actions.align-right {
        padding-right: 0;
        margin-right: 0;
        float: none;
        width: auto;
    }

        .table-heading-actions.align-right #btnClearSearch, .table-heading-actions.align-right .btn, .table-heading-actions.align-right .btn-grey, .table-heading-actions.align-right .button, .table-heading-actions.align-right .button_off, .table-heading-actions.align-right .cancel, .table-heading-actions.align-right .elj-btn, .table-heading-actions.align-right .save {
            -webkit-order: 1;
            -ms-order: 1;
            order: 1;
            margin-right: 0;
        }

.elj-responsive-table-wrapper {
    max-width: 100%;
    margin-bottom: 2.4rem;
    /*border: 1px solid var(--hx-border-secondary, #dfe3e5);*/
}

    .elj-responsive-table-wrapper #sampleTable table, .elj-responsive-table-wrapper #studyCollaboratorTable, .elj-responsive-table-wrapper #table_sample, .elj-responsive-table-wrapper .fileTable, .elj-responsive-table-wrapper .stepContents table, .elj-responsive-table-wrapper table#grid, .elj-responsive-table-wrapper table.gridsmall, .elj-responsive-table-wrapper table.onePxBorderTable {
        margin-bottom: 0;
        border: 0;
    }

    .elj-responsive-table-wrapper.make-me-responsive .table-scroller {
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .elj-responsive-table-wrapper.make-me-responsive:before {
        animation: buzzyText 1s linear 2;
        content: '‹ ' attr(data-message) ' ›';
        display: block;
        font-weight: 700;
        color: #8498a2;
        font-style: italic;
        margin-bottom: 1.2rem;
        text-align: center;
    }

@-webkit-keyframes buzzyText {
    0% {
        -webkit-transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(1.2rem);
    }

    50% {
        -webkit-transform: translateX(0);
    }

    75% {
        -webkit-transform: translateX(-1.2rem);
    }

    100% {
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes buzzyText {
    0% {
        -moz-transform: translateX(0);
    }

    25% {
        -moz-transform: translateX(1.2rem);
    }

    50% {
        -moz-transform: translateX(0);
    }

    75% {
        -moz-transform: translateX(-1.2rem);
    }

    100% {
        -moz-transform: translateX(0);
    }
}

@keyframes buzzyText {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(1.2rem);
    }

    50% {
        transform: translateX(0);
    }

    75% {
        transform: translateX(-1.2rem);
    }

    100% {
        transform: translateX(0);
    }
}

.table-header {
    border: 1px solid var(--hx-component-table-border-default, #dfe3e5);
    border-bottom: 0;
}

    .table-header.table-header-margin {
        margin: 0 0 2.4rem;
        border-bottom: 1px solid var(--hx-component-table-border-default, #dfe3e5);
    }

#charactermap {
    width: 100%;
    margin: 0 0 2.4rem;
    border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-left: 1px solid var(--hx-border-secondary, #dfe3e5);
    text-align: center;
    font-size: 1.56rem;
}

    #charactermap td {
        transition: .15s ease-out;
        border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: .6rem;
        cursor: pointer;
    }

        #charactermap td:hover {
            background: #f7f9fa;
        }
        
   
button, input, select, textarea {
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1.3rem;
    border: 0;
}

    input[type="button"] {
        -webkit-appearance: none;
    }

    button:focus, input:focus, select:focus, textarea:focus {
        outline: 0;
    }

    .elj-form-item-select {
        width: fit-content !important;
        width: -moz-fit-content !important;
        max-width:100%;
        padding-right:25px;
    }

    .elj-form-item-select>select {
        width: fit-content !important;
        width: -moz-fit-content !important;
        padding-right: 36px !important;
        max-width:100%;
        padding-right:25px;
    }

    .elj-form-item-select .chosen-container a{
        background-color: inherit;
        height: 3.4rem;
    }
    .elj-form-item-select .chosen-container a div {
        display: none;
    }

    .elj-form-item-select .chosen-container-single .chosen-single span {
        line-height: 3.4rem;
    }

    .elj-form-item-select.fixed-width,
    .style-select.fixed-width {
        width: 220px!important;
    }
    
    .elj-form-item-select.fixed-width > select,
    .style-select.fixed-width > select {
        width: 100%!important;
    }

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-form-item-select, .style-select, .ui-dropdownchecklist, [type=email], [type=number], [type=password], [type=search], [type=text], [type=textarea], select[multiple], textarea, .form-control select, .form-control input {
        /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.125),0 2px 0 0 rgba(0,0,0,.025);*/
        /*box-shadow: inset 0 0 0 1px rgba(0,0,0,.125);*/
        box-shadow: inset 0 0 0 1px var(--hx-component-input-border-default, rgba(118,118,117,.5));
        
        border-radius: .4rem;
        width: 100%;
        height: 3.4rem;
        padding: 0 1.2rem;
        line-height: 1;
        background: var(--hx-component-input-bg-default, #f7f9fa);
        color: var(--hx-text-primary, #000);
        margin-bottom: 1rem;
        /*max-width: 60rem;*/
    }

    input[type=number] {
        padding: 0 5px;
    }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:not([readonly]):hover, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):hover, .elj-form-item-select:not([readonly]):hover, .style-select:not([readonly]):hover, [type=email]:not([readonly]):hover, [type=number]:not([readonly]):hover, [type=password]:not([readonly]):hover, [type=search]:not([readonly]):hover, [type=text]:not([readonly]):hover, [type=textarea]:not([readonly]):hover, select[multiple]:not([readonly]):hover, textarea:not([readonly]):hover {
            box-shadow: inset 0 0 0 1px #8498a2;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:not([readonly]):focus, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:not([readonly]):focus, .elj-form-item-select:not([readonly]):focus, .style-select:not([readonly]):focus, [type=email]:not([readonly]):focus, [type=number]:not([readonly]):focus, [type=password]:not([readonly]):focus, [type=search]:not([readonly]):focus, [type=text]:not([readonly]):focus, [type=textarea]:not([readonly]):focus, select[multiple]:not([readonly]):focus, textarea:not([readonly]):focus {
            box-shadow: inset 0 0 0 1px #576f7b;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-webkit-input-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-webkit-input-placeholder, .elj-form-item-select::-webkit-input-placeholder, .style-select::-webkit-input-placeholder, [type=email]::-webkit-input-placeholder, [type=number]::-webkit-input-placeholder, [type=password]::-webkit-input-placeholder, [type=search]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, [type=textarea]::-webkit-input-placeholder, select[multiple]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
            color: #8498a2;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-moz-placeholder, .elj-form-item-select::-moz-placeholder, .style-select::-moz-placeholder, [type=email]::-moz-placeholder, [type=number]::-moz-placeholder, [type=password]::-moz-placeholder, [type=search]::-moz-placeholder, [type=text]::-moz-placeholder, [type=textarea]::-moz-placeholder, select[multiple]::-moz-placeholder, textarea::-moz-placeholder {
            color: #8498a2;
        }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]:-moz-placeholder, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]:-moz-placeholder, .elj-form-item-select:-moz-placeholder, .style-select:-moz-placeholder, [type=email]:-moz-placeholder, [type=number]:-moz-placeholder, [type=password]:-moz-placeholder, [type=search]:-moz-placeholder, [type=text]:-moz-placeholder, [type=textarea]:-moz-placeholder, select[multiple]:-moz-placeholder, textarea:-moz-placeholder {
            color: #8498a2;
        }

td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], td .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], td .elj-form-item-select, td .form-control select, td .form-control input, td .style-select, td [type=email], td [type=number], td [type=password], td [type=search], td [type=text], td [type=textarea], td select[multiple], td textarea {
    margin-bottom: 0;
}


#zplEntry .elj-form-item-select, #zplEntry [type=text],
#zplPreviewForm .elj-form-item-select, #zplPreviewForm [type=text]{
    margin-bottom:1rem!important;
}

@media screen and (max-width:63.9375em) {
    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text], .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea], .elj-form-item-select, .style-select, .ui-dropdownchecklist, [type=email], [type=number], [type=password], [type=search], [type=text], [type=textarea], select[multiple], textarea {
        height: 3.6rem;
    }
}

select[multiple] {
    padding-top: .6rem;
    padding-bottom: .6rem;
}

.input-white {
    background-color: var(--hx-component-input-bg-default, #fff);
}

textarea {
    overflow: auto;
    resize: vertical;
    line-height: 1.4;
    padding: 1.2rem;
}

textarea.resizable {
    min-height: 12rem;
}

textarea:not(.resizable) {
    height: 12rem !important;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration {
    display: none;
}

input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-ms-clear, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-clear, input[type=text]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=email]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=number]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=password]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=search]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=text]::-ms-reveal, input.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper [type=textarea]::-ms-reveal, input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-form-item-select, .style-select, .ui-dropdownchecklist {
    padding: 0;
    position: relative;
    display: block;
}

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:before, .elj-form-item-select:before, .style-select:before, .elj-form-dropdown-checkbox .ui-dropdownchecklist:before {
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0);
        position: absolute;
        top: 50%;
        content: 'e';
        text-transform: none;
        font-family: elab-app;
        pointer-events: none;
        right: 1.2rem;
        color: #576f7b;
		z-index: 1;
    }

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .elj-form-item-select select, .style-select select, .form-control .ui-widget select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: .15s ease-out;
        background: 0 0 !important;
        width:100%;
        height: 3.4rem;
        padding: 0 1.2rem;
        line-height: 3.4rem;
        margin: 0;
        color: var(--hx-text-primary, black);
    }

        .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select::-ms-expand, .elj-form-item-select select::-ms-expand, .style-select select::-ms-expand {
            display: none;
        }

@media screen and (max-width:63.9375em) {
    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .elj-form-item-select select, .style-select select, .elj-form-item-select .chosen-container a {
        height: 3.6rem;
    }
}

.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select.focus, .elj-form-item-select.focus, .style-select.focus {
    box-shadow: inset 0 0 0 1px #576f7b;
}

    .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select.focus select, .elj-form-item-select.focus select, .style-select.focus select {
        color: #576f7b;
    }

.elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select:focus, .elj-form-item-select:focus, .style-select:focus {
    box-shadow: none;
}

select {
    font-family: FontAwesome,-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

    select[multiple] {
        height: 9.6rem;
    }

    select option,
    .ui-dropdownchecklist-text {
        color: var(--hx-text-secondary, #576f7b);
    }

        select option[disabled] {
            color: rgba(87,111,123,.4);
        }
    select optgroup {
        background-color: var(--hx-bg-primary);
    }

.addLine {
    margin-right: 5px;
}

.elj-checkbox, .elj-radio {
    display: none;
}

    .elj-checkbox + label, .elj-radio + label {
        position: relative;
        display: block;
        padding-left: 2.4rem;
        font-weight: 400;
    }

    tr .elj-checkbox + label {
        display: initial !important;
    }

        .elj-checkbox + label:after, .elj-checkbox + label:before, .elj-radio + label:after, .elj-radio + label:before {
            position: absolute;
            top: 2px;
            left: 0;
            width: 1.6rem;
            height: 1.6rem;
            line-height: 1.6rem;
        }

        .elj-checkbox + label:after, .elj-radio + label:after {
            transition: .15s ease-out;
            box-shadow: inset 0 2px 0 0 rgba(0,0,0,.025);
            content: '';
            background: var(--hx-component-checkbox-bg_default, #fff);
            border: 1px solid var(--hx-component-checkbox-border_default, #dfe3e5);
            display: block;
            border-radius: 3px;
        }

        .elj-checkbox + label:before, .elj-radio + label:before {
            content: 'k';
            font-family: elab-app;
            text-transform: none;
            color: var(--hx-component-checkbox-fg);
            background-color: var(--hx-component-checkbox-bg-selected);            
            display: none;
            z-index: 1;
            text-align: center;
            border-radius: 3px;
        }

        .elj-checkbox:disabled + label:before, .elj-radio:disabled + label:before {
            background-color: var(--hx-component-checkbox-bg-selected_disabled, #dfe3e5);
            cursor: not-allowed;
        }
        
        .elj-checkbox:disabled + label:after, .elj-radio:disabled + label:after {
            background-color: var(--hx-component-input-bg-disabled, #dfe3e5);
            cursor: not-allowed;
        }

        .elj-checkbox + label:hover, .elj-radio + label:hover {
            border-color: #8498a2;
        }

    .elj-checkbox:checked + label:before, .elj-radio:checked + label:before {
        display: block;
    }

    .elj-radio + label:after, .elj-radio + label:before {
        border-radius: 50%;
    }

    .elj-radio + label:before {
        -moz-transform: scale(.7);
        transform: scale(.7);
        content: '';
        background: #00ABAB;
    }

[type=submit], button {
    transition: .15s ease-out;
    border: 0;
    cursor: pointer;
}

.elj-form-label, label:not(.todo-list__label) {
    display: block;
    padding-bottom: .6rem;
    font-weight: 700;
    white-space: nowrap;
}

#Div2 label[for="expCopyAutoCollaborate"] {
    white-space: normal;
}

.elj-input-group {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.2rem;
}

    .elj-input-group > * {
        max-width: 20rem;
        margin-left: 1.2rem;
        margin-right: 1.2rem;
    }

.elj-form-table {
    width: 100%;
}

    .elj-form-table .style-select, .elj-form-table label {
        margin-bottom: 1.0rem;
    }

    .elj-form-table label {
        white-space: nowrap;
        margin-right: 2.4rem;
        line-height: 4.8rem;
    }

.form-field-calendar {
    position: relative;
}

    .form-field-calendar input:not(:first-of-type) {
        margin-left: 1.2rem;
    }

    .form-field-calendar .fa, .form-field-calendar > img {
        position: absolute;
        bottom: 1.2rem;
        right: 1.2rem;
        color: #576f7b;
    }

    .checkbox input + label {
        margin-left: .6rem;
    }

.checkbox label, .checkbox strong {
    display: inline-block;
}

.checkbox label {
    font-weight: 400;
}

.checkbox.checkbox-vertical:after {
    content: '';
    clear: both;
    display: table;
}

.checkbox.checkbox-vertical strong {
    display: block;
}

.checkbox.checkbox-vertical input {
    clear: left;
}

.checkbox.checkbox-vertical label {
    float: left;
}

.option br {
    display: none;
}

.formfield {
    position: relative;
    margin: 0 0 1.2rem;
}

#sampleform .formfield {
    margin: 0px !important;
}

#sampleform .formfield.elj-form-item-select {
    display: inline-block;
    margin-bottom: 1rem !important;
}

    #sampleform  .formfield.storageLocationData {
        margin: -30px 0 30px 0!important;
        width: 50%;
    }

.ui-dropdownchecklist {
    max-width: 30rem;
}

    .ui-dropdownchecklist .ui-dropdownchecklist-selector {
        height: 4.8rem;
        line-height: 4.8rem;
        border: 0;
        padding: 0;
        background: 0 0;
    }

    .ui-dropdownchecklist .ui-dropdownchecklist-text {
        padding: 0 1.2rem;
        font-size: 1.3rem;
    }

.table-heading-actions .ui-dropdownchecklist .ui-dropdownchecklist-selector {
    height: 3.6rem;
    line-height: 3.6rem;
}

.table-heading-actions .ui-dropdownchecklist .ui-dropdownchecklist-text {
    color: #8498a2;
}

.ui-dropdownchecklist-item {
    clear: left;
    min-height: 2rem;
    line-height: 2rem;
}

    .ui-dropdownchecklist-item input[type=checkbox] {
        float: left;
        margin: .3rem;
        height: 1.4rem;
        width: 1.4rem;
    }

    .ui-dropdownchecklist-item label {
        display: table;
        padding-bottom: 0;
    }

    .ui-dropdownchecklist-item.ui-state-hover {
        background-color: var(--hx-bg-primary_hover, #dfe3e5);
    }

._commentBlock {
    border-radius: .4rem;
    background-color:var(--hx-bg-secondary, #fffaed) !important;
    -webkit-transform: translate(2rem,-1.2rem);
    transform: translate(2rem,-1.2rem);
    background: var(--hx-bg-primary, #fff);
    width: 22rem;
    padding: 0.5rem 1.0rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5) !important;
    position: relative;
    z-index: 10000;
    text-align: left;
    color: var(--hx-text-primary, #576f7b);
    cursor:default;
}
/* ._commentBlock.hover {
    -webkit-transform: translate(-2.5rem,0);
    transform: translate(-2.5rem,0);
} */
    ._commentBlock.minimized {
        -webkit-transform: translate(-2.5rem,0);
        transform: translate(-2.5rem,0);
        border: 0 !important;
        padding: 0;
        height: 2.4rem;
        width: 2.4rem;
        color: #fff;
        cursor: pointer;
        z-index: 9999;
    }

        ._commentBlock.minimized ._commentAuthor {
            width: 2.4rem;
            margin: 0;
        }

            ._commentBlock.minimized ._commentAuthor span, ._commentBlock.minimized ._commentComment, ._commentBlock.minimized ._commentDate, ._commentBlock.minimized ._commentOverflowIndicator, ._commentBlock.minimized ._commentRemove, ._commentBlock.minimized ._commentOptions {
                display: none;
            }
    


    ._commentBlock ._commentOptions {
        position: absolute;
        right: 10px;
        top: 9px;
        background: white;
        border-radius: 50%;
        height: 20px;
        width: 20px;
        line-height: 20px;
        text-align: center;
        box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.4);
        transition: 250ms all;
    }

    ._commentBlock ._commentOptions:hover {
        cursor: pointer;
    }

    ._commentBlock ._commentOptions i {
        font-size: 1rem!important;
    }

    ._commentOptions ._commentOptionsDropdown {
        background-color: white;
        width: 100px;
        position: absolute;
        top: 123%;
        right: 0;
        text-align: left;
        border-radius: 4px;
        box-shadow: 0px 7px 20px -10px rgba(0, 0, 0,0.3);
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        color: #576f7b;
        transition: 250ms all;
        opacity: 0;
        visibility: hidden;
        transform: translate(0px, 5px) scale(.95);
    }

    ._commentBlock ._commentOptions.isOpen ._commentOptionsDropdown {
        visibility: visible;
        opacity: 1;
        transform: translate(0px, 0px) scale(1);
    }

    ._commentOptionsDropdown > div {
        padding: 4px 5px;
        border-bottom: 1px solid #ccc;
    }

    ._commentOptionsDropdown > div:hover {
        background-color: #eee;
    }

    ._commentOptionsDropdown > div span {
        margin-left: 10px;
    }

    ._commentBlock ._commentAuthor {
        line-height: 2.4rem;
        height: 2.4rem;
        margin: 0.5rem 0 1rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 80%;
    }

    ._commentBlock.minimized ._commentAuthor {
        max-width: 100%;
    }

        ._commentBlock ._commentAuthor i {
            background: var(--hx-component-button-primary-bg, #ff8100) !important;
            width: 2.4rem;
            height: 2.4rem;
            line-height: 2.4rem;
            color: var(--hx-component-button-primary-fg_default, #fff);
            float: left;
            text-align: center;
        }

        ._commentBlock ._commentAuthor span {
            font-weight: 700;
            margin-left: .6rem;
        }

    ._commentBlock ._commentDate {
        font-size: 1.2rem;
        color: var(--hx-text-primary, #8498a2);
        font-style: italic;
        text-align: right;
    }

    ._commentBlock ._commentComment {
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: .3rem;
        margin: 0 0 .6rem;
        word-wrap: break-word;
        max-height: 100px;
        overflow: hidden;
        min-height: 40px;
        word-break: break-word;
    }

     ._commentBlock.hover ._commentComment {
        max-height: inherit;
        overflow: inherit;
    }

    ._commentBlock.hover ._commentLine, ._commentBlock:hover ._commentLine {
        border: 0 solid #A00;
        background-color: #A00;
        height: 1px;
        display: inherit;
    }

    /* 
    * Disable unwanted font-size feature in content-editable
    */
    ._commentBlock ._commentComment span,
    ._commentBlock ._commentComment a { 
        font-size: inherit!important;
    }

    ._commentBlock ._commentOverflowIndicator {
        text-align: center;
        cursor: pointer;
        display: inherit;
    }

        ._commentBlock ._commentOverflowIndicator.shown {
            text-align: center;
            cursor: pointer;
        }

._commentBlock.inEditMode ._commentOptions {
    opacity: .4;
}

._commentBlock.inEditMode ._commentComment  {
    background-color: white;
    cursor: initial;
}

.edit-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-height: 0;
    visibility: hidden;
    margin-top: 5px;
    opacity: 0;
    transition: 500ms all;
}

.edit-button-wrapper .save-comment {
    border-radius: .4rem;
    padding: 4px 10px;
    margin-left: 10px;
    background: var(--hx-component-button-primary-bg, #ff8100);
    color: var(--hx-component-button-primary-fg_default, #fff);;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
    font-weight: 700;
}

.edit-button-wrapper .save-comment:hover {
    cursor: pointer;
    background-color: var(--hx-component-button-primary-bg_hover, #ff8100);
    color: var(--hx-component-button-primary-fg_hover, #fff);
}

.discard-comment-change:hover {
    text-decoration: underline;
    cursor: pointer;
}

.edit-button-wrapper .save-comment span {
    margin-left: 8px;
}

._commentBlock.inEditMode .edit-button-wrapper {
    max-height: 100px;
    opacity: 1;
    visibility: visible;
}





.elj-harmonica-item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 1px dashed var(--hx-border-secondary, #dfe3e5);
    padding-top: 1.2rem;
}

    .elj-harmonica-item .elj-image-thumb {
        width: 6rem;
    }

    .elj-harmonica-item .elj-hidden-content {
        display: none;
        background: var(--hx-bg-primary, #fff);
    }

        .elj-harmonica-item .elj-hidden-content.elj-show-content {
            display: block;
        }

    .elj-harmonica-item .elj-toggle-content {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        position: absolute;
        right: 0;
        bottom: 0;
        padding-left: .6rem;
        background: var(--hx-bg-primary, #fff);
    }

.old-harmonica-wrapper {
    margin: 0 0 2.4rem;
    overflow: hidden;
}

    .old-harmonica-wrapper .elj-harmonica-item {
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        background: var(--hx-bg-secondary, #f7f9fa);
        padding: 0;
    }

        .old-harmonica-wrapper .elj-harmonica-item:not(:first-child) {
            border-top: 0;
        }

    .old-harmonica-wrapper h2 {
        width: 100%;
        margin: 0!important;
        padding: 1.2rem 2.4rem;
    }

    .old-harmonica-wrapper .searchcategory {
        width: 100%;
        border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: 2.4rem 2.4rem 0;
        background: var(--hx-bg-primary, #fff);
    }

.elj-modal, .elj-popup-wrapper {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(22,35,41,.7);
    padding: 2.4rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 200002; /*Make sure we overrule the current top div*/
    display: none;
}

    .elj-modal ol, .elj-modal ul, .elj-popup-wrapper ol, .elj-popup-wrapper ul {
        list-style: none;
        padding: 0;
    }

#simplemodal-container, .elj-popup-content, .popupWindow, .ui-dialog {
    border-radius: .4rem;
    background: var(--hx-bg-primary, #fff);
    max-width: 151.2rem;
    width: 100%;
    position: relative;
}

#simplemodal-container, .elj-popup-content, .popupWindow{
    z-index: 200006 !important;
}

    .elj-popup-header, .popupWindow #popupTitle,
    .ui-dialog .ui-dialog-titlebar {
        border-radius: .4rem .4rem 0 0;
        background-color: var(--hx-bg-secondary, #f7f9fa);
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        padding: 1rem;
        position: relative;
    }

        .elj-popup-header:after {
            content: '';
            clear: both;
            display: table;
        }

        #simplemodal-container .elj-popup-header, .elj-popup-header h2, .popupWindow #popupTitle {
            font-size: 2.4rem;
        }

        #simplemodal-container .elj-popup-header{
            height:5.5rem;
        }

.elj-popoup-main {
    padding: 0 2.4rem;
}

.elj-popup-footer {
    border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 2.4rem 3.4rem 0;
}

.popupWindow .actionbuttons,
.ui-dialog .ui-dialog-buttonpane{
    border-top: 1px solid var(--hx-border-tertiary, #dfe3e5);
    padding: 1.2rem 1rem;

}

.closebuttonef, .elj-btn-close, .modalCloseImg, .ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 1.7rem;
    right: 2.4rem;
    font-size: 13px;
}

@media screen and (max-width:40em) {
    .elj-modal, .elj-popup-wrapper {
        padding: 0;
    }

    #simplemodal-container, .elj-popup-content, .popupWindow {
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        border-radius: 0;
        min-height: 100%;
    }
}

.elj-show-popup, .elj-show-popup body {
    overflow: hidden;
}

    .elj-show-popup .elj-modal, .elj-show-popup .elj-popup-wrapper {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

.overdiv {
    display: none;
}

.elj-modal {
    display: block;
}

.popupWindow, .ui-dialog {
    padding: 0 2.4rem;
    margin: 0 auto;
    max-width: max(64rem, 1024px);
}
   /*only add padding to the content leaving the header/buttons alone*/
    .popupWindow > div:nth-child(3) {
        padding: 0 2.4rem;
    }

    .popupWindow {
        padding: 0;
    }
    .ui-dialog i.fa.fa-calendar.datepick-triggerr {
        position: relative;
        right: 9px;
        top: -35px;
        color: #e57400;
        font-size: 16px;
        float: right;
        z-index: 1000000;
    }

    .popupWindow .actionbuttons {
        width: auto;
        margin-top: 1rem;
        margin-left: -2.4rem;
        margin-right: -2.4rem;
    }

    .popupWindow .actionbuttons .save, .popupWindow .actionbuttons .cancel {
        margin-bottom: 0;
    }

#simplemodal-overlay {
    z-index: 41001!important;
}
#simplemodal-container {
    max-width: 102.4rem;
    height: calc(100vh - 4.8rem);
    margin: 0 2.4rem 2.4rem;
    z-index: 41002 !important;
}
    #simplemodal-container .simplemodal-wrap {
        border-radius: .4rem .4rem 0 0;
        overflow:hidden!important;
    }
#simplemodal-container iframe {
    margin: 2.4rem;
    width: calc(100% - 9.6rem);
}
        #simplemodal-container iframe#docBrowserIFrame {
            margin: 0;
            width: 100%;
        }

        #mendeleyModal iframe {
            width: 100%;
            min-height: 500px;
        }

.closebuttonef, .modalCloseImg {
    z-index: 1;
}

    .closebuttonef:before, .modalCloseImg:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-46%,-48%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        content: 'w';
        font-family: elab-app;
        text-transform: none;
    }

.ui-dialog {
    box-shadow: 0 0 2.4rem rgba(0,0,0,.25);
    background: var(--hx-bg-primary, #fff);
    padding: 0;
}

    .ui-dialog .ui-widget-header {
        height: auto;
    }

        .ui-dialog .ui-widget-header:before {
            display: none;
        }

    .ui-dialog .ui-dialog-title {
        display: block;
        font-size: 2.4rem;
        float: none;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        padding: 0;
        margin: 0;
    }

        .ui-dialog .ui-dialog-titlebar-close:before {
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            position: absolute;
            top: 50%;
            left: 50%;
            content: 'w';
            font-family: elab-app;
            text-transform: none;
        }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: none;
        }

    #uploadFrameDiv {
        display: none;
        width: 100%;
    }
    #uploadFrameDiv iframe {
        width: 100%;
        height: 100%;
    }

    #uploadFrame{
    position: inherit;
    z-index: 1000;
    max-width: calc(100vw - 4.8rem);
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    display: none;
    border-radius: 6px;
    background-color: rgba(247,249,250,.5);
    width: 350px;
    padding: 10px;
    font-weight: bold;
    color: #576f7b;
    margin-left: 10px;
}


.elj-confirmation {
    border-radius: .4rem;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.025);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 64rem;
    max-width: calc(100vw - 4.8rem);
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 2.4rem;
    background: #fff;
    display: none;
}

    .elj-confirmation iframe {
        width: 100%!important;
        height: 100px;
    }

.elj-timeline .elj-harmonica-list {
    margin: 6rem 0 0;
}

.current-date-range {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    float: right;
    width: 75%;
    font-weight: 700;
    margin: 0 -1.2rem 0 0;
}

    .current-date-range li {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        border-right: 0;
        text-align: center;
        margin-bottom: -1px;
    }

    .current-date-range a {
        display: inline-block;
        width: 100%;
        padding: .6rem 0;
        color: #8498a2;
    }

        .current-date-range a:focus, .current-date-range a:hover {
            color: #576f7b;
        }

    .current-date-range .active {
        border-bottom-color: #fff;
        background: #fff;
    }

    .current-date-range .available {
        border-top: 2px solid #5ac73c;
    }

    .current-date-range .elj-date-picker {
        transition: .15s ease-out;
        width: 3.6rem;
        color: #8498a2;
        cursor: pointer;
    }

        .current-date-range .elj-date-picker:focus, .current-date-range .elj-date-picker:hover {
            background: #00ABAB;
            color: #fff;
            border-color: #00ABAB;
        }

.elj-timeline-wrapper {
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    width: 100%;
    position: relative;
    margin: -1.2rem 0 2.4rem;
}

    .elj-timeline-wrapper:after, .elj-timeline-wrapper:before {
        content: '';
        position: absolute;
        top: 4.8rem;
        bottom: 0;
        display: block;
        width: 1px;
        background: #dfe3e5;
    }

    .elj-timeline-wrapper:before {
        left: 0;
    }

    .elj-timeline-wrapper:after {
        right: 0;
    }

    .elj-timeline-wrapper .elj-btn-prev {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .elj-timeline-wrapper .elj-btn-next {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }

.elj-timeline-scheme {
    overflow: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .elj-timeline-scheme::-webkit-scrollbar {
        width: 1.2rem;
        height: 1.2rem;
        background: #fff;
    }

    .elj-timeline-scheme::-webkit-scrollbar-thumb {
        border-radius: 1.2rem;
        border: .3rem solid #fff;
        background: #8498a2;
    }

.elj-available-time {
    list-style: none;
    margin: 0;
    background: #f7f9fa;
    width: 1728px;
    height: 2.4rem;
    border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
}

    .elj-available-time:after {
        content: '';
        clear: both;
        display: table;
    }

    .elj-available-time li {
        float: left;
        width: 72px;
    }

        .elj-available-time li:after {
            content: '';
            clear: both;
            display: table;
        }

        .elj-available-time li:not(:first-child) {
            box-shadow: inset 1px 0 0 0 #dfe3e5;
        }

    .elj-available-time span {
        float: left;
        width: 18px;
        height: calc(2.4rem - 2px);
    }

    .elj-available-time .elj-free-time {
        background: #5ac73c;
        border-top: 1px solid rgba(0,0,0,.125);
        border-bottom: 1px solid rgba(0,0,0,.125);
    }

        .elj-available-time .elj-free-time.elj-starting-block {
            border-left: 1px solid rgba(0,0,0,.125);
        }

        .elj-available-time .elj-free-time.elj-ending-block {
            border-right: 1px solid rgba(0,0,0,.125);
        }

.elj-timeline-hours {
    white-space: nowrap;
    font-size: 0;
    font-weight: 700;
    color: #8498a2;
    text-align: center;
    position: relative;
    margin-bottom: 1.2rem;
    width: 1728px;
}

    .elj-timeline-hours li {
        font-size: 1.2rem;
        display: inline-block;
        width: 72px;
        line-height: 3.6rem;
    }

.elj-timeline-items-wrapper {
    width: 1728px;
}

.elj-timeline-item {
    white-space: nowrap;
    font-size: 0;
    margin: 0;
}

    .elj-timeline-item:nth-child(even) {
        background: #f7f9fa;
    }

    .elj-timeline-item li {
        font-size: 1.3rem;
        display: inline-block;
        width: 72px;
        padding: 2.4rem 0;
    }

        .elj-timeline-item li:after {
            content: '';
            clear: both;
            display: table;
        }

        .elj-timeline-item li:before {
            content: '';
        }

        .elj-timeline-item li:not(:first-child) {
            box-shadow: inset 1px 0 0 0 #dfe3e5;
        }

    .elj-timeline-item span {
        width: 18px;
        height: 3.6rem;
        float: left;
        position: relative;
        cursor: pointer;
    }

        .elj-timeline-item span:before {
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            position: absolute;
            top: 50%;
            left: 50%;
            font: 12px elabjournal;
        }

        .elj-timeline-item span:not([class]):focus, .elj-timeline-item span:not([class]):hover {
            border-radius: .4rem;
            box-shadow: inset 0 0 0 1px #dfe3e5;
        }

            .elj-timeline-item span:not([class]):focus:before, .elj-timeline-item span:not([class]):hover:before {
                content: 'P';
                color: #8498a2;
            }

    .elj-timeline-item .elj-time-booked {
        background: #073b53;
    }

        .elj-timeline-item .elj-time-booked:focus:before, .elj-timeline-item .elj-time-booked:hover:before {
            content: 'D';
            color: #fff;
        }

    .elj-timeline-item .elj-time-selected {
        background: #007173;
    }

        .elj-timeline-item .elj-time-selected:focus:before, .elj-timeline-item .elj-time-selected:hover:before {
            content: 'Q';
            color: #fff;
        }

.elj-starting-block {
    -webkit-border-top-left-radius: .4rem;
    -webkit-border-bottom-left-radius: .4rem;
    -moz-border-top-left-radius: .4rem;
    -moz-border-bottom-left-radius: .4rem;
    border-top-left-radius: .4rem;
    border-bottom-left-radius: .4rem;
}

.elj-ending-block {
    -webkit-border-top-right-radius: .4rem;
    -webkit-border-bottom-right-radius: .4rem;
    -moz-border-top-right-radius: .4rem;
    -moz-border-bottom-right-radius: .4rem;
    border-top-right-radius: .4rem;
    border-bottom-right-radius: .4rem;
}

.elj-workflow-steps {
    list-style: none;
    counter-reset: list;
    padding: 0;
}

    .elj-workflow-steps [type=number] {
        width: 4.8rem;
        text-align: center;
        margin: 0;
    }

    .elj-workflow-steps li {
        counter-increment: list;
        position: relative;
        padding: .6rem 0 .6rem 3.6rem;
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

        .elj-workflow-steps li:first-child {
            border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        }

        .elj-workflow-steps li:before {
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            content: counter(list);
            position: absolute;
            left: 0;
            top: 50%;
            font-weight: 700;
        }

.elj-device-summary {
    border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin: 0 0 2.4rem;
    padding: 1.2rem 4.8rem 0 0;
    position: relative;
}

    .elj-device-summary h2 {
        color: #007173;
        font-size: 1.3rem;
        margin: 0!important;
    }

    .elj-device-summary .elj-btn-icon {
        position: absolute;
        top: 1.2rem;
        right: 0;
        width: 3.6rem;
        height: 3.6rem;
    }

.wizard h1 {
    display: none;
}

.elj-workflow-steps-tree ul {
    list-style: none;
    padding: 0;
    position: relative;
}

    .elj-workflow-steps-tree ul:before {
        content: '';
        position: absolute;
    }

.elj-workflow-steps-tree li {
    position: relative;
    padding: .6rem 0;
}

    .elj-workflow-steps-tree li:before {
        border-radius: 50%;
        content: '';
        display: inline-block;
        position: absolute;
        left: -3.6rem;
        top: 1.2rem;
    }

.elj-workflow-steps-tree a {
    color: #8498a2;
    font-weight: 700;
    line-height: 2.4rem;
    padding: .6rem 0;
    display: block;
}

    .elj-workflow-steps-tree a:focus, .elj-workflow-steps-tree a:hover {
        color: #576f7b;
    }

.elj-workflow-steps-tree .elj-tree-level-1 {
    padding-left: 3.6rem;
}

    .elj-workflow-steps-tree .elj-tree-level-1:before {
        top: 1.2rem;
        bottom: 1.2rem;
        left: 1.2rem;
        width: 1px;
        background: #dfe3e5;
    }

    .elj-workflow-steps-tree .elj-tree-level-1 > li:before {
        box-shadow: 0 0 0 1px #dfe3e5;
        width: 2.4rem;
        height: 2.4rem;
        background: #007173;
        border: .6rem solid #fff;
    }

    .elj-workflow-steps-tree .elj-tree-level-1 > li.elj-step-done:before {
        box-shadow: none;
        background: #5ac73c;
    }

    .elj-workflow-steps-tree .elj-tree-level-1 > li.elj-step-active:before {
        box-shadow: 0 0 0 1px #5ac73c;
        background: #5ac73c;
    }

.elj-workflow-steps-tree .elj-tree-level-2 {
    padding: .6rem 0;
}

    .elj-workflow-steps-tree .elj-tree-level-2:before {
        border-radius: 1.2rem;
        box-shadow: 0 0 0 1px #dfe3e5;
        width: 2.4rem;
        top: 1.2rem;
        bottom: 1.2rem;
        background: #fff;
        left: -3.6rem;
    }

    .elj-workflow-steps-tree .elj-tree-level-2 > li:before {
        box-shadow: inset 0 0 0 1px #007173;
        width: 1.2rem;
        height: 1.2rem;
        background: #fff;
        top: 1.8rem;
        left: -3rem;
    }

    .elj-workflow-steps-tree .elj-tree-level-2 > li.elj-step-done:before {
        box-shadow: none;
        background: #5ac73c;
    }

    .elj-workflow-steps-tree .elj-tree-level-2 > li.elj-step-active:before {
        box-shadow: inset 0 0 0 2px #8498a2;
    }

.el-cat-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
}

.el-cat-wrapper img {
    width: 48px;
    height: 48px;
    max-width: 48px;
    margin: auto;
}

.el-cat-block {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 2.4rem;
}

.el-cat-block-inner {
    border-radius: .4rem;
    border: 1px solid var(--hx-border-secondary, #DCE4E7);
    transition: .15s ease-out;
    width: 18rem;
    background: var(--hx-bg-secondary, #fff);
    padding: 24px 24px 17px 24px;
    cursor: pointer;
    color: var(--hx-text-primary, #141414);
    text-decoration: none;
    font-weight: 700;
    line-height: 22px;
    transition: 250ms border-color;
}

.el-cat-block-inner .el-icon {
    max-width: 2.8rem;
}

.el-cat-block-inner .el-text {
    font-size: 15px;
}

.el-cat-block-inner .el-tile-text {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.el-cat-block-inner .el-tile-text i {
    opacity: 0;
    line-height: 22px;
    transition: 250ms opacity, 250ms transform;
}

a.el-cat-block-inner:hover {
    display: block;
    border-color: #00ABAB;
    color: var(--hx-text-primary, #141414);
}

a.el-cat-block-inner:hover .el-tile-text i {
    opacity: 1;
    transform: translate(4px, 0px);
}

@media screen and (max-width:63.9375em) {
    .el-cat-wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .el-cat-block {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}

@media screen and (max-width:46.9375em) {
    .el-cat-block {
        width: 50%;
    }
}

.elj-pager {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    font-weight: 700;
}

    .elj-pager li {
        margin: 0 .3rem;
    }

    #pager ul a, #pager ul span, .elj-pager a, .old-pager ul a, .old-pager ul span, .pager ul a, .pager ul span {
        border-radius: .4rem;
        width: 3.6rem;
        line-height: 3.6rem;
        text-align: center;
        color: #576f7b;
        display: inline-block;
    }

        #pager ul a:focus, #pager ul a:hover, #pager ul span:focus, #pager ul span:hover, .elj-pager a:focus, .elj-pager a:hover, .old-pager ul a:focus, .old-pager ul a:hover, .old-pager ul span:focus, .old-pager ul span:hover, .pager ul a:focus, .pager ul a:hover, .pager ul span:focus, .pager ul span:hover {
            background: #dfe3e5;
            text-decoration: none!important;
        }

    .elj-pager [data-icon] {
        font-size: 1rem;
    }

    #pager ul span, .elj-pager .active a, .old-pager ul span, .pager ul span {
        background: #576f7b;
        color: #fff;
    }

#pager, .old-pager, .pager {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-bottom: 5px;
}

    #pager p, .old-pager p, .pager p {
        -webkit-order: 1;
        -ms-order: 1;
        order: 1;
        font-size: 0;
    }

        #pager p a, .old-pager p a, .pager p a {
            color: #576f7b;
            line-height: 3.6rem;
            font-size: 1.3rem;
        }

            #pager p a:focus, #pager p a:hover, .old-pager p a:focus, .old-pager p a:hover, .pager p a:focus, .pager p a:hover {
                text-decoration: none;
            }

    #pager p, #pager ul, .old-pager p, .old-pager ul, .pager p, .pager ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
    

.elj-responsive-table-wrapper .pager {
    margin: 2.4rem 2.4rem 0;
}

.elj-notice h2 {
    color: inherit !important;
}

.elj-notice-success {
    border-radius: .4rem;
    padding: 1.2rem;
    border: 1px solid #4caf50;
    background-color:rgba(76,175,80,.05);
    color: #4caf50;
    margin: 0 0 2.4rem;
    clear: both;
    position: relative;
}

    .elj-notice-success:after {
        content: '';
        clear: both;
        display: table;
    }

    .elj-notice-success a {
        color: inherit;
    }

        .elj-notice-success a:not(.elj-btn):not(.elj-btn-close) {
            text-decoration: underline;
        }

    .elj-notice-success h2 {
        font-size: 1.6rem;
        color: inherit;
        margin-bottom: .6rem!important;
        font-weight: 700;
    }

    .elj-notice-success p {
        margin-bottom: 1.2rem;
    }

        .elj-notice-success p:last-of-type {
            margin-bottom: 0;
        }

    .elj-notice-success i, .elj-notice-success img {
        float: left;
        margin-right: 1.2rem;
    }

    .elj-notice-success img {
        width: 16px;
        height: 16px;
        margin-bottom: 0;
    }

    .elj-notice-success .elj-btn-close {
        background: 0 0;
        top: 1.2rem;
        right: 1.2rem;
    }

        .elj-notice-success .elj-btn-close:hover {
            background: rgba(0,0,0,.125);
        }

.elj-notice-explain {
    border-radius: .4rem;
    border: 1px solid #AA7E0D;
    padding: 1.2rem;
    background-color:rgba(255,204,37,.05);
    color: #AA7E0D;
    margin: 0 0 2.4rem;
    clear: both;
    position: relative;
}

    .elj-notice-explain:after {
        content: '';
        clear: both;
        display: table;
    }

    .elj-notice-explain a {
        color: inherit;
    }

        .elj-notice-explain a:not(.elj-btn):not(.elj-btn-close) {
            text-decoration: underline;
        }

    .elj-notice-explain h2 {
        font-size: 1.6rem;
        color: inherit;
        margin-bottom: .6rem!important;
        font-weight: 700;
    }

    .elj-notice-explain p {
        margin-bottom: 1.2rem;
    }

        .elj-notice-explain p:last-of-type {
            margin-bottom: 0;
        }

    .elj-notice-explain i, .elj-notice-explain img {
        float: left;
        margin-right: 1.2rem;
    }

    .elj-notice-explain img {
        width: 16px;
        height: 16px;
        margin-bottom: 0;
    }

    .elj-notice-explain .elj-btn-close {
        background: 0 0;
        top: 1.2rem;
        right: 1.2rem;
    }

        .elj-notice-explain .elj-btn-close:hover {
            background: rgba(0,0,0,.125);
        }

.sampleTypeBlock {
    display: inline;
}

.emailInput {
    width: 380px;
}

.elj-notice-info {
    border-radius: .4rem;
    padding: 1.2rem;
    color: #00ABAB;
    border: 1px solid #00ABAB;
    background-color: rgba(0,171,171,.05);
    margin: 1rem 0 1rem;
    position: relative;
}

    .elj-notice-info:after {
        content: '';
        clear: both;
        display: table;
    }

        .elj-notice-info a:not(.elj-btn):not(.elj-btn-close) {
            text-decoration: underline;
        }

    .elj-notice-info h2 {
        font-size: 1.6rem;
        color: inherit;
        margin-bottom: .6rem!important;
        font-weight: 700;
    }

    .elj-notice-info p {
        margin-bottom: 1.2rem;
    }

        .elj-notice-info p:last-of-type {
            margin-bottom: 0;
        }

    .elj-notice-info i.fa-exclamation-triangle {
        margin-top: .4rem;
    }

    .elj-notice-info i, .elj-notice-info img {
        float: left;
        margin-right: 1.2rem;
    }

    .elj-notice-info img {
        width: 16px;
        height: 16px;
        margin-bottom: 0;
    }

    .elj-notice-info .elj-btn-close {
        background: 0 0;
        top: 1.2rem;
        right: 1.2rem;
    }

        .elj-notice-info .elj-btn-close:hover {
            background: rgba(0,0,0,.125);
        }


.box-notice, .elj-notice-warning {
    border-radius: .4rem;
    padding: 1.2rem;
    border: 1px solid var(--hx-border-warning-secondary);
    background-color: var(--hx-bg-warning-primary) ;
    color: var(--hx-text-warning-on-warning-bg);
    margin: 0 0 2.4rem;
    clear: both;
    position: relative;
}

    .elj-notice-info h5, .elj-notice-warning h5, .elj-notice-error h5, .elj-notice-explain h5, .elj-notice-success h5, .box-notice h5{
        margin-bottom: 5px;
        font-size: 16px;
    }

.box-notice.confirmed {
    border:1px solid #4caf50;
    color: #4caf50;
}


.confirmed img {margin: 5px 10px 5px 10px !important;}

    .box-notice:after, .elj-notice-warning:after {
        content: '';
        clear: both;
        display: table;
    }

        .box-notice a:not(.elj-btn):not(.elj-btn-close), .elj-notice-warning a:not(.elj-btn):not(.elj-btn-close) {
            text-decoration: underline;
            color: inherit;
        }

    .box-notice h2, .elj-notice-warning h2 {
        font-size: 1.6rem;
        color: inherit !important;
        margin-bottom: .6rem!important;
        font-weight: 700;
    }

    .box-notice p, .elj-notice-warning p {
        margin-bottom: 1.2rem;
    }

        .box-notice p:last-of-type, .elj-notice-warning p:last-of-type {
            margin-bottom: 0;
        }

    .box-notice i, .box-notice img, .elj-notice-warning i, .elj-notice-warning img {
        float: left;
        margin-right: 1.2rem;
    }

    .elj-notice-warning i {
        float: left;
        margin-right: 1rem;
        margin-top: 0.5rem;
    }
    
    .elj-notice-info.higher-protocol-version i,
    .elj-notice-warning.higher-protocol-version i {
        float: none;
        margin: 0;
    }
    
    .box-notice img, .elj-notice-warning img {
        width: 16px;
        height: 16px;
        margin-bottom: 0;
    }

    .box-notice .elj-btn-close, .elj-notice-warning .elj-btn-close {
        background: 0 0;
        top: 1.2rem;
        right: 1.2rem;
    }

        .box-notice .elj-btn-close:hover, .elj-notice-warning .elj-btn-close:hover {
            background: rgba(0,0,0,.125);
        }

.box-error, .elj-notice-error {
    border-radius: .4rem;
    padding: 1.2rem;
    border: 1px solid #f44336;
    background-color:rgba(244,67,54,.05); 
    color: #f44336;
    margin: 0 0 2.4rem;
    clear: both;
    position: relative;
}

    .box-error:after, .elj-notice-error:after {
        content: '';
        clear: both;
        display: table;
    }

    .box-error a, .elj-notice-error a {
        color: inherit;
    }

        .box-error a:not(.elj-btn):not(.elj-btn-close), .elj-notice-error a:not(.elj-btn):not(.elj-btn-close) {
            text-decoration: underline;
        }

    .box-error h2, .elj-notice-error h2 {
        font-size: 1.6rem;
        color: #f44336;
        margin-bottom: .6rem!important;
        font-weight: 700;
    }

    .box-error p, .elj-notice-error p {
        margin-bottom: 1.2rem;
    }

        .box-error p:last-of-type, .elj-notice-error p:last-of-type {
            margin-bottom: 0;
        }
        
        #_eLabDialogFooterMessage.elj-notice.elj-notice-error {
            width: 100%;
        }

        #_eLabDialogFooterMessage.elj-notice.elj-notice-error p {
            padding-right: 20px;
        }

    .box-error i, .box-error img, .elj-notice-error i, .elj-notice-error img {
        float: left;
        margin-right: 1.2rem;
    }

    .box-error img, .elj-notice-error img {
        width: 16px;
        height: 16px;
        margin-bottom: 0;
    }

    .box-error .elj-btn-close, .elj-notice-error .elj-btn-close {
        background: 0 0;
        top: 1.2rem;
        right: 1.2rem;
    }

        .box-error .elj-btn-close:hover, .elj-notice-error .elj-btn-close:hover {
            background: rgba(0,0,0,.125);
        }

.erroroff {
    background: url(/media/images/elab_icons/vector/notice-color.svg) left no-repeat;
    background-size: 16px auto;
    padding-left: 2.4rem;
    font-style: italic;
    margin: 0 0 .6rem;
    display: block;
    min-height: 2rem;
}

.elj-tabbed-content, .tabber {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: .4rem .4rem 0 0;
    /*border: 1px solid var(--hx-border-secondary, #dfe3e5);*/
    border-bottom: 0;
    padding: 1.2rem 1.2rem 0;
    font-weight: 700;
    /*background: rgba(247,249,250,.5);*/
    clear: both;
    width: 100%;
    position: relative;
}

#main-content .custom-warnings {
    margin-top: 20px
}

.border-top-none {
    border-top: none !important;
}

    .elj-tabbed-content:before, .tabber:before {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        content: '';
        position: absolute;
        width: 100%;
        left: 50%;
        bottom: 0;
        background: var(--tab__border-color, #dfe3e5);
        height: 1px;
        display: block;
    }

    .elj-tabbed-content li, .tabber li {
        margin-bottom: 1px;
    }

        .elj-tabbed-content li:not(:last-child), .tabber li:not(:last-child) {
            margin-right: 1.2rem;
        }

    .elj-tabbed-content a, .tabber a {
        border-radius: .4rem .4rem 0 0;
        padding: 1rem 2.4rem;
        border: 1px solid var(--tab__border-color, #dfe3e5);
        margin: 0 0 -1px;
        cursor: pointer;
        position: relative;
        z-index: 1;
        display: block;
        color: var(--hx-text-secondary, #576f7b);
        background: var(--hx-bg-secondary, #e9eaec);
    }

        .elj-tabbed-content a:hover, .tabber a:hover {
            background: var(--hx-bg-secondary_hover, rgba(255,255,255,.5));
        }

    .elj-tabbed-content .active, .elj-tabbed-content .active a, .elj-tabbed-content .selected, .elj-tabbed-content .selected a, .tabber .active, .tabber .active a, .tabber .selected, .tabber .selected a {
        border-bottom-color: var(--hx-bg-primary, #fff);
        background-color: var(--hx-bg-primary, #fff)!important;
    }

    .elj-tabbed-content.elj-tabbed-content-small, .tabber.elj-tabbed-content-small {
        padding-top: 1rem;
        margin: 0 0 1.2rem;
        border: 0;
    }

        .elj-tabbed-content.elj-tabbed-content-small li:not(:last-child), .tabber.elj-tabbed-content-small li:not(:last-child) {
            margin-right: .6rem;
        }

        .elj-tabbed-content.elj-tabbed-content-small a, .tabber.elj-tabbed-content-small a {
            padding: .6rem 1.2rem;
        }

    .elj-tabbed-content.simple-tabs, .tabber.simple-tabs {
        padding-top: 0;
        border: 0;
        background: 0 0;
        overflow: hidden;
    }

.elj-breadcrumb {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #576f7b;
    margin: 0 0 1.2rem!important;
    padding-bottom: 1.2rem;
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
}

    .elj-breadcrumb li {
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        white-space: nowrap;
    }

        .elj-breadcrumb li:not(:last-child):after {
            content: 'a';
            font-family: elab-app;
            padding: 0 .6rem;
            font-size: 9px;
        }

    .elj-breadcrumb a {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #576f7b;
    }

        .elj-breadcrumb a:focus, .elj-breadcrumb a:hover {
            text-decoration: underline;
        }

@media screen and (min-width:64em) {
    .elj-breadcrumb {
        display: none;
    }
}

.elj-page-search [type=button]:empty {
    display: none;
}

.elj-page-search #btnClearSearch, .elj-page-search .btn, .elj-page-search .btn-grey, .elj-page-search .button, .elj-page-search .button_off, .elj-page-search .cancel, .elj-page-search .elj-btn, .elj-page-search .save {
    background: #00ABAB;
}

.elj-search-wrapper {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

    .elj-search-wrapper #btnClearSearch, .elj-search-wrapper .btn, .elj-search-wrapper .btn-grey, .elj-search-wrapper .button, .elj-search-wrapper .button_off, .elj-search-wrapper .cancel, .elj-search-wrapper .elj-btn, .elj-search-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-search-wrapper .elj-form-item-select, .elj-search-wrapper .save, .elj-search-wrapper input {
        margin-bottom: 0;
    }

@media screen and (max-width:40em) {
    .elj-search-wrapper {
        margin-right: 1.2rem!important;
    }
}

@media screen and (min-width:64em) {
    .elj-page-search {
        display: -webkit-inline-flex;
        display: -ms-inline-flex;
        display: inline-flex;
        box-shadow: none;
        margin: 0;
    }

        .elj-page-search > :not(:last-child) {
            margin-right: -1px;
        }

        .elj-page-search input {
            min-width: 28.8rem;
        }

        .elj-page-search .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-page-search .elj-form-item-select {
            min-width: 12rem;
        }

        .elj-page-search .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-page-search .elj-form-item-select, .elj-page-search input {
            background: #fff;
        }

        .elj-page-search button {
            border-radius: 0 .4rem .4rem 0;
            min-width: 12rem;
            z-index: 2;
        }

        .elj-page-search .elj-btn-close {
            display: none;
        }
}

.elj-btn-show-mobile-search {
    display: none;
    cursor: pointer;
    float: right;
}

@media screen and (max-width:63.9375em) {
    .elj-btn-show-mobile-search {
        display: block;
    }

    .elj-page-search {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        box-shadow: 0 0 2.4rem rgba(0,0,0,.125);
        border-radius: .4rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: fixed;
        top: 7.2rem;
        left: 50%;
        z-index: 10;
        width: 100%;
        max-width: 64rem;
        max-height: calc(100% - 9.6rem);
        padding: 4.8rem 4.8rem 2.4rem;
        background: #fff;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        display: none;
    }

        .elj-page-search .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .elj-page-search .elj-form-item-select, .elj-page-search button, .elj-page-search input {
            border-radius: .4rem!important;
            margin-bottom: 2.4rem!important;
        }

        .elj-page-search button {
            min-width: 0;
        }

        .elj-page-search .elj-btn-close {
            border-radius: 50%;
            position: absolute;
            top: 1.2rem;
            right: 1.2rem;
        }

    .elj-show-mobile-search .elj-page-search {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }
}

.elj-table-filter {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    background: #073b53;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding: 1.2rem 1.2rem 0;
    color: #fff;
    width: 100%;
    margin-left: 0!important;
    margin-right: 0!important;
}

    .elj-table-filter .btn-wrapper {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

    .elj-table-filter [type=radio], .elj-table-filter [type=checkbox] {
        margin-right: .6rem;
    }

        .elj-table-filter [type=radio] + label, .elj-table-filter [type=checkbox] + label {
            font-weight: 400;
        }

    .elj-table-filter #btnClearSearch, .elj-table-filter .btn, .elj-table-filter .btn-grey, .elj-table-filter .button, .elj-table-filter .button_off, .elj-table-filter .cancel, .elj-table-filter .elj-btn, .elj-table-filter .save {
        -webkit-align-self: flex-end;
        -ms-align-self: flex-end;
        align-self: flex-end;
        height: 3.6rem;
    }

    .elj-table-filter .elj-btn-icon-shadow, .elj-table-filter .pageSection .sectionMenu .submenu {
        box-shadow: none;
        border: 1px solid rgba(255,255,255,.125);
        background: var(--hx-component-button-secondary-bg_hover, rgba(255,255,255,.0625));
        margin-bottom: 1.2rem;
        color: #fff;
    }

        .elj-table-filter .elj-btn-icon-shadow:not(:last-child), .elj-table-filter .pageSection .sectionMenu .submenu:not(:last-child) {
            margin-right: 1.2rem;
        }

        .elj-table-filter .elj-btn-icon-shadow:focus, .elj-table-filter .elj-btn-icon-shadow:hover, .elj-table-filter .pageSection .sectionMenu .submenu:focus, .elj-table-filter .pageSection .sectionMenu .submenu:hover {
            background: rgba(255,255,255,.125);
        }

    .elj-table-filter .elj-dropdown-trigger {
        margin-bottom: 1.2rem;
        margin-right: 1.2rem;
    }

        .elj-table-filter .elj-dropdown-trigger .elj-btn-icon-shadow, .elj-table-filter .elj-dropdown-trigger .pageSection .sectionMenu .submenu {
            margin: 0;
        }

        .elj-table-filter .elj-dropdown-trigger #_sectionContextMenu ul, .elj-table-filter .elj-dropdown-trigger .elj-dropdown {
            background: #073b53;
            color: #fff;
            border-color: rgba(255,255,255,.125);
        }

            .elj-table-filter .elj-dropdown-trigger #_sectionContextMenu ul li, .elj-table-filter .elj-dropdown-trigger .elj-dropdown li {
                border-color: rgba(255,255,255,.125);
            }

            .elj-table-filter .elj-dropdown-trigger #_sectionContextMenu ul a, .elj-table-filter .elj-dropdown-trigger .elj-dropdown a {
                color: #fff;
            }

.filter-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 1.2rem;
}

    .filter-wrapper .elj-label, .filter-wrapper label {
        padding-bottom: 0;
    }

.elj-align-left .filter-wrapper {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 0;
}

.filter-wrapper p {
    margin-bottom: 1.2rem;
    white-space: nowrap;
}

.filter-wrapper > * {
    margin-bottom: 1.2rem;
}

    .filter-wrapper > * * {
        margin-bottom: 0;
    }

.filter-wrapper + .elj-content-toggle-btn, .filter-wrapper > * {
    margin-right: 1.2rem;
}

.filter-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .filter-wrapper .elj-form-item-select {
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.125);
    color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.0625);
    width: 13.2rem;
}

    .filter-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select, .filter-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select, .filter-wrapper .elj-form-item-select, .filter-wrapper .elj-form-item-select select {
        height: 3.6rem;
    }

        .filter-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select select:focus, .filter-wrapper .elj-collapsible-content.swap-content .elj-collapsible-content-wrapper .elj-form-item-select.focus, .filter-wrapper .elj-form-item-select select:focus, .filter-wrapper .elj-form-item-select.focus {
            color: #fff;
        }

.filter-wrapper.filter-wrapper-left {
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
}

#ratingcontainer {
    width: 24rem;
    position: absolute;
    top: 0.6rem;
    right: 0;
    white-space: nowrap;
}

    #ratingcontainer + .sampleactionbuttons {
        padding-right: 24rem;
    }

.rating img {
    display: inline-block;
}

.rating#userRating i {
    cursor: pointer;
}

.defaultLabel {
    float: left;
    margin-right: 10px;
}

/* Protocol chooser */
#_protChooserContent .filterContainer {
    display: inline-block;
}

#_protChooserContent #filterScopeContainer {
    margin-right: 8px;
}

#_protChooserContent #searchContainer {
    float: right;
    padding-right: 1px;
}



/* Protocols */
.protocol .pageheader {
    float: left;
    margin: 0 0 2.4rem 0;
}

.protocol .labels {
    clear: both;
}

.protocol .catLabel {
    width: 200px;
}

.protocol .protName {
    font-size: 24px;
    display: inline;
}

.protocol .loadIndicator {
    padding: 32px;
}

.protocol .stepNameEditor,
.protocol .protTitleEditor {
    display: none;
}

.protocol .newStep i {
    font-size: 1.5em;
}
.protocol .newStep span {
    font-size: 16px;
}

.protocol .stepNewName.stepNewNameCharMap {
    width: 500px;
    margin-left: 5px;
    font-size: 1.3em;
}

.protocol .btnSaveStepName {
    color: #666;
    margin-left: 5px;
    font-size: 1.3em !important;
}

.protocol #stepNewDuration {
    width: 50px;
}

.protocol h6.stepName {
    display: inline-block;
}

.protocol .btnSaveProtName.addEditIcon {
    font-size: 1.5em;
    color: #666;
    margin-left: 5px;
}

.protocol .protNewName.protNewNameCharMap {
    width: 500px;
    margin-bottom: 5px;
    font-size: 1.5em;
}

.protocol .stepNameEditor .elj-keyboard-wrapper {
    margin-top: 5px;
    margin-bottom: 5px;
}

.protocol ._dynamicRowRemove {
    padding: 3px 3px 0 3px;
}
.protocol ._dynamicRowAdd {
    padding: 3px;
}

.protocol #myBioSpecChartHolder div {
    text-align: center;
    margin-top: 20px;
}

.protocol #myBioSpecChartTitlePrev,
.protocol #myBioSpecChartTitleNext {
    cursor: pointer;
}

.protocol #myBioSpecChartTitle {
    margin: 0 5px;
}

.protocol #myBioSpecChart {
    margin-top: 20px;
}

.step {
    margin: 0 0 1rem;
}

.stepHeader {
    background: var(--hx-component-section-legacy-header-bg, #bacbd4);
    padding: 0.6rem 1.2rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-radius: 6px !important;
}

.pageSectionBody .stepHeader, .sectionBody .stepHeader {
    background: var(--hx-bg-primary, #e9eaec);
    padding: 0rem 0rem;
}

.stepMenu {
    float: right;
}

    .stepMenu ul {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .stepMenu li {
        margin-bottom: 0;
    }

    .stepMenu div {
        font-size: .6em;
        float: right;
        margin-left: 5px;
        font-weight: 700;
    }

    .stepMenu li.warning:hover {
        color: red;
    }

.stepBody {
    /*border-radius: 0 0 .4rem .4rem;*/
    padding: 1rem 0;
    /*border: 1px solid var(--hx-border-secondary, #dfe3e5);*/
    /*border-top: 0;*/
}

.stepBody .stepContents {
    word-break: break-word;
}

.permissions-wrapper .permissions-left {
    width: 250px;
    float: left;
}

.permissions-wrapper .permissions-right {
    overflow: hidden;
    overflow-x: auto;
}

.permissions-wrapper .permissions-right-content {
    width: 1200px;
}

.permissions-wrapper .permission {
    width: 80px;
    text-align: center;
    padding: 5px;
    float: left;
    border-right: 1px solid;
    background-color: #fff;
}

.permissions-wrapper .label {
    width: 250px;
    text-align: left;
    line-height: 19px;
    border-bottom: 1px dotted #dfe3e5;
    border-right: 2px solid;
}

.permissions-wrapper .labelhead {
    width: 250px;
    text-align: left;
    line-height: 14px;
    border-bottom: 2px solid;
    height: 40px;
    border-right: 2px solid;
}

.permissions-wrapper .option {
    padding: 5px;
    border-bottom: 1px dotted #dfe3e5;
    height: 14px;
    width: 80px;
}

.permissions-wrapper .userrole {
    font-weight: 700;
    text-align: center;
    line-height: 14px;
    border-bottom: 2px solid;
    height: 40px;
}

.permissions-wrapper .edit {
    height: 16px;
    border: none;
    text-align: center;
    line-height: 14px;
    display: block;
}

.permissions-wrapper .rolename {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 80px;
    display: block;
    float: left;
}

.permissions-wrapper .permission.label {
    height: 30px;
    font-weight: 700;
}

    .permissions-wrapper .permission.label.headline {
        height: 36px;
    }

.permissions-wrapper .permission.option {
    height: 30px;
}

    .permissions-wrapper .permission.option > input {
        margin-top: 4px;
    }

.permissions-wrapper .spacer {
    height: 36px;
    background-color: #dfe3e5;
}

.permissions-wrapper .odd {
    background-color: #f7f9fa;
}

.permissions-wrapper .headline {
    background-color: #dfe3e5;
}

#btnShowNavigator, .show-collaborators {
    display: none !important;
}

.elj-experiment-wrapper {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
}

.experiment-browser-column-left {
    min-width: 28rem;
    z-index: 1;
    background: var(--hx-bg-primary, #fff);
}

.experiment-browser-column-right {
    min-width: 20rem;
}

#browseButtonForMobile {
    display: none;
}

.experiment-browser-column-center {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.experiment-browser-column-center.has-experiment-view {
    max-width: calc(100% - ((20% + max(10%, 20rem)) + 1%));
}

#browseButtonForMobile {
    position: fixed;
    top: 187px;
    transform: rotateZ(270deg);
}

@media only screen and (max-width: 1375px) {
    .experiment-browser-column-center.has-experiment-view {
    max-width: calc(100% - ((6% + max(10%, 20rem)) + 1%));
}
}

@media only screen and (max-width: 1264px) {
   
    .experiment-browser-column-center,
    .has-experiment-view.has-experiment-view {
        max-width: 100%;
        margin-right: 0;
    }

    .experiment-browser-column-left {
        transition: left 1s;
        left: calc(-2.4rem - 20px - 300px);
        position: absolute;
        background-color: white;
    }

    .elj-experiment-wrapper {
        margin-left:20px;
    }
    
    .background-white {
        background-color: white;
    }

    #browseButtonForMobile {
        display: block;
        left: -33px;
        margin-top:115px;
        padding-right:22px;
        padding-top:9px;
    }
    
    .show-collaborators {
        display: inline-flex !important;
    }

    .experiment-browser-column-right {
        display: none!important;
    }
}

@media screen and (max-width: 63.9375em) {
    #browseButtonForMobile {
        left: -27px;
    }
}

.elj-floating-menu {
    z-index: 2000;
    border-radius: .4rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    padding: 1.2rem 1.2rem;
    position: absolute;
    top: 0;
    max-width: 30rem;
    background: #fff;
}

.elj-floating-menu-navigator {
    left: 0;
}

.elj-floating-menu-collaborate {
    right: 0;
}

.elj-collaborator-list {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.sectionFooter {
    padding: 1.2rem 1.2rem 0;
    color: var(--hx-text-primary, #687880);
}

    .sectionFooter table {
        margin-bottom: 1.2rem;
    }

.elj-experiment-name-editor {
    position: relative;
    margin-bottom: 2.4rem;
}

    .elj-experiment-name-editor input {
        margin-bottom: 0;
    }

    .elj-experiment-name-editor .elj-btn-save {
        -webkit-transform: translate3d(0,-50%,0);
        transform: translate3d(0,-50%,0);
        position: absolute;
        top: 50%;
        right: 0;
        width: 3.6rem;
        text-align: center;
        color: #8498a2;
    }

        .elj-experiment-name-editor .elj-btn-save:focus, .elj-experiment-name-editor .elj-btn-save:hover {
            color: #576f7b;
        }

.experimentMeta, .equipmentSection, .pageSection {
    border-radius: .4rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin: 0 0 1.0rem;
    background: var(--hx-bg-secondary, #f7f9fa);
}

    .experimentMeta td {
        padding: .4rem;
        vertical-align: top;
    }

    .experimentMeta .isSignedRow td {
        --experiment-table-border-radius: 6px;

        border-top: 1px solid var(--hx-border-warning-secondary);
        border-bottom: 1px solid var(--hx-border-warning-secondary);
        background: var(--hx-bg-warning-primary) !important;
    }

    .experimentMeta .isSignedRow td:last-child {
        border-right: 1px solid var(--hx-border-warning-secondary);
        border-bottom-right-radius: var(--experiment-table-border-radius);

    }

    .experimentMeta .isSignedRow td:first-child {
        border-left: 1px solid var(--hx-border-warning-secondary);
        border-bottom-left-radius: var(--experiment-table-border-radius);
    }

    .ProtEditorHeader, .equipmentSection .sectionHeader, .pageSection .sectionHeader {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        -ms-align-items: center;
        align-items: center;
        background: var(--hx-component-section-legacy-header-bg, #bacbd4);
        padding: .6rem .6rem .6rem 1.4rem;
    }

    .equipmentSection .sectionName, .pageSection .sectionName {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        margin: 0;
        color: var(--hx-text-primary, #141414);
    }

    .pageSection .sectionMenu {
        -webkit-align-self: flex-start;
        -ms-align-self: flex-start;
        align-self: flex-start;
    }

        .pageSection .sectionMenu ul, .stepMenu ul {
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            margin: 0;
        }

        .pageSection .sectionMenu li, .stepMenu li {
            margin-left: .6rem;
            white-space: nowrap;
        }

            .pageSection .sectionMenu li:after {
                content: '';
                clear: both;
                display: table;
            }

        .pageSection .sectionMenu i, .stepMenu li i {
            font-size: 16px!important;
        }

        .pageSection .sectionMenu .fa {
            float: left;
        }

        .pageSection .sectionMenu .btnEnableNotes {
            cursor: pointer;
        }

            .pageSection .sectionMenu .btnEnableNotes:hover {
                text-decoration: underline;
            }

            .pageSection .sectionMenu .btnEnableNotes > * {
                display: inline-block;
            }

            .pageSection .sectionMenu .btnEnableNotes i {
                margin-right: .6rem;
            }

        .pageSection .sectionMenu .submenu {
            border: none;
        }

            .pageSection .sectionMenu .submenu i {
                -webkit-transform: translate3d(-50%,-50%,0);
                transform: translate3d(-50%,-50%,0);
                position: absolute;
                top: 50%;
                left: 50%;
            }


    .equipmentSection .equipmentSectionBody, .pageSection .pageSectionBody {
        padding: 2.4rem 2.4rem 0;
        background: #fff;
    }
    .pageSection .pageSectionBody {
        min-height:150px;
    }

    .pageSection .pageSectionBody br {
        display: initial;
    }

        .pageSection .pageSectionBody:after {
            content: '';
            display: table;
            clear: both;
        }

    .pageSection .sectionFooter {
        padding: .6rem 2.4rem;
        border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        font-size: 1.2rem;
    }

        .pageSection .sectionFooter table {
            margin: 0;
        }

#_sectionContextMenu ul li {
    cursor: pointer;
}

#_sectionContextMenu ul i {
    width: 2.4rem;
}

#newSection {
    transition: .15s ease-out;
    border-radius: .4rem;
    padding: 1rem;
    text-align: center;
    border: 1px dashed var(--hx-border-secondary, #8498a2);
    margin: 0 0 2.4rem;
    cursor: pointer;
    background-color:var(--hx-component-button-primary-bg, #e67400);
    color: var(--hx-component-button-primary-fg_default, white);
}

    #newSection:hover {
        border-color: transparent;
        background: var(--hx-component-button-primary-bg_hover, orange);

    }

.elj-experiment-templates .elj-page-column {
    width: 73%;
}

.elj-experiment-templates .experimentBrowserPanel #panel1Content {
    margin-left: 2px;
}

.elj-page-inventory-browser [data-elj-type]:before {
    border-radius: 50%;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid rgba(0,0,0,.25);
    display: block;
}

.elj-page-inventory-browser [data-elj-type=bacterial-strain]:before {
    background: #e84949;
}

.elj-page-inventory-browser [data-elj-type=antibody]:before {
    background: #5178d1;
}

.elj-page-inventory-browser .elj-table-filter {
    margin-left: 0;
    margin-right: 0;
}

@media screen and (min-width:64em) {
    .elj-page-inventory-browser {
        display: none;
    }
}

.elj-page-inventory-browser .elj-view-switcher a {
    box-shadow: inset 0 0 0 1px #dfe3e5;
    width: 4.8rem;
    height: 4.8rem;
    position: relative;
    color: #576f7b;
    display: block;
    font-size: 1.7rem;
}

    .elj-page-inventory-browser .elj-view-switcher a:focus, .elj-page-inventory-browser .elj-view-switcher a:hover {
        background: #f7f9fa;
    }

    .elj-page-inventory-browser .elj-view-switcher a:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
    }

    .elj-page-inventory-browser .elj-view-switcher a.active {
        color: #00ABAB;
    }

@media screen and (max-width:63.9375em) {
    .elj-page-inventory-browser .elj-view-switcher h1 {
        display: none;
    }
}

.elj-page-inventory-browser .elj-inventory-browser-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 0 0 2.4rem;
    position: relative;
}

    .elj-page-inventory-browser .elj-inventory-browser-wrapper:after, .elj-page-inventory-browser .elj-inventory-browser-wrapper:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 100%;
        width: 100vw;
        background: #fff;
        display: block;
        z-index: 1;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper:after {
        right: auto;
        left: 100%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper > * {
        transition: .3s ease-out;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        will-change: transform;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-content-right {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-right {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
    }

@media screen and (min-width:64em) {
    .elj-page-inventory-browser .elj-inventory-browser-wrapper.default-view .elj-tree {
        min-width: 22rem;
        width: 22rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.default-view .elj-sample-boxes {
        min-width: 28rem;
        width: 28rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.default-view .elj-inventory-content-right {
        width: calc(100% - 28rem);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.sample-box-view .elj-tree {
        min-width: 22rem;
        width: 22rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.sample-box-view .elj-sample-boxes {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        width: 100%;
        max-width: 48rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.sample-box-view .elj-inventory-content-right {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        width: auto;
        min-width: 24rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.full-view .elj-tree {
        min-width: 22rem;
        width: 22rem;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.full-view .elj-sample-boxes {
        display: none;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.full-view .elj-inventory-content-right {
        width: 100%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-right {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        width: calc(100% - 22rem);
    }
}

@media screen and (max-width:63.9375em) {
    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-content-right, .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-right, .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-sample-boxes, .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-tree {
        -webkit-flex-shrink: 0;
        -ms-flex-shrink: 0;
        flex-shrink: 0;
    }
}

@media (min-width:40em) and (max-width:63.9375em) {
    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-tree {
        width: 50%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-right {
        width: 150%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-sample-boxes {
        width: 33.33333333%;
        border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-content-right {
        width: 66.66666667%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-1 .elj-tree {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-1 .elj-sample-boxes {
        border-right: 0;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-1 .elj-inventory-right {
        -webkit-transform: translateX(-33.33333333%);
        transform: translateX(-33.33333333%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-2 .elj-tree {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-2 .elj-inventory-right {
        -webkit-transform: translateX(-66.66666667%);
        transform: translateX(-66.66666667%);
    }
}

@media screen and (max-width:39.9375em) {
    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-tree {
        width: 100%;
        border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-right {
        width: 200%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-sample-boxes {
        width: 50%;
        border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper .elj-inventory-content-right {
        width: 50%;
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-1 .elj-tree {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-1 .elj-inventory-right {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-2 .elj-tree {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
    }

    .elj-page-inventory-browser .elj-inventory-browser-wrapper.past-step-2 .elj-inventory-right {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@media screen and (max-width:39.9375em) {
    .elj-page-inventory-browser .elj-modal .sample-box-button-wrapper .mobile-modal-back-button, .elj-page-inventory-browser .elj-popup-wrapper .sample-box-button-wrapper .mobile-modal-back-button {
        display: block;
    }

    .elj-page-inventory-browser .elj-modal .modal-tree-drawer, .elj-page-inventory-browser .elj-popup-wrapper .modal-tree-drawer {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow: hidden;
    }

        .elj-page-inventory-browser .elj-modal .modal-tree-drawer .elj-page-column, .elj-page-inventory-browser .elj-popup-wrapper .modal-tree-drawer .elj-page-column {
            transition: .3s ease-out;
            -webkit-flex-shrink: 0;
            -ms-flex-shrink: 0;
            flex-shrink: 0;
            width: 100%;
        }

        .elj-page-inventory-browser .elj-modal .modal-tree-drawer.past-step-1 .elj-page-column, .elj-page-inventory-browser .elj-popup-wrapper .modal-tree-drawer.past-step-1 .elj-page-column {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        }

    .elj-page-inventory-browser .elj-modal .elj-tree, .elj-page-inventory-browser .elj-popup-wrapper .elj-tree {
        border: 0;
    }
}

.elj-page-inventory-browser .elj-tree {
    border-radius: .4rem 0 0 .4rem;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-right: 0;
}

.elj-page-inventory-browser .elj-sample-boxes {
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-right: 0;
    padding: 1.2rem;
}

    .elj-page-inventory-browser .elj-sample-boxes h4 {
        margin-top: 2.4rem;
        clear: both;
    }

    .elj-page-inventory-browser .elj-sample-boxes p a {
        color: #576f7b;
    }

        .elj-page-inventory-browser .elj-sample-boxes p a:focus, .elj-page-inventory-browser .elj-sample-boxes p a:hover {
            text-decoration: underline;
        }

.elj-page-inventory-browser .sample-box-button-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    padding: 1.2rem;
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin: -1.2rem -1.2rem 2.4rem;
}

    .elj-page-inventory-browser .sample-box-button-wrapper .mobile-modal-back-button {
        display: none;
    }

    .elj-page-inventory-browser .sample-box-button-wrapper > li:not(:last-child) {
        margin-right: 1.2rem;
    }

    .elj-page-inventory-browser .sample-box-button-wrapper .elj-dropdown-trigger li {
        position: relative;
    }

        .elj-page-inventory-browser .sample-box-button-wrapper .elj-dropdown-trigger li[data-elj-type] {
            padding-left: 2.4rem;
        }

        .elj-page-inventory-browser .sample-box-button-wrapper .elj-dropdown-trigger li:before {
            width: 1.2rem;
            height: 1.2rem;
            position: absolute;
            left: 0;
            top: 1.2rem;
        }

    .elj-page-inventory-browser .sample-box-button-wrapper .last-item {
        -webkit-flex-grow: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
    }

        .elj-page-inventory-browser .sample-box-button-wrapper .last-item > :not(:last-child) {
            margin-right: 1.2rem;
        }

.elj-page-inventory-browser .sample-box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1.2rem 6rem 0 3.6rem;
    min-height: 6rem;
    margin-bottom: 1.2rem;
    width: 100%;
    max-width: 33.6rem;
}

    .elj-page-inventory-browser .sample-box:before {
        position: absolute;
        top: 1.2rem;
        left: 1.2rem;
    }

    .elj-page-inventory-browser .sample-box a {
        color: #576f7b;
    }

        .elj-page-inventory-browser .sample-box a:focus, .elj-page-inventory-browser .sample-box a:hover {
            text-decoration: underline;
        }

    .elj-page-inventory-browser .sample-box p {
        margin-bottom: .6rem;
        width: 100%;
    }

    .elj-page-inventory-browser .sample-box .elj-dropdown-trigger {
        position: absolute;
        top: 1.2rem;
        right: 1.2rem;
    }

@media screen and (min-width:64em) {
    .elj-page-inventory-browser .sample-box-view .sample-box {
        float: left;
        width: calc(50% - 1.2rem);
    }

        .elj-page-inventory-browser .sample-box-view .sample-box:nth-of-type(odd) {
            margin-right: 1.2rem;
            clear: both;
        }

        .elj-page-inventory-browser .sample-box-view .sample-box:nth-of-type(even) {
            margin-left: 1.2rem;
        }
}

.elj-page-inventory-browser .sample-box-usage {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1.2rem;
}

    .elj-page-inventory-browser .sample-box-usage .progress-wrapper {
        border-radius: .3rem;
        background: #dfe3e5;
        height: .6rem;
        overflow: hidden;
        width: 100%;
        min-width: 4.8rem;
        max-width: 7.2rem;
        margin-right: .6rem;
    }

    .elj-page-inventory-browser .sample-box-usage .progress-fill {
        float: left;
        height: .6rem;
    }

    .elj-page-inventory-browser .sample-box-usage p {
        color: #8498a2;
        text-transform: uppercase;
        font-size: 1rem;
        margin: 0;
    }

.elj-page-inventory-browser .single-sample {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-bottom: 1.2rem;
}

    .elj-page-inventory-browser .single-sample .single-sample-item {
        width: 3.6rem;
        height: 3.6rem;
        margin-right: 1.2rem;
    }

        .elj-page-inventory-browser .single-sample .single-sample-item:before {
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            position: absolute;
            top: 50%;
            left: 50%;
        }

    .elj-page-inventory-browser .single-sample a {
        color: #576f7b;
    }

        .elj-page-inventory-browser .single-sample a:focus, .elj-page-inventory-browser .single-sample a:hover {
            text-decoration: underline;
        }

    .elj-page-inventory-browser .single-sample p {
        margin: 0;
    }

        .elj-page-inventory-browser .single-sample p span {
            color: #8498a2;
            text-transform: uppercase;
            font-size: 1rem;
        }

.elj-page-inventory-browser .elj-inventory-content-right {
    border-left: 1px solid var(--hx-border-secondary, #dfe3e5);
}

    .elj-page-inventory-browser .elj-inventory-content-right a {
        color: #576f7b;
    }

        .elj-page-inventory-browser .elj-inventory-content-right a:focus, .elj-page-inventory-browser .elj-inventory-content-right a:hover {
            text-decoration: underline;
        }

.elj-page-inventory-browser .elj-inventory-table-overview {
    border-radius: 0 .4rem 0 0;
    width: 100%;
}

    .elj-page-inventory-browser .elj-inventory-table-overview a {
        text-decoration: underline;
    }

        .elj-page-inventory-browser .elj-inventory-table-overview a:focus, .elj-page-inventory-browser .elj-inventory-table-overview a:hover {
            color: #00ABAB;
        }

    .elj-page-inventory-browser .elj-inventory-table-overview table {
        margin: 0;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview td, .elj-page-inventory-browser .elj-inventory-table-overview th {
        padding: 1.2rem .6rem;
        white-space: nowrap;
    }

        .elj-page-inventory-browser .elj-inventory-table-overview td[colspan] {
            padding: 0;
        }

    .elj-page-inventory-browser .elj-inventory-table-overview th {
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        background: #f7f9fa;
        text-align: left;
    }

        .elj-page-inventory-browser .elj-inventory-table-overview th:after {
            margin-left: .6rem;
            font-family: elab-app;
            text-transform: none;
            font-size: 10px;
        }

    .elj-page-inventory-browser .elj-inventory-table-overview .sort-down:after {
        content: 'u';
    }

    .elj-page-inventory-browser .elj-inventory-table-overview .sort-up:after {
        content: 's';
    }

    .elj-page-inventory-browser .elj-inventory-table-overview .elj-hidden-row-trigger {
        transition: .15s ease-out;
        border-radius: 50%;
        cursor: pointer;
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        margin-right: .3rem;
        color: #576f7b;
        display: inline-block;
        text-align: center;
        font-size: 1.2rem;
    }

        .elj-page-inventory-browser .elj-inventory-table-overview .elj-hidden-row-trigger:hover {
            background: #576f7b;
            color: #fff;
        }

    .elj-page-inventory-browser .elj-inventory-table-overview .active-set .elj-hidden-row-trigger:before {
        content: 'F';
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr table, .elj-page-inventory-browser .elj-inventory-table-overview tr table td {
        background: #f7f9fa;
    }

        .elj-page-inventory-browser .elj-inventory-table-overview tr table td:first-child {
            padding-left: 0;
        }

        .elj-page-inventory-browser .elj-inventory-table-overview tr table tr:hover td {
            background: 0 0;
        }

    .elj-page-inventory-browser .elj-inventory-table-overview tr.elj-odded-table-row td, .elj-page-inventory-browser .elj-inventory-table-overview tr:nth-of-type(odd) td {
        background: #f7f9fa;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr > :first-child {
        width: 3.4rem;
        padding-left: 1.2rem;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr:hover > td {
        background: #dfe3e5;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr.elj-set-item label {
        left: 1.2rem;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr.elj-set-item td:nth-child(2) {
        padding-left: 3rem;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview tr.hide-set {
        display: none;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview td:first-child, .elj-page-inventory-browser .elj-inventory-table-overview th:first-child {
        vertical-align: top;
    }

    .elj-page-inventory-browser .elj-inventory-table-overview table {
        width: 100%;
    }

.elj-page-inventory-browser .elj-detail-content-header {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin-bottom: 2.4rem;
}

.elj-page-inventory-browser .elj-detail-content-header-aside {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
}

    .elj-page-inventory-browser .elj-detail-content-header-aside > * {
        margin-bottom: 2.4rem;
    }

    .elj-page-inventory-browser .elj-detail-content-header-aside > :not(:last-child) {
        margin-right: 2.4rem;
    }

.elj-page-inventory-browser .elj-detail-content {
    -webkit-flex-grow: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    padding: 2.4rem 2.4rem 0;
    border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
}

.elj-sample-box-content {
    width: 100%;
    table-layout: fixed;
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
}

    .elj-sample-box-content p {
        margin: 0;
    }

.elj-thead .elj-table-row > * {
    color: #8498a2;
    height: 2.4rem;
}

.elj-thead .elj-table-row > :not(:first-child):before {
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    position: absolute;
    top: 50%;
    left: 50%;
    content: counter(table-column,upper-alpha);
}

.elj-tbody {
    counter-reset: table-row;
}

    .elj-tbody .elj-table-row {
        counter-increment: table-row;
    }

        .elj-tbody .elj-table-row > :after {
            content: '';
            display: block;
            padding-top: 100%;
        }

        .elj-tbody .elj-table-row > :first-child {
            border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
        }

            .elj-tbody .elj-table-row > :first-child:before {
                -webkit-transform: translate3d(-50%,-50%,0);
                transform: translate3d(-50%,-50%,0);
                position: absolute;
                top: 50%;
                left: 50%;
                content: counter(table-row);
            }

        .elj-tbody .elj-table-row > :not(:first-child) {
            border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
            border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        }

        .elj-tbody .elj-table-row:first-child > :not(:first-child) {
            border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        }

        .elj-tbody .elj-table-row:last-child > :not(:first-child) {
            box-shadow: 0 2px 0 0 rgba(0,0,0,.025);
        }

.elj-table-row {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    counter-reset: table-column;
}

    .elj-table-row > * {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
    }

    .elj-table-row > :not(:first-child) {
        counter-increment: table-column;
    }

.elj-cell-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1rem;
}

    .elj-cell-wrapper .elj-text {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        color: #fff;
    }

    .elj-cell-wrapper[data-elj-type]:before {
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        position: absolute;
        top: 50%;
        left: 50%;
        min-width: 2.4rem;
        max-width: 6rem;
        width: 75%;
        min-height: 2.4rem;
        max-height: 6rem;
        height: 75%;
        z-index: 1;
    }

    .elj-cell-wrapper.elj-empty-cell:hover {
        background: #f7f9fa;
        cursor: pointer;
    }

        .elj-cell-wrapper.elj-empty-cell:hover:after {
            -webkit-transform: translate3d(-50%,-50%,0);
            transform: translate3d(-50%,-50%,0);
            position: absolute;
            top: 50%;
            left: 50%;
            content: 'N';
            font-family: elab-app;
            text-transform: none;
        }

.sample-selected:before {
    content: '';
    border: 2px solid #00ABAB;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none;
}

.sample-selected .elj-empty-cell:hover:after {
    content: 'Y';
}

.panelTitle {
    margin: 0.6rem 0;
    overflow: hidden;
}

    .panelTitle:first-child {
        margin-top: 0;
    }

    .panelTitle img {
        float: right;
    }


#searchresults {
    border-radius: 0 0 .4rem .4rem;
    width: calc(100% - 126px);
    min-width: calc(100% - 129px);
    z-index: 9999;
    background-color: #fff;
    position: absolute;
    display: none;
    margin-top: -12px;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    overflow: auto !important;
}

    /*specific logic for inventory browser dialog*/
    #searchresults.mini,
    #popupBody #searchresults {
        min-width: calc(100% - 134)
    }

@media screen and (max-width:1500px) {
    #searchresults {
        min-width: calc(100% - 123px);
    }
    #searchresults.mini {
        min-width: calc(100% - 132px);
    }
}

@media screen and (max-width:830px) {
    #searchresults {
        width: 70%;
    }
}

.searchResult {
    width: 50%;
    height: 22px;
    line-height: 22px;
    float: left;
    overflow: hidden;
    border-bottom: 1px dotted #CCC;
}


#popupBody #searchresults {
    width: calc(100% - 179px) !important;
    min-width: calc(100% - 179px);
}

.searchResultName {
    padding-left: 4px;
}
.elj-tree {
    background: #f7f9fa;
    font-weight: 700;
    overflow: hidden;
    padding: 1.2rem;
}

    .elj-tree ul {
        margin: 0;
    }

        .elj-tree ul ul {
            margin-left: -.8rem;
            display: none;
        }

        .elj-tree ul .active > ul {
            display: block!important;
        }

    .elj-tree li {
        padding-left: 1.6rem;
        position: relative;
    }

    .elj-tree .subtree-trigger {
        transition: .15s ease-out;
        border-radius: 50%;
        width: 1.8rem;
        line-height: 1.8rem;
        height: 1.8rem;
        text-align: center;
        display: block;
        position: absolute;
        top: .8rem;
        left: -.6rem;
        font-size: 1rem;
        color: #8498a2;
        z-index: 1;
        cursor: pointer;
    }

        .elj-tree .subtree-trigger:hover {
            box-shadow: 0 0 0 1px #dfe3e5;
            background: #fff;
        }

    .elj-tree a {
        color: #576f7b;
        padding: .8rem 1.2rem .8rem 0;
        display: block;
        position: relative;
    }

        .elj-tree a:focus, .elj-tree a:hover {
            text-decoration: underline;
        }

        .elj-tree a[data-elj-type], .elj-tree a[data-icon] {
            padding-left: 1.8rem;
        }

        .elj-tree a:before {
            position: absolute;
            top: .9rem;
            left: 0;
            font-size: 13px;
        }

        .elj-tree a[data-elj-type]:before {
            width: 1.2rem;
            height: 1.2rem;
            top: 1.1rem;
        }

    .elj-tree .active {
        position: relative;
        z-index: 1;
    }

        .elj-tree .active:before {
            color: #fff!important;
        }

        .elj-tree .active > a {
            color: #fff;
        }

            .elj-tree .active > a:after {
                -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
                content: '';
                position: absolute;
                top: 0;
                left: 50%;
                width: 100vw;
                height: 100%;
                z-index: -1;
                background: #576f7b;
            }

.elj-modal .elj-tree, .elj-popup-wrapper .elj-tree {
    border: 0;
    border-right: 1px solid var(--hx-border-secondary, #dfe3e5);
    background: 0 0;
    padding: 2.4rem 1.2rem;
    margin: -2.4rem 0 0;
    height: calc(100% + 2.4rem);
}

.timeline-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1.2rem;
}

    .timeline-wrapper > * {
        padding: 0 1.2rem;
        margin: 0 0 2.4rem;
    }

    .timeline-wrapper .timeline-left {
        width: 15%;
        margin-top: 2.4rem;
        min-width:100px;
    }

    .timeline-wrapper .timeline-journal {
        width: 85%;
    }

    .timeline-wrapper div[name=dateList] > * {
        border-radius: .4rem;
        border: 1px solid var(--hx-border-secondary, #dfe3e5);
        width: 100%!important;
        height: auto!important;
        max-height: 100vh;
        overflow: auto;
    }

.timeline {
    position: relative;
    padding-top: 1.2rem;
}

    .timeline:after {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        border-radius: .2rem;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 9.6rem;
        background-color: #dfe3e5;
        width: .4rem;
        display: block;
    }

    .timeline .experimentSpinner {
        display: block;
        position: relative;
        z-index: 100;
        background-color: rgba(255,255,255,.1);
        font-size: 4em;
        text-align: center!important;
        width: 880px;
        height: 50px;
        margin: auto;
    }

        .timeline .experimentSpinner span {
            position: absolute;
            top: 0;
            left: 0;
            margin-left: 430px;
        }

    .timeline .journalImageOutline {
        outline: #08a0a1 solid 2px;
        outline-offset: -2px;
    }

    .timeline .journalImageContainer {
        display: inline-block;
        position: relative;
        margin: 5px 5px 20px 0;
        float: left;
    }

        .timeline .journalImageContainer .description {
            word-break: break-all;
            text-align: justify;
            display: block;
            font-size: 12px;
            font-style: italic;
            line-height: 14px;
        }

        .timeline .journalImageContainer .descriptionFilled {
            background-color: #F3F3F3;
            padding: 10px;
            border-top: 1px solid #AAA;
        }

    .timeline .journalImages {
        max-width: none;
    }

    .timeline .sectionHeader {
        padding: 1.2rem 4.8rem 1.2rem 2.4rem;
        border-bottom: 1px solid var(--hx-border-secondary, #dfe3e5);
        /*background: #073b53;*/
        /*background: #00abab70;*/
        background: var(--hx-component-section-legacy-header-bg, #bacbd4);
        position: relative;
    }

        .timeline .sectionHeader a,
        .timeline .sectionHeader i {
            color: var(--hx-text-primary, #141414);
        }

            .timeline .sectionHeader a:focus, .timeline .sectionHeader a:hover {
                text-decoration: underline;
            }

        .timeline .sectionHeader .expandSectionBtn {
            cursor: pointer;
            float: left;
            margin-right: .6rem;
        }
        
        .timeline .sectionHeader .openExperimentBtn {
            display: inline-block;
            text-align: center;
            cursor: pointer;
            -webkit-transform: translate3d(0,-50%,0);
            transform: translate3d(0,-50%,0);
            position: absolute;
            top: 50%;
            right: 1.2rem;
            width: 2.4rem;
            height: 2.4rem;
            line-height: 2.4rem;
            color: #8498a2;
        }

    .timeline .sectionBody {
        padding: 0 2.4rem;
    }

    .timeline .sectionFooter {
        background-color: var(--hx-bg-tertiary, #F7F9FA);
        font-size: 1.2rem;
        padding: .6rem 2.4rem;
        border-top: 1px solid var(--hx-border-secondary, #dfe3e5);
        position: relative;
    }

        .timeline .sectionFooter table {
            width: 100%;
            margin: 0;
        }

            .timeline .sectionFooter table td {
                padding-left: 10px;
            }
    .timeline .sectionContents {
        min-height: 4.8rem;
        cursor: pointer;
    }

    .timeline .expandSectionContainer {
        text-align: center;
    }

.timeline-row {
    padding-left: 9.6rem;
    position: relative;
    z-index: 10;
}

    .timeline-row .timeline-icon {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 9.6rem;
        z-index: 1;
    }

    .timeline-row .timeline-icon-body {
        background-color: #073b53;
        border-radius: 50%;
        width: 3.6rem;
        height: 3.6rem;
        line-height: 3.2rem;
        border: .2rem solid #fff;
        font-size: 16px;
        text-align: center;
        color: #fff;
    }

.timeline-time {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.timeline-content {
    border-radius: .4rem;
    margin-left: 3.6rem;
    position: relative;
    background: var(--hx-bg-secondary, #fff);
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    margin-bottom: 2.4rem;
}

    .timeline-content:after {
        -webkit-transform: translate(-100%,-50%);
        transform: translate(-100%,-50%);
        content: '';
        position: absolute;
        top: 1.8rem;
        height: .4rem;
        width: 3.6rem;
        background: #dfe3e5;
        z-index: -1;
    }

    .timeline-content .timeline-content-body {
        z-index: 10;
    }

.timeline-icon-body {
    color: #fff;
    background-color: #32b9b1;
}

.profile-image img {
    display: inline-block;
}

.profile-image-text {
    display: inline-block;
    padding-left: 2.4rem;
}

.ProtEditorHeader {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

    .ProtEditorHeader a {
        border-radius: .4rem;
        width: 2.4rem;
        height: 2.4rem;
        line-height: 2.8rem;
        text-align: center;
        display: inline-block;
        color: var(--hx-component-button-secondary-fg_default, #576f7b);
        margin-left: .6rem;
    }

        .ProtEditorHeader a:hover {
            background: var(--hx-component-button-secondary-bg_hover, rgba(255,255,255,.25));
        }

.editable {
    padding: 1.2rem 2.4rem;
    background-color: var(--hx-bg-primary, white);
}

.sampleFormSection {
    border-radius: .4rem;
    border: 2px dashed var(--hx-border-secondary, #8498a2);
    margin: 15px 0;
    background-color: var(--hx-bg-secondary, #f7f9fa);
}

    .sampleFormSection a {
        color: var(--text-color, #576f7b);
    }

.gu-mirror {
    position: fixed!important;
    margin: 0!important;
    z-index: 9999!important;
    opacity: .8;
}

.gu-hide {
    display: none!important;
}

.gu-unselectable {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}

.gu-transit {
    opacity: .2;
}

.webix_selected {
    color: #576f7b!important;
    background-color: #dfe3e5!important;
}

.webix_dataview_item img {
    margin-left: auto;
    margin-right: auto;
}

.webix_after_all_tabs, .webix_item_tab.webix_selected, .webix_layout_toolbar.webix_toolbar {
    background-color: #073b53;
}

.adminEnvironment .page-logo {
    margin-top: 3px !important;
    position: relative;
    background: var(--hx-surface-brand-secondary, #16a8a9);
    padding-left: 24px;
    margin:0;
}

.theme-elabjournal .page-logo a,
.adminEnvironment .page-logo .journal {
    margin-top: 2px;
    width: 220px;
    background-image: url(/resources/redesign-triz/img/eLabNext_by_SciSure_LOGO_White.svg);
}

.scisure-logo {
    max-width: 120px;
    cursor: pointer;    
}

@media screen and (max-width:29em) {
    .theme-elabjournal .page-logo a,
    .adminEnvironment .page-logo a {
        width: 3.6rem;
        background-size: auto 3.6rem;
    }
}

.theme-elabjournal .page-header {
    background: var(--hx-surface-brand-secondary, #007782);
}
.jstree a {
    white-space: nowrap; 
    overflow: hidden;
    max-width:220px;
    text-overflow:ellipsis;
}

.d-none {
    display: none;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.ma-0{
    margin: 0;
}
.ma-1{
    margin: 4px;
}
.ma-2{
    margin: 8px;
}
.ma-3{
    margin: 12px;
}
.ma-4{
    margin: 16px;
}
.ma-5{
    margin: 20px;
}
.ma-6{
    margin: 24px;
}

.mr-0{
    margin-right: 0;
}
.mr-1{
    margin-right: 4px;
}
.mr-2{
    margin-right: 8px;
}
.mr-3{
    margin-right: 12px;
}
.mr-4{
    margin-right: 16px;
}
.mr-5{
    margin-right: 20px;
}
.mr-6{
    margin-right: 24px;
}

.ml-0{
    margin-left: 0;
}
.ml-1{
    margin-left: 4px;
}
.ml-2{
    margin-left: 8px;
}
.ml-3{
    margin-left: 12px;
}
.ml-4{
    margin-left: 16px;
}
.ml-5{
    margin-left: 20px;
}
.ml-6{
    margin-left: 24px;
}

.mb-0{
    margin-bottom: 0;
}
.mb-1{
    margin-bottom: 4px;
}
.mb-2{
    margin-bottom: 8px;
}
.mb-3{
    margin-bottom: 12px;
}
.mb-4{
    margin-bottom: 16px;
}
.mb-5{
    margin-bottom: 20px;
}
.mb-6{
    margin-bottom: 24px;
}

.mt-0{
    margin-top: 0;
}
.mt-1{
    margin-top: 4px;
}
.mt-2{
    margin-top: 8px;
}
.mt-3{
    margin-top: 12px;
}
.mt-4{
    margin-top: 16px;
}
.mt-5{
    margin-top: 20px;
}
.mt-6{
    margin-top: 24px;
}

.pa-0{
    padding: 0 !important;
}
.pa-1{
    padding: 4px;
}
.pa-2{
    padding: 8px;
}
.pa-3{
    padding: 12px;
}
.pa-4{
    padding: 16px;
}
.pa-5{
    padding: 20px;
}
.pa-6{
    padding: 24px;
}

.pr-0{
    padding-right: 0 !important;
}
.pr-1{
    padding-right: 4px;
}
.pr-2{
    padding-right: 8px;
}
.pr-3{
    padding-right: 12px;
}
.pr-4{
    padding-right: 16px;
}
.pr-5{
    padding-right: 20px;
}
.pr-6{
    padding-right: 24px;
}

.pl-0{
    padding-left: 0 !important;
}
.pl-1{
    padding-left: 4px;
}
.pl-2{
    padding-left: 8px;
}
.pl-3{
    padding-left: 12px;
}
.pl-4{
    padding-left: 16px;
}
.pl-5{
    padding-left: 20px;
}
.pl-6{
    padding-left: 24px;
}

.pb-0{
    padding-bottom: 0;
}
.pb-1{
    padding-bottom: 4px;
}
.pb-2{
    padding-bottom: 8px;
}
.pb-3{
    padding-bottom: 12px;
}
.pb-4{
    padding-bottom: 16px;
}
.pb-5{
    padding-bottom: 20px;
}
.pb-6{
    padding-bottom: 24px;
}

.pt-0{
    padding-top: 0;
}
.pt-1{
    padding-top: 4px;
}
.pt-2{
    padding-top: 8px;
}
.pt-3{
    padding-top: 12px;
}
.pt-4{
    padding-top: 16px;
}
.pt-5{
    padding-top: 20px;
}
.pt-6{
    padding-top: 24px;
}

.simple-flexbox-container{
    justify-content: space-between;
    display: flex;
}
.simple-flexbox-container-inside{
    flex: 0 0 auto;
}

.search-flex-box{
    display:flex; 
    flex-shrink: 1; 
    flex-basis: 200px; 
    flex-grow: 2;
    
}

#timeLineDateList table,
#sidebar table {
    border: none !important;
}

.gridsmall thead tr:first-of-type,
.gridsmall thead th,
.grid tbody tr th,
.grid thead th,
#filebrowser table thead tr,
#membertable table tbody tr th, #membertable table tbody tr th a,
#sampleTable #sampleTableHeader,
#experimentTable table tbody tr th,
#table_project tbody tr th,
#pendingFilesTable table thead tr th,
#table_tablePendingSignatures thead tr th,
#table_tableDeclinedSignatures thead tr th,
#table_protocolBrowser thead tr th,
#table_study tbody tr th,
#recentlyJoinedMembers table thead tr th {
    color: var(--hx-text-primary, #141414);
    background-color: var(--hx-component-table-bg-default-header, #bacbd4);
}

.sampleform .gridsmall tr:first-of-type {
    color: inherit !important;
    background-color: inherit !important;
}

#pendingFilesTable .pendingFilesTableActionButton{
    display:none;
    float:left;
    cursor:pointer;
}

#pendingFilesTable th.first,
#pendingFilesTable td:first-child{
    vertical-align: top;    
}

#sampleTable #sampleTableHeader th:first-of-type{
    display:flex;
    border: none;
}
#sampleTableContainer, #panelSamples, #seriesSampleTable {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
table div:not(#zplEntry) label
{
    margin-left: 6px;
}

#zplPreviewForm label{
    margin-left:0!important;
}

.sampleformLabel,
#sampleform .checkbox label {
    margin-left: 0 !important;
}

.formfield.date,
.formfield.date input {
    max-width: 200px;
}

.dark-overlay {
    background-color: rgba(0,0,0,0.5); 
    width: 100vw; 
    height: 100vh; 
    position: fixed; 
    top: 0;
}

#container.has-ie-warning {
    background: #eee;
}

.maretplace-ie11-warning {
    margin: 80px auto 0;
    padding: 20px;
    text-align: center;
    background: #eee;
    border: 1px solid #ccc;
    font-size: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.125);
    background: #fff;
    max-width: 768px;
    width: 100%;

}

.remove-collaborator {
    color: red !important;
    display: none;
}

.signed-row-item{
    display:block;
    padding:5px 5px 5px 0;
}

.ui-button-text{
    padding: 0 !important;
}

.border-table-div-above{
    border-collapse: separate !important;
    border-radius: 6px !important;
    border: 1px solid var(--hx-component-table-border-default, #dfe3e5);
    overflow:hidden;
}

table.grid:not(#exportFilesTable):not(._wizardTable),
.experimentMeta,
#membertable table,
#experimentTable table,
#table_projectgroup,
#table_project,
#table_protocolBrowser,
#table_study {
    border-collapse: separate !important;
    border-radius: 6px !important;
    border: 1px solid var(--hx-component-table-border-default, #dfe3e5);
    overflow:hidden;
}

#journalPage .sampleTable table {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.show-browse-menu-mobile {
    left: -2.4rem;
    padding: 0;
    position: absolute;
    display: block;
    background-color: white;
}

#barcodeGeneratorForm,
#barcodeHolder {
    width: 50%;
}

.barcodeContents {
    color:#808080;
    font-style:italic;
    max-width:500px;
    overflow:auto;
}

.tab-content > .tab {
    margin: 12px;
}

.table-cell-small {
    width: 200px;
}

.selectAllOrNone {
    border: 1px solid #00a1a1;
    border-radius: .4rem;
    /*float: left;*/
    color: #00a1a1;
    margin-right: 4px;
}

#searchItemContext a, #printContext a, #smpBarAddSample a, .insertedContext a, #add_storagelayer_btn a, #vakata-contextmenu a, #contextMenuCompartmentEdit a, #contextMenuCompartmentDelete a, #addInlineStorageLayerItemContext a {
    font-weight: normal !important;
    line-height: 38px !important;
    padding-left: 8px;
}

#jsonEditor .ui-widget-content table {
    width: 100%;
    border-collapse: collapse;
    box-sizing: border-box;
    margin-bottom: 12px;
}

    #jsonEditor .ui-widget-content table thead th {
        color: #141414;
        background: #bacbd4;
        border: none;
        white-space: nowrap;
        text-align: left;
        padding: 1rem .6rem;
        margin-bottom: 1rem;
    }

#jsonEditor .ui-widget-content table tr:nth-of-type(odd) td:not([style]){
    background-color: #f7f9fa;
}

#jsonEditor .ui-widget-content table td {
    padding: 1rem .6rem;
}

.json-editor-btn-movedown,
.json-editor-btn-moveup,
.json-editor-btn-delete {
    margin-left: 8px !important;
}

.minHeightImportSamples{
    min-width: 220px;
}

.registration-form .form-control {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.registration-form .form-control > div {
    padding: 5px;
}

.registration-form .form-control > div:first-child {
    padding-left: 0;
}

.registration-form .elj-notice-info a {
    color: #00A1A2;
}

.registation-detail-form #recaptcha {
    margin-left: 0;
}

.tabber.sampleViewerSectionHeader {
    padding-bottom: 0;
}

.projectDialogs {
    display: none;
}
.subgroup {
    background-color: #F7F9FA;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-radius: 4px;
}

.holidaysImg {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 1;
}
#logTable {
    height: 100%;
    width: 98%;
    margin: 10px;
    overflow: auto!important;
}

#primaryGroupIDSelector .groupSelector.active {
    pointer-events: none;
}

.groupSelector a {
    max-width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.datepick-popup {
    z-index : 2000022;
    width: 240px;
}
.datepick-popup-background {
    z-index : 9999 !important;
}

.datepick-popup table {
    font-size: .9em;
}

#labelPrinter #userDefinedText {
    height: 70px !important;
}
#iFrameLabelPrinter {
    width: 530px;
    height: 800px;
    border: 0;
    margin: 0;
}

.fa-calendar.ml-2.mt-2 {
    cursor: pointer;
}
    
#expiryDateSpecificSelectorDiv .formfield.form-field-calendar {
    width: 240px;
}

#organisationRolesAndPermissions table {
    border-collapse: separate; 
    border-spacing: 0 5px;
}

#sampleListPrimaryActions {
    display:inline-flex;
}
    #sampleListPrimaryActions button {
        margin-right:5px;
    }
    
.barcode h1 {
    margin-left: 1rem;
}

button[title="Help"] ,a[title="Help"] {
    display: inline-block;
    align-items: center;
    vertical-align: baseline;
}

button[title="Help"] i, a[title="Help"] i {
    font-size: 18px;
}

.page-header a[title="Help"] i {
    font-size: inherit;
}

#helpSearch a[title="Help"] {
    display: flex;
}

.help-icon-wrapper {
    height: 3.4rem;
}

.help-icon-wrapper a[title="Help"] {
    display: inline-flex;
}

.elj-notice a[title="Help"] {
    height: initial;
    display: initial;
    
}

.trialAccount input {
    width: 300px;
}

.elj-page-column.experiment-browser-column-center {
    padding-left: 0.5rem;
    padding-right: 0rem;
}

#panel1Content {
    margin-left: 1rem;
}
#experimentBrowserColumnRight {
    padding-left:0.5rem;
}

@media screen and (max-width: 63.9375em) {
    .elj-page-column.experiment-browser-column-center {
        padding-left: 0;
        padding-right: 0;
    }
}


.inventory-search-wrapper > input,
.inventory-search-wrapper > .doSearchInFilter {
    margin-bottom: 0;
}

#actions,
#spacerFileStorage{
    height: 50px;
}

.has-help-icon {
    margin-left: auto;
}

.has-help-icon button, .has-help-icon a {
    background-color: var(--hx-bg-primary, white);
    border: 0;
    padding-right: 0;
    color: #00ABAB;
}

#isCheckedOutWarning{
    background-color:#fffec7;
    color: #aa7e0d;
    font-style:italic;
}

#isCheckedOutWarning i{
    color: #aa7e0d;
    margin-right:4px;
}

.elabSyncBarcode {
    padding: 30px 10px 15px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align:center !important;
}

#_dialog_spinner {
    position: absolute;
    right: 60px;
    top: 18px;
}

#_dialog_spinner .fa-spinner {
    font-size: 22px;
}

.elabWebEditDownloadLink {
    color:#fff!important;
}

#sidebar, #sidebar .w2ui-sidebar-div {
    max-height: 70vh;
    min-height:500px;
}
@media only screen and (min-width: 481px) and (max-width: 1264px) {
    #sidebar, #sidebar .w2ui-sidebar-div {
        max-height: 40vh;
    }  }

#studyNavigator {
    max-height: 70vh;
}

    #studyNavigator .w2ui-sidebar-div .w2ui-node-caption, #sidebar .w2ui-sidebar-div .w2ui-node-caption,
    #timeLineDateList .w2ui-sidebar-div .w2ui-node-caption {
        font-size:1.0em;
    }

    #sidebar .w2ui-sidebar-div,
    #studyNavigator .w2ui-sidebar-div  {
        overflow: auto;
    }

    #studyNavigator .w2ui-sidebar-div {
        padding-bottom: 40px;
        max-height: 65vh;
    }

#main-content.inner {
    padding-left:0;
    padding-right:0;
}

#experimentBrowserColumnLeft {
    width:20%;
}

#additionalActionsColumnHolder {
    padding: 0;
    background-color: var(--hx-bg-primary, white);
    border-top:0;
}

#_collaboratorList{
    height: 17vh;
    overflow: auto;
}
#_addCollaborator input{
    margin-bottom: 0px;
}
    #additionalActionsColumnHolder .panelTitle {
        margin-top:0;
        background-color: var(--hx-bg-secondary, #f7f9fa);
        border:1px solid var(--hx-border-secondary, rgba(219, 219, 219, 0.7));
    }
    #additionalActionsColumnHolder .panelTitle h3 {
            margin-top: 6px;
            margin-bottom: 5px;
    }
#_collaboratorList .loadingCollaborators {
    margin:10px;
}
#additionalActionsColumnHolder #_addCollaborator {
    margin:5px;
}
#toggleCollapseExperimentSections {
    margin-left: auto;
    width: max-content;
    margin-bottom: 10px;
}

#_experimentNameEditor .inline-save {
    right:34px;
}

#_experimentName{
    border-bottom: 1px solid rgba(219, 219, 219, 0.7);
    width:100%;
    padding:3px 3px 5px 3px;
    min-height:35px;
    /*line-height:2.5em;*/
}
#_experimentNameTable .d-flex {
    width:100%;
}

#_experimentName {
    font-size:1.3em;
}
#_experimentNewName{
    padding-right:60px; /* give the save/icon selector some space so it wont overlap the text*/
}


#_experiment_editName_pencil {
    margin-right:5px;
}

#experimentBrowserNavigation {
    padding-top: 1.2rem;
}

#_templateSharedSubGroups {
    display: inline-block;
    margin:10px;
}

.switch-button-background {
    background-color: var(--hx-bg-primary, white);
}

.miniBrowser #experimentBrowserColumnLeft {
    width:25%;
}
.miniBrowser #experimentBrowserColumnRight {
    display:none;
}

.miniBrowser #studyNavigator {
    height:90vh;
}

#sampleTable tr.seriesrow td {
    background-color: var(--hx-bg-warning-secondary, #ffffd9);
}

.pageSectionContents table td {
    padding:2px;
    vertical-align: top;
}
.savedReactionTable table td,
.reactionTableContainer table td {
    padding: 1rem .6rem;
}

.savedReactionTable table th,
.reactionTableContainer table th {
    background-color: var(--hx-component-table-bg-default-header, rgb(229, 235, 238));
}

.pageSectionContents table {
    margin: 3px 0px;
}

.pageSection.file .fileTable table {
    width:100%;
    table-layout: fixed;
}
.pageSection.file .fileTable table .eLabUpload_file_action {
    text-align:right;
}
    .pageSection.file .fileTable table .eLabUpload_file_action i {
        cursor:pointer;
        font-size:14px;
        padding:5px;
    }
    .pageSection.file .fileTable .eLabUpload_file_name {
        color:#576f7b;
    }
.pageSection.file .fileTable table tr:hover {
    background-color:rgba(0,161,162,.1);
}

.sampleform  table.gridsmall td {
    vertical-align:top;
    line-break:anywhere;
}


#panelSamples .panelTitle.panelTitleTop {
    border-top-left-radius:0;
    border-top-right-radius:0;
}
#sampleviewer .equipmentSection {
    border: 1px solid #8498a2;
}

#protocol .labels {
    background-color: var(--hx-bg-secondary, #F7F9FA);
    padding:5px;
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-radius: 6px !important;
}

#stepHeader_files {
    background-color: var(--hx-bg-secondary, #F7F9FA);
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
    border-radius: 6px !important;
}

.document:not(.editmode) .protocolPage .stepHeader {
    font-size:14px;
    padding:0 0 0 4px;
}

.document:not(.editmode) .protocolPage .stepHeader h6 {
    font-size:14px;
}

.document {
    background-color: var(--hx-bg-secondary, #f7f9fa);
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid var(--hx-border-secondary, #ececec);
}
    .document .protocolPage {
        background-color: var(--hx-bg-primary, white);
        max-width: 908px;
        margin-left: auto;
        margin-right: auto;
        margin-top:5px;
        min-height:800px;
    }

    #_addProcedureDiv .document {
        background-color:white;
    }
    
    #_addProcedureDiv .document .protocolPage {
        max-width: inherit;
        margin-left: inherit;
        margin-right: inherit;
        margin-top:inherit;
    }
#_addProcedureDiv .toppaper {
    display:none;
}

#openNewWindowLink img {
    display:initial;
}
#openNewWindowLink {
    margin-bottom:5px;
}
#journalPage .pageSection:not(:first-child) {
    margin-top:25px;
}
.pageSectionBody #sampleTableHeader th {
    background-color: var(--hx-component-table-bg-default-header, rgb(229, 235, 238));
}
.collapseJournalBtn {
    cursor:pointer;
}

#zplPreview {
    border: 1px solid var(--hx-border-secondary, #dfe3e5);
}

.fl-scrolls{overflow:auto;position:fixed}.fl-scrolls div{overflow:hidden;pointer-events:none}.fl-scrolls div:before{content:"\A0"}.fl-scrolls,.fl-scrolls div{font-size:1px;line-height:0;margin:0;padding:0}.fl-scrolls-hidden div:before{content:"\A0\A0"}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}.fl-scrolls:not([data-orientation]),.fl-scrolls[data-orientation=horizontal]{bottom:0;min-height:17px}.fl-scrolls:not([data-orientation]) div,.fl-scrolls[data-orientation=horizontal] div{height:1px}.fl-scrolls-hidden.fl-scrolls:not([data-orientation]),.fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal]{bottom:9999px}.fl-scrolls-viewport .fl-scrolls:not([data-orientation]),.fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal]{left:0}.fl-scrolls[data-orientation=vertical]{right:0;min-width:17px}.fl-scrolls[data-orientation=vertical] div{width:1px}.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical]{right:9999px}.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical]{top:0}

.cke_toolgroup, a.cke_combo_button, .cke_inner .cke_top {
    background-image:none !important;
    background-color:#f7f9fa;   
}

.cke_top {
    box-shadow:none!important;
}

.cke_toolgroup, a.cke_combo_button {
    background-color:white!important;
}

.cke .protFieldBar .protFieldBarSection{
    padding:0px;
}
.cke .protFieldBar .protFieldBarSection .protVarInput{
    box-shadow:none;
}
.cke .protFieldBar .protVarType, .cke .protFieldBar .protFieldBarSection.protFieldBarLeft,.cke .protFieldBar .protVarContent,.cke .protFieldBar .protFieldBarSection.protFieldBarRight {
    padding: 2px;
}

.cke .elj-form-item-select::before {
    margin-top: 14px;
}

.elj-content-header div.mr-2 {
    margin-left:8px;
    margin-right:0px;
}

.w2ui-node-count {
    font-size:10px;
}

.pageSectionBody h6, .sectionBody h6, .stepHeader .stepTitle .stepName{
    margin:2px;
    margin-top: 4px;
}

.pageSection.procedure .pageSectionBody, #protocol .stepContents, #protocol input {
    font:12px Arial, Helvetica, sans-serif;
    color: var(--hx-text-primary, #333333);
    line-height: 22px;
}

#ctl00_TemplateBody_ExportContent .sectionFooter {
    color:#333333;
}

#ctl00_TemplateBody_ExportContent .stepBody table td {
    padding:2px;
}
#ctl00_TemplateBody_ExportContent .journalContent th, #ctl00_TemplateBody_ExportContent .stepHeader {
    background-color: var(--hx-component-table-bg-default-header, rgb(229, 235, 238));
}
#ctl00_TemplateBody_ExportContent .stepHeader {
    padding:2px;
}
#ctl00_TemplateBody_ExportContent .stepHeader h6 {
    margin:2px!important;
}

#timeline .timeline-content-body th, #timeline .stepHeader {
    background-color: var(--hx-component-section-legacy-header-bg, #bacbd4);
}

#timeline .timeline-excel .sectionContents img{
    height:100%;
    margin-left:auto;
    margin-right:auto;
}

#main-content .fileTable a {
    font-size: 14px;
}

#searchBar .helpIcon i, #helpSearch .helpIcon i {
    margin-top:8px;
}


#templateBrowser .elj-column-width-9-12 {
    width: 78%;
}

#templateEditor .elj-page-column {
    margin-left: auto;
    margin-right: auto;
}


.elab-tutorial-notification .simple-flexbox-container > div:nth-child(1) {
    padding-top:5px;
}
.elab-tutorial-notification .simple-flexbox-container > div:nth-child(1) i {
    margin:5px;
    margin-right:7px;
}
.elab-tutorial-notification .simple-flexbox-container > div:nth-child(2){
    margin-top:12px;
}

.sectionHeader i.fas.fa-sort {
    font-size:20px;
}

.eLabUpload_file_name{
    cursor: default;
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */
    #eLabNoteBookContent {
        padding: 0 14% 0 19%;
    }
}

#ctl00_TemplateBody_TableLatestCommentsContainer .elj-responsive-table-wrapper {
    margin-top:8px;
}

#sampleform .fieldBlock.requiredField .formfield .elj-keyboard-button {
    right:50px;
}

.addCatalogItemInput {
    width: 97%;
}

.pageSectionBody .cke .cke_contents table td {
    vertical-align: top;
    padding: 1rem;
}

.pageSectionBody .cke .cke_contents table td pre {
    white-space: normal;
    word-break: break-word;
}


.pageSectionContents:not(.ck-content, .ck) .stepBody li,
.pageSectionContents:not(.ck-content, .ck) li, 
.pageSectionContents:not(.ck-content, .ck) ul:not(.todo-list), 
.pageSectionContents:not(.ck-content, .ck) .stepBody ul {
   list-style:inherit !important;
}
.pageSectionBody ul, .stepBody ul{
   margin-left:15px !important;
}
.experimentBrowserPanel .pageSectionBody ul{
   margin-left:30px !important;
}
.pageBody .pageSectionContents:not(.ck-content, .ck) ol, 
.pageSectionContents:not(.ck-content, .ck) .stepBody ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
   padding:inherit;
}

.stepContents .protVarCombo {
    padding-left:8px;
}

@-moz-document url-prefix() {
    .stepContents .protVarCombo {
        padding-left: 14px;
    }
}

.protocolPage, #pageNoScript, .pageSection.procedure, .pageSection.paragraph {
    text-align: left;
}

.d-contents {
    display: contents;
}

.eLabSDKAppendedInformation {
    padding-left:19px;
    clear:both;
}

.chosen-single span {
    color: var(--hx-text-primary, black) !important;
    line-height: 34px !important;
}
.chosen-container-single .chosen-single div b {
    margin-top: 5px;
}

.chosen-container-single .chosen-single .search-choice-close {
    top: 11px !important;
}

#searchMethod .formfield,
#searchType .formfield {
    margin: 0 0 0.3rem;
}
#searchMethod #threshold {
    width: 200px !important;
}

#searchMethod #marvinJSContainer {
    overflow: hidden;
    background: white;
}
#searchMethod input.search_type {
    vertical-align: middle;
}

#popupBody {
    padding-top: 1rem;
    padding-bottom:0;
    background-color: var(--hx-bg-primary, #fff);
}
#popupBody p{
    margin:0;
    padding: 0;
}

#popupBody p.elj-notice-info {
    padding: 1.2rem;
}

.expStructureName {
    width: 500px;
}

.chemicalLicenseField,
.chemicalOptionalField, 
.elj-checkbox + label.chemicalOptionalField, 
.savedReactionTable.chemicalOptionalField, 
table.grid img.chemicalOptionalField {
    display: none;
}

.sideNote {
    font-style: italic;
    font-size: 11px;
}

.study-sign-dialog-signature {
    float:right; 
    margin:0 0 10px 20px;
}

.study-sign-dialog-username {
    font-weight: normal;
}

.study-sign-dialog-spinner {
    width: 24px;
    margin-left: auto;
    margin-right: auto;
}
/* Keep alignment of images in CKEditor correct (experiment, protocol and exports)*/
.pageSection .journalContent.paragraph img,
.pageSection .journalContent.procedure img,
.paragraph .pageSectionContents img,
.procedure .pageSectionContents img,
.protocol .stepContents img {
    display: initial;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

.fas.fa-file.sampleArchiveReasonIcon{
    cursor:pointer;
    color:#8498a2;
    margin-left:8px;
}
.fas.fa-file.sampleArchiveReasonIcon:hover {
    color:#00ABAB !important;
}

.search-container {
    display: flex;
    flex-grow: 1;
    justify-content: right;
    padding-top: 5px;
    position: absolute;
}

@media screen and (max-width:63.9375em) {
    li#search-container {
        display: none !important;
    }
}

@media screen and (min-width:63.9375em) {
    li#search-container {
        margin-right: 2px;
        margin-top: 4px;
    }
}

li#search-container {
    margin-left: auto;
    position: relative;
}



.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/* .filter-content .hx-button {
    box-shadow: none !important;
    border-radius: 3px !important;
    border: 1px solid #DCE4E7 !important;
    gap: 8px !important;
} */

.common-field-label {
    display: flex !important;
    font-size: 14px;
    font-weight: 600 !important;
    color: var(--hx-text-primary, #073B53);
    line-height: 20px;
    padding-bottom: 4px;
    gap: 4px;
}

#protocolHeader #options a:not(.ui-dialog-titlebar-close) {
    height: 34px;
}

#protocolLogViewer > button,
#protocolSignButton > button {
    font-weight: 700 !important;
    font-size: inherit !important;
    box-shadow: unset;
    border: 1px solid var(--hx-component-button-secondary-border_default, #dfe3e5);
    color: var(--hx-text-primary, #141414);
}

#protocolLogViewer > button:hover,
#protocolSignButton > button:hover {
    color: var(--hx-component-button-primary-fg_default, #fff);
}


/* make the dropdown of a select work when it's inside a tippy
   at the moment there is no 'polite' way of doing this. 
*/
.vs__dropdown-menu {
    z-index: 10008 !important;
    margin-top: -4px !important;
}

li.sciShieldLink {
    /*padding: 6px;*/
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 39px;
    a img { max-height: 20px;}
    border-radius: .4rem;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2);
    line-height: 3.6rem;
    white-space: nowrap;
    background: rgba(255, 255, 255, .2);
    &:hover {
        background: rgba(0, 0, 0, .125);
    }
    a:hover {
        background: transparent;
    }
}

.elj-btn > strong {
    font-weight: 600 !important; /* until we have no more legacy buttons */ 
}

ul.nav-sub-level > li {
    background: var(--hx-bg-secondary);
    margin-top: 1px;
    height: 42px !important;
}

@media screen and (max-width: 63.9375em) {
    ul.nav-sub-level > li {
        background: transparent;
    }

    ul.nav-sub-level > li > a:hover {
        background-color: rgba(0, 0, 0, .125);
    }
}


.nav-sub-level .active a:before {
    bottom: -1px !important;
}

.img-scisure-height {
    height: 20px;
}
.d-flex {
    display: flex;
}
.trial-iframe {
    width: 100%;
    height: 754px;
    margin-bottom: 0 !important;
    border: none;
}
.trial-spinner {
    position: absolute;
    left: 50%;
    top: 300px;
    margin-left: -45px;
}

/* 
Target Chrome, Safari, Edge 
This is used to style the autofill of the input fields to use the dark background color.
It also styles the text color and caret color to use the light text color.
*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    /* Your dark background */
    background-color: var(--hx-bg-primary, #1a1a1a) !important;
    -webkit-text-fill-color: var(--hx-text-primary, #f1f1f1) !important;
    caret-color: var(--hx-text-primary, #f1f1f1);
    -webkit-box-shadow: 0 0 0px 1000px var(--hx-bg-primary, #1a1a1a) inset !important;
    transition: background-color 9999s ease-in-out 0s; /* Prevent flash */
}