/** general */

div.p-tabview-nav-container {
    position: inherit;
}

#biomarker-left-aside>div>div>ul {
    overflow: hidden;
    margin-left: -13px;
}

#biomarker-left-aside>div>div>ul>li {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 10px;
}

.height100perc {
    height: 100%;
}

.width100perc.p-autocomplete>ul.p-autocomplete-multiple-container {
    width: 100%;
}

.width100perc.p-calendar>input {
    width: 100%;
}

.bgWhite {
    background-color: #ffffff;
}

.displayNone {
    display: none;
}

.disableContent {
    pointer-events: none;
    opacity: 0.4;
}

.outdatedContent {
    opacity: 0.6;
}

.textAlignLeft {
    text-align: left;
}

.textAlignCenter {
    text-align: center;
}

.textAlignRight {
    text-align: right;
}

/* try to vertically align certain elements */
.valignMiddle {
    display: inline-flex;
    vertical-align: -moz-middle-with-baseline;
}

a.infoIconLink.valignMiddle,
span.infoIconLink.valignMiddle,
.p-button.valignMiddle,
.p-checkbox.valignMiddle {
    vertical-align: middle;
    vertical-align: -moz-middle-with-baseline;
}

.p-checkbox.valignMiddle {
    position: relative;
    top: -1px;
}

h1.pageHeader {
    margin-top: 0;
    margin-bottom: 10px;
    /*font-size: 1.2rem;*/
    font-size: 21px;
}

p.pageInfo,
div.pageInfo {
    margin-top: 0;
    margin-bottom: 10px;
    color: #757575;
    padding-left: 2px;
    line-height: 20px;
}

div.pageInfo {
    margin: 0 8px 0px 8px;
    color: #757575;
    padding-left: 2px;
}

div.borderPaddingLR {
    padding-left: 1px;
    padding-right: 1px;
}

p {
    margin: 0.5rem 0 0.5rem 0;
}

.whiteSpaceNoWrap {
    white-space: nowrap;
}

.whiteSpaceBreakSpaces {
    white-space: break-spaces;
}

.wordBreakBreakAll {
    word-break: break-all;
}

.overflowWrapAnywhere {
    overflow-wrap: anywhere;
}

/** header: topbar */

body .layout-wrapper .layout-main .layout-topbar {
    height: 60px;
    padding: 8px 20px 9px 20px;
    box-shadow: none;
    border-bottom: 1px solid #ffffff;
}

/** header: user icon */

body .layout-wrapper.layout-menu-horizontal .layout-main .layout-topbar .topbar-logo img {
    height: 43px;
}

body .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li>button i {
    font-size: 30px;
    position: relative;
    top: 5px;
    left: 3px;
}

body .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li.profile-item>button {
    top: -8px;
}

body .layout-wrapper .layout-main .layout-topbar .layout-topbar-menu-wrapper .topbar-menu>li.profile-item>button .profile-image-wrapper {
    margin-right: 0;
}

/** menu */

body .layout-wrapper .layout-sidebar .layout-menu>li:first-child.active-menuitem a,
body .layout-wrapper .layout-sidebar .layout-menu>li.active-menuitem a,
body .layout-wrapper .layout-sidebar .layout-menu>li.active-menuitem>a,
body .layout-wrapper .layout-sidebar.layout-sidebar-active .layout-menu>li.active-menuitem>a {
    border-radius: 0px;
}

/* menu items with info texts */
body a.p-ripple span.menuitemName {
    font-size: 15px;
}

body a.p-ripple div.menuitemInfoText {
    padding-top: 3px;
    font-size: 13px;
    color: #757575;
}

body .layout-wrapper .layout-sidebar .layout-menu li.active-menuitem a.p-ripple.router-link-active i {
    color: #000000;
}

body a.p-ripple.router-link-active div.menuitemInfoText {
    /*color: #ffffff;*/
    color: #000000;
}

