.connected-service-footer{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.connected-service-footer .dropdown-select-control{
margin:0 5px;
}
#secondaryModal .modal-content{
overflow:visible;
}
.proceduresCntnr{
min-height:200px;
max-height:400px;
overflow-y:auto;
}
#secondaryModal .proceduresCntnr{
max-height:350px;
margin:0 -20px;
padding:0 11px 16px 20px;
scrollbar-gutter:stable;
}
.loading-spinner.proceduresInitialSpinner{
margin-top:40px;
}
.procedureElement{
margin-top:16px;
border-radius:8px;
background-color:var(--blue-5);
border:1px solid var(--blue-5);
padding:16px;
}
.procedureElement:hover{
background-color:var(--blue-10);
border-color:var(--blue-10);
}
.procedureElement:has(input:checked){
background-color:var(--blue-10);
border-color:var(--blue-40);
}
.procedureElement input[type="radio"].radio-box{
-webkit-appearance:none;
appearance:none;
height:24px;
width:24px;
margin:0 4px 0 0;
flex-shrink:0;
background:url('../../images/icons/blue-primary/radio.svg') no-repeat center center;
}
.procedureElement input[type="radio"].radio-box:checked{
background-image:url('../../images/icons/blue-primary/radio-filled.svg');
}
.procedure-card-action{
width:32px;
height:32px;
background-color:white;
border-radius:50%;
border:1px solid var(--blue-10);
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
}
.procedure-card-action:hover{
background-color:var(--primary-blue);
}
.procedure-card-action.expand-collapse{
background-image:url("../../images/icons/blue-primary/arrow-down.svg");
}
.procedure-card-action.expand-collapse:hover{
background-image:url("../../images/icons/white/arrow-down.svg");
}
.procedureElement .slider{
margin-top:16px;
}
.procedureElement .procedureDescr{
background:white;
border-radius:4px;
padding:8px;
margin:0;
max-width:100%;
}
.procedureElement.procedure-unavailable,
.procedureElement.procedure-unavailable:hover{
background-color:var(--blue-5);
border-color:var(--blue-5);
cursor:default;
}
.procedureElement input[type="radio"].radio-box:disabled,
.procedure-unavailable [name="procedure-name"]{
opacity:0.6;
}
.procedureElement [name="warning-icon"]{
height:18px;
flex-shrink:0;
}
.procedure-warning-popover{
max-width:280px;
}
.procedure-warning-popover .popover-content{
padding:16px;
}
.selected-procedure-box{
background-color:var(--blue-5);
border-radius:4px;
padding:16px;
}
.selected-procedure-box .overline{
font-family:"Roboto Mono";
margin-bottom:4px;
}
.files-selection-header{
margin:16px 0 8px;
}
.files-breadcrumb{
list-style-type:none;
display:flex;
align-items:center;
padding:0;
margin:0;
background-color:transparent;
}
.files-breadcrumb li{
display:flex;
gap:4px;
}
.files-breadcrumb li + li{
margin-left:4px;
}
.files-breadcrumb li:not([name="filler"]) + li:not([name="filler"])::before{
content:'';
height:18px;
width:18px;
color:var(--blue-40);
padding:0 8px;
background-image:url('../../images/icons/blue-primary/arrow-right.svg');
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
}
.files-breadcrumb li:has(+ li[name="filler"]) a{
color:var(--primary-green);
text-decoration:none;
pointer-events:none;
cursor:default;
}
.filesTableCntnr{
margin:0 -16px;
}
[name="projectsTableDiv"]{
min-height:100px;
max-height:320px;
overflow-y:auto;
}
.projectsTable{
border-collapse:separate;
border-spacing:0;
table-layout:fixed;
}
.projectsTable .col-name{width:60%;}
.projectsTable .col-date{width:20%;}
.projectsTable .col-size{width:15%;}
.projectsTable .col-status{width:5%;}
.projectsTable > thead > tr > th{
position:sticky;
top:0;
z-index:1;
background-color:white;
border-bottom:1px solid var(--blue-10);
padding:8px 0;
}
.projectsTable > thead > tr > th.col-name{
padding-left:12px;
}
.projectsTable > tbody > tr > td{
height:calc(32px + 8px);
background-color:white;
vertical-align:middle;
padding:0;
border-top:4px solid white;
border-bottom:4px solid white;
}
.projectsTable > tbody > tr > td:first-child{
border-left:4px solid white;
border-radius:8px 0 0 8px;
padding-left:8px;
max-width:0;
}
.projectsTable > tbody > tr > td:last-child{
border-right:4px solid white;
border-radius:0 8px 8px 0;
padding-right:16px;
}
.projectsTable > tbody > tr:hover > td{
background-color:var(--blue-5);
}
.projectsTable > tbody > tr[name="alwaysChecked"] > td{
opacity:0.5;
pointer-events:none;
}
.projectsTable > tbody > tr[name="alwaysChecked"]:hover > td{
background-color:white;
}
.projectsTable > tbody > tr.row-error > td,
.projectsTable > tbody > tr.row-error:hover > td{
background-color:var(--red-10);
}
.projectRow{
position:relative;
}
.projectRow.disabled-project > :not(.loading-spinner){
opacity:0.6;
pointer-events:none;
}
.folder-icon{
width:24px;
height:24px;
background-size:24px 24px;
background-repeat:no-repeat;
background-position:center;
flex-shrink:0;
margin-right:8px;
background-image:url("../../images/icons/green/folder.svg");
}
.row-error .folder-icon{
background-image:url("../../images/icons/red/folder.svg");
}
.projectsTable .checkbox-control{
position:relative;
}
.projectsTable .file-row-checkbox > span{
max-width:100%;
width:100%;
}
.projectsTable .file-row-checkbox > span:hover{
color:var(--primary-blue);
}
.projectsTable .file-row-checkbox [name="pName"]{
display:block;
overflow:hidden;
}
.projectsTable .row-error-icon{
visibility:hidden;
}
.projectsTable > tbody > tr.row-error .row-error-icon{
visibility:visible;
}
#secondaryModal .modal-footer{
padding:20px;
border-top:solid 1px var(--blue-10);
}
#secondaryModal .modal-footer > span{
gap:16px;
}
#secondaryModal .modal-footer .button-large{
border-radius:8px;
}
#new-analysis-page{
--new-analysis-page-height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height));
height:var(--new-analysis-page-height);
display:flex;
flex-direction:column;
}
#new-analysis-page #modals .panel.panel-white{
border-radius:0;
box-shadow:none;
filter:none;
margin-bottom:0;
}
#na-header{
flex:0 0 96px;
height:96px;
display:flex;
align-items:center;
gap:16px;
padding:24px;
background-color:white;
}
#na-header .title-s{
margin:0;
flex-shrink:0;
}
#na-header .na-header-actions{
margin-left:auto;
gap:16px;
flex-shrink:0;
}
#na-header #upload-progress-row{
width:200px;
}
#na-header #upload-progress-label{
font-family:"Roboto Mono";
margin-bottom:8px;
}
#na-header #progress-all-cnt{
height:8px;
margin:0;
}
.na-header-box{
max-width:320px;
min-width:0;
padding:5px 8px 5px 8px;
border:1px solid var(--blue-10);
border-radius:4px;
color:var(--primary-blue);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
#na-dropzone,
#na-content{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
}
#na-content{
padding:0 24px;
}
#na-dropzone.drag-highlighted{
box-shadow:none;
background-color:var(--green-10);
}
#na-dropzone.drag-highlighted #na-content .na-samples-panel.panel.panel-white{
outline:1px dashed var(--primary-green);
outline-offset:-1px;
}
#na-content .na-samples-panel.panel.panel-white{
flex:1 1 auto;
min-height:0;
display:flex;
flex-direction:column;
border-radius:8px;
filter:drop-shadow(0 4px 16px rgba(52,77,102,0.08));
margin:24px 0;
}
#na-content .na-tabs-bar{
flex:0 0 auto;
border-bottom:1px solid var(--blue-10);
min-height:57px;
align-items:center;
}
#na-content .na-options-wrapper{
margin-left:auto;
padding:0 16px;
gap:16px;
flex-shrink:0;
}
#na-content #na-samples-body{
flex:1 1 auto;
min-height:0;
overflow:auto;
position:relative;
padding:0;
text-align:center;
padding-top:0px !important;
padding-bottom:12px;
}
table.na-samples-table{
border-collapse:separate;
border-spacing:0;
border-bottom:none !important;
margin-bottom:0;
text-align:left;
padding:0 12px;
}
table.na-samples-table > thead > tr > th{
border-bottom:1px solid var(--blue-10);
padding:8px 15px !important;
font-family:"Roboto Mono";
font-size:10px;
font-style:normal;
font-weight:var(--font-weight-bold);
line-height:110%;
text-transform:uppercase;
color:var(--blue-50);
text-align:left;
white-space:nowrap;
vertical-align:middle;
}
table.fam-member-table.na-samples-table > thead > tr > th{
border-bottom:none;
padding-bottom:0px !important;
}
table.na-samples-table > thead > tr > th.row-status-th{
padding:0 !important;
width:1px;
}
.na-samples-pane table.na-samples-table > thead{
position:sticky;
top:0;
background:white;
z-index:2;
}
table.na-samples-table > tbody::before{
content:'';
display:table;
height:4px;
}
table.na-samples-table > tbody > tr > td{
box-sizing:border-box;
height:calc(48px + 8px);
background-color:var(--blue-5);
vertical-align:top;
text-align:left;
padding:8px 15px 0 !important;
border-top:4px solid white;
border-bottom:4px solid white;
}
table.na-samples-table > tbody > tr:hover > td{
background-color:var(--blue-10);
}
table.na-samples-table > tbody > tr > td.row-status-td:first-child{
border-left:4px solid white;
border-radius:10px 0 0 10px;
padding:0 !important;
width:4px;
position:relative;
}
table.na-samples-table > tbody > tr > td.row-status-td > .row-status-banner{
position:absolute;
top:8px;
bottom:8px;
left:0;
height:auto;
}
table.na-samples-table > tbody > tr > td:last-child{
border-right:4px solid white;
border-radius:0 10px 10px 0;
position:relative;
}
.na-samples-table .col-filename{width:15vw;max-width:28vw;}
.na-samples-table .col-size{width:auto;white-space:nowrap;}
.na-samples-table .col-sample{width:240px;}
.na-samples-table .col-assembly{width:160px;}
.na-samples-table .col-actions{width:100px;}
.na-samples-table .na-row-name,
.na-samples-table .size{
height:32px;
line-height:32px;
}
.na-samples-table .na-row-name{
color:var(--primary-blue);
}
.na-samples-table .col-filename > .na-row-filename{
display:flex;
align-items:center;
gap:8px;
min-width:0;
}
.na-samples-table .col-filename > .na-row-filename > .na-row-name{
flex:0 1 auto;
min-width:0;
}
.na-samples-table .na-row-warning-icon{
display:block;
width:18px;
height:18px;
flex-shrink:0;
}
.na-samples-table .sample-text{
gap:8px;
}
.na-samples-table .sample-text > .form-group{
flex:1 1 auto;
min-width:0;
}
.na-samples-table .form-group.has-error input{
border-color:var(--secondary-red);
}
.na-samples-table .dropdown-select-control .select-box{
background-color:white;
border-color:var(--blue-20);
}
.na-samples-table .dropdown-select-control .select-box:hover,
.na-samples-table .dropdown-select-control .select-box.is-open{
border-color:var(--blue-30);
}
.na-samples-table .dropdown-select-control .select-box.is-invalid,
.na-samples-table .dropdown-select-control .select-box.is-invalid:hover{
border-color:var(--secondary-red);
}
.na-row-warning-popover{
max-width:320px;
font-family:inherit;
color:inherit;
}
.na-row-warning-popover .popover-content{
padding:12px 16px;
}
.na-row-warning-popover .popover-content p + p{
margin-top:8px;
}
.na-row-warning-popover .popover-content p{
overflow-wrap:break-word;
word-break:break-word;
}
.na-samples-table .na-row-error{
position:absolute;
right:109px;
top:50%;
transform:translateY(-50%);
margin:0;
text-align:right;
line-height:16px;
color:var(--secondary-red);
white-space:nowrap;
}
.na-samples-table .na-row-error a{
color:var(--secondary-red);
text-decoration:underline;
}
.na-samples-table .na-row-upload{
position:absolute;
right:109px;
top:50%;
transform:translateY(-50%);
gap:8px;
}
.na-samples-table .na-row-progress{
flex:0 1 0;
min-width:90px;
height:8px;
margin:0;
}
.na-samples-table .na-row-perc{
flex:0 0;
color:var(--blue-60);
}
.round-row-action-button.delete{
background-image:url("../../images/icons/blue-primary/delete.svg");
}
.round-row-action-button.delete:hover{
background-image:url("../../images/icons/white/delete.svg");
}
.round-row-action-button.edit{
background-image:url("../../images/icons/blue-primary/edit.svg");
}
.round-row-action-button.edit:hover{
background-image:url("../../images/icons/white/edit.svg");
}
.na-samples-pane,
.fam-acc-body{
overflow:visible;
}
.na-sec-samples-table{
--sec-col-size :110px;
--sec-col-pair :64px;
--sec-col-chunk:64px;
}
.na-sec-samples-table .col-size,
.na-sec-files-table col.na-file-size{width:var(--sec-col-size);}
.na-sec-samples-table .col-pair,
.na-sec-files-table col.na-file-pair{width:var(--sec-col-pair);}
.na-sec-samples-table .col-chunk,
.na-sec-files-table col.na-file-chunk{width:var(--sec-col-chunk);}
.na-sec-samples-table .col-filename{width:28vw;max-width:28vw;}
.na-sec-samples-table .col-spacer{width:auto;}
.na-sec-samples-table .col-padding{width:1px;max-width:1px;padding:0 4px !important;}
.na-sec-samples-table .col-sex-select{width:120px;}
.na-sec-samples-table > tbody > tr > td.col-files{
padding:6px 0 !important;
}
.na-sec-files-table{
width:100%;
table-layout:fixed;
border-collapse:separate;
border-spacing:0;
}
.na-sec-files-table > tbody > tr > td{
box-sizing:content-box;
height:32px;
padding:0 15px !important;
background-color:var(--blue-10);
vertical-align:middle;
border-top:2px solid var(--blue-5);
border-bottom:2px solid var(--blue-5);
}
.na-sec-files-table > tbody > tr > td:first-child{
border-radius:4px 0 0 4px;
}
.na-sec-files-table > tbody > tr > td:last-child{
border-radius:0 4px 4px 0;
}
.na-sec-files-table p{
color:var(--primary-blue);
}
.na-samples-table > tbody > tr:hover .na-sec-files-table > tbody > tr > td{
background-color:var(--blue-20);
border-color:var(--blue-10);
}
.na-files-show-more-files{
background-color:white;
color:var(--primary-blue);
border-radius:4px;
text-align:center;
height:24px;
margin:6px 0 0;
border:none;
}
.na-files-show-more-files:hover{
box-shadow:0px 0px 8px 0px #344D6614;
background-color:var(--primary-blue);
color:white;
}
#familyConfigModal{
--fam-modal-width:80vw;
--fam-modal-max-width:1200px;
}
#familyConfigModal .modal-dialog{
width:var(--fam-modal-width);
max-width:min(100vw - 40px,var(--fam-modal-max-width));
}
#familyConfigModal .modal-content{
overflow:visible;
height:75vh;
display:flex;
flex-direction:column;
}
@media (min-height:900px){
#familyConfigModal .modal-content{
height:65vh;
}
}
#familyConfigModal.in .modal-dialog{
transform:none;
}
#familyConfigModal .modal-header,
#familyConfigModal .modal-footer{
flex:0 0 auto;
}
#familyConfigModal .modal-header{
height:auto;
}
#familyConfigModal .modal-footer{
border-top:1px solid var(--blue-10);
}
.fam-modal-columns{
align-items:stretch;
flex:1 1 auto;
min-height:0;
}
.fam-modal-right-column{
display:flex;
flex-direction:column;
flex-grow:1;
min-width:0;
min-height:0;
border-left:1px solid var(--blue-10);
}
.fam-modal-samples{
flex:0 0 25%;
display:flex;
flex-direction:column;
min-height:0;
}
.fam-samples-panel{
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
}
.fam-modal-config{
flex:1 1 auto;
min-width:0;
min-height:0;
display:flex;
flex-direction:column;
overflow-y:auto;
scrollbar-gutter:stable;
padding:24px 10px 0 16px;
}
.fam-config-panel{
display:flex;
flex:1 1 auto;
flex-direction:column;
}
.fam-modal-search{
position:relative;
min-width:0;
flex:0 0 auto;
margin:24px;
}
.fam-samples-panel > hr{
flex:0 0 auto;
}
.fam-sample-list{
list-style:none;
margin:0;
display:flex;
flex-direction:column;
gap:8px;
flex:1 1 auto;
min-height:0;
overflow-y:auto;
padding:16px 16px 24px 24px;
scrollbar-gutter:stable;
contain:layout paint;
}
.fam-samples-panel > [name="noCandidates"]{
flex:0 0 auto;
margin:auto;
}
.fam-samples-panel:has(> [name="noCandidates"]:not(.hidden)) > .fam-sample-list{
flex:0 0 auto;
}
.fam-sample-row{
gap:8px;
min-height:48px;
padding:0 16px;
border-radius:8px;
background-color:var(--blue-5);
border:1px solid var(--blue-10);
text-align:left;
}
.fam-sample-row:hover{
background-color:var(--blue-10);
}
.fam-sample-row .fam-sample-name{
flex:1 1 auto;
min-width:0;
margin:0;
}
.fam-sample-row.is-added{
border:1px solid var(--primary-blue);
}
.fam-sample-row.is-disabled,
.fam-sample-row.is-disabled:hover{
background-color:white;
}
.fam-sample-row.is-disabled .fam-sample-name{
color:var(--blue-60);
}
.fam-sample-row .round-row-action-button{
flex:0 0 auto;
}
.round-row-action-button.add{
background-image:url("../../images/icons/blue-primary/add.svg");
}
.round-row-action-button.add:hover{
background-image:url("../../images/icons/white/add.svg");
}
.round-row-action-button.added{
background-image:url("../../images/icons/green/check.svg");
pointer-events:none;
}
.round-row-action-button.added:hover{
background-color:white;
}
.round-row-action-button.info{
background-image:url("../../images/icons/blue-60/info.svg");
}
.round-row-action-button.info:hover{
background-color:white;
}
.round-row-action-button.remove{
background-image:url("../../images/icons/blue-primary/remove.svg");
}
.round-row-action-button.remove:hover{
background-image:url("../../images/icons/white/remove.svg");
}
.fam-name-row{
display:flex;
align-items:flex-end;
gap:16px;
}
.fam-family-name{
margin-bottom:0;
max-width:320px;
}
.fam-name-notice{
flex:0 0 auto;
margin:0;
margin-left:auto;
min-width:0;
padding:8px;
height:auto;
min-height:48px;
max-width:60%;
display:flex;
justify-content:flex-start;
align-items:center;
background-color:white;
border:1px solid var(--blue-80);
}
.fam-name-notice span[name="msg-text"]{
flex-grow:1;
margin:0 8px;
color:var(--blue-60);
word-wrap:normal;
max-width:100%;
font-size:14px;
line-height:20px;
}
.fam-members-table-cntnr{
flex:1 1 auto;
background-color:var(--blue-5);
border-radius:4px;
padding-top:4px;
display:flex;
align-items:flex-start;
margin-bottom:16px;
}
.fam-members-table{
border-collapse:separate;
border-spacing:0;
table-layout:fixed;
padding:4px;
}
.fam-members-table .col-sample{width:26%;}
.fam-members-table .col-sex{width:12%;}
.fam-members-table .col-aff{width:14%;}
.fam-members-table .col-father{width:21%;}
.fam-members-table .col-mother{width:21%;}
.fam-members-table .col-actions{width:48px;}
.fam-members-table > thead > tr > th{
font-family:"Roboto Mono";
font-size:10px;
font-weight:var(--font-weight-bold);
text-transform:uppercase;
color:var(--blue-50);
text-align:left;
padding:0 4px 4px;
}
.fam-members-table > thead > tr > th:first-child{
padding-left:16px;
}
.fam-members-table > tbody > tr > td{
height:56px;
background-color:var(--blue-10);
vertical-align:middle;
text-align:left;
padding:0 4px;
border-top:4px solid var(--blue-5);
border-bottom:4px solid var(--blue-5);
}
.fam-members-table > tbody > tr > td:first-child{
border-left:4px solid var(--blue-5);
border-radius:8px 0 0 8px;
padding-left:12px;
max-width:0;
}
.fam-members-table > tbody > tr > td:last-child{
border-right:4px solid var(--blue-5);
border-radius:0 8px 8px 0;
text-align:center;
}
.fam-members-table .dropdown-select-control .select-box{
border-color:var(--blue-20);
}
.fam-members-table .dropdown-select-control .select-box:hover,
.fam-members-table .dropdown-select-control .select-box.is-open{
border-color:var(--blue-30);
}
.fam-members-table .dropdown-select-control .select-box.is-invalid,
.fam-members-table .dropdown-select-control .select-box.is-invalid:hover{
border-color:var(--secondary-red);
}
#familyConfigModal .fam-members-table .select-panel{
position:fixed;
min-width:0;
overflow-y:auto;
}
.fam-members-table .select-option{
display:block;
overflow:hidden;
text-overflow:ellipsis;
}
.fam-footer-blocker{
color:var(--blue-50);
}
.fam-footer-blocker.is-error{
color:var(--secondary-red);
}
#na-families-pane{
padding:8px 16px;
text-align:left;
}
.fam-acc + .fam-acc{
margin-top:8px;
}
.fam-acc{
background-color:white;
border:1px solid var(--blue-10);
border-radius:4px;
}
.fam-acc-head{
height:48px;
gap:8px;
padding:0 16px;
}
.fam-acc-head.expanded{
border-bottom:1px solid var(--blue-10);
}
.fam-acc-name{
flex:0 1 auto;
min-width:0;
color:var(--primary-blue);
}
.fam-acc-count{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:center;
width:24px;
height:24px;
border-radius:4px;
background-color:var(--green-5);
border:1px solid var(--green-20);
color:var(--primary-green);
}
.fam-acc-action{
flex:0 0 auto;
}
.fam-acc-action:first-of-type{
margin-left:auto;
}
.fam-acc-arrow{
flex:0 0 auto;
background-image:url("../../images/icons/blue-primary/arrow-down.svg");
transition:transform 0.15s;
}
.fam-acc-arrow:hover{
background-image:url("../../images/icons/white/arrow-down.svg");
}
.fam-acc-head.expanded .fam-acc-arrow{
transform:rotate(180deg);
}
.fam-acc:hover,
.fam-acc:hover .fam-acc-head{
border-color:var(--blue-20);
}
.fam-acc-body{
padding:8px 0 12px;
}
.fam-acc-body > .fam-member-table{
margin-bottom:0;
}
.fam-member-table .col-sex,
.fam-member-table .col-aff{
width:7%;
min-width:82px;
}
.fam-member-table .col-parent{
width:11%;
min-width:110px;
}
.fam-member-table .col-assembly{
min-width:120px;
}
.fam-member-table th.col-sex,
.fam-member-table th.col-aff,
.fam-member-table th.col-parent{
text-align:left !important;
}
.fam-member-info{
color:var(--blue-60);
text-align:left;
white-space:nowrap;
}
.fam-member-info [name="fam-value"]{
height:32px;
line-height:32px;
color:var(--primary-blue);
}
.na-empty-state{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
padding:24px;
max-width:90%;
}
.na-empty-state .na-empty-title{
margin:16px 0 0;
}
.na-empty-state .na-empty-subtitle{
margin:4px 0 0;
}
#na-messages{
flex:0 0 auto;
padding:12px 16px 4px;
background-color:white;
text-align:left;
}
.na-message{
gap:8px;
padding:8px 12px;
margin-bottom:4px;
border-radius:4px;
}
.na-message.is-error{
background-color:var(--red-10);
}
.na-message.is-warning{
background-color:var(--yellow-10);
}
.na-message img{
width:18px;
height:18px;
flex-shrink:0;
}
.na-samples-table .dropdown-select-control .select-panel{
z-index:3;
}
#runProceeding .info-container{
margin-bottom:8px;
}
#runProceeding .info-container .info-item{
width:50%;
margin-top:16px;
}
#runProceeding .info-container .info-item.full{
width:100%;
}
#runProceeding .info-container .info-item .label-s{
margin-bottom:4px;
}
#runProceeding .run-summary-table{
table-layout:fixed;
border-collapse:separate;
border-spacing:0;
margin:0;
border-bottom:none !important;
}
#runProceeding .run-summary-table > thead > tr > th{
border-bottom:none;
padding:0px 12px 4px !important;
font-family:"Roboto Mono";
font-size:10px;
font-weight:var(--font-weight-bold);
line-height:110%;
text-transform:uppercase;
color:var(--blue-50);
text-align:left;
white-space:nowrap;
vertical-align:middle;
}
#runProceeding .run-summary-table > tbody::before{
content:'';
display:table;
height:4px;
}
#runProceeding .run-summary-table > tbody > tr > td{
box-sizing:border-box;
height:calc(32px + 8px);
background-color:var(--blue-5);
vertical-align:middle;
text-align:left;
padding:0 12px !important;
border-top:4px solid white;
border-bottom:4px solid white;
font-size:14px;
line-height:20px;
font-weight:var(--font-weight-medium);
}
#runProceeding .run-summary-table > tbody > tr > td:first-child{
border-left:4px solid white;
background:white;
padding-left:0px !important;
}
#runProceeding .run-summary-table > tbody > tr > td:nth-child(2){
border-left:4px solid white;
border-radius:10px 0 0 10px;
}
#runProceeding .run-summary-table > tbody > tr > td:last-child{
border-right:4px solid white;
border-radius:0 10px 10px 0;
}