.page-content{
background:#F1F4F9;
overflow-y:hidden;
}
.sidebar{
background:#ffffff;
}
.sidebar-header{
background:#314c67;
}
.menu{
color:#314c67;
}
.menu.accordion-menu ul li.active a{
background:#314c67;
color:#fff;
}
.topmenu-outer{
margin-left:0!important;
}
.cs-mg-lft-30{
margin-left:30px;
}
.cs-item-gallery{
border:1px solid;
border-color:#d7d7d7;
}
.cs-fnt-color-grey{
color:#d7d7d7;
}
.cs-color-grey{
color:#d7d7d7;
}
.cs-color-blue{
color:#34425A;
}
.cs-icon-action-wrapper{
width:90px;
}
.cs-pointer{
cursor:pointer;
}
.cs-not-allowed{
cursor:not-allowed;
}
.cs-default{
cursor:default!important;
}
.cs-progress{
width:130px;
}
.badge.cs-badge-softsquare{
-webkit-border-radius:4px !important;
-moz-border-radius:4px !important;
border-radius:4px !important;
}
.badge.cs-badge-hardsquare{
-webkit-border-radius:0px !important;
-moz-border-radius:0px !important;
border-radius:0px !important;
}
.cs-header-sample{
width:90px;
}
.cs-td-center{
text-align:center;
}
.cs-cd-sale{
display:block;
position:absolute;
top:10px;
left:10px;
border-radius:2px;
padding:3px 10px;
color:#fff;
z-index:9;
font-size:11px;
}
cs-pipeline-tags{
display:block;
position:absolute;
top:10px;
border-radius:2px;
margin-top:5px;
padding:3px 10px;
color:#fff;
z-index:9;
font-size:11px;
}
.cs-img-pipeline{
position:relative;
overflow:hidden;
margin-top:3em;
padding:10px;
list-style-type:none;
opacity:1;
top:0;
left:25%;
height:100%;
width:50%;
-webkit-transform:translateZ(0);
-moz-transform:translateZ(0);
-ms-transform:translateZ(0);
-o-transform:translateZ(0);
transform:translateZ(0);
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform,opacity;
-webkit-transition:-webkit-transform 0.4s,opacity 0.4s;
-moz-transition:-moz-transform 0.4s,opacity 0.4s;
transition:transform 0.4s,opacity 0.4s;
}
.cs-img-pipeline img{
display:block;
width:100%;
}
.btn-default.pipe:focus,
.btn-default.pipe.focus{
color:white;
background-color:#12AFCB;
border-color:#e5e5e5;
}
.btn-default.pipe:hover{
color:white;
background-color:#12AFCB;
border-color:#e5e5e5;
}
.btn-default.pipe:active,
.btn-default.pipe.active,
.open > .dropdown-toggle.btn-default.pipe{
color:white;
background-color:#12AFCB;
border-color:#e5e5e5;
}
@media (max-width:768px){
.cd-gallery > li{
max-width:400px;
}
}
@media only screen and (min-width:1110px){
.cd-gallery > li{
float:left;
width:30%;
height:245px;
margin-right:1%;
margin-bottom:2.5em;
max-width:400px;
}
}
@media (min-width:768px) and (max-width:1110px){
.cd-gallery > li{
width:44% !important;
}
}
.cd-item-info{
height:200px;
padding:2em;
}
.fa.fa-star.active{
color:#fada44;
}
.cs-task-icon.badge{
height:25px;
display:block;
float:left;
position:relative;
margin-right:10px;
padding-top:6px;
}
.cs-task-icon-unfixed.badge{
height:25px;
margin-right:10px;
padding-top:6px;
}
.cs-task-icon-small.badge{
height:15px;
margin-right:5px;
padding-top:0px;
}
.cs-task-icon i{
text-align:center;
font-size:12px;
}
.cs-badge-like-button:active{
opacity:0.8;
margin-top:1px;
margin-bottom:1px;
}
.cs-badge-like-button-fixed:active{
opacity:0.8;
}
.page-title{
padding:10px;
padding-left:20px;
}
.dropBox{
height:32em !important;
padding:0px !important;
margin-bottom:10px;
width:100%;
text-align:center;
display:table;
background-color:white;
}
.dropBox-highligthed,.confirmed_hpo_btn{
background-color:#d1ece5;
}
.cnv-section-header{
background-color:#d1ece5;
color:#2b384e;
font-size:14px;
}
.cnvEditModalTd{
border-bottom:none!important;
}
.drag-highlighted{
-o-box-shadow:inset 0px 0px 5px 5px #22BAA0;
-moz-box-shadow:inset 0px 0px 5px 5px #22BAA0;
-webkit-box-shadow:inset 0px 0px 5px 5px #22BAA0;
box-shadow:inset 0px 0px 5px 5px #22BAA0;
box-shadow:0px 0px 5px 5px #22BAA0;
-webkit-transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out;
}
.cs-visible-fadeout{
display:none !important;
visibility:hidden !important;
}
.cs-visible-fadein{
display:block !important;
visibility:visible;
}
.dropBox-content{
font-size:25px;
color:#5f5f5f;
display:block;
}
.dropBox-content-highligthed{
color:#5f5f5f;
}
.fileupload-progress{
margin:10px 0;
}
.fileupload-progress .progress-extended{
margin-top:5px;
}
.cs-blue{
background-color:#34425A;
}
.cs-grey{
background-color:#d7d7d7;
}
.showResults{
cursor:pointer;
}
.hiddenRow{
padding:0 !important;
}
.cs-panel{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
div.slider{
display:none;
}
table.dataTable tbody td.no-padding{
padding:0 !important;
}
.table-no-border-top td{
border-top-style:hidden !important;
}
.table-no-border-left td{
border-left-style:hidden !important;
}
.table-no-border-right td{
border-right-style:hidden !important;
}
.table-responsive.no-border-top th{
border-bottom:0px !important;
}
.cs-help{
cursor:help;
}
.popover{
-webkit-border-radius:8px !important;
-moz-border-radius:8px !important;
border-radius:8px !important;
color:#344D66;
box-shadow:0px 4px 16px 0px #344D6614;
}
.tooltip > .tooltip-inner{
background-color:white;
color:#4E5E6A;
border:1px solid #ccc;
padding:5px;
font-size:13px;
-webkit-border-radius:5px !important;
-moz-border-radius:5px !important;
border-radius:5px !important;
opacity:2;
}
.tooltip.top > .tooltip-arrow{
border-top:5px solid #ccc;
}
.tooltip.bottom > .tooltip-arrow{
border-bottom:5px solid #34425A;
}
.tooltip.left > .tooltip-arrow{
border-left:5px solid #34425A;
}
.tooltip.right > .tooltip-arrow{
border-right:5px solid #34425A;
}
.panel .panel-heading .panel-title{
font-size:20px;
float:left;
margin:0px;
padding:0px;
font-weight:500;
}
.panel .panel-heading{
text-align:center !important;
height:60px;
}
.panel .panel-heading .cs-accordion{
padding:0 !important;
}
.panel-body{
padding-top:10px !important;
}
.cs-panel-title-accordion{
font-size:20px;
float:left;
font-weight:500;
position:relative;
width:100%;
height:100%;
padding:0 auto !important;
margin:0 auto !important;
}
.cs-panel-title-accordion > a{
text-decoration:none;
}
body{
color:#34425A;
}
.modal-content > .panel > .panel-body > p{
font-size:15px !important;
}
.modal-content > .panel > .panel-body > ul >li{
font-size:15px !important;
}
.modal-content > .panel > .panel-body > form > label{
font-size:15px !important;
}
.dashboard-sidenav{
width:40px;
position:static;
z-index:1;
left:30px;
background-color:#fff;
overflow-x:hidden;
transition:0.5s;
}
.dashboard-sidenav a{
text-decoration:none;
font-size:25px;
color:#000;
display:block;
transition:0.5s;
}
.dashboard-sidenav p{
text-decoration:none;
font-size:16px;
display:block;
transition:0.5s;
position:relative;
left:-50px;
-webkit-transform:rotate(270deg) translateY(-5px);
-moz-transform:rotate(270deg);
transform:rotate(270deg) translateY(-5px);
width:140px;
}
p.new-sidenav{
font-size:16px;
-webkit-transform:translateX(-3px) translateY(20px) rotate(270deg);
-moz-transform:translateX(-5px) translateY(20px) rotate(270deg);
}
a.new-sidenav{
transform:translateX(-5px) translateY(-9px);
-webkit-transform:translateX(-5px) translateY(-9px);
-moz-transform:translateX(-8px) translateY(-9px);
}
.dashboard-sidenav a:hover,.offcanvas a:focus{
color:#f1f1f1;
}
.dashboard-sidenav .closebtn{
position:relative;
top:10px;
left:10px;
font-size:20px;
z-index:1;
display:inline-table;
-moz-transform:translateX(-3px);
}
.page-inner{
min-height:100vh !important;
}
.page-content.content-wrap .page-inner{
min-height:82vh !important;
}
.no-wrap-text{
white-space:nowrap;
}
.panel-counter{
display:table;
white-space:nowrap;
}
.table-top-border{
border-top:1px solid;
}
.drag-unhighlighted{
-o-box-shadow:none!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
box-shadow:none!important;
}
.spinner{
margin:40px auto 15px;
width:100px;
text-align:center;
white-space:nowrap;
}
.spinner > div{
width:10px;
height:10px;
margin-right:10px;
background-color:#22BAA0;
border:solid 6px #22BAA0;
display:inline-block;
-webkit-animation:bouncedelay 1s infinite ease-in-out;
animation:bouncedelay 1s infinite ease-in-out;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
}
.spinner .bounce1{
-webkit-animation-delay:-0.48s;
animation-delay:-0.48s;
}
.spinner .bounce2{
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s;
}
.spinner .bounce3{
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s;
}
.spinner.loginSpinner > div{
background-color:#FFF;
border:none;
}
@-webkit-keyframes bouncedelay{
0%,80%,100%{-webkit-transform:scale(0.5);opacity:.5;}
40%{-webkit-transform:scale(1.0);opacity:1;}
}
@keyframes bouncedelay{
0%,80%,100%{
transform:scale(0.5);
-webkit-transform:scale(0.5);
opacity:.5;
}40%{
transform:scale(1.0);
-webkit-transform:scale(1.0);
opacity:1;
}
}
.filter-slider{
-webkit-appearance:none;
appearance:none;
width:100%;
height:6px;
min-width:11em;
max-width:14em;
background:-webkit-linear-gradient(left,rgb(34,186,160) 0%,rgb(34,186,160) 100%);
outline:none;
opacity:0.7;
-webkit-transition:.2s;
transition:opacity .2s;
-moz-background:none;
}
.filter-slider::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:20px;
height:14px;
border:0;
background:url(../../images/sliderW14Rsq.png);
cursor:pointer;
}
.filter-slider::-moz-range-thumb{
width:28px;
height:16px;
border:0;
background:url(../../images/sliderW16R.png);
cursor:pointer;
}
.double-slider{
margin:0;
padding:0;
border:0;
outline:none;
background:transparent;
-webkit-appearance:none;
-moz-appearance:none;
width:100%;
height:6px;
min-width:11em;
max-width:14em;
-webkit-transition:.2s;
transition:opacity .2s;
-moz-background:none;
background:-webkit-linear-gradient(left,rgb(34,186,160) 0%,rgb(34,186,160) 100%);
}
.double-slider::-webkit-slider-runnable-track{
cursor:default;
height:1px;
}
.double-slider::-webkit-slider-thumb{
-webkit-appearance:none;
width:12px;
height:20px;
box-shadow:1px 1px 1px #000000,0px 0px 1px #0d0d0d;
border:2px solid #333;
border-radius:3px;
background:#ffffff;
cursor:pointer;
transform:translateY(-10px);
}
[name="cnv_filters"] .noUi-target,[name="snv_filters"] .noUi-target{
background:#CCC;
}
#phenotypeCnvEditModal .noUi-target{
background-color:#FFF;
}
#phenotypeCnvEditModal .noUi-horizontal .noUi-tooltip{
bottom:-40px;
font-size:15px;
}
[name="cnv_filters"] .noUi-connects,[name="snv_filters"] .noUi-connects{
opacity:0.7;
}
#phenotypeCnvEditModal .noUi-connects{
background:#22BAA0;
}
#phenotypeCnvEditModal .noUi-base{
cursor:pointer;
}
[name="cnv_filters"] .noUi-handle.noUi-handle-lower,[name="cnv_filters"] .noUi-handle.noUi-handle-upper,
[name="snv_filters"] .noUi-handle.noUi-handle-lower,[name="snv_filters"] .noUi-handle.noUi-handle-upper{
width:18px;
height:32px;
top:-12px;
left:15px;
cursor:pointer;
border:1px solid #333;
}
#phenotypeCnvEditModal .noUi-handle.noUi-handle-lower{
width:18px;
height:32px;
top:-12px;
left:11px;
cursor:pointer;
border:1px solid #333;
}
#phenotypeCnvEditModal .noUi-marker.noUi-marker-horizontal.noUi-marker-large{
height:12px;
top:5px;
}
#phenotypeCnvEditModal .noUi-value.noUi-value-horizontal.noUi-value-large{
margin-top:0!important;
font-size:15px!important;
}
[name="cnv_filters"] [name="pluginSlider"],[name="snv_filters"] [name="pluginSlider"]{
height:10px;
transform:scale(0.7);
max-width:19em;
margin-bottom:50px;
}
#phenotypeCnvEditModal [name="pluginSlider"]{
height:10px;
transform:scale(0.7);
max-width:19em;
}
#req-more-samples [name="sliderHook"]{
height:12px;
transform:scale(0.9) translate(-50%,-50%);
left:47%;
max-width:40em;
margin:10px 0 70px;
}
#req-more-samples [name="sliderHook"] .noUi-base{
cursor:pointer;
}
#req-more-samples [name="sliderHook"] .noUi-handle.noUi-handle-lower{
cursor:pointer;
border:thin solid #aaa;
width:18px!important;
top:-9px!important;
right:-9px!important;
}
#req-more-samples [name="sliderHook"] .noUi-handle:before{
content:none!important;
}
#req-more-samples [name="sliderHook"] .noUi-handle{
box-shadow:none!important;
}
#req-more-samples [name="sliderHook"] .noUi-marker-horizontal.noUi-marker-large{
height:10px;
}
[name="cnv_filters"] .noUi-value.noUi-value-horizontal.noUi-value-large,[name="snv_filters"] .noUi-value.noUi-value-horizontal.noUi-value-large,
#phenotypeCnvEditModal .noUi-value.noUi-value-horizontal.noUi-value-large{
font-size:16px;
margin-top:5px;
}
.memb-filter-slider{
-webkit-appearance:none;
appearance:none;
width:100%;
height:6px;
min-width:11em;
max-width:14em;
background:-webkit-linear-gradient(left,rgb(34,186,160) 0%,rgb(34,186,160) 100%);
outline:none;
opacity:0.7;
-webkit-transition:.2s;
transition:opacity .2s;
-moz-background:none;
}
.memb-filter-slider::-moz-range-thumb{
width:14px;
height:26px;
border:2px solid #333;
border-radius:3px;
background:#ffffff;
cursor:pointer;
}
.memb-filter-slider::-moz-range-track{
background:none;
}
.memb-filter-slider::-webkit-slider-thumb{
-webkit-appearance:none;
width:14px;
height:26px;
box-shadow:1px 1px 1px #000000,0px 0px 1px #0d0d0d;
border:2px solid #333;
border-radius:3px;
background:#ffffff;
cursor:pointer;
}
.filter-slider::-moz-range-track{
background:none;
}
.filter-slider::-webkit-slider-runnable-track{
color:#ccc;
}
input[type=range]:focus{
outline:none;
}
.rotated-slider{
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.vb_uncertain{
-moz-transform:translateY(-1px);
}
.ph_uncertain{
-webkit-transform:translateY(-1px);
}
.vb_benign{
-moz-transform:translateY(-1px);
}
.vb_patho{
-webkit-transform:translateY(-1px);
-moz-transform:translateY(-1px);
}
.kb_patho,.kb_uncertain{
margin-bottom:4px;
}
.kb_benign{
margin-bottom:3px;
}
.history_patho,.history_uncertain{
margin-bottom:4px;
margin-left:2px;
}
.history_benign{
margin-bottom:2px;
margin-left:2px;
}
table[id^='all-variants'] td,table[id^='all-variants']>tbody>tr>td,table[id^='vkb-table']>tbody>tr>td,table.vb-group-table td,table.vb-group-table>tbody>tr>td,table[id^='all-variants-cnv'] td,table[id^='all-variants-cnv']>tbody>tr>td{
border-top:transparent!important;
padding-top:6px!important;
padding-bottom:0px!important;
}
#edit-table td,#edit-table>tbody>tr>td,#cnv-edit-table td,#cnv-edit-table>tbody>tr>td{
padding-top:8px!important;
padding-bottom:8px!important;
vertical-align:middle;
text-align:center;
}
.var-row-selected,.row-selected,.tree_panel_hook p[name="yes"]:hover,.tree_panel_hook p[name="no"]:hover{
background-color:#D3D3D3!important;
}
.kb-circle{
color:#d66354;
}
.bg-kb-circle{
background-color:#d66354;
}
.filler-circle{
color:transparent;
}
.mito-circle,.copy-icon{
color:#314c67;
}
.clinvar-circle{
color:#baa0e3;
}
.vnt-circle{
-moz-transform:scale(0.7,0.7);
font-size:20px;
}
.phenotypeConfirm{
background-color:transparent;
}
.phenotypeExtButton{
margin-bottom:3px;
}
.phenotypeButton,.phenotypeExtButton{
background-color:#fff;
border:none;
width:18px;
margin-right:2px;
}
.phenotypeButton>i,.phenotypeExtButton>i{
font-size:7px;
}
.phenotypeName{
display:flex;
align-items:flex-end;
background-color:#fff;
height:37px;
cursor:pointer;
}
.phenotypeContent{
border-left:15px solid #fff;
border-right:15px solid #fff;
border-bottom:15px solid #fff;
padding:0px 15px;
}
.ph{
border-radius:5px;
padding-top:0px;
padding-bottom:0px;
margin-right:4px;
margin-top:8px;
}
.phen-middle-comments{
vertical-align:-webkit-baseline-middle;
vertical-align:-moz-middle-with-baseline;
}
.phen-option-button{
margin-top:10px;
border-radius:5px;
padding-top:0px;
padding-bottom:0px;
}
.var-details{
}
hr.info-separation{
display:block;
position:relative;padding:0;
margin:25px auto;height:0;
width:100%;
max-height:0;
font-size:1px;
line-height:0;
clear:both;
border:none;
border-top:1px solid #aaa;
border-bottom:1px solid #fff;
}
.edit-classification-label{
border-radius:5px;
padding-top:0px;
padding-bottom:0px;
color:#fff;
font-size:11px;
margin-right:5px;
}
.edit-reset-button{
border-radius:5px;
padding-top:0px;
padding-bottom:0px;
background-color:#bbb;
color:#000;
font-size:9px;
}
.h4b{
font-size:14px;
font-weight:600;
cursor:pointer;
}
.filter-content{
margin-bottom:20px;
margin-left:17px;
}
.filter-head,.filter-content span{
display:flex;
align-items:flex-start;
}
.filter-content span p{
margin-left:5px;
}
.filt-coll_button{
background-color:#fff;
width:22px;
border:none;
}
.pending-to-icon,.filters-to-icon,.phenotypes-to-icon{
float:right;
background-color:#fff;
border:none;
transform:scaleX(2);
}
.vb-tab-button{
background-color:#3c4d66 !important;
color:#fff !important;
border:transparent;
border-radius:5px;
margin-left:8px;
padding:2px 4px 2px 15px;
border:1px solid #ffffff;
}
.vb-tab-button:hover{
border:1px solid #ffffff !important;
}
.vb-tab-button span{
display:-webkit-inline-box;
}
.vb-tab-button span p{
transition:0.3s;
font-size:9px;
transform:translateY(-6px);
box-shadow:none!important;
height:20px;
margin:0!important;
border:none;
font-weight:600;
opacity:0;
}
.variantDetails{
}
.phenotypeElem{
margin-bottom:10px;
}
.tab-active{
color:#2b384e !important;
background-color:#fff!important;
}
#vb-white{
background-color:#4c5f75;
height:50px;
}
.vb-white-border{
border-bottom:1px solid rgb(49,76,103) !important;
}
.vb-white-no-border{
border-bottom:none !important;
}
.fa.fa-download{
font-size:20px;
}
.export-btn{
padding:0;
width:60px;
border-radius:5px;
font-style:initial;
}
.export-div{
border:thin solid #ccc;
border-radius:5px;
padding-left:5px;
padding-right:5px;
position:relative;
margin-right:8px;
height:20px;
width:24px;
}
.export-check{
-webkit-transform:translateY(-1px);
-moz-transform:translateY(-2px);
}
.export-select{
font-size:8px;
vertical-align:top;
top:2px;
height:100%;
}
.export-slidedown{
background-color:#ccc;
position:absolute;
left:-1px;
width:150px;
height:110px;
z-index:10;
border:1px solid #e5e5e5 !important;
}
.export-slidedown>div>span{
display:-webkit-box;
}
.export-slidedown>div>span>input{
margin-right:8px;
margin-left:1px;
}
.vnt-warning,.warning-below-min,
.count-err-warning{
color:#f25656;
}
.no-pad-top{
padding-top:0!important;
}
.no-pad-lr{
padding-right:0!important;
padding-left:0!important;
}
.less-pad-lr{
padding-right:10px!important;
padding-left:10px!important;
}
.no-pad-l{
padding-left:0!important;
}
.no-pad{
padding:0!important;
}
.big-close-btn{
height:40px;
width:30%;
margin-top:0px;
font-size:15px;
vertical-align:middle;
}
.modal-footer button{
border-radius:5px;
}
.phen-kb-conflict{
}
#vb-col{
transition:1s;
height:50px;
}
#vb-col>.popover.fade.bottom.in{
min-width:min-content;
}
#vb-head{
padding-top:8px;
height:50px;
background-color:#384d66;
}
#resize-icon{
margin-left:12px;
}
.activeTabPop ~ .popover.fade.bottom.in>.popover-content,#vb-head .popover.fade.bottom.in>.popover-content{
border:1px solid #2b384e!important;
border-radius:4px;
}
.activeTabPop ~ .popover.fade.bottom.in>.arrow,#vb-head .popover.fade.bottom.in>.arrow,.filtersPanel .panel-heading .popover.fade>.arrow,.filtersPanel .filter-head .popover.fade>.arrow,.vb-addon-hook .popover.fade>.arrow{
color:transparent;
display:none;
}
.filtersPanel .panel-heading .popover.fade,.filter-head .popover.fade{
background-color:transparent;
border:none;
margin-left:-10px;
top:3px!important;
width:60px!important;
}
.filter-head .popover.fade{
top:-15px!important;
}
.filters-pop ~ input[type='text']{
margin-top:10px;
width:45px;
}
.slick-prev:before,.slick-next:before,[name="evidenceCheck"]{
color:#22BAA0!important;
}
.no-pad-r{
padding-right:0!important;
}
.gene-info-panel{
z-index:-20;
display:none;
position:relative;
border:1px solid #4FC7BE;
border-radius:5px;
width:0;
height:80px;
transform:translateX(-40px);
border-bottom-left-radius:0;
border-top-left-radius:0;
border-left-color:transparent!important;
}
.gene-info-panel-triangle{
transform:translateX(57px) translateY(5px);
-webkit-transform:translateX(59px) translateY(5px);
-moz-transform:translateX(57px) translateY(5px);
font-size:20px;
opacity:0;
}
.gene-info-panel-square{
transform:translateX(59px) translateY(5px);
-webkit-transform:translateX(59px) translateY(5px);
-moz-transform:translateX(57px) translateY(5px);
margin-top:-7px;
opacity:0;
}
.gene-info-panel-circle{
transform:translateX(53px);
-webkit-transform:translateX(59px) translateY(4px);
-moz-transform:translateX(57px) translateY(4px);
margin-top:-7px;
opacity:0;
}
.gene-info-panel-triangle ~ .gene-info-panel-counter{
transform:translateX(63px);
-webkit-transform:translateX(67px);
-moz-transform:translateX(65px);
margin-top:3px;
font-size:14px;
opacity:0;
width:30px;
text-align:right;
}
.gene-info-panel-square ~ .gene-info-panel-counter{
transform:translateX(63px);
-webkit-transform:translateX(68px);
-moz-transform:translateX(66px);
margin-top:-5px;
font-size:14px;
opacity:0;
width:30px;
text-align:right;
}
.gene-info-panel-circle ~ .gene-info-panel-counter{
transform:translateX(63px);
-webkit-transform :translateX(68px);
-moz-transform:translateX(66px);
margin-top:-6px;
font-size:14px;
opacity:0;
width:30px;
text-align:right;
}
i[name="interesting_popover"] ~ .popover.fade.right.in,.phenotype_modal_confirmed_panel > .popover.fade.right.in{
max-width:max-content!important;
width:max-content!important;
}
p[name="interesting_pop"] i{
padding:3px;
background-color:#d1ece5;
}
.sub-elem-content{
width:200px;
height:75px;
border:1px solid #333;
margin-right:30px;
}
.sub-elem-content.deprecated-elem{
opacity:0.6;
border-color:#f25656;
}
.vkb-trig-rules{
display:-webkit-box;
margin-left:8px;
margin-right:8px;
}
#kb-genes .slick-track{
margin-left:0;
}
.refresh-btn{
background-color:transparent;
color:#333;
border:1px solid #333;
margin-left:12px;
}
.no-pointer-events{
pointer-events:none;
}
#vkbRowDetailsModal .popover.fade.top{
transition:none;
width:700px;
z-index:9999;
border:none;
}
#vkbRowDetailsModal .popover.fade.top .arrow{
border-bottom:1px solid #fff;
border-block-start-color:#333;
}
#vkbRowDetailsModal .popover.fade.top.in .popover-title{
width:inherit;
border:thin solid #333;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
#vkbRowDetailsModal .popover.fade.top.in .popover-content{
width:inherit;
background-color:#fff;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border:thin solid #333;
border-top:none;
}
#vkbRowDetailsModal .vkbModalComment .popover.fade.top{
transition:none;
width:200px!important;
z-index:9999;
border:none;
}
#kb-variants .popover.fade.right.in{
width:auto;
}
#kb-variants .popover.fade.right.in .popover-content{
width:inherit;
}
.sub-link{
display:flex;
margin-left:8px;
align-items:flex-end;
}
.scaled-spinner{
transform:scale(0.6);
-webkit-transform :scale(0.6);
-moz-transform:scale(0.6);
margin-bottom:0px;
margin-top:0;
padding-bottom:8px;
}
.sub-link .spinner{
margin-top:0;
transform:scale(0.5);
-webkit-transform :scale(0.5);
-moz-transform:scale(0.5);
}
.vkb-modal-comm{
overflow-y:auto;
width:812px;
border-radius:5px;
margin-left:8px;
margin-top:-10px;
resize:none;
}
.vkb-modal-my-comm{
font-size:9px;
margin:-6px 0 8px 8px;
}
.vkb-modal-detail{
margin-left:8px;
margin-right:8px;
}
.webkitBox{
display:-webkit-box;
}
.displayNone{
display:none;
}
.filters-gene-pop .filter-content .popover.fade.bottom.in{
background-color:#fff;
width:60%;
}
.special-rule .popover-content,#export-options .popover-content,#export-cnv-options .popover-content,#export-fav-options .popover-content{
font-size:13px;
text-align:justify;
}
.special-trig ~ .popover.left.in .popover-content{
padding:6px;
font-size:13px;
color:#f25656;
}
.special-trig ~ .popover.left.in .arrow{
top:50%!important;
}
#phenotypeCnvEditModal .special-trig ~ .popover.left.in{
left:-45px!important;
}
.detailsButtons{
text-align:left;
margin-left:18px;
}
#vkb-modal-comments{
border:1px solid #ccc;
padding-top:8px;
}
.vkb-tabs{
border-bottom:1px solid #ccc;
}
.vkb-tabs > li.active > a,
.vkb-tabs > li.active > a:hover,
.vkb-tabs > li.active > a:focus{
color:#555;
cursor:default;
background-color:#fff;
border:1px solid #ccc;
border-bottom-color:transparent;
}
.vkb-tabs-container{
border:1px solid #ccc;
border-top-color:transparent;
}
.user-save-btn{
margin-left:28px;
margin-right:4px;
margin-bottom:8px;
border-radius:5px;
padding-top:3px;
padding-bottom:3px;
}
.user-canc-btn,[name="addToken"],[name="baseSpaceHook"] button[name="save"],[name="baseSpaceHook"] button[name="post_save"],[name="baseSpaceHook"] button[name="put_save"],[name="baseSpaceHook"] button[name="delete_connection"],button[name="save_pref"],
[name="awsHook"] button[name="delete_connection"],[name="awsHook"] button[name="post_save"],[name="awsHook"] button[name="put_save"]{
border-radius:5px;
margin-bottom:8px;
padding-top:3px;
padding-bottom:3px;
}
.user-wrong{
border:1px solid #f25656!important;
}
.flex{
display:flex;
}
#vkb-filters > span{
margin-bottom:6px;
}
#vkb-filters > span > input[type="text"]{
width:200px;
font-size:13px;
}
#vkb-table .dataTables_empty{
padding-bottom:6px!important;
}
.vkb-filter-err{
border:1px solid #f25656;
}
#export-fav-options .modal-dialog{
width:60vw;
}
#export-options span.flex,#export-cnv-options span.flex,#export-options-vs span.flex,#export-fav-options span.flex,#export-options-kb span.flex{
align-items:flex-start;
}
#export-options i,#export-cnv-options i,#export-fav-options i,#export-options-vs i,#export-options-kb i{
margin-left:4px;
top:5px;
}
.special-rule{
display:none;
}
.flex_end{
display:flex;
align-items:end;
}
.flex_start{
display:flex;
align-items:start;
}
.e-publ-search{
padding-top:2px;
padding-bottom:2px;
}
.pmid_list{
text-align:initial;
}
.pmid_list .phen-option-button{
margin-right:4px;
height:20px;
margin-top:0;
color:#fff;
}
.publication-icon{
font-size:11px;
height:20px;
top:0;
width:21px!important;
color:#fff;
border-radius:5px;
opacity:0.8;
display:flex;
}
.publication-icon.glyphicon-ok{
background-color:#22BAA0;
padding-left:4px;
padding-top:3px;
margin-right:4px;
}
.publication-icon.glyphicon-trash{
background-color:#f25656;
padding-left:5px;
padding-top:4px;
margin-right:12px;
}
.saveAndConfirm{
margin-right:6px;
font-style:initial;
}
.dn{
display:none;
}
.err-red,[name="evidenceUncheck"]{
color:#f25656;
}
.brad{
border-radius:5px;
}
.flex-between{
display:flex;
justify-content:space-between;
}
.flex-baseline{
display:flex;
align-items:baseline;
}
.flex-start{
display:flex;
align-items:flex-start;
}
.flex-center{
display:flex;
align-items:center;
}
.flex-end-j{
display:flex;
justify-content:flex-end;
}
.flex-end{
display:flex;
align-items:end;
}
.flex-center-j{
display:flex;
justify-content:center;
}
.flex-baseline-sa{
display:flex;
align-items:baseline;
justify-content:space-around;
}
.population-head,.transcript-head,.cond-head,.filt-coll_button{
background-color:#fff;
width:10px;
border:none;
text-align:left!important;
}
.ml-40{
margin-left:40px;
}
.ml-60{
margin-left:60px!important;
}
.ml-18{
margin-left:18px;
}
.ml-20{
margin-left:20px;
}
.ml-0,.vcf_table{
margin-left:0!important;
}
.mr-4{
margin-right:4px;
}
.ml-4{
margin-left:4px;
}
.mt-4{
margin-top:4px;
}
.imp_h{
height:100%!important;
}
.ml-0{
margin-left:0!important;
}
.mt-0{
margin-top:0!important;
}
.ml-8{
margin-left:8px;
}
.mr-8{
margin-right:8px;
}
.mt-8{
margin-top:8px;
}
.mt-20{
margin-top:20px!important;
}
.mb-8{
margin-bottom:8px;
}
.ml-28{
margin-left:28px;
}
.mb-0{
margin-bottom:0!important;
}
.mb-5{
margin-bottom:5px!important;
}
.m-l-xxxl{
margin-left:45px;
}
.pb-0{
padding-bottom:0!important;
}
.pt-0{
padding-top:0!important;
}
.pl-0{
padding-left:0!important;
}
.p-l-10{
padding-left:10px!important;
}
.p-l-5{
padding-left:5px!important;
}
.p-r-5{
padding-right:5px!important;
}
.p-t-1{
padding-top:1px;
}
.pd-t-4{
padding-top:4px;
}
.pd-t-10{
padding-top:10px!important;
}
.pd-t-20{
padding-top:20px!important;
}
.p6{
padding:6px!important;
}
.p4{
padding:4px!important;
}
.p10{
padding:10px;
}
.m-tb-4{
margin-top:2px!important;
margin-bottom:2px!important;
}
.p-010{
padding:0 10px 0 10px;
}
.p-5{
padding:5px;
}
.profile-div{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
background-color:#f8f8f8;
padding-top:8px;
margin-bottom:10px;
position:relative;
}
.profile-input{
border-radius:0;
border:1px solid #dce1e4;
padding:4px 8px !important;
position:absolute;
left:150px;
}
.profile-div .glyphicon-info-sign{
position:absolute;
left:507px;
top:15px;
transform:translateX(0);
-moz-transform:translateX(15px);
}
#first-access-panel .profile-div .glyphicon-info-sign{
transform:translateX(25px);
-moz-transform:translateX(35px);
}
.profile-div.ch_p.wpw .popover.fade.right.in,
.profile-div.ch_u.wpw .popover.fade.right.in{
border-color:#f25656;
}
.profile-div.ch_p.wpw .popover.fade.right.in .arrow,
.profile-div.ch_u.wpw .popover.fade.right.in .arrow{
border-right-color:#f25656;
}
.popover-container-error .popover.fade.in{
border-color:#f25656;
}
.popover-container-error .popover.fade.right.in .arrow{
border-right-color:#f25656;
}
.popover-container-error .popover.fade.top.in .arrow{
border-top-color:#f25656;
}
.popover-container-error .popover.fade.left.in .arrow{
border-left-color:#f25656;
}
.popover-container-error .popover.fade.bottom.in .arrow{
border-bottom-color:#f25656;
}
.profile-div table{
width:400px;
}
.vb-combox{
-webkit-transform:translateY(1px);
-moz-transform:translateY(-2px);
}
.filtersPanel,.iconizedFilters,.centralCols{
transition:0.5s;
}
.popTag{
z-index:50!important;
}
.filtersPanel .selectall{
margin-right:-5px;
margin-left:5px;
}
.row.fixed-top .col-lg-12 .col-lg-3 .popover.fade.right.in{
width:100%;
}
.vcf-bord-top{
border-top:1px solid #111!important;
}
.vcf-bord-bot{
border-bottom:1px solid #111!important;
}
.vcf-bord-left{
border-left:1px solid #111!important;
}
.vcf-bord-right{
border-right:1px solid #111!important;
}
.ref_alt .popover.fade.left.in{
width:230px;
}
.vcf_table td,.vcf_table>tbody>tr>td,.vcf_table>tbody>tr>th,.vcf_table>tfoot>tr>td,.vcf_table>tfoot>tr>th,.vcf_table>thead>tr>td,.vcf_table>thead>tr>th,
.fam_table td,.fam_table>tbody>tr>td,.fam_table>tbody>tr>th,.fam_table>tfoot>tr>td,.fam_table>tfoot>tr>th,.fam_table>thead>tr>td,.fam_table>thead>tr>th{
padding:8px!important;
}
.sampleDiv .vcf_table td,.m_sampleDiv .vcf_table td{
background-color:#d3d3d3;
}
.variant-browser-tab .centralCols .popover,[name="vb-r-info-span"] .popover{
max-width:70vw;
}
.family-container{
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-20px);
}
.f-add-container{
-webkit-transform:translateY(10px);
}
.dismiss-family{
position:relative;
height:30px!important;
background-color:#ffa500!important;
padding-left:10px;
padding-right:10px;
}
.dismiss-family:after{
content:"";
position:absolute;
border-top:2px solid #fff;
width:34px;
transform:rotate(345deg) translateX(-28px) translateY(7px);
transform-origin:0% 0%;
}
.default-grey{
border-color:#a9a9a9;
}
.family_hook{
-moz-transform:translateY(10px);
}
.vertical-mid{
vertical-align:middle!important;
}
.notransition{
-webkit-transition:none !important;
-moz-transition:none !important;
-o-transition:none !important;
transition:none !important;
}
.vb-fam-label{
display:flex;
width:fit-content;
width:-moz-min-content;
padding:0 2px;
border:1px solid #888;
color:#fff;
background-color:#888;
}
.fam-inh{
width:20px!important;
margin-right:3px;
justify-content:space-evenly;
}
.pad-lr-3{
padding-right:3px;
padding-left:3px;
}
[name="vb-r-info-span"] .popover.fade.bottom.in .popover-content,.centralCols .popover.fade.bottom.in .popover-content,.fam_icon .popover.fade.right.in .popover-content,#results-content .popover.fade.right.in .popover-content,#analysis-content .popover.fade.right.in .popover-content,
[name="vb-r-info-span"] .popover.fade.right.in .popover-content{
border:1px solid #2b384e!important;
border-radius:4px;
}
[name="vb-r-info-span"] .popover.fade.right.in{
transform:translateX(-55px);
}
[name="vb-r-info-span"] .popover.fade.bottom.in .arrow,.centralCols .popover.fade.bottom.in .arrow,.fam_icon .popover.fade.bottom.in .arrow,#results-content .popover.fade.bottom.in .arrow,#analysis-content .popover.fade.bottom.in .arrow,
#results-content .popover.fade.right.in .arrow,#analysis-content .popover.fade.right.in .arrow{
color:transparent;
display:none;
}
#secondaryModal .popover.fade.right.in .popover-content{
border:thin solid #2b384e;
border-top:none!important;
border-top-right-radius:0;
border-top-left-radius:0;
}
#secondaryModal .popover.fade.right.in .popover-title{
border-radius:4px;
border:thin solid #2b384e;
border-bottom:none!important;
border-bottom-right-radius:0;
border-bottom-left-radius:0;
}
.fam_icon .popover,#results-content .popover,#analysis-content .popover,#vb-white .popover.left{
max-width:1500px;
}
.sampleDiv .vcf_vnt_p .popover .popover-content,.fam_info_p .popover .popover-content{
white-space:nowrap;
}
.vb-family{
float:left;
padding-right:8px;
padding-bottom:8px;
margin-bottom:-8px;
padding-top:8px;
margin-top:-8px;
}
.vb-family>img{
transform:scale(1.1);
}
.vb-family img:hover,.vb-phenotype img:hover,.centralCols i.glyphicon-cog:hover,div[name= exp-div] i.glyphicon-cog:hover{
transform:scale(1.2);
transition:all 0.2s ease 0s;
}
.vb-r-info-span i[name="stats_warning"]:hover{
transform:scale(1.1);
transition:all 0.3s ease 0s;
}
.glyphicon-object-align-left{
transform:scale(1.1);
-moz-transform:scale(1.1);
}
.sec .glyphicon-object-align-left:hover{
-moz-transform:scale(1.2);
transform:scale(1.2);
transition:all 0.2s ease 0s;
}
.centralCols i.glyphicon-comment:hover{
transform:scale(1.1)!important;
transition:all 0.2s ease 0s;
}
.ch_f select,.fam_father,.fam_mother,.fam_sex,.fam_affect,.f_select,.secondary_sex{
height:30px;
background-color:#fff;
border-radius:5px;
}
.add_f input{
height:30px!important;
border-radius:5px;
padding-left:4px!important
}
.add-family,.choose-family,.clear-family,.confirm-family{
height:25px;
padding-top:6px;
font-size:12px;
font-weight:400;
vertical-align:middle;
}
.column-flex{
display:flex;
flex-direction:column;
}
.disabled-span-btn{
opacity:0.65;
cursor:not-allowed;
pointer-events:none;
}
.col-2_75{
width:22.916666666%!important;
}
.col-4_25{
width:35.416666667%!important;
}
.col-8_25{
width:68.750000003%!important;
}
.phenotypes,.iconizedPhenotypes{
float:right!important;
transition:0.5s;
}
.cs-grab{
cursor:grab;
}
.cs-grabbing{
cursor:grabbing;
}
#vb-opened-tabs{
overflow:hidden!important;
scrollbar-width:none;
-ms-overflow-style:none;
}
#vb-opened-tabs::-webkit-scrollbar{
width:0;
height:0;
}
.pcholder{
border:1px solid #333;
height:18px;
}
#vnts-search .glyphicon-remove{
position:absolute;
color:#888;
padding:5px;
transform:translateX(-25px) translateY(9px);
}
#vnts-search .glyphicon-remove:hover{
position:absolute;
color:#888;
padding:5px;
transition:0.1s;
transform:translateX(-25px) translateY(9px) scale(1.2);
}
.ellipsed-text{
overflow:hidden;
text-overflow:ellipsis;
}
.vb-vnt-search,.r_search{
width:100%;
border-radius:5px;
padding:10px 23px 10px 10px;
height:30px;
font-weight:400;
border:thin solid #888;
min-width:50%;
max-width:80%;
}
[name="vb-tabs"] .glyphicon-remove{
position:absolute;
font-size:13px;
color:#888;
padding:5px;
transform:translateX(-25px) translateY(9px);
}
[name="vb-tabs"] .vb-search-bar i[data-toggle="popover"]{
position:absolute;
padding:5px;
top:5px;
transform:translateX(78px) translateY(3px);
}
.centralCols .glyphicon-remove:hover{
position:absolute;
color:#888;
padding:5px;
transition:0.1s;
transform:translateX(-25px) translateY(3px) scale(1.2);
}
.vb-search-bar{
display:flex;
justify-content:center;
width:50%;
max-width:50%;
}
.vb-search-bar .flex-baseline{
width:100%;
}
.genes_list,.filter_variants_list{
height:200px;
width:100%;
border:1px solid #a9a9a9;
overflow:auto;
padding:0 6px;
}
.gene_input_area,.vnts_input_area{
width:100%;
resize:none;
border:none;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
}
.filters-gene-elem{
border-color:#2b384e!important;
}
.genex,.variantx{
font-size:12px;
-webkit-transform:translateX(9px) translateY(-4px) scale(0.75);
-moz-transform:translateX(9px) translateY(-4px) scale(0.65);
transform:translateX(9px) translateY(-4px) scale(0.75);
box-shadow:none !important;
height:20px;
border:none!important;
margin:0!important;
font-weight:600;
padding:0 5px;
margin:0 -5px!important;
}
.filters-gene-elem.bg-warning{
color:#333!important;
}
.filters-gene-elem.bg-warning:hover{
color:#fff!important;
}
.gene-errs span,.vnts-errs span{
max-height:150px;
overflow-y:auto;
}
.disabled-textarea,.hidden-vis{
visibility:hidden;
}
.dash-memb{
border:thin solid #333!important;
padding:5px;
border-radius:5px;
}
.more-samples-btn{
font-size:16px;
color:#333;
padding:5px 10px 5px 10px;
border-color:#e5e5e5;
}
.more-samples-btn.below-treshold{
font-size:16px;
background-color:#f25656;
color:#fff;
padding:5px 10px 5px 10px;
border-color:#e5e5e5;
}
.transactions-hook{
text-align:-webkit-center;
text-align:-moz-center;
}
#transaction-table .glyphicon-remove:hover,[name="nudge"] [name="Y"]:hover,[name="nudge"] [name="N"]:hover{
transition:0.1s;
transform:scale(1.2);
}
#user-profile .popover.fade.right.in{
max-width:50%!important;
}
.center-t{
text-align:-moz-center;
text-align:-webkit-center;
}
.left-t-align{
text-align:left;
}
.right-t-align{
text-align:right;
}
.justify-t-align{
text-align:justify;
}
.fs-inh{
font-style:inherit;
}
.err-input-text{
border:thin solid #f25656;
}
.vnt-switch{
position:relative;
display:inline-block;
margin-bottom:6px;
width:40px;
height:20px;
transform:translateY(1px);
}
.vnt-switch input{
opacity:0;
width:0;
height:0;
}
.vnt-slider{
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
background-color:#12AFCB;
opacity:0.3;
transition:.2s;
}
.vnt-slider:before{
position:absolute;
content:"";
height:16px;
width:16px;
left:2px;
bottom:2px;
background-color:white;
-webkit-transition:.4s;
transition:.4s;
}
input:checked + .vnt-slider{
background-color:#12AFCB;
opacity:1;
}
input:focus + .vnt-slider{
box-shadow:0 0 1px #2196F3;
}
input:checked + .vnt-slider:before{
-webkit-transform:translateX(19px);
-moz-transform:translateX(19px);
-ms-transform:translateX(19px);
transform:translateX(19px);
}
.vnt-slider.round{
height:20px;
border-radius:34px;
}
.vnt-slider.round:before{
border-radius:50%;
}
.vnt-group-hook td,.vnt-group-hook>tbody>tr>td{
border-top:transparent!important;
padding-top:6px!important;
padding-bottom:0px!important;
}
.vnt-group-hook td,.vnt-group-hook>tbody>tr>td{
padding-top:8px!important;
padding-bottom:8px!important;
vertical-align:middle;
text-align:center;
}
.bg-white{
background-color:#fff;
}
.border-none{
border:none!important;
}
.hpo_search_results_panel{
margin:2px 20px 20px 20px;
border-top:none!important;border:thin solid #ccc;z-index:20;position:absolute;width:calc(100% - 120px);background-color:#FFF;
}
.cond_search_results_panel,.hpo_search_results_panel{
margin:2px 20px 20px 20px;
border-top:none!important;
border:thin solid #ccc;
z-index:20;
position:absolute;
width:calc(100% - 120px);
background-color:#FFF;
}
.sample_matcher_search_results_panel{
border:thin solid #ccc;
border-top:none;
width:calc(100% - 20px);
margin:2px 6px 10px 6px;
}
.sample_matcher_search_row{
padding:2px 5px;
}
.sample_matcher_search_row.disabled{
opacity:48%;
}
.tree_panel_hook{
position:absolute;
transform:translateY(-10px);
z-index:10;
width:100%;
}
.bg-eee,.sample_matcher_search_row:hover,.hpo_search_row:hover,.hpo_confirmed_row:hover,.cond_search_row:hover,.rc_second_hit:hover,.filter-category-title,.geneDiv [name="gene_header"]:hover,.transcriptsDiv [name="gene_header"]:hover{
background-color:#EEE;
}
.half-opacity{
opacity:0.4;
}
.jstree-anchor{
padding-top:3px;
padding-left:3px;
}
.jstree-clicked,.jstree-default li a:hover{
box-shadow:none!important;
background-color:#FFF!important;
}
.jstree-loading-icon,.jstree-default a.jstree-loading .jstree-icon{background:url("../../assets/plugins/jstree/themes/default/throbber.gif") center center no-repeat !important;}
.pheno_tree_y_n{
border:thin solid #ccc;
width:24px;
margin-right:2px;
}
.pheno_tree_y_n:hover{
background-color:#D3D3D3;
}
.hpo_max-width{
max-width:80%!important;
}
.search_panel_hook,.rc-hook,.position_rel,.hcs-hook,.addon_hpo_gene{
position:relative;
}
.search_panel_hook .popover.fade{
width:80%;
}
.gene-grouping-switch{
display:flex;
margin-right:35px;
border:thin solid #34425A;
border-radius:20px;
height:27px;
padding:2px 5px 0 5px;
}
.addon-switch{
display:flex;
border:navajowhite;
border-radius:20px;
height:26px;
padding:2px 5px 0 5px;
margin-right:0;
}
.new_tree_panel_hook{
display:block;
position:absolute;
z-index:30;
top:2px;
width:160%;
left:-30%;
}
#hpoModal .popover.fade,.filtersPanel .popover.fade.right{
width:100%;
min-width:max-content;
}
#hpoModal .popover.fade .popover-content,.filtersPanel .popover.fade.right .popover-content{
max-width:38vw;
}
.switch-off{
opacity:0.5;
pointer-events:none;
}
#condModal .modal-body{
height:90px;
}
#overwriteOrCreateModal .modal-lg,#saveBeforeReset .modal-lg{
width:42vw;
}
#hpoModal .modal-lg,#filtersSaveModal .modal-lg,#filtersLoadModal .modal-lg,#genesListSaveModal .modal-lg,#genesListLoadModal .modal-lg,#condModal .modal-lg,#vcsModal .modal-lg,#secondaryModal .modal-lg,#selectFileNameModal .modal-lg,#prepareReportDownload .modal-lg,#variantsListSaveModal .modal-lg,#variantsListLoadModal .modal-lg,#gl_export .modal-lg{
width:42vw;
min-width:670px;
}
#hpoModal .modal-header,#filtersSaveModal .modal-header,#filtersLoadModal .modal-header,#genesListSaveModal .modal-header,#genesListLoadModal .modal-header,#overwriteOrCreateModal .modal-header,#g_overwriteOrCreateModal .modal-header,#saveBeforeReset .modal-header,#condModal .modal-header,#vcsModal .modal-header,#gv-limit .modal-header,#secondaryModal .modal-header,#selectFileNameModal .modal-header,#dualFactor .modal-header,#prepareReportDownload .modal-header,#variantsListSaveModal .modal-header,#variantsListLoadModal .modal-header,#vnt_overwriteOrCreateModal .modal-header,#gl_export .modal-header{
background-color:#e5e5e5;
}
#hpoModal .modal-body{
display:block;
height:400px;
}
.pop_pub_list{
height:80px;
overflow-y:auto;
}
button[name="add_phenotype_btn"],button[name="add_condition_btn"]{
top:0px;
height:20px;
}
.table-scrollbar{
position:relative;
height:190px;
overflow:auto;
}
.table-wrapper-scroll-y{
display:block;
}
#filtersSaveModal .modal-body,#genesListSaveModal .modal-body{
display:block;
min-height:200px;
max-height:310px;
}
#filtersLoadModal .glyphicon-pencil:hover,#genesListLoadModal .glyphicon-pencil:hover{
background-color:#EEE;
}
#secondaryModal .modal-body,#filtersLoadModal .modal-body,#genesListLoadModal .modal-body{
display:block;
max-height:500px;
}
[name="projectsTableDiv"]{
min-height:100px;
max-height:370px;
overflow-y:auto;
}
.empty_modal_height{
height:65px!important;
overflow-y:hidden!important;
}
.f-s-7{
font-size:7px;
}
.cs-cursor-wait{
cursor:wait;
}
.h20{
height:20px;
}
.h22{
height:22px;
}
.full-opacity{
opacity:0;
}
[name="fl_header"] span i,[name="gl_header"] span i{
top:4px;
transform:translateY(-2px);
}
.disabled-bg{
background-color:#ebebe4!important;
}
.h0{
height:0!important;
}
.init-f-style{
font-style:initial;
}
.invisible-op{
opacity:0;
}
.activity-footer{
font-size:9px;
transform:translateY(-6px);
}
.fam-member{
display:flex;
justify-content:center;
flex-direction:column;
}
#vnts-search-btn{
height:42px!important;
}
.vaCountersShort,.vaCountersShortMin{
position:absolute;
left:114px;
}
.centralCols .vaCounters .panel-counter>h4,.centralCols .vaCountersShort .panel-counter>h4,.centralCols .vaCountersShortMin .panel-counter>h4{
margin-top:3px;
margin-left:12px;
}
.err-grey-color{
color:#888;
}
.no-text-select{
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}
.vb_resizebar{
transition:0.5s;
position:absolute;
height:90%;
width:6px;
background-color:transparent;
top:0;
cursor:col-resize
}
.vb_resizebar:hover{
background-color:#333;
opacity:0.3;
}
.deletedLabel{
background-color:#333;
opacity:0.5;
}
.ghostbar{
position:absolute;
height:90%;
top:3%;
width:5px;
background-color:#333;
opacity:0.3;
cursor:col-resize;
z-index:999;
}
.vb_timed{
transition:0.6s;
transition-timing-function:ease;
}
.reduce_small{
transition:0.6s!important;
transition-timing-function:ease;
width:60px!important;
}
.vkb_rule_popover_x{
transform:translate(8px,-35px);
-webkit-transform:translate(8px,-35px);
-moz-transform:translate(8px,-38px) scale(1.2);
}
[name='more_effect']{
position:absolute;
top:30px;
left:-10px;
z-index:11;
border:thin solid;
border-radius:5px;
padding:10px;
min-width:100%;
max-width:250%;
width:max-content;
background-color:#FFF;
transition:0.2s;
opacity:0;
transition:0.4s;
}
[name='more_effect']>p{
padding:0 5px;
}
[name='more_effect'] .bg-eee{
margin-bottom:5px!important;
}
[name="pop_hook"] i{
top:0;
}
ul[name="active_phenos"] [name="pop_hook"] .glyphicon-remove{
color:#888;
transform:none;
transition:0.5s!important;
}
ul[name="active_filters"] [name="pop_hook"] .glyphicon-remove{
width:0;
top:3px;
color:#888;
transition:0.5s!important;
}
ul[name="active_filters"]{
max-height:25vh;
overflow-y:auto;
}
ul[name="active_phenos"]{
max-height:16vh;
overflow-y:auto;
}
[name="vb-tabs"] .nav-tabs>li>a,[name="procedures-tabs"] .nav-tabs>li>a{
border-bottom:1px solid transparent;
}
[name="vb-tabs"] .nav-tabs>li>a{
border-bottom:thin solid #AAA;
color:#AAA;
}
[name="procedures-tabs"] .nav-tabs>li>a{
border-bottom:thin solid #CCC;
color:#AAA;
}
[name="vb-tabs"] .nav-tabs>li.active>a{
color:#555;
background-color:transparent!important;
border-top:thin solid #CCC!important;
border-right:thin solid #CCC!important;
border-bottom:none!important;
border-left:thin solid #CCC!important;
}
[name="procedures-tabs"] .nav-tabs>li.active>a{
color:#555;
background-color:transparent!important;
border-top:thin solid #AAA!important;
border-right:thin solid #AAA!important;
border-bottom:none!important;
border-left:thin solid #AAA!important;
}
[name="vb-tabs"] .nav-tabs>li.active>a:hover,[name="procedures-tabs"] .nav-tabs>li.active>a:hover{
color:#555;
background-color:transparent!important;
border-top:thin solid #AAA!important;
border-right:thin solid #AAA!important;
border-bottom:none!important;
border-left:thin solid #AAA!important;
}
.z11{
z-index:11;
}
.publicationDiv .popover-content{
width:300px!important;
}
.no-mascara-border{
border:thin solid #888!important;
}
.transcriptsContent{
margin-left:20px;
}
.transcriptsContent.snvTranscriptsContent ,.transcriptsContent.cnvTranscriptsContent{
background-color:#EEE;
margin-top:-5px;
margin-bottom:10px;
padding-top:10px;
border-left:thin solid #CCC;
}
[name="vb-r-info-span"]{
min-width:20%;
max-width:45%;
}
[name="input-search"],[name='fileName']{
border:thin solid #888;
padding:10px 23px 10px 10px;
height:42px;
}
[name="modalTextualSearch"]{
border:thin solid #888;
height:36px;
}
#secondaryModal [name="modalTextualSearch"]{
padding:10px 30px 10px 20px;
border:thin solid #ccc;
}
#filtersLoadModal [name="modalTextualSearch"],#genesListLoadModal [name="modalTextualSearch"]{
padding:10px 30px 10px 10px;
}
.flex-inline-box{
display:-webkit-inline-box;
}
.vnt-table-spinner{
margin-top:20px;
margin-bottom:0;
transform:scale(0.8);
}
.row-options-menu-cntnr{
z-index:11;
width:210px;
position:fixed;
border:thin solid #BBB;
box-shadow:#BBB 3px 2px 7px;
}
.row-menu-btn{
padding:0;
margin:10px;
width:180px;
border-radius:5px;
font-style:initial;
}
.nudge-spinner{
margin-top:4px;
margin-bottom:0;
transform:scale(0.4);
}
#labelAsArtifact tbody>tr:hover{
background-color:#D3D3D3!important;
}
.allVntsOptionsIcon{
height:20px;
}
.allVntsOptionsMenu{
position:absolute;
background-color:#FFF;
z-index:999999;
margin-top:-10px;
top:10px;
padding:12px 10px;
border:thin solid #CCC;
box-shadow:#ccc 3px 2px 7px;
}
.allVntsOptionsMenu .gene-grouping-switch{
width:194px;
margin-right:10px;
margin-left:0;
}
.allVntsOptionsMenu:hover{
display:block!important;
}
.hiddenArtifactRow,.hiddenNudgeRow{
transition:0.7s;
}
.transition-2s{
transition:1.5s;
}
[name="snv_row_opts"],[name="cnv_row_opts"]{
transform:translateX(-26px) translateY(5px);
background-color:#fff;
border-top-left-radius:7px;
border-bottom-left-radius:7px;
position:absolute;
border:thin solid #DDD!important;
padding-right:5px!important;
padding-top:4px!important;
padding-left:6px!important;
}
.vb-options-wrapper{
position:absolute;
padding:16px 20px 18px 40px;
margin-top:-10px;
opacity:0.9;
cursor:pointer;
}
.vb-options-wrapper:hover .allVntsOptionsIcon{
transform:scale(1.2);
}
@keyframes spin-horizontal{
0%{transform:rotateY(0deg);}
100%{transform:rotateY(360deg);}
}
.spin-horizon{
-moz-animation:spin-horizontal 1s infinite linear;
-o-animation:spin-horizontal 1s infinite linear;
-webkit-animation:spin-horizontal 1s infinite linear;
animation:spin-horizontal 1s infinite linear;
}
#all-samples .popover-content,#sampleTable .popover-content{
font-size:13px;
}
#all-analysis_filter .glyphicon-remove,#all-samples_filter .glyphicon-remove{
position:absolute;
color:#888;
padding:5px;
transform:translateX(-25px) translateY(4px);
}
#all-analysis_filter .glyphicon-remove:hover,#all-samples_filter .glyphicon-remove:hover{
position:absolute;
color:#888;
padding:5px;
transform:translateX(-25px) translateY(4px) scale(1.2);
}
[name="exSubCardContainer"] .sub-elem-content{
margin-right:5px!important;
}
#addNote .popover.fade.top{
transition:none;
z-index:9999;
border:none;
}
#addNote .popover.fade.top .arrow{
border-bottom:1px solid #fff;
border-block-start-color:#AAA;
}
#addNote .popover.fade.top.in .popover-title{
width:inherit;
border:thin solid #AAA;
border-top-left-radius:5px;
border-top-right-radius:5px;
}
#addNote .popover.fade.top.in .popover-content{
width:inherit;
background-color:#fff;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
border:thin solid #AAA;
border-top:none;
}
.commentErrorMessage{
margin:-10px 0 4px 0;
}
.vbCommentLabel{
width:100px;
border:thin solid #bbb;
border-radius:5px 5px 0 0;
}
.vbCommentTextarea{
border-top-left-radius:0;
padding:5px;
}
.vbCommentDeletePopoverText{
max-width:300px;
text-align:justify;
}
#sample-del-warning .modal-body,#analysis-del-warning .modal-body{
overflow:auto;
max-height:55vh;
}
.p-b-34{
padding-bottom:34px;
}
.p-04{
padding:0 4px;
}
.p10{
padding:10px;
}
.p-b-10{
padding-bottom:10px;
}
.p-t-r-b-5{
padding:5px 5px 5px 0;
}
.p-0-5{
padding:0 5px;
}
.border-left-yellow{
border-left:1px solid #f6d433;
}
.initial-cursor{
cursor:initial;
}
.w-100{
width:100px;
}
.min-w-150{
min-width:150px;
}
.trans-label{
border:thin solid;
padding:0 5px;
}
.vb-addon-hook{
position:relative;
}
.addon_available_btn,.report_btn{
padding-top:3px;
padding-bottom:3px;
border:thin solid #08A7C3!important;
background-color:#e6e6e6;
}
.addonWindow,.reportWindow{
max-height:75vh;
overflow-y:auto;
position:absolute;
width:300px;
border:thin solid #333;
margin-top:9px;
margin-left:0;
}
.reportWindow{
width:105px;
}
.reportWindow>div>div>span:not(.disabled-span-btn):hover{
background-color:#EEE;
}
.addonSettingSex,.addonSettingMlf{
height:30px;
width:40px;
border:thin solid;
border-radius:5px;
border-color:rgba(118,118,118,0.3);
align-items:center;
opacity:0.7;
}
.addonSettingMlf{
min-width:40px;
width:fit-content;
padding:0 5px;
}
.addon_edit_phenotypes{
padding:3px 10px;
background-color:#fff!important;
color:#08A7C3;
border-color:#767676!important;
}
.addonWindow [name="active_phenos"]{
overflow-y:auto;
padding-left:0;
padding-right:23px;
position:relative;
}
.vcs-row-span{
border-radius:25px;
border:thin solid #08A7C3!important;
padding-top:0;
padding-bottom:0;
margin-left:0;
margin-right:8px;
height:22px!important;
background-color:#e6e6e6!important;
padding-right:6px;
padding-left:7px;
width:50px;
justify-content:center;
}
.vcs-score-plus{
border-radius:25px;
font-size:7px;
color:#333;
background-color:#e6e6e6;
position:absolute;
padding:2px;
padding-left:3px;
border:thin solid rgb(8,167,195);
transform:translate(23px,-6px);
-moz-transform:translate(24px,-6px);
}
.vcs-score-digenic{
border-radius:25px;
font-size:7px;
width:14px;
height:15px;
color:#333;
background-color:#e6e6e6;
position:absolute;
padding:2px;
padding-left:3px;
border:thin solid rgb(8,167,195);
transform:translate(23px,11px);
-moz-transform:translate(24px,11px);
}
.vcs-score-digenic>p{
font-size:10px;
font-weight:600;
transform:translate(0px,-5px);
-moz-transform:translate(-1px,-6px);
}
.hcs-popover{
color:#333;
border:thin solid #333;
position:absolute;
left:-1px;
top:30px;
padding:10px;
}
.vb-addon-hook .popover.fade.right{
width:100%;
margin-left:0;
}
.cnvOverlapLabel{
width:28px;
margin-right:7px;
margin-left:5px;
border-radius:25px;
height:20px;
border:1px solid;
padding:0px;
box-shadow:3px -2px;
}
.cnvOverlapLabel>p{
font-weight:600;
transform:translateY(-2px);
}
.hidden-o{
overflow:hidden;
}
.proceduresCntnr,.vbFilterModalContentCntnr{
min-height:200px;
max-height:400px;
overflow-y:auto;
}
#secondaryModal .proceduresCntnr{
max-height:350px;
}
.procedureElement{
background-color:#EEE;
padding:0 10px;
width:100%;
}
.procedureDescr{
max-width:100%;
}
.proceduresInitialSpinner{
position:absolute;
top:35%;
left:49%;
transform:scale(0.8) translate(-50%,-50%);
}
.projectsTable>thead>tr>th{
padding:8px 0;
}
.projectsTable>tbody>tr:hover{
background-color:#EEE!important;
}
.projectsTable>tbody>tr[name="alwaysChecked"]:hover{
background-color:#FFF!important;
}
.projectsTable>tbody>tr>td[name="alwaysChecked"]{
}
.projectsTable>tbody>tr>td[name="alwaysChecked"] p,.projectsTable>tbody>tr>td[name="alwaysChecked"] input,.report-unavailable{
opacity:0.5;
pointer-events:none;
}
.projectRow{
position:relative;
}
.hidden-overflow{
overflow:hidden;
}
.igv-track-container-div{
overflow-y:auto;
height:650px;
}
.igv-nav-bar-button{
color:#ffffff;
border:thin solid #ffffff;
border-radius:5px;
height:20px;
padding:0 6px;
}
.igv-variant-track-warnings-label .fa-repeat:hover{
transform:scale(1.2);
}
#gv-trigger,#vb-trigger{
box-shadow:rgb(51,51,51) 1px 1px 2px;
}
.gv_selected,.vb_selected{
box-shadow:rgb(51,51,51) inset 2px 2px 1px!important;
background-color:#e4e4e4!important;
}
.gv_unselected,.vb_unselected{
border:thin solid;
background-color:#e4e4e4!important;
color:#2f4866;
}
.gbTabsContainer [name="vb-tabs"] a{
padding:4px 8px!important;
}
.gbTabsContainer [name="vb-tabs"]{
background-color:#384d66;
padding-top:10px;
}
.gbTabsContainer [name="vb-tabs"] .nav-tabs>li.active>a{
color:white !important;
background-color:transparent !important;
border-top:thin solid #AAA !important;
border-right:thin solid #AAA !important;
border-bottom:none !important;
border-left:thin solid #AAA !important;
}
.gbTabsContainer .nav-tabs > li > a:hover,
.gbTabsContainer .nav-tabs > li > a:focus{
background:#4f5f75;
color:#dddddd;
}
.gbTabsContainer{
position:absolute;
z-index:997;
top:100%;
width:100%;
height:400px;
background-color:#3e4e67;
transition:0.9s;
padding-bottom:10px;
overflow:hidden;
}
.gbTabsContainer [name="grch37_hook"],.gbTabsContainer [name="grch38_hook"]{
height:92%;
overflow-y:auto;
padding-bottom:30px;
}
.gb_resizebar{
transition:0.5s;
position:absolute;
height:4px;
width:100%;
background-color:transparent;
top:0;
cursor:row-resize
}
.gb_resizebar:hover{
background-color:#333;
opacity:0.3;
}
.gb_ghostbar{
position:absolute;
height:5px;
top:0;
width:96%;
left:2%;
background-color:#333;
opacity:0.3;
cursor:row-resize;
z-index:11111;
}
.drop_down_arrow{
border:solid #ffffff;
border-width:0 3px 3px 0;
display:inline-block;
padding:3px;
transform:rotate(45deg) scale(0.7);
}
.igv-navbar,
.igv-container,
[name="grch38_hook"],
[name="grch37_hook"]
{
background-color:#3e4e67 !important;
}
.igv-column-container{
background-color:#eeeeee !important;
padding-top:6px !important;
padding-bottom:12px !important;
}
.igv-search-icon-container,
.igv-windowsize-panel-container,
.igv-current-genome,
.igv-navbar .igv-navbar-right-container .igv-zoom-widget{
color:white !important;
}
.igv-logo svg g#IGV{
fill:white !important;
}
[name="gv-select-options-div"]{
position:absolute;
margin-top:1px;
background-color:#FFF;
z-index:1100;
border:thin solid #737373;
padding:6px;
}
[name="gv-select-options-div"] table{
display:block;
padding:0 20px 0 0;
}
[name="load_vnt_into_gv"]>p{
background-color:#d1ece5;
padding:0 5px;
transform:translateY(-1px);
}
.igv-track-warnings-label,.igv-variant-track-warnings-label{
position:absolute;
top:35px;
width:fit-content;
background-color:#FFF;
padding-left:4px;
padding-right:4px;
border:thin solid #444;
margin:0 8px;
}
.igv-track-label .glyphicon-exclamation-sign{
color:#333;
margin-bottom:2px!important;
}
.igv-container{
margin:0 10px;
}
.missingValueHighlight{
background-color:rgb(255,68,51,0.7)!important;
}
#secondaryModal [name="basespace_hook"] p[name="no_service"]{
transition:background-color ease-in 0.8s;
}
.no-transition{
transition:none!important;
}
.help-block{
color:#f25656!important;
margin-bottom:0;
}
.has-error .form-control{
border-color:#f25656!important;
}
.new-popover-header{
background-color:#EEE;
border:thin solid #DDD;
padding:0 5px;
margin-bottom:10px;
}
#filesModal .new-popover-header{
height:30px;
}
.snv_vnt_row.snv_vnt_row_opacity,.clicked_lab_row{
opacity:0.3!important;
}
.color777{
color:#777;
}
.ui-sortable-helper{
background-color:#FFF;
}
#all-vnts-cards .popover.fade.right.in .popover-content{
border:none !important;
}
#all-vnts-cards .popover .arrow{
display:block !important;
}
#all-vnts-cards .vnt-cards-container .vnt-search-elem{
width:330px;
margin:0 10px 10px 0;
display:inline-flex;
align-items:stretch;
padding:0px;
}
#all-vnts-cards .vnt-cards-container .vnt-search-elem div:first-child{
padding:0 10px;
border-right:none;
border-radius:5px 0 0 5px;
}
#all-vnts-cards .vnt-cards-container .vnt-search-elem div:last-child{
border-radius:0 5px 5px 0;
}
#all-vnts-cards .vnt-cards-container .vnt-search-elem div:nth-child(2) span p{
margin-bottom:0px;
}
div[name='analysis-results']::before{
content:'';
width:0;
height:92%;
position:absolute;
border-right:none;
left:20px;
}
.no-hover:hover{
background-color:#ffffff !important;
}
.unblurBtnCntnr{
top:45%!important;
width:400px;
height:200px;
}
.unblurBtn{
top:45%!important;
background-color:#FFF;
border:2px solid #888;
width:190px;
border-radius:10px;
box-shadow:rgb(204,204,204) 3px 3px 20px;
transition:all 0.3s ease 0s;
cursor:pointer;
}
.unblurBtnCntnr:hover{
.unblurBtn{
transform:translate(-50%,-50%) scale(1.05);
}
}
.blur3{
filter:blur(3px)!important;
}
.blur4{
filter:blur(4px)!important;
}
.overflow-y-h{
overflow-y:hidden!important;
}
.absolute-centered{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.position_abs{
position:absolute;
}
.menuLabelAs,.menuComments,.menuGeneComments,.menuLabelAsArtifact,.menuFavorites,.menuIgv,.menuReport{
padding:5px 10px;
}
.bg-inherit{
background-color:inherit;
}
.rowOptsubMenu{
top:-27px;
left:21px;
}
.menuLabelAs .rowOptsubMenu{
width:110px!important;
border:thin solid #BBB;
box-shadow:#BBB 3px 2px 7px;
}
.rowOptsubMenuElement{
padding:5px 0 5px 10px;
}
.rowOptsubMenuElement:hover{
background-color:#EEE;
}
[name="row_absolute_cntnr_hook"]{
right:17px;
}
.starIcon{
height:25px;
}
.row-icons-container-content{
height:100%;
align-items:center;
}
div[name="digenic_hook"] [name="digenics"] td,div[name="oligogenic_hook"] [name="oligogenics"] td{
border:none!important;
}
#addonVntDetails table tbody td[name="gene_td"]{
padding-top:10px!important;
padding-bottom:0!important;
}
#addonVntDetails table tbody td[name="concat_td"]{
padding-top:10px!important;
padding-bottom:0!important;
padding-left:0!important
}
tr.showResults .vcs-row-span.hcs-hook:hover{
transform:scale(1.1);
}
.addonModalDigenicOligoTable{
display:block;
max-height:130px;
overflow-y:auto;
}
td.snv_vnt_row .popover.fade.right.in .popover-content{
max-width:350px;
}
.login-eye{
position:absolute;
right:10px;
font-size:16px;
top:32px;
color:#bec9ca;
}
.animate-svg{
transition:transform .2s;
}
.animate-svg:hover{
transform:scale(1.2);
}
#reportModal .modal-body{
max-height:70vh;
overflow-y:auto;
}
.row-option-artifact-icon{
border:thin solid rgb(51,51,51);
width:16px;
margin-right:7px;
height:12px;
margin-left:-1px;
background-color:#eba549;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
}
.row-option-label-icon{
border:thin solid rgb(51,51,51);
width:16px;
margin-right:7px;
height:12px;
margin-left:-1px;
border-bottom-left-radius:5px;
border-top-left-radius:5px;
}
.row-option-report-icon{
height:16px;
margin-top:-3px;
}
.row-option-artifact-icon.unavailable-icon,.row-option-label-icon.unavailable-icon,.row-option-report-icon.unavailable-icon{
opacity:0.3;
}
.vb-vnt-details-tab{
padding:5px 20px;
}
.w95{
width:95%;
}
.thead-no-scroll{
position:sticky;
top:0;
z-index:100;
}
#kb-variants .popover.fade.bottom.in{
border:thin solid;
}
#kb-variants .popover.fade.bottom.in .arrow{
border-bottom-color:#333;
}