.layout-sidebar .layout-menu-container li.active-menuitem>ul.layout-submenu-enter-done {
    z-index: 4000;
}


/** footer */

.layout-wrapper .layout-main .layout-footer img {
    margin-top: 0px;
}

/** field set */

body .p-fieldset {
    border-radius: 0;
}

body .p-fieldset .p-fieldset-legend {
    padding-bottom: 0;
    padding-top: 0;
}

body .p-fieldset .p-fieldset-legend .p-fieldset-legend-text {
    color: #000000;
    font-weight: bold;
}

body .p-fieldset-toggleable .p-fieldset-legend a {
    padding: 0;
}

body .p-fieldset .p-fieldset-legend .p-fieldset-toggler {
    width: 1em;
    height: 1em;
    padding: 0;
    font-size: 1.5em;
    margin-top: 0px;
    margin-right: 8px;
    box-shadow: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

/** input field: multiple */

body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-inputtext {
    padding: 7px;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    background: none;
}

body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-token {
    border-radius: 0;
    margin-right: 7px;
}

body li.p-autocomplete-token.p-highlight {
    background-color: #f5f5f5;
    /* #7CB342 */
    color: #000000;
    border: 1px solid #cfcfcf;
}

body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 15px;
}

body span.p-autocomplete-token-icon.pi.pi-fw.pi-times {
    color: #000000;
}

body .md-inputfield>label {
    top: 5px;
}

/** input field: focus */

body .p-inputtext:focus,
body .p-inputtext:focus,
body .p-inputtext.p-focus,
body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container.p-inputtext.p-focus {
    background: none;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #000000;
    box-shadow: none;
    padding: 7px;
}

body .p-chips .p-inputtext.p-focus input {
    border: none;
}

/** dropdown */

div.p-dropdown.p-component.dropdownNoBorder {
    background: none;
    /*padding-bottom: 2px;*/
    border: none;
}

div.p-paginator-right-content div.p-dropdown.p-component.dropdownNoBorder {
    background: none;
    /*padding-bottom: 2px;*/
    border: none;
}

body .p-dropdown .p-dropdown-label {
    padding-right: 0px !important;
}

body .withClearIcon.p-dropdown .p-dropdown-label {
    padding-right: 25px !important;
}

.p-datatable .p-paginator-bottom {
    border-bottom: none;
}

.p-dataview .p-paginator-bottom {
    border-bottom: none;
}

body button.buttonSmall .pi-md-content-copy.p-button-icon-left {
    font-size: 1.0em;
}

body .p-dropdown-filter-container .p-inputtext {
    background-image: none;
}

body label.p-multiselect-label.p-placeholder {
    margin-bottom: -5px !important;
}

body label.p-multiselect-label {
    margin-bottom: -5px !important;
}

div.p-paginator.p-component.p-unselectable-text.footerPaginator div.p-dropdown.p-component {
    border-bottom: 1px solid #e5e5e5;
}

div.p-paginator.p-component.p-unselectable-text div.p-dropdown.p-component {
    border-bottom: 1px solid #e5e5e5;
}

/** dropdown: focus */

body .p-dropdown label.p-dropdown-label.p-inputtext {
    border: none;
}

/** button */

body button.p-button {
    border-radius: 0;
    min-width: unset;
}

body button.primaryButton.p-button.p-component,
body .p-button.primaryButton {
    background-color: #FC7E00;
    color: #ffffff;
}

/* splitbutton */

body .primaryButton.p-splitbutton {
    box-shadow: none;
}

body .p-splitbutton .p-button.p-splitbutton-menubutton {
    border-radius: 0px;
}

body .width100perc.p-splitbutton .p-button.p-splitbutton-menubutton {
    width: 29px;
}

body .width100perc.p-splitbutton .p-button.p-component.p-button-text-only {
    width: calc(100% - 32px);
}

body .width100perc.p-splitbutton .p-buttonset.p-component {
    width: 100%;
}

