.sub-elem-content{
border-radius:8px;
border:1px solid var(--blue-10);
box-shadow:0px 4px 16px 0px rgba(52,77,102,0.08);
width:188px;
height:95px;
background:white;
}
.sub-elem{
margin-right:16px;
}
#vkbRowDetailsModal .slick-slide:last-child .sub-elem{
margin-right:0px;
}
.sub-elem-content.selected{
border-color:var(--primary-blue);
}
.sub-elem-content.deprecated-elem > *{
opacity:0.6;
}
.sub-elem-header{
display:flex;
justify-content:space-between;
border-bottom:1px solid var(--blue-10);
align-items:center;
padding:0 8px;
height:34px;
}
.sub-elem-header [name="delete-submission"]:hover{
transform:scale(1.2);
}
#vkbRowDetailsModal .slick-track{
margin:0 -20px !important;
padding:16px 20px !important;
}
#vkbRowDetailsModal .slick-slide{
width:unset !important;
}
#vkbRowDetailsModal .slick-arrow{
top:-12px
}
#vkbRowDetailsModal .slick-arrow.slick-prev{
left:unset;
right:28px;
}
#vkbRowDetailsModal .slick-arrow.slick-next{
right:0;
}
#vkbRowDetailsModal .slick-arrow.slick-prev::before,
#vkbRowDetailsModal .slick-arrow.slick-next::before{
height:24px;
width:24px;
content:'';
display:block;
}
#vkbRowDetailsModal .slick-arrow.slick-prev::before{
background-image:url('../../images/icons/blue-primary/arrow-circle-left.svg');
}
#vkbRowDetailsModal .slick-arrow.slick-next::before{
background-image:url('../../images/icons/blue-primary/arrow-circle-right.svg');
}
.exSubCardContainer-outer{
border-radius:8px;
overflow:hidden;
margin-top:16px;
border:1px solid var(--blue-10);
background-color:var(--blue-5);
}
.exSubCardContainer{
padding:20px;
overflow-x:auto;
}
.vkb-tabs{
list-style-type:none;
padding:0;
margin:0;
display:flex;
margin-top:8px;
}
.vkb-tabs > li{
padding:16px 0;
width:50%;
text-align:center;
border:none;
min-width:200px;
background-color:transparent;
border:none;
border-bottom:1px solid var(--blue-20);
}
.vkb-tabs > li.active{
background-color:transparent;
border-bottom:1px solid var(--primary-blue);
}
.vkb-tabs > li a{
font-size:12px;
font-weight:var(--font-weight-bold);
letter-spacing:0.6px;
text-transform:uppercase;
color:var(--blue-60);
text-decoration:none;
}
.vkb-tabs > li.active a{
color:var(--primary-blue);
}
.vkb-tabs > li a:hover{
color:var(--primary-green);
text-decoration:none;
}
.vkb-trig-rules{
display:flex;
flex-wrap:wrap;
gap:8px 16px;
}
#vkbRowDetailsModal .transcript-container{
background-color:var(--blue-5);
}
#vkbRowDetailsModal .transcript-container [name="gene_header"]:hover{
background-color:var(--blue-10);
}
#vkbRowDetailsModal .detailsButtons{
margin:16px 0 0 0;
}
#vkbRowDetailsModal .variant-row-detail-button:hover{
background:var(--blue-5);
}
#vkbRowDetailsModal .variant-row-detail-button.active:hover{
background:var(--primary-blue);
}