#analysisInfoModal .info-container .info-item{
width:50%;
margin-top:16px;
}
#analysisInfoModal .info-container .info-item .label-s{
margin-bottom:4px;
}
#filesModal .popover>.popover-title{
background-color:transparent;
border-bottom-color:var(--blue-10);
margin-top:4px;
}
#filesModal .popover.error-popover{
border-color:var(--secondary-red);
}
#filesModal .popover.error-popover.top .arrow{
border-top-color:var(--secondary-red);
}
#filesModal .popover.error-popover.bottom .arrow{
border-bottom-color:var(--secondary-red);
}
#filesModal .popover.error-popover.left .arrow{
border-left-color:var(--secondary-red);
}
#filesModal .popover.error-popover.right .arrow{
border-right-color:var(--secondary-red);
}
#filesModal table>tbody tr .file-type-info-icon{
visibility:hidden;
pointer-events:none;
}
#filesModal table>tbody tr:hover .file-type-info-icon{
visibility:visible;
pointer-events:auto;
}
#filesModal .no-elements-shown{
margin:40px 0 48px 0;
}
#filesModal .status-label{
background-color:white;
border:1px solid;
border-radius:4px;
padding:4px 8px;
}
#filesModal .status-label.archived{
border-color:var(--blue-30);
}
#filesModal .status-label.expired,
#filesModal .status-label.failed{
border-color:var(--secondary-red);
}
#filesModal .status-label.restored{
border-color:var(--primary-green);
}
#filesModal .restore-loader-container{
height:32px;
width:32px;
display:flex;
justify-content:center;
align-items:center;
background-color:var(--primary-blue);
border-radius:50%;
}
#filesModal a.action-link,
#filesModal i.unavailable-download{
display:block;
border:1px solid var(--blue-10);
padding:0;
background-color:white;
width:32px;
height:32px;
border-radius:50%;
background-size:24px 24px;
background-repeat:no-repeat;
background-position:center center;
}
#filesModal a.action-link:hover{
background-color:var(--primary-blue);
border-color:var(--blue-80);
}
#filesModal a.action-link.download-file-link{
background-image:url("../../images/icons/blue-primary/download.svg");
}
#filesModal a.action-link.download-file-link:hover{
background-image:url("../../images/icons/white/download.svg");
}
#filesModal a.action-link.restore-file-link{
background-image:url("../../images/icons/blue-primary/restore-file.svg");
}
#filesModal a.action-link.restore-file-link:hover{
background-image:url("../../images/icons/white/restore-file.svg");
}
#filesModal a.action-link.action-link-disabled{
cursor:not-allowed;
opacity:0.5;
}
#filesModal a.action-link.restore-file-link.action-link-disabled:hover{
background-color:white;
border-color:var(--blue-10);
background-image:url("../../images/icons/blue-primary/restore-file.svg");
}
#filesModal i.unavailable-download{
background-image:url("../../images/icons/blue-primary/warning.svg");
}
#filesModal .file-group{
margin-top:24px;
}
#filesModal .table-wrapper{
max-height:30vh;
overflow-y:auto;
position:relative;
margin-bottom:16px;
border-bottom:1px solid var(--blue-10);
}
#filesModal table{
table-layout:fixed;
margin-bottom:4px;
}
#filesModal .col-name{width:35%;}
#filesModal .col-size{width:14%;}
#filesModal .col-type{width:21%;}
#filesModal .col-exp-date{width:15%;}
#filesModal .col-action{width:15%;}
#filesModal table>tbody tr>td,
#filesModal table>tbody tr>td>*{
font-weight:var(--font-weight-medium);
font-size:14px;
line-height:20px;
}
#filesModal table th{
border-bottom:1px solid var(--blue-10);
padding:8px 15px!important;
font-size:10px;
font-style:normal;
font-weight:700;
line-height:110%;
text-transform:uppercase;
color:var(--blue-50);
font-family:"Roboto Mono";
position:relative;
}
#filesModal table th:last-child::after{
right:-12px;
}
#filesModal table th:first-child::before{
left:-12px;
}
#filesModal table thead{
position:sticky;
top:0;
background:white;
z-index:1;
}
#filesModal table tbody::before{
content:'';
display:table;
height:4px;
}
#filesModal table{
border-collapse:separate;
border-bottom:none !important;
}
#filesModal table>tbody td{
height:calc(48px + 8px);
background-color:var(--blue-5);
vertical-align:middle;
padding-top:0 !important;
padding-bottom:0 !important;
border-bottom:4px solid white;
border-top:4px solid white;
}
#filesModal table>tbody tr:hover td{
background-color:var(--blue-10);
}
#filesModal table>tbody tr td:first-child{
border-left:4px solid white;
border-radius:10px 0 0 10px;
padding:0 16px !important;
}
#filesModal table>tbody tr td:last-child{
border-right:4px solid white;
border-radius:0 10px 10px 0;
}
.assignee-box{
display:inline-flex;
align-items:center;
gap:4px;
padding:4px 12px 4px 4px;
border-radius:4px;
border:1px solid var(--blue-10);
background-color:transparent;
cursor:pointer;
position:relative;
height:32px;
}
tr:hover .assignee-box{
border-color:var(--blue-20);
}
.assignee-box:hover,
.assignee-box.box-active{
border-color:var(--blue-20);
background-color:white;
}
.assignee-box.box-active{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.assignee-box.pill-assigned{
background-color:white;
}
.assignee-avatar{
width:24px;
height:24px;
border-radius:50%;
flex-shrink:0;
line-height:100%;
display:flex;
align-items:center;
justify-content:center;
font-size:11px;
font-weight:var(--font-weight-bold);
color:white;
}
.assignee-avatar.avatar-letter{
background-color:var(--primary-blue);
}
.assignee-avatar.avatar-own{
background-color:var(--primary-green);
}
.assignee-avatar.avatar-empty{
background-color:var(--blue-60);
background-image:url("../../images/icons/white/profile.svg");
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
}
.assignee-input{
border:none;
outline:none;
background:transparent;
padding:0;
cursor:pointer;
width:auto;
min-width:60px;
max-width:130px;
color:var(--primary-blue);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
height:100%;
}
.assignee-input:focus{
cursor:text;
}
.assignee_search_results_panel{
position:absolute;
top:calc(100% - 2px);
left:0;
width:100%;
background:white;
border:1px solid var(--blue-20);
border-top:none;
border-radius:4px;
border-top-left-radius:0;
border-top-right-radius:0;
box-shadow:0px 4px 16px 0px rgba(52,77,102,0.08);
z-index:100;
overflow-y:auto;
max-height:200px;
margin:0 !important;
}
.assignee-search-row{
display:flex;
align-items:center;
gap:4px;
padding:4px;
cursor:pointer;
}
.assignee-search-row:hover{
background-color:var(--blue-5);
}
.assignee-row-info{
display:flex;
flex-direction:column;
gap:0;
overflow:hidden;
}
.assignee-row-email{
color:var(--blue-60);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:120%;
}
.analysis-icon{
background-color:var(--primary-blue);
background-image:url("../../images/icons/white/read-more.svg");
background-size:16px 16px;
background-repeat:no-repeat;
background-position:center;
height:24px;
width:24px;
border-radius:4px;
display:none;
}
.analysis-icon:hover{
background-color:var(--blue-90);
}
.analysis-icon.popover-open{
visibility:visible !important;
pointer-events:auto !important;
}
.analysis-name-popover{
max-width:280px;
border-radius:12px;
box-shadow:0 4px 16px 0 rgba(52,77,102,0.16);
}
.analysis-name-popover .popover-content{
padding:16px;
}
.analysis-popover-name{
min-width:0;
white-space:nowrap;
max-width:200px;
}
.analysis-popover-nav{
position:relative;
flex:0 0 auto;
width:18px;
height:18px;
}
.analysis-popover-arrow-icon{
background-image:url("../../images/icons/blue-primary/arrow-forward.svg");
background-color:transparent;
width:18px;
height:18px;
border-radius:50%;
background-size:18px 18px;
background-repeat:no-repeat;
display:block;
}
.analysis-popover-arrow-icon:hover{
background-image:url("../../images/icons/green/arrow-forward.svg");
}
.analysis-popover-nav-loader{
visibility:hidden;
position:absolute;
top:0;
left:0;
}
.analysis-popover-nav.is-loading .analysis-popover-arrow-icon{
visibility:hidden;
}
.analysis-popover-nav.is-loading .analysis-popover-nav-loader{
visibility:visible;
}
@media (max-width:1440px){
.analysis-name-col{
display:none;
}
.analysis-icon{
display:block;
visibility:hidden;
pointer-events:none;
}
table#all-samples > tbody tr:hover .analysis-icon{
visibility:visible;
pointer-events:auto;
}
}
.vb-family{
background-color:var(--primary-blue);
background-image:url("../../images/icons/white/family.svg");
background-size:16px 16px;
background-repeat:no-repeat;
background-position:center;
height:24px;
width:24px;
border-radius:4px;
display:block;
}
.vb-family:hover{
background-color:var(--blue-90);
}
#analysis-content .my-vb-fam-popover.popover.fade.right.in .popover-content,
#results-content .my-vb-fam-popover.popover.fade.right.in .popover-content{
border:none !important;
}
.my-vb-fam-popover{
max-width:none;
min-width:380px;
border:none !important;
border-radius:12px;
overflow:hidden;
box-shadow:0 4px 16px 0 rgba(52,77,102,0.16);
padding:0;
}
.my-vb-fam-popover .popover-content{
padding:0;
}
.fam-popover-label{
background-color:var(--blue-90);
color:white;
font-size:11px;
font-weight:var(--font-weight-medium);
padding:2px 10px;
display:inline-block;
border-radius:4px 4px 0 0;
position:absolute;
top:-20px;
left:0;
}
.fam-popover-header{
padding:16px;
display:flex;
align-items:center;
gap:6px;
border-bottom:1px solid var(--blue-10);
}
.fam-popover-body{
background-color:var(--blue-5);
border-radius:4px;
padding:16px 8px;
margin:16px;
}
.fam-popover-table{
width:100%;
border-collapse:collapse;
}
.fam-popover-table thead th{
font-size:12px;
font-weight:var(--font-weight-bold);
line-height:110%;
letter-spacing:0.05em;
text-transform:uppercase;
color:var(--blue-60);
padding-right:8px;
padding-bottom:4px;
padding-right:8px;
}
.fam-popover-table tbody td{
font-size:14px;
font-weight:var(--font-weight-medium);
color:var(--primary-blue);
line-height:140%;
padding-top:4px;
vertical-align:top;
word-break:break-word;
padding-right:8px;
}
.fam-popover-table tbody td:first-child,
.fam-popover-table thead th:first-child{
padding-left:8px;
}
.fam-popover-table tbody td:last-child,
.fam-popover-table thead th:last-child{
padding-right:8px;
}
.fam-popover-table tbody tr.fam-row-self td{
background-color:var(--blue-10);
padding-top:4px;
padding-bottom:4px;
}
.fam-popover-table tbody tr.fam-row-self td:first-child{
border-radius:4px 0 0 4px;
}
.fam-popover-table tbody tr.fam-row-self td:last-child{
border-radius:0 4px 4px 0;
}
.fam-popover-table tr.fam-row-self + tr td{
padding-top:0;
}
.fam-popover-table a{
font-weight:var(--font-weight-medium);
text-decoration-line:underline;
text-decoration-style:solid;
color:var(--primary-blue);
}
.fam-popover-table a:hover{
color:var(--primary-green);
}
.fam-popover-link-container{
position:relative;
display:inline-block;
}
.fam-popover-link-loader{
visibility:hidden;
}
.fam-popover-link-container.is-loading .fam-popover-link{
visibility:hidden;
}
.fam-popover-link-container.is-loading .fam-popover-link-loader{
visibility:visible;
}
.sample-search-container{
height:40px;
border-radius:8px;
border:1px solid var(--blue-10);
display:flex;
justify-content:space-between;
}
.sample-search-container:hover{
border:1px solid var(--blue-20);
box-shadow:0px 4px 16px 0px #344D6614;
}
.sample-search-container:focus-within{
border:1px solid var(--primary-green);
box-shadow:0px 4px 16px 0px #344D6614;
}
.sample-search-container.search-active{
border-color:var(--primary-green);
background-color:var(--green-10);
}
.sample-search-container.err-input-text{
border:1px solid var(--secondary-red);
}
.sample-search-container img{
height:18px;
}
.sample-search-container button{
background:none;
border:none;
}
.sample-search-container .left-group{
display:flex;
align-items:center;
overflow:hidden;
flex-grow:1;
}
.sample-search-container.search-active .left-group img{
opacity:0.6;
}
.sample-search-container input{
margin-left:3px;
height:40px;
border:1px solid transparent;
font-size:14px;
line-height:140%;
font-weight:var(--font-weight-medium);
background-color:transparent;
flex-grow:1;
text-overflow:ellipsis;
}
.sample-search-container input::placeholder{
opacity:1;
color:var(--blue-60);
font-weight:400;
}
.sample-search-container .tail-button{
width:40px;
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.sample-search-container .popover{
max-width:unset;
}
.sample-search-container .popover .invalid-warning{
display:none;
}
.sample-search-container.err-input-text .popover.fade.bottom.in{
border-color:var(--secondary-red);
}
.sample-search-container.err-input-text .popover.fade.bottom.in .arrow{
border-bottom-color:var(--secondary-red);
}
.sample-search-container.err-input-text .popover .invalid-warning{
display:unset;
}
.stage-select-box{
display:inline-flex;
align-items:center;
gap:4px;
height:32px;
padding:4px 8px;
border-radius:4px;
border:1px solid var(--blue-10);
background-color:transparent;
cursor:pointer;
position:relative;
min-width:120px;
}
tr:hover .stage-select-box{
border-color:var(--blue-20);
}
.stage-select-box:hover,
.stage-select-box.stage-active{
border-color:var(--blue-20);
background-color:white;
}
.stage-select-box.stage-active{
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}
.stage-select-box.stage-has-value{
background-color:white;
}
.stage-select-box.stage-disabled{
opacity:0.6;
pointer-events:none;
cursor:default;
}
.stage-select-value{
flex-grow:1;
color:var(--primary-blue);
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.stage-select-arrow{
width:18px;
height:18px;
flex-shrink:0;
background-image:url("../../images/icons/blue-primary/arrow-down.svg");
background-size:18px 18px;
background-repeat:no-repeat;
background-position:center;
transition:transform 0.2s;
}
.stage-select-box.stage-active .stage-select-arrow{
transform:rotate(180deg);
}
.stage-select-panel{
position:absolute;
top:calc(100% - 1px);
left:0;
min-width:100%;
background:white;
border:1px solid var(--blue-20);
border-top:none;
border-radius:4px;
border-top-left-radius:0;
border-top-right-radius:0;
box-shadow:0px 4px 16px 0px rgba(52,77,102,0.08);
z-index:100;
list-style:none;
padding:0;
margin:0;
}
.stage-select-option{
display:flex;
align-items:center;
justify-content:space-between;
padding:8px 8px;
cursor:pointer;
color:var(--primary-blue);
font-weight:var(--font-weight-medium);
}
.stage-select-option:hover{
background-color:var(--blue-5);
}
.stage-select-option.is-selected{
font-weight:var(--font-weight-bold);
}
.stage-select-option.is-selected::after{
content:'';
width:16px;
height:16px;
display:block;
background-image:url("../../images/icons/green/check.svg");
background-size:16px;
position:absolute;
right:8px;
}
.sample-analysis-row-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;
}
.sample-analysis-row-action.loading{
background:var(--primary-blue);
display:flex;
align-items:center;
justify-content:center;
}
.sample-analysis-row-action:hover{
background-color:var(--primary-blue);
}
.sample-analysis-row-action.delete{
background-image:url("../../images/icons/blue-primary/delete.svg");
}
.sample-analysis-row-action.delete:hover{
background-image:url("../../images/icons/white/delete.svg");
}
.sample-analysis-row-action.delete.action-unavailable{
background-image:url("../../images/icons/blue-40/delete.svg");
}
.sample-analysis-row-action.add{
background-image:url("../../images/icons/blue-primary/add.svg");
}
.sample-analysis-row-action.add:hover{
background-image:url("../../images/icons/white/add.svg");
}
.sample-analysis-row-action.add.action-unavailable{
background-image:url("../../images/icons/blue-40/add.svg");
}
.sample-analysis-row-action.files{
background-image:url("../../images/icons/blue-primary/document.svg");
}
.sample-analysis-row-action.files:hover{
background-image:url("../../images/icons/white/document.svg");
}
.sample-analysis-row-action.navigate-details{
background-image:url("../../images/icons/blue-primary/read-more.svg");
}
.sample-analysis-row-action.navigate-details:hover{
background-image:url("../../images/icons/white/read-more.svg");
}
.sample-analysis-row-action.action-unavailable{
pointer-events:none;
}
.analysis-status-action-group:has(.action-unavailable){
cursor:default;
}
#show-by-analysis.panel .panel-heading,
#show-by-samples.panel .panel-heading{
padding:16px;
overflow:visible;
}
#show-by-analysis,
#show-by-samples{
margin:24px;
filter:drop-shadow(0 4px 16px rgba(52,77,102,0.08));
border-radius:8px;
overflow:hidden;
height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - 24px - 24px);
}
#show-by-analysis .panel-body,
#show-by-samples .panel-body{
border-radius:8px;
overflow:auto;
height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - 24px - 129px);
padding:16px 14px;
}
#show-by-analysis .table-responsive,
#show-by-samples .table-responsive{
overflow:visible;
}
[name="an-secondary-header"],
[name="sa-secondary-header"]{
margin-top:8px;
padding:0 16px 12px 16px;
}
.an-counter-item,
.sa-counter-item{
font-size:14px;
line-height:20px;
font-weight:var(--font-weight-medium);
white-space:nowrap;
}
.an-counter-label,
.sa-counter-label{
color:var(--blue-60);
}
.an-counter-value,
.sa-counter-value{
color:var(--primary-blue);
}
table#all-analysis th,
table#all-samples th,
table#sampleTable th{
border-bottom:1px solid var(--blue-10);
padding:8px 15px !important;
font-size:10px;
font-style:normal;
font-weight:700;
line-height:110%;
text-transform:uppercase;
color:var(--blue-50);
font-family:"Roboto Mono";
position:relative;
}
table#all-analysis th.row-status-th,
table#all-samples th.row-status-th,
table#sampleTable th.row-status-th{
padding:0!important;
}
table#all-analysis.dataTable thead .sorting,
table#all-samples.dataTable thead .sorting{
background-image:url("../../images/icons/blue-60/expand-all.svg");
background-size:18px;
}
table#all-analysis.dataTable thead .sorting_desc,
table#all-samples.dataTable thead .sorting_desc{
background-image:url("../../images/icons/blue-primary/arrow-down.svg");
}
table#all-analysis.dataTable thead .sorting_asc,
table#all-samples.dataTable thead .sorting_asc{
background-image:url("../../images/icons/blue-primary/arrow-up.svg");
}
#all-analysis thead,
#all-samples thead,
#sampleTable thead{
position:sticky;
top:0;
background:white;
z-index:1;
}
#all-analysis tbody::before,
#all-samples tbody::before,
#sampleTable tbody::before{
content:'';
display:table;
height:4px;
}
table#all-analysis,
table#all-samples,
table#sampleTable{
border-collapse:separate;
border-bottom:none !important;
}
.row-status-banner{
display:block;
height:calc(100% - 16px);
width:4px;
background-color:transparent;
}
.row-status-banner.ok-status{
background-color:var(--primary-green);
}
.row-status-banner.ko-status{
background-color:var(--secondary-red);
}
.row-status-banner.w-status{
background-color:var(--secondary-yellow);
}
.row-status-banner.running-status{
background-color:var(--primary-blue);
animation:rowStatusBannerPulse 2.4s ease-in-out infinite;
}
@keyframes rowStatusBannerPulse{
0%,100%{opacity:1;}
50%{opacity:0.25;}
}
.row-status-label{
height:24px;
background-color:white;
border-radius:4px;
border:1px solid;
display:flex;
align-items:center;
padding:0 8px;
}
.row-status-label.ok-status{
border-color:var(--primary-green);
}
.row-status-label.ko-status{
border-color:var(--secondary-red);
}
.row-status-label.w-status{
border-color:var(--secondary-yellow);
}
.row-status-label.deleted-status{
border-color:var(--blue-60);
}
#all-analysis tbody td.dataTables_empty,
#all-samples tbody td.dataTables_empty,
#sampleTable tbody td.dataTables_empty{
background:white;
cursor:default;
padding:32px 0 !important;
pointer-events:none;
}
table#all-analysis > tbody tr{
cursor:pointer;
}
table#all-analysis > tbody td,
table#all-samples > tbody td,
table#sampleTable > tbody td{
box-sizing:border-box;
height:calc(48px + 8px);
background-color:var(--blue-5);
vertical-align:middle;
padding-top:0 !important;
padding-bottom:0 !important;
border-bottom:4px solid white;
border-top:4px solid white;
}
table#all-analysis > tbody tr:hover td,
table#all-samples > tbody tr:hover td,
table#sampleTable > tbody tr:hover td{
background-color:var(--blue-10);
}
table#all-samples > tbody tr.deleted td:not(:last-child) > *,
table#sampleTable > tbody tr.deleted td:not(:last-child) > *{
opacity:60%;
}
table#all-analysis > tbody tr.loading td:not(:last-child):not(:first-child) > *,
table#all-samples > tbody tr.loading td:not(:last-child):not(:first-child) > *,
table#sampleTable > tbody tr.loading td:not(:last-child):not(:first-child) > *{
opacity:60%;
}
table#all-analysis > tbody tr td.row-status-td:first-child,
table#all-samples > tbody tr td.row-status-td:first-child,
table#sampleTable > tbody tr td.row-status-td:first-child{
border-left:4px solid white;
border-radius:10px 0 0 10px;
padding:0px !important;
}
table#all-analysis > tbody tr td:last-child,
table#all-samples > tbody tr td:last-child,
table#sampleTable > tbody tr td:last-child{
border-right:4px solid white;
border-radius:0 10px 10px 0;
position:relative;
}
.analysis-status-action-group,
.sample-status-action-group{
display:flex;
align-items:center;
padding:0;
justify-content:flex-end;
gap:16px;
}
#all-analysis_wrapper,
#all-samples_wrapper,
#sampleTable_wrapper{
overflow:visible;
position:relative;
}
#all-analysis_paginate,
#all-samples_paginate,
#sampleTable_paginate{
float:unset;
text-align:unset;
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
background:white;
padding:8px 0 16px 0;
padding-bottom:0;
}
#all-analysis_paginate .paginate_button,
#all-samples_paginate .paginate_button,
#sampleTable_paginate .paginate_button{
width:24px;
height:24px;
border-radius:50%;
color:var(--primary-blue) !important;
background-color:transparent !important;
text-align:center;
font-family:Roboto;
font-size:12px;
font-weight:700;
line-height:100%;
letter-spacing:0.6px;
box-sizing:unset;
display:inline-flex;
min-width:unset;
padding:unset;
margin-left:16px;
border:none;
align-items:center;
justify-content:center;
}
#all-analysis_paginate .paginate_button:hover,
#all-samples_paginate .paginate_button:hover,
#sampleTable_paginate .paginate_button:hover{
background-color:var(--green-10) !important;
}
#all-analysis_paginate .paginate_button.current,
#all-samples_paginate .paginate_button.current,
#sampleTable_paginate .paginate_button.current{
color:white !important;
background-color:var(--primary-blue) !important;
}
#all-analysis_paginate .paginate_button.previous,
#all-analysis_paginate .paginate_button.next,
#all-samples_paginate .paginate_button.previous,
#all-samples_paginate .paginate_button.next,
#sampleTable_paginate .paginate_button.previous,
#sampleTable_paginate .paginate_button.next{
color:transparent !important;
user-select:none;
width:32px;
height:32px;
border-radius:4px;
border:1px solid var(--primary-blue);
cursor:pointer;
position:relative;
background-color:transparent !important;
background-size:18px 18px !important;
background-repeat:no-repeat !important;
background-position:center !important;
}
#all-analysis_paginate .paginate_button.previous:hover,
#all-analysis_paginate .paginate_button.next:hover,
#all-samples_paginate .paginate_button.previous:hover,
#all-samples_paginate .paginate_button.next:hover,
#sampleTable_paginate .paginate_button.previous:hover,
#sampleTable_paginate .paginate_button.next:hover{
background-color:var(--green-10) !important;
}
#all-analysis_paginate .paginate_button.previous,
#all-samples_paginate .paginate_button.previous,
#sampleTable_paginate .paginate_button.previous{
background-image:url("../../images/icons/blue-primary/arrow-left.svg") !important;
margin-left:4px;
}
#all-analysis_paginate .paginate_button.next,
#all-samples_paginate .paginate_button.next,
#sampleTable_paginate .paginate_button.next{
background-image:url("../../images/icons/blue-primary/arrow-right.svg") !important;
margin-right:4px;
}
#all-analysis_paginate .paginate_button.previous::after,
#all-samples_paginate .paginate_button.previous::after,
#sampleTable_paginate .paginate_button.previous::after{
content:'Previous';
color:var(--primary-blue);
left:calc(100% + 16px);
position:absolute;
text-transform:uppercase;
}
#all-analysis_paginate .paginate_button.next::before,
#all-samples_paginate .paginate_button.next::before,
#sampleTable_paginate .paginate_button.next::before{
content:'Next';
color:var(--primary-blue);
right:calc(100% + 16px);
position:absolute;
text-transform:uppercase;
}
#all-analysis_length label,
#all-samples_length label,
#sampleTable_length label{
font-size:14px;
color:var(--blue-60);
font-weight:var(--font-weight-medium);
display:flex;
align-items:center;
gap:6px;
margin:0;
}
#all-analysis_length select,
#all-samples_length select,
#sampleTable_length select{
border:1px solid var(--blue-10);
border-radius:4px;
padding:2px 6px;
color:var(--primary-blue);
font-size:14px;
}
#analysis-content button.round-button-with-label.back > .icon-circle{
border:1px solid var(--blue-20);
box-shadow:0px 4px 16px 0px #344D6614;
}
#analysis-content button.round-button-with-label.back:hover > .icon-circle{
border:1px solid var(--blue-30);
}
#analysis-content{
display:flex;
flex-direction:column;
margin:24px;
height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - 24px - 24px);
gap:24px;
}
#analysis-samples-panel{
display:flex;
flex-direction:column;
flex:1 1 auto;
min-height:0;
filter:drop-shadow(0 4px 16px rgba(52,77,102,0.08));
border-radius:8px;
overflow:hidden;
flex-grow:1;
margin-bottom:0;
}
#analysis-samples-panel.panel .panel-heading{
padding:16px;
overflow:visible;
flex:0 0 auto;
}
#analysis-samples-panel > [name="sa-secondary-header"]{
flex:0 0 auto;
}
#analysis-samples-panel .panel-body{
border-radius:8px;
overflow:auto;
flex:1 1 auto;
min-height:0;
padding-top:0 !important;
padding:16px 14px;
}
#analysis-samples-panel .table-responsive{
overflow:visible;
}
#analysis-samples-panel .panel-heading h4.panel-title{
font-size:20px;
font-weight:var(--font-weight-medium);
color:var(--primary-blue);
float:none;
margin:0;
}