/* Split-Button */
div.p-selectbutton.p-buttonset.p-component.adminSelect div.p-button.p-component {
    width: 33%;
    background-color: white;
    color: #000000;
}

div.p-selectbutton.p-buttonset.p-component.adminSelect div.p-button.p-component.p-highlight {
    width: 33%;
    background: #0d4667;
    color: white;
}

/* Calendar */
span#calendar.p-calendar.adminCalendar.p-inputwrapper-filled div.p-datepicker.p-component.p-input-overlay.p-shadow {
    left: -238px !important;
}

span#calendar.p-calendar.adminCalendar.p-inputwrapper-filled input.p-inputtext.p-component {
    padding-bottom: 2px !important;
}

span.p-calendar.adminCalendar.p-calendar-w-btn.p-inputwrapper-filled input.p-inputtext.p-component {
    padding-bottom: 2px !important;
    border: none;
}

body .p-splitbutton>.p-button:first-child {
    border-radius: 0px;
}

body .p-splitbutton>.p-button.p-splitbutton-menubutton {
    border-radius: 0px;
}

/** display button as link */

body .p-button.buttonAsLink {
    margin-left: 0px;
    margin-bottom: 10px;
    color: #007fdb;
    background-color: white;
    border: none;
    box-shadow: none;
}

/** link */

body a.primaryLink {
    color: #007fdb;
}

body a.secondaryLink {
    color: #005594;
}

body .p-datatable-header a {
    color: #ffffff;
}

body .standardTableHeader.p-datatable .p-datatable-header a.primaryLink {
    color: #007fdb;
}

body .standardTableHeader.p-datatable .p-datatable-header a.secondaryLink {
    color: #005594;
}

span.extLinkIcon {
    font-size: 10px;
    margin-left: 3px;
}

/** info icon */
span.infoIconLink {
    cursor: pointer;
}

/** dialog */

body .p-dialog-mask {
    z-index: 1000 !important;
}

body .p-dialog .p-dialog-header {
    padding: 1.0rem;
}

body .p-dialog .p-dialog-content {
    padding: 0 1.0rem 1.0rem 1.0rem;
    /*padding: 0 0rem 0.5rem 0rem;*/
}

body .p-dialog.styledDialog .p-dialog-content {
    /*padding: 0 1.0rem 1.0rem 1.0rem;*/
    padding: 0 0rem 0.5rem 0rem;
}

body .p-dialog.styledDialogPadding .p-dialog-content {
    /*padding: 0 1.0rem 1.0rem 1.0rem;*/
    padding: 0 1.5rem 1.0rem 1.7rem;
}

body .p-dialog .p-dialog-content.dialog-content-toast {
    padding: 0 0 0 0;
}

body .p-dialog .p-dialog-titlebar {
    background: #005594;
    color: #ffffff;
}

body .p-dialog .p-dialog-titlebar .p-dialog-titlebar-icon .pi {
    color: #ffffff;
}

/* TODO: only for certain dialogs in FrameEditor!!!??? */

body .overflowAuto.p-dialog .p-dialog-content .p-dialog {
    overflow: auto;
}

/** list without styles */

ul.noStyleList,
div.noStyleList ul {
    padding-left: 0px;
}

ul.noStyleList li,
div.noStyleList ul li {
    list-style-type: none;
}

/** rating */

body .p-rating .pi-star {
    color: #F79C00;
}

.p-rating > .p-rating-item > svg {
    width: 12px;
    height: 12px;
}

/** form */

.labelColumn {
    margin: auto auto;
}

/** input field */

body .p-inputtext {
    font-size: inherit;
    padding: 7px !important;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    background: none;
    border-radius: 0;
}

body .p-autocomplete {
    border: none;
}

/** datatable */

body .p-datatable .p-datatable-header .p-inputtext,
body .dataTable .p-inputtext {
    background-image: none;
    background: none;
}

body .dataTable .tableFilter.p-inputtext {
    width: 100%;
    float: left;
}

input.p-inputtext.p-component.collectionFilter::placeholder {
    color: black;
    opacity: 1;
}

span.croppedTableCell {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

div.croppedTableCell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* overwritten in DocumentFinder.css -> remove from DocumentFinder.css */

body .standardTableHeader.p-datatable thead {
    border-top: 1px solid #e4e4e4;
}

body .standardTableHeader.p-datatable .p-datatable-header,
body .standardTableHeader.p-datatable .p-datatable-footer {
    background-color: #ffffff !important;
    padding: 0;
}

body .standardTableHeader.p-datatable .p-datatable-header .p-inputtext,
body .standardTableHeader.p-datatable .p-datatable-footer .p-inputtext {
    padding: 7px !important;
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #cccccc;
    background: none;
    color: #000000;
}

body .standardTableHeader.p-datatable .p-datatable-header .p-inputtext:focus,
body .standardTableHeader.p-datatable .p-datatable-footer .p-inputtext:focus {
    border: 1px solid #e5e5e5;
    border-bottom: 1px solid #000000;
}

body .standardTableHeader.p-datatable .p-paginator {
    padding: 5px 3px;
}

body .p-datatable .p-datatable-tbody>tr.p-highlight .structureImage {
    color: #000000;
}

body .p-datatable .p-datatable-tbody>tr.p-highlight .structureImage a.link {
    color: #005594;
}

/** repository statistics view */

/* remove panel from component! */

.p-panel.removePanelHeader {
    border: none;
    box-shadow: none;
}

.p-panel.removePanelHeader .p-panel-titlebar {
    display: none;
}

/**  */

/** calendar */

body .p-calendar .p-inputtext {
    width: 100%;
}

.p-calendar.p-calendar-w-btn input {
    border-width: 0px 0px 1px 0px;
}

body div.invisibleBox.task-box .task-box-header {
    display: none;
    border: none;
}

body div.invisibleBox.task-box .task-box-content {
    padding: 0;
    border: none;
}

body div.watchlist .secondaryInfo {
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: normal;
}

/** paddings */
div.small-padding-tb,
div.grid.small-padding-tb>[class*=col] {
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

/** dataview */

body .p-dataview.p-dataview-list .p-dataview-content>.grid>div,
body .p-dataview .p-dataview-header,
body .p-dataview .p-dataview-content>.grid>div,
body .p-dataview .p-dataview-content {
    border: none;
}

body .p-dataview div.p-paginator.p-component.p-unselectable-text {
    background: #005594;
    border: none;
}

body .p-dataview .p-dataview-header .p-button {
    border-radius: 0;
}

body .p-dataview .p-dataview-footer {
    padding: 0;
    border: none;
}

.numOfSelectedEntries {
    background-color: #CFD8DC;
    color: #212121;
    padding: 10px;
}

.numOfSelectedEntries.highlight {
    background-color: #7CB342;
    color: #ffffff;
}

/** domain explorer */

body .domExplorerSelectConceptButton {
    width: auto;
    position: relative;
    top: -5px;
    right: 15px;
}

body .domExplorerSelectedConceptsButtons {
    width: auto;
    position: relative;
    top: -5px;
    right: 20px;
}

/** altmetric */

/* body .documentResultsList.p-dataview .altmetric-embed { */


body .altmetric-embed.altmetric-hidden {
    display: none !important;
}

/** label */



/** claming test */


.clampingContainer {
    margin: 0 0 0 0;
    overflow: hidden;
}

.clampingContainer p {
    margin: 0;
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line-clamp-1-line {
    -webkit-line-clamp: 1;
}

.line-clamp-2-lines {
    -webkit-line-clamp: 2;
}

.line-clamp-10-lines {
    -webkit-line-clamp: 10;
}


/** treeTable */

.treetable-no-header thead.p-treetable-thead {
    display: none;
}

.treetable-with-header .p-treetable .p-treetable-tbody>tr>td {
    padding: 0px;
}

.treetable-with-header tbody.p-treetable-tbody>tr.p-highlight {
    background-color: #e8f3fc;
}

/** tiered menu */
.tiered-menu-info.p-menuitem.tiered-menu-info .p-menuitem-link.p-disabled {
    padding-top: 0px;
    padding-bottom: 0px;
    opacity: 0.7;
}

/** MultiSelect */

/* loading overlay */

._loading_overlay_wrapper ._loading_overlay_overlay {
    background: rgba(255, 255, 255, 0.5);
    z-index: 100;
}

._loading_overlay_wrapper.fullPage ._loading_overlay_overlay {
    position: fixed;
}

._loading_overlay_wrapper.fullPage_Z ._loading_overlay_overlay {
    position: fixed;
    z-index: 10000;
}

._loading_overlay_wrapper ._loading_overlay_content {
    color: #222222;
    font-size: 13px;
}

._loading_overlay_wrapper ._loading_overlay_spinner circle {
    stroke: #222222 !important;
}

._loading_overlay_wrapper.fullWidth {
   width: 100%;
}

.p-checkbox-label {
    padding-left: 10px;
}

i#read.material-icons {
    cursor: pointer;
}

i#read.material-icons-outlined {
    cursor: pointer;
}

/* Responsive */
.datatable-responsive-demo .p-datatable-responsive-demo .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-bigger .p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-m .p-datatable-responsive-demo-m .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-l .p-datatable-responsive-demo-l .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-xl .p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-xxl .p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-smaller .p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

.datatable-responsive-demo-s .p-datatable-responsive-demo-s .p-datatable-tbody>tr>td .p-column-title {
    display: none;
}

@media screen and (max-width: 780px) {

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-thead>tr>th,
    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-s .p-datatable.p-datatable-responsive-demo-s .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 880px) {

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-thead>tr>th,
    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-smaller .p-datatable.p-datatable-responsive-demo-smaller .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1000px) {

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-thead>tr>th,
    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo a#emailUser.aTagInference {
        display: none !important;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo label.labelInference {
        display: none !important;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo .p-datatable.p-datatable-responsive-demo .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1140px) {

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-thead>tr>th,
    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-bigger .p-datatable.p-datatable-responsive-demo-bigger .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1020px) {

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-thead>tr>th,
    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-m .p-datatable.p-datatable-responsive-demo-m .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1215px) {

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-thead>tr>th,
    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-l .p-datatable.p-datatable-responsive-demo-l .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1405px) {

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-thead>tr>th,
    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-xl .p-datatable.p-datatable-responsive-demo-xl .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

@media screen and (max-width: 1595px) {

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-thead>tr>th,
    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tfoot>tr>td,
    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td .p-column-title-invisible {
        display: none !important;
    }

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl div.p-button.p-togglebutton.p-component.toggleButtonInference {
        display: none !important;
    }

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td {
        text-align: left;
        display: block;
        width: 100% !important;
        float: left;
        clear: left;
        border: 0 none;
    }

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td.columnheader.p-selection-column {
        text-align: left;
        display: block;
        width: 4em !important;
        float: left;
        clear: left;
        border: 0 none;
        margin-left: -8px !important;
    }

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td .p-column-title {
        padding: .4rem;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4rem;
        font-weight: bold;
    }

    .datatable-responsive-demo-xxl .p-datatable.p-datatable-responsive-demo-xxl .p-datatable-tbody>tr>td:last-child {
        border-bottom: 1px solid var(--surface-d);
    }

    div.col-12.changeflex {
        display: block !important;
    }
}

.treetable-responsive-demo .sm-visible {
    display: none;
}

.treetable-responsive-demo .sm-visible-block {
    display: none;
}

.treetable-responsive-demo .thead.p-treetable-thead {
    display: inline;
}

@media screen and (max-width: 845px) {
    .treetable-responsive-demo .sm-invisible {
        display: none;
    }

    .treetable-responsive-demo .sm-visible {
        display: inline-flex;
        margin-right: .5rem;
    }

    .treetable-responsive-demo .sm-visible-block {
        margin-right: .5rem;
        display: block;
    }
}

.tabview-demo .tabview-custom i,
.tabview-demo .tabview-custom span {
    /*vertical-align: middle;*/
}

.tabview-custom div.p-tabview-panels {
    padding-right: 0px;
}

.tabview-custom div.p-tabview-nav-container {
    margin-right: 10px;
}

/*.tabview-demo .tabview-custom span {
    margin: 0 .5rem;
}*/

.tabview-demo .p-button {
    margin-right: .25rem;
}

.tabview-demo .p-tabview p {
    line-height: 1.5;
    margin: 0;
}

input#username-input.p-inputtext.p-component.form-login-width::placeholder {
    color: #757575;
    font-size: 14;
    font-weight: normal;
    opacity: 1;
}

input#password-input.p-inputtext.p-component.form-login-width::placeholder {
    color: #757575;
    font-size: 14;
    font-weight: normal;
    opacity: 1;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
    color: #000000;
}

.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: white;
    color: #000000;
}

div.p-tabview.p-component>div.p-tabview-nav-container>div>ul>li.p-unselectable-text.p-tabview-selected.p-highlight {
    background: white;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link:focus {
    background-color: white;
}


.p-tabview .p-tabview-panels {
    padding-left: 0px;
}

body .p-datatable .p-paginator .p-dropdown,
body .p-dataview .p-paginator .p-dropdown {
    /*border-bottom: 1px solid #cccccc;*/
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0;
}

body .primaryButton.p-fileupload.p-fileupload-basic .p-button {
    height: 27.19px;
}

.readcube-injectable-modal {
    z-index: 1102 !important;
}

.readcube-injectable-button-blocker.blocker {
    z-index: 1102 !important;
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
}

.p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
}

.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
}

.p-treeselect .p-treeselect-label {
    padding: 0.5rem 0.5rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

div#sharingTreeSelect.p-treeselect .p-treeselect-label {
    padding-left: 0px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}

div#sharingMultiSelect.p-multiselect .p-multiselect-label.p-placeholder {
    padding-left: 0px;
    color: #000000;
}

div#sharingMultiSelect.p-multiselect {
    border-bottom: 1px solid gray;
    border-radius: 0px;
}

div#sharingMultiSelect.p-multiselect:not(.p-disabled).p-focus {
   box-shadow: none;
}

div#sharingMultiSelect.p-multiselect .p-multiselect-trigger {
    width: 1.357rem
}

div#sharingMultiSelect.p-multiselect.p-multiselect-chip .p-multiselect-token {
    border-radius: 16px;
    color: #495057;
    background: #dee2e6;
    padding: 0.25rem 0.5rem;
}

div#sharingMultiSelect.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 3px;
}

.p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
}

.p-treeselect-panel .p-treeselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

body .p-tree .p-tree-container .p-treenode .p-treenode-content {
    margin-left: 1px;
    color: #607D8B;
    outline: none;
    padding: 1px 3px;
    display: flex !important;
    width: 100%;
}

div#userMultiSelect.p-multiselect.p-multiselect-chip .p-multiselect-token {
    background: #dee2e6;
    padding: 0.25rem 0.5rem;
    color: #495057;
    border-radius: 16px;
    margin-right: 0.5rem;
  }

  div#userMultiSelect.p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem;
    transition:
      0.2s,
      color 0.2s,
      border-color 0.2s,
      box-shadow 0.2s;
  }

  div.p-scrollpanel.p-component.userScrollPanel div.p-scrollpanel-bar.p-scrollpanel-bar-y {
    opacity: 1;
  }

  div.p-scrollpanel.p-component.userScrollPanel div.p-scrollpanel-content {
    padding-bottom: 5px;
  }