#allVntsSearchPage{
--vnts-activities-width:472px;
--vnts-activities-header-height:72px;
}
.vnts-left-section{
padding:24px;
flex-grow:1;
max-width:calc(100vw - var(--vnts-activities-width));
}
.vnts-activities{
width:var(--vnts-activities-width);
min-width:var(--vnts-activities-width);
}
.vnts-activities .panel-heading{
display:flex;
padding:24px;
border-bottom:1px solid var(--blue-10) !important;
align-items:center;
height:72px;
}
.vnts-activities .activities-panel{
height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - var(--vnts-activities-header-height));
}
.vnts-activities .panel{
margin-bottom:0 !important;
}
.vnts-no-activities{
display:flex;
align-items:center;
justify-content:center;
height:100%;
}
#variant-search-filter-panel{
z-index:20;
}
#vnts-results{
border-radius:8px;
height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - 140px - 57px);
}
.vnts-left-section .expandable-panel{
border-radius:8px;
filter:drop-shadow(0 4px 16px rgba(52,77,102,0.08));
background:white;
}
.vnts-results-table-wrapper{
width:100%;
max-height:calc(100vh - var(--app-header-height) - var(--app-vb-navigation-height) - var(--app-footer-height) - 308px);
overflow:auto;
padding:0px 12px !important;
margin-top:8px;
padding-bottom:12px !important;
position:relative;
}
.vs-search-panel.panel,
#vnts-results .panel{
border-radius:8px;
box-shadow:none;
margin-bottom:0;
padding-bottom:0px;
}
.vs-search-panel .panel-heading,
.vs-search-panel .panel-heading + .panel-body{
padding:16px;
}
.vs-search-panel .panel-heading+.panel-body{
padding-top:0 !important;
}
.vs-search-container{
height:48px;
border-radius:8px;
border:1px solid var(--blue-10);
display:flex;
justify-content:space-between;
flex-grow:1;
align-items:center;
gap:8px;
}
.vs-search-container input{
margin-left:3px;
height:48px;
border:1px solid transparent;
font-size:14px;
line-height:140%;
font-weight:var(--font-weight-medium);
background-color:transparent;
display:block;
flex-grow:1;
text-overflow:ellipsis;
}
.vs-search-container img{
height:18px;
}
.vs-search-container .left-group{
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
flex-grow:1;
}
.vs-search-panel button[name="search-button"]{
min-width:unset;
width:56px;
background-image:url("../../images/icons/white/search.svg");
background-repeat:no-repeat;
background-position:center center;
}
.vs-search-panel button[name="search-button"]:disabled{
background-image:url("../../images/icons/blue-60/search.svg");
}
.vs-search-panel button[name="search-button"].loading{
background-image:unset;
display:flex;
align-items:center;
justify-content:center;
}
.vs-search-panel button[name="filters-button"]{
border:none;
height:40px;
margin-right:4px;
display:flex;
align-items:center;
border-radius:4px;
background-color:var(--green-5);
font-weight:var(--font-wgt-medium);
padding:0 8px;
}
.vs-search-panel button[name="filters-button"]:hover{
background-color:var(--green-10);
}
.vs-search-panel button[name="filters-button"] [name="applied_filters_counter"]{
margin-left:8px;
padding:1px 6px;
background:var(--primary-green);
min-width:20px;
color:white;
font-weight:var(--font-weight-medium);
height:20px;
border-radius:10px;
}
#vnts-results [name="currentSearchText"]{
padding:2px 4px;
border-radius:4px;
background:var(--green-10);
}
.export-header{
margin-top:16px;
padding:0 16px;
}
#vnts-results table th{
border-bottom:1px solid var(--blue-10);
padding:8px 16px!important;
padding-left:0px !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;
}
#vnts-results table th:last-child::after,
#vnts-results table th:first-child::before{
height:0;
border-bottom:1px solid var(--blue-10);
width:34px;
position:fixed;
margin-top:8px;
}
#vnts-results table th:last-child::after{
right:-12px;
}
#vnts-results table th:first-child::before{
left:-12px;
}
#vnts-results table thead{
position:sticky;
top:0;
background:white;
z-index:1;
}
#vnts-results table tbody::before{
content:'';
display:table;
height:4px;
}
#vnts-results table{
border-collapse:separate;
border-bottom:none !important;
width:100%;
}
#vnts-results 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;
cursor:pointer;
padding-right:16px;
}
#vnts-results table>tbody tr:hover td{
background-color:var(--blue-10);
}
#vnts-results table>tbody tr td:first-child{
border-left:4px solid white;
border-radius:10px 0 0 10px;
padding:0 16px !important;
}
#vnts-results table>tbody tr td:last-child{
border-right:4px solid white;
border-radius:0 10px 10px 0;
}
#vnts-results table>tbody tr[name="show-more-spinner"] td,
#vnts-results table>tbody tr[name="show-more-row"] td{
background:white;
cursor:auto;
}
#vnts-results table>tbody tr.loading td > *:not(.popover){
opacity:0.3;
}
.vs-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;
}
.vs-row-action.open-vb{
background-image:url("../../images/icons/blue-primary/expand-view.svg");
}
.vs-row-action.open-vb:hover{
background-color:var(--primary-blue);
background-image:url("../../images/icons/white/expand-view.svg");
}
#vnts-results td .hgvs-div:not(:empty) + .hgvs-div{
margin-left:8px;
}