body {
    font-family: Roboto, sans-serif !important;
    color: rgba(0, 0, 0, 0.87);
    background: var(--grey-lighten-5);
    margin: 0;

}

html,
body {
    padding: 0;
    margin: 0;
}

.mdc-switch__icons {
    display: none !important;
}

.toggle-1.mat-mdc-slide-toggle,
.toggle-1.mat-mdc-slide-toggle.mat-accent
 {
    --mdc-switch-selected-handle-color: var(--switch-color-on);
    --mdc-switch-selected-icon-color: var(--switch-color-on);
    --mdc-switch-selected-focus-handle-color: var(--switch-color-on);
    --mdc-switch-selected-hover-handle-color: var(--switch-color-on);
    
    --mdc-switch-selected-track-color: var(--switch-track-on);
    --mdc-switch-selected-focus-track-color: var(--switch-track-on);
    --mdc-switch-selected-hover-track-color: var(--switch-track-on);
    --mdc-switch-selected-pressed-track-color: var(--switch-track-on);
    
    
    --mdc-switch-unselected-handle-color: var(--switch-color-off);
    --mdc-switch-unselected-focus-handle-color: var(--switch-color-off);
    --mdc-switch-unselected-hover-handle-color: var(--switch-color-off);
    --mdc-switch-unselected-focus-handle-color: var(--switch-color-off);
    --mdc-switch-unselected-icon-color: var(--switch-color-off);
    
    --mdc-switch-unselected-track-color: var(--switch-track-off);
    --mdc-switch-unselected-focus-track-color: var(--switch-track-off);
    --mdc-switch-unselected-hover-track-color: var(--switch-track-off);
    --mdc-switch-unselected-pressed-track-color: var(--switch-track-off);


    /* --mdc-switch-selected-focus-state-layer-color: #3949ab;
    --mdc-switch-selected-hover-state-layer-color: #3949ab;
    --mdc-switch-selected-pressed-state-layer-color: #3949ab;
    --mdc-switch-selected-hover-handle-color: #1a237e;
    --mdc-switch-selected-pressed-handle-color: #1a237e;
    --mdc-switch-selected-focus-track-color: #7986cb;
    --mdc-switch-selected-hover-track-color: #7986cb;
    --mdc-switch-selected-pressed-track-color: #7986cb;
    --mdc-switch-selected-icon-color: #7986cb;
    --mdc-switch-unselected-focus-state-layer-color: #3949ab;
    --mdc-switch-unselected-hover-state-layer-color: #3949ab;
    --mdc-switch-unselected-pressed-state-layer-color: #3949ab;
   
    --mdc-switch-unselected-pressed-handle-color: #1a237e;
    --mdc-switch-unselected-focus-track-color: #7986cb;
    --mdc-switch-unselected-hover-track-color: #7986cb;
    --mdc-switch-unselected-pressed-track-color: #7986cb;
    --mdc-switch-unselected-track-color: #7986cb; */


}


@media (max-width: 1799px) {
    body {
        font-size: 14px !important;
        line-height: 115% !important;
    }

    app-section-stage {
        padding: 0 1vw;
    }

    app-section-stage app-stage-preview,
    app-section-stage app-stage-collection {
        width: var(--stage-full);
    }

    app-section-stage app-stage-databins,
    app-section-stage app-stage-project,
    app-section-stage app-stage-report {
        width: var(--stage-full);
    }

    app-stage-stats.stage,
    app-stage-project.stage,
    app-stage-report.stage {
        width: var(--stage-narrow);
    }
}

@media (min-width: 1800px) {
    body {
        font-size: 16px !important;
        line-height: 122% !important;
    }

    app-section-stage {}

    app-section-stage app-stage-preview,
    app-section-stage app-stage-collection {
        width: var(--stage-wide) !important;
        margin: 0 auto !important;
    }

    app-section-stage app-stage-databins,
    app-section-stage app-stage-project,
    app-section-stage app-stage-report {
        width: var(--stage-normal);
    }

    app-section-stage app-stage-project,
    app-section-stage app-stage-report {
        width: var(--stage-narrow);
    }
}

app-widget-item-detail-header,
app-widget-item-detail-body {
    background: white;
}

app-section-stage {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    padding: 0 !important;
}

app-section-stage:has(app-stage-preview),
app-section-stage:has(app-stage-collection) {
    height: var(--layout-stage);
    /* border:1px solid red; */
    overflow-y: clip !important;
}

app-stage-preview>.column,
app-stage-collection>.column {
    overflow-y: auto;
}



app-stage-databins div.column:first-child {
    min-width: fit-content;
}

app-stage-databins div.column:nth-child(2) {
    width: 100%;
}

app-widget-databin-list {
    align-content: flex-start;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--default-gap);
    justify-content: flex-start;
}



app-widget-connector-list {
    display: flex;
    gap: var(--default-gap);
    flex-direction: column;
    border-right: var(--divider);
    padding: var(--card-padding);
}

app-widget-connection-list {
    flex: 1;
    padding: var(--card-padding);
    min-height: 50vh;
}

app-stage-project>div.column:last-child,
app-widget-databin,
app-stage-report>div:nth-child(2),
app-stage-stats>div:nth-child(2) {
    background: white;
}

.card-padding,
app-stage-project>div.column:last-child,
app-stage-report>div:nth-child(2),
app-stage-stats>div:nth-child(2) {
    padding: var(--card-padding);
}


app-stage-project.stage,
app-stage-stats.stage,
app-stage-report.stage {
    /* background:yellow; */
    width: var(--stage-narrow);
}

app-stage-project.stage>div.column:first-child,
app-stage-stats.stage>div.column:first-child,
app-stage-report.stage>div.column:first-child {
    flex-basis: 30%;
}

app-stage-project.stage>div.column:last-child,
app-stage-stats.stage>div.column:last-child,
app-stage-report.stage>div.column:last-child {
    width: -webkit-fill-available !important;
}

.stage mat-selection-list {
    display: flex !important;
    flex-direction: column;
    gap: var(--small-gap);
    margin: var(--default-gap) 0;
    /* background:red; */
}

mat-selection-list mat-list-option {
    /* background:azure !important; */
    padding: var(--default-gap) !important;
    /* margin-bottom: var(--small-gap); */
    border-radius: var(--default-radius) !important;
}

.stage mat-selection-list mat-list-option .mat-icon {
    transform: scale(1.2) !important;
}



button.primary-choice {
    font-weight: bold;
}


.master-shadow,
app-stage-report>div:last-child,
app-stage-project>div.column:last-child,
app-stage-stats>div:last-child,
.default-shadow {
    box-shadow: var(--default-shadow) !important;
}

.mdc-button .mat-icon {
    /* margin-left: 0;
    */
    /* margin-right: 8px;
    */
    /* vertical-align: top;
    */
    font-size: 1.125rem !important;
    height: 1.125rem !important;
    width: 1.125rem !important;
}

img.logo {
    width: 122px;
    margin-top: 8px;
}

.box-shadow {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
}

.main-background {
    /* background: white; */
}

.menu {
    /* background-color:blueviolet !important; */
    display: flex;
    justify-content: flex-end;
}

.flex-max {
    flex: 1;
}

.flex-row,
.stage {
    display: flex !important;
    flex-direction: row;
    gap: var(--default-gap);
    justify-content: flex-start;
}

app-widget-item-detail-header>div>div {
    gap: var(--large-gap) !important;
}

.flex-column,
.column {
    display: flex;
    flex-direction: column;
}

.column {
    /* overflow: auto; */
    /* min-width: var(--min-column-width);
    */
    /*height: calc(100vh - var(--section-header-height) - var(--section-slider-height));
   */
}

.flex-wrap {
    flex-wrap: wrap;
}

.stage {
    gap: var(--default-gap);
    /* width: 100%;
    */
    height: 100%;
}

.flex-main {
    flex-grow: 1;
}

.flex-align {
    align-items: center;
}

.header {
    padding: var(--default-gap);
    color: var(--secondary);
}

.label {
    text-transform: uppercase;
}

.citation .label {
    /* margin-top: var(--default-gap);
    */
    /* border-top: var(--divider);
    */
    margin-bottom: var(--small-gap);
}

.section-slider {
    background-color: transparent !important;
    padding: var(--default-gap) 5%;
}

.modal-Panel {
    background: #80808033;
}

.modal-Panel .mat-mdc-dialog-surface.mdc-dialog__surface {
    width: var(--modal-width-default);
    /* padding: var(--modal-padding); */
    height: fit-content !important;
}

.modal-Panel .mat-mdc-dialog-surface.mdc-dialog__surface {
    width: var(--modal-width-default);
    /* padding: var(--modal-padding); */
    height: fit-content !important;
}

.modal-Panel.narrow {
    width: var(--modal-width-narrow) !important;
}

div.dialog-body {
    padding: var(--modal-padding);
    overflow: auto;
    max-height: 80vh;
}

.field {
    display: flex;
    flex-direction: column;
    /* align-items: center;
    */
    justify-content: center;
}

.field :nth-child(2) {
    text-overflow: ellipsis;
    max-width: var(--short-text);
    white-space: nowrap;
    overflow: hidden;
}

app-widget-connection-list {
    width: 100%;
}

app-widget-connection-list .connection {
    border-bottom: var(--divider);
    margin: 0 -1.5rem 0 -1.5rem;
    padding: var(--small-gap) 1.5rem var(--small-gap) 1.5rem;
    font-size: small;
}

app-widget-xitem-list .abstract,
div.clipped-abstract {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: var(--abstract-line-clamp);
    /* line-clamp: var(--abstract-line-clamp);
    */
    -webkit-box-orient: vertical;
}

app-widget-xitem-list .abstract {
    border-bottom: none;
    padding-bottom: 0;
}

app-widget-connection-list .connection .title {
    padding-left: 0;
}

app-widget-xitem-list {
    display: block;
    max-height: 90vh !important;
    /* min-width: 40vw;
    */
    overflow-y: auto;
}

mat-expansion-panel.mat-expansion-panel {
    /* background: red;
    */
    margin-bottom: 1px;
    padding: var(--small-gap) 0;
}

span.date {
    color: var(--grey-darken-5);
}

.body {
    display: flex;
    gap: var(--default-gap);
    flex: 1;
    align-items: center;
}


app-section-stage .stage.column3>div:nth-child(1) {
    flex: 0.2 !important;
}


app-section-stage .stage.column3>div:nth-child(2) {
    flex: 0.3 !important;
    /* background: aqua; */

}

app-section-stage .stage.column3>div:nth-child(3) {
    flex: 0.5 !important;
    width: -webkit-fill-available;
}

/* .is-collected {
    color: white;
    background: var(--is-collected);
    border-radius: 50px;
    align-items: center;
    padding: 0 var(--default-gap);
    justify-content: space-around;
}
*/
.collect {
    color: var(--collect) !important;
}

.collect.is-collected {
    color: var(--is-collected) !important;
}

.is-rejected {
    color: var(--card-rejected) !important;
}

.is-seen {
    color: var(--card-seen) !important;
}

.is-card-collected {
    color: var(--card-collected-dark);
    background: var(--card-collected-light) !important;
}

.is-card-rejected {
    color: var(--card-rejected-dark);
    background: var(--card-rejected-light) !important;
}

.is-card-seen {
    color: var(--card-seen-dark);
    background: var(--card-seen-light) !important;
}

app-widget-result-counter {
    margin-left: var(--counter-shift);
    display: flex;
}



.white-text {
    color: white;
}



div.step-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
}

div.step-buttons > button {
    display: block;
}

button.number.is-active {
    background: navy;
    color: #F5F5F5;
    border-radius: var(--border-radius-large);
}

button.bulk-add {
    color: var(--add-foreground) !important;
    background: var(--add-background)
}

button.bulk-delete {
    color: var(--delete-foreground) !important;
    background: var(--delete-background);
}

button.bulk-disabled {
    color: var(--disabled-foreground) !important;
    background: var(--disabled-background);
}

button.bulk-action {
    border-radius: var(--border-radius-large);
}

.block {
    display: block;
}

app-widget-item-detail-body .title {
    /* font-size:20px;
    */
    /* line-height: 27px !important;
    */
}

.title {
    clear: both;
}

.buttons {
    display: inline-flex;
    /* width: 100%;
    */
    align-items: center;
    justify-content: flex-end;
    gap: var(--small-gap);
    margin-left: auto;
}

.button-bar button {
    padding: 0 var(--small-gap);
}

.button-bar button span.mdc-button__label {
    /* background: yellow;
    */
    padding: 0 var(--small-gap);
}

span.badge.order {
    display: flex;
    width: 24px;
    height: 24px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: var(--border-radius-small);
    align-items: center;
    justify-content: center;
    padding: 0 var(--small-gap);
    min-width: var(--very-large-gap);
}

.column.scrollable {
    max-height: 80vh;
    overflow: auto;
}

.mat-mdc-form-field {
    width: 100%;
}

app-widget-item-in-list mat-card {
    border: 1px solid hsl(0deg 0% 100% / 0%) !important;
    box-sizing: content-box !important;
}

.is-active,
.mat-mdc-card.is-active {
    border: 1px solid var(--card-active-dark) !important;
    box-shadow: var(--active-shadow);
}

.mat-mdc-card.is-active {
    background: var(--card-active);
}

.in-subset {
    font-weight: bold;
    color: white !important;
    background: var(--is-collected) !important;
}

app-widget-xitem-list mat-card,
.result-list mat-card {
    margin-bottom: var(--default-gap);
    padding: var(--card-padding-small);
    row-gap: var(--small-gap);
}

app-widget-xitem-list mat-card {
    background: var(--grey-lighten-5) !important;
    color: var(--default-inactive);
}

.min-width-default {
    min-width: var(--column-width-default);
}

.min-width-column-dialog {
    min-width: var(--min-column-width)
}

app-widget-result-list-body {
    overflow-y: auto;
    flex: 1;
}

app-root {
    height: 100vh !important;
    gap: 0px;
}

app-section-header {
    padding: 0 var(--large-gap);
    height: var(--layout-navbar);
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    box-shadow: none !important;
}

app-section-slider mat-stepper {
    height: var(--layout-stepper);
    /* margin: var(--small-gap); */
}

mat-icon.pin {
    transform: scale(0.9);
    color: var(--color-inactive) !important;
}

mat-icon.pin.active {
    transform: none;
    color: var(--color-active) !important;
}



.my-panel-keyword {
    /* min-width: var(--dialog-default);
    */
    /* max-width: var(--dialog-max-width);
    */
}

.p {
    /* margin: 2ex 1rem;
    */
}

.em {
    font-weight: bold;
    font-size: 122%;
    font-weight: bold !important;
    color: var(--mdc-theme-text-primary-on-background);
}

.section {
    margin-top: 3ex;
    padding-top: 3ex;
    border-top: 2px #333 solid;
}


.project-card {
    flex-basis: 32.3% !important;
    width: 32.3%;
    padding: var(--default-gap) var(--default-gap) var(--small-gap) var(--default-gap);
    min-height: var(--min-card-height);
    /* min-width: var(--min-card-width); */
    background: white !important;

}

.project-card button {
    box-shadow: none !important;
}

.project-card:has(.mdc-button[disabled=true]) {
    background: var(--card-active) !important;
    color: var(--mdc-theme-primary) !important;

}




.error {
    font-weight: bold;
    color: var(--mdc-theme-error, #f44336)!important;
}


.mat-mdc-dialog-surface.mdc-dialog__surface:has(app-dialog-project-list) {
    background-color: var(--grey-lighten-5) !important;
}

.require {
    color: #00BCD4;
}

.exclude {
    color: #F44336;
}

table,
.table {
    width: 100% !important;
    /* border: thin solid red;
    */
    /* margin: var(--default-gap);
    */
}

.table .table-row,
table tr {}

.table .table-cell,
table tr td,
table tr dt {
    display: table-cell;
    width: auto !important;
}

.table,
app-widget-table table {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
    white-space: nowrap;
    font-size: 13px;
}

.table .table-row,
app-widget-table table tr {
    vertical-align: middle !important;
    display: table-row;
    position: relative;
}

.table .table-cell {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: none !important;
}

.table-cell[_ngcontent-kjm-c56] {
    border: none !important;
}


.table .table-cell,
app-widget-table table tr td,
app-widget-table table tr dt {
    vertical-align: middle !important;
    position: relative;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: var(--small-gap) var(--default-gap);
    box-sizing: border-box;
    white-space: nowrap;
}

app-widget-table table tr td:first-child {
    padding: 0px 0px;
}

app-widget-table table tr:first-child td,
app-widget-table table tr:first-child dt {
    border-top: none !important;
}

app-widget-table table tr *:last-child {
    width: 100% !important;
}




app-widget-item-detail-body app-widget-pin button,
app-widget-view-list app-widget-pin button,
app-widget-table table tr td:first-child app-widget-pin button {
    transform: scale(0.77);
}

app-widget-item-detail-body .abstract {
    position: relative;
}

app-widget-item-detail-body .abstract>span,
app-widget-item-detail-body .abstract.clipped-abstract>span {
    line-break: loose !important;
    padding-right: 2%;
}

app-widget-item-detail-body .abstract:not(.clipped-abstract) {
    margin-bottom: 15px;
    padding-bottom: 70px;
}

/* app-widget-item-detail-body .abstract > span::before {
    content:"";
    position:relative !important;
    display:inline-block;
    float:left;
    clear:both;
    top:0px;
    left:0px;
    height:36px;
    width:12px;
    margin-right:5px;
    margin-bottom:0px;
    border:var(--testing);

} */

app-widget-item-detail-body .abstract.clipped-abstract::before {
    content: "";
    position: absolute !important;
    display: block;
    bottom: 0px;
    left: 0px;
    background: var(--fade-bottom);
    height: 92px;
    width: 100%;
}

mat-panel-description>div>button {
    transform: scale(0.8);
}

app-widget-item-detail-body .abstract>app-widget-pin {
    /* background:red; */
    display: block;
    position: absolute;
    right: 30px;
    bottom: 5px;
    z-index: 99;
    /* border:var(--testing); */
}

app-widget-item-detail-body .abstract>app-widget-pin>button {
    background: white;
    /* box-shadow:var(--default-shadow); */
}


app-widget-item-detail-body .abstract>button.block {
    box-shadow: var(--default-shadow);
    background: white;
    position: absolute;
    display: block;
    bottom: 5px;
    left: calc(48% - 24px);
    z-index: 99;
    transform: scale(0.8);
}

app-widget-item-detail-body .clipped-abstract {
    /*background:yellow;*/
}

app-widget-item-detail-body .abstract:not(.clipped-abstract)>button.block {
    bottom: 10px;
}


app-widget-table table tr dt {
    white-space: normal;
    /* margin-right: auto;
    */
}

app-widget-comment button {}

.comment .comment-send-button {
    /* background: red;
    */
    position: absolute;
    bottom: 24px;
    /* top: 50%;
    */
    right: 2px;
    z-index: 999;
}

.comment-send-button mat-icon.pin.active {
    color: var(--mdc-theme-primary) !important;
}

app-widget-comment {
    position: relative;
}

.comment {
    position: relative;
}

app-widget-item-detail-header,
app-widget-item-detail-body {
    padding: var(--card-padding);
}

app-widget-item-detail-header {
    padding-bottom: 19px;
    border-bottom: var(--divider);
}

.field>div:first-child {
    text-transform: uppercase;
    font-size: 70%;
    color: var(--counter-total);
    letter-spacing: 1.25px;
}

app-widget-item-detail-header>div>div:last-child {
    align-items: center;
}

.mat-mdc-card-title span,
.abstract p span {
    padding: 1px 4px;
    margin: -1px -1px;
    border-radius: 2px;
}

.abstract,
.citation.flex-column,
.attachments,
app-widget-item-detail-body-patent>div:nth-child(2),
app-widget-item-detail-body-patent>div:nth-child(3) {
    padding-bottom: var(--large-gap);
    border-bottom: var(--divider) !important;
    margin-bottom: var(--default-gap);
}

app-widget-item-detail-body-patent>div:nth-child(2) {}

app-widget-item-detail-body-patent>div:nth-child(2) a.block {
    width: auto;
}

app-widget-xitem-list span.badge.order,
span.badge.order.block {
    height: 42px !important;
    width: 42px !important;
    padding: 0;
    margin: 0 0 0 -6px;
    border-radius: 50%;
    display: flex;
    font-size: 122%;
}

app-widget-xitem-list span.badge.order,
app-widget-item-in-list span.badge.order.block {
    transform: scale(0.75);
}

app-widget-xitem-list span.badge.order {}

app-widget-item-detail-header .badge.order.block {}

app-widget-item-in-list .badge.order.block {
    transform: scale(0.9);
}

app-widget-item-in-list>mat-card>mat-card-subtitle {
    align-items: center;
    gap: var(--large-gap);
}

app-widget-xitem-list>mat-card>mat-card-title,
app-widget-item-in-list>mat-card>mat-card-title,
app-widget-item-detail-body>div:first-child.title {
    font-size: 18px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
}

.ratings-option {
    padding: 1ex;
    /* border: thin solid var(--mdc-theme-primary); */
}

app-widget-item-list mat-card-subtitle.mat-mdc-card-subtitle.flex-row {}

app-widget-comment .mat-mdc-form-field-hint {
    /* background: yellow;
    */
    padding-bottom: 100px;
}

app-widget-comment .mat-mdc-form-field-hint-wrapper {
    /* background: yellow;
    */
    /* margin-bottom: 10rem;
    */
}

app-widget-comment .mat-mdc-form-field-subscript-wrapper {}

app-widget-search-basic mat-icon.mat-icon {
    /* background: yellow;
    */
    /* margin-top: calc(var(--default-gap)*1.33);
    */
    z-index: 999;
}

.mdc-list-item__primary-text {
    align-items: center;
    align-content: center;
    display: flex;
    gap: var(--small-gap);
}

.mdc-list-item__primary-text .mat-icon {
    transform: scale(0.88);
}

app-widget-result-list-counters:last-child button {}

app-widget-result-list-counters {
    /* display: flex; */
    /* width: 100% !important; */
    /* margin: 0 !important;
    */
    /* justify-content: space-around; */
}

app-widget-filter-board mat-panel-description mat-icon.mat-icon {
    display: none;
}

app-widget-filter-board mat-accordion mat-expansion-panel {}

app-widget-filter-board mat-accordion mat-expansion-panel mat-expansion-panel-header {}

app-widget-filter-board mat-accordion mat-expansion-panel mat-expansion-panel-header>span.mat-content {
    display: flex !important;
    flex: unset !important;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

mat-expansion-panel-header mat-panel-title {}

.filterTitle {
    margin-right: auto !important;
}

mat-panel-description {}

mat-expansion-panel-header span.mat-content {
    /* background: yellow;
    */
    margin-right: auto;
}

app-widget-item-detail-header app-widget-collection-buttons {
    /* background: yellow;
    */
    margin-right: auto;
    flex: 1;
}

app-widget-item-detail-header>div:first-child {
    width: 100%;
    /* background: antiquewhite;
    */
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}


app-widget-item-detail-body p {
    padding-right: var(--very-large-gap) !important;
}

.mat-mdc-slide-toggle .mat-content {
    overflow: visible !important;
}

app-widget-comment:nth-child(2)>div {
    margin-top: var(--default-gap);
}

app-widget-item-detail-body.flex-column {}

app-widget-item-in-list mat-card-content.mat-mdc-card-content {
    padding: 0 0 !important;
    font-size: 90%;
}

app-widget-item-in-list .mat-mdc-card-actions {
    padding: 0px !important;
}

.field:last-child {
    margin-right: auto;
}

app-widget-buttons {
    display: flex;
}

app-widget-preview-buttons {
    margin-left: auto;
}

app-widget-databin .header .title {
    /* background: yellow;
    */
    margin-right: auto;
    margin-left: var(--default-gap);
}

app-widget-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

app-widget-table>.menu {
    /* background:red; */
    order: 99 !important;
}

app-widget-table table .title {
    padding-right: var(--default-gap) !important;
}

app-dialog-project-list {
    display: flex;
    flex-direction: column;
    /* background:yellow !important; */
    gap: var(--default-gap);
}

app-dialog-project-list>div:nth-child(2) {
    /* background:red !important; */
}

app-dialog-project-list mat-card mat-card-title {
    margin-bottom: auto;
    font-size: var(--mdc-typography-headline6-font-size) !important;
    line-height: var(--default-line-height) !important;
}

mat-card-title.mat-mdc-card-title {}

app-dialog-project-list mat-card mat-card-actions {
    align-self: flex-end;
    width: -webkit-fill-available;
    margin-top: auto;
    gap: var(--small-gap);
    justify-content: flex-end !important;
    justify-content: space-between !important;
}

app-dialog-project-list mat-card mat-card-actions button {
    text-transform: uppercase !important;
    box-shadow: var(--default-shadow);
}

app-stage-report>div.column:last-child,
app-stage-project>div.column:last-child,
app-stage-stats>div.column:last-child {
    width: var(--stage-narrow) !important;
}

app-widget-table>.menu {
    display: flex;
}

app-widget-table>div:first-child button {
    margin-left: auto;
}

app-widget-item-detail-body-patent {

    display: flex;
    flex-direction: row;
    flex-wrap: wrap !important;
    width: 100%;
}

app-widget-item-detail-body-patent>div {}

app-widget-item-detail-body-patent>div>.title {
    margin-bottom: var(--default-gap);
}

app-widget-item-detail-body-patent>div:nth-child(1),
app-widget-item-detail-body-patent>div:nth-child(2),
app-widget-item-detail-body-patent>div:nth-child(3) {
    width: 32%;
}

app-widget-item-detail-body-patent>div:nth-child(3) {}

app-widget-item-detail-body-patent>div:nth-child(4) {
    width: -webkit-fill-available;
}

.attachments>button,
app-widget-item-detail-body-patent>div:nth-child(4) button {
    min-width: 13%;
    width: auto;
    background: var(--grey-lighten-5) !important;
    display: flex;
    align-items: center;
    align-content: center;
}

.attachments>button>.mdc-button__label,
app-widget-item-detail-body-patent>div:nth-child(4) button>.mdc-button__label {
    display: inline-flex;
    /* display:inline-block !important; */

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attachments>button>.mdc-button__label:before,
app-widget-item-detail-body-patent>div:nth-child(4) button>.mdc-button__label:before {
    font-family: var(--icon-font);
    color: var(--default-inactive) !important;
    font-size: large;
    margin-right: var(--small-gap);
}

app-widget-item-detail-body-patent>div:nth-child(4) button>.mdc-button__label:before {
    content: "image";
}

.attachments>button {
    max-width: -webkit-fill-available;

}

.attachments {
    width: 100px;
}

.attachments>button>.mdc-button__label:before {
    content: "picture_as_pdf";
}

.attachments>button>.mdc-button__label:after {
    content: "…";
}


app-widget-item-detail-body-patent .familySearch {
    margin-bottom: 0;
    min-height: 0px;
    padding-bottom: 0;
}

app-widget-table div.menu button {
    width: auto !important;
}

app-widget-table div.menu {
    display: flex;
    align-items: center;
    gap: var(--default-gap);
}

app-widget-table div.menu:nth-child(1) button {
    /* background:azure !important;
    */
}

app-widget-buttons div.buttons button {
    text-transform: uppercase !important;
}

app-widget-buttons {
    display: flex;
}

app-widget-back .back {
    margin-bottom: var(--default-gap) !important;
}

app-widget-back .back button {
    margin-left: -13px !important;
}

mat-list-option .mdc-radio {
    display: none !important;
}

app-widget-result-list-menu {
    padding: var(--small-gap);
}

app-widget-export {
    /* margin-left: auto;
    */
}

app-stage-project>div>.label,
app-stage-report>div>.label,
app-stage-stats>div>.label {
    display: flex;
    align-items: center;
    margin: 0 0 var(--default-gap) 0 !important;
    /* background:yellow; */
}


app-stage-report>div>.label {
    margin: var(--default-gap) 0 var(--default-gap) 0 !important;
}

app-stage-project>div>.label>app-widget-export,
app-stage-report>div>.label>app-widget-export,
app-stage-stats>div>.label app-widget-export {
    margin-left: auto;
}


app-widget-databin-list .title {
    color: var(--mdc-theme-primary);
    font-size: 24px;
}

app-widget-list ol {
    font-size: small;
}

app-widget-list ol li {
    padding: var(--small-gap) 10px var(--default-gap) 10px !important;
    margin-bottom: var(--default-gap);
    border-bottom: var(--divider);
}

app-widget-list ol li:last-child {
    border-bottom: none;
}


.mdc-form-field {
    /* overflow: visible;
    */
}

mat-list-option .mdc-list-item__content span {
    text-transform: capitalize !important;
}

/* MOST, IF NOT ALL TITLES AND LABELS */
app-widget-table table .title,
.master-label,
app-widget-connector-list .label,
app-widget-connection-list .label,
.citation .label,
.abstract>.label,
.attachments>div:first-child,
app-widget-item-detail-body .title,
app-widget-databin-list mat-selection-list h3,
app-section-stage .stage.column3>div:nth-child(1) h4 {
    font-size: 88% !important;
    text-transform: uppercase !important;
    letter-spacing: 0.066em !important;
    color: var(--default-inactive) !important;
}

app-widget-item-detail-body>div:first-child.title {
    font-size: 125% !important;
    line-height: 22px !important;
    text-transform: none !important;
    color: var(--mdc-theme-text-primary-on-background) !important;
    /* font-weight: 600 !important;
    */
}

.master-section-title,
mat-panel-description .em::first-letter {
    text-transform: uppercase !important;
}




*[aria-selected="true"] {
    /* background:red; */
    background: rgb(63 81 181 / 8%) !important;
    border-radius: var(--default-radius);
}

mat-selection-list mat-list-option:hover {
    background-color: var(--grey-lighten-3);
}

.mat-horizontal-stepper-header {
    height: 56px !important;
    border-radius: 56px;
}

.mat-stepper-horizontal-line {
    margin: 0px 12px !important;
}

app-widget-result-list-body app-widget-item-in-list:last-child {}

app-widget-result-list-body {
    padding: 0px var(--small-gap);
}