/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}
[treecontrol] {
/* prevent user selection */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
/* default */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
color: #555;
text-decoration: none;
}
[treecontrol] ul {
margin: 0;
padding: 0;
list-style: none;
border: none;
overflow: hidden;
}
[treecontrol] li {
position: relative;
padding: 0 0 0 20px;
line-height: 20px;
}
[treecontrol] li.tree-expanded i.tree-leaf-head, [treecontrol] li.tree-collapsed i.tree-leaf-head {display:none;}
[treecontrol] li.tree-expanded i.tree-branch-head, [treecontrol] li.tree-collapsed i.tree-branch-head {display:inline;}
[treecontrol] li.tree-leaf i.tree-branch-head {display:none;}
[treecontrol] li.tree-leaf i.tree-leaf-head {display:inline;}
[treecontrol] li i {
cursor: pointer;
}
[treecontrol] li .tree-label {
cursor: pointer;
display: inline;
}
[treecontrol].tree-classic li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder.png") no-repeat;
}
[treecontrol].tree-classic li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder-closed.png") no-repeat;
}
[treecontrol].tree-classic li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("../images/file.png") no-repeat;
}
[treecontrol].tree-classic li .tree-selected {
background-color: #aaddff;
font-weight: bold;
}
[treecontrol].tree-light li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-opened-2.png") no-repeat;
}
[treecontrol].tree-light li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-closed-2.png") no-repeat;
}
[treecontrol].tree-light li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
[treecontrol].tree-light li .tree-selected {
font-weight: bold;
}
[treecontrol].tree-dark li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-opened-light.png") no-repeat;
}
[treecontrol].tree-dark li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-closed-light.png") no-repeat;
}
[treecontrol].tree-dark li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
[treecontrol].tree-dark li .tree-selected {
font-weight: bold;
}
[treecontrol].tree-dark {
color: #ddd;
}
[treecontrol].tree-boot {
color: #428bca;
font-family: inherit;
font-size: inherit;
}
[treecontrol].tree-boot > ul > li {
padding: 0;
}
[treecontrol].tree-boot li > .tree-label {
display: block;
padding: 3px 0;
border-radius: 4px;
}
[treecontrol].tree-boot i.tree-branch-head,
[treecontrol].tree-boot i.tree-leaf-head {
float: left;
height: 16px;
margin: 5px;
}
[treecontrol].tree-boot li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder.png") no-repeat;
}
[treecontrol].tree-boot li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder-closed.png") no-repeat;
}
[treecontrol].tree-boot li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("../images/file.png") no-repeat;
}
[treecontrol].tree-boot .tree-label.tree-selected,
[treecontrol].tree-boot .tree-label.tree-selected:hover {
color: #fff;
background-color: #428bca;
}
[treecontrol].tree-boot .tree-label:hover {
background-color: #eee;
}
treecontrol {
/* prevent user selection */
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
/* default */
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:13px;
color: #555;
text-decoration: none;
}
treecontrol ul {
margin: 0;
padding: 0;
list-style: none;
border: none;
overflow: hidden;
}
treecontrol li {
position: relative;
padding: 0 0 0 20px;
line-height: 20px;
}
treecontrol li.tree-expanded i.tree-leaf-head, treecontrol li.tree-collapsed i.tree-leaf-head {display:none;}
treecontrol li.tree-expanded i.tree-branch-head, treecontrol li.tree-collapsed i.tree-branch-head {display:inline;}
treecontrol li.tree-leaf i.tree-branch-head {display:none;}
treecontrol li.tree-leaf i.tree-leaf-head {display:inline;}
treecontrol li i.tree-branch-head {
cursor: pointer;
}
treecontrol li .tree-label {
cursor: pointer;
display: inline;
}
treecontrol li .tree-unselectable {
cursor: not-allowed;
}
treecontrol.tree-classic li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder.png") no-repeat;
}
treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder-closed.png") no-repeat;
}
treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("../images/file.png") no-repeat;
}
treecontrol.tree-classic li .tree-selected {
background-color: #aaddff;
font-weight: bold;
}
treecontrol.tree-classic li .tree-unselectable {
color: #ddd;
}
treecontrol.tree-light li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-opened-2.png") no-repeat;
}
treecontrol.tree-light li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-closed-2.png") no-repeat;
}
treecontrol.tree-light li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
treecontrol.tree-light li .tree-selected {
font-weight: bold;
}
treecontrol.tree-light li .tree-unselectable {
color: #ddd;
}
treecontrol.tree-dark li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-opened-light.png") no-repeat;
}
treecontrol.tree-dark li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/node-closed-light.png") no-repeat;
}
treecontrol.tree-dark li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
width: 16px; height: 16px;
background: none no-repeat;
}
treecontrol.tree-dark li .tree-selected {
font-weight: bold;
}
treecontrol.tree-dark li .tree-unselectable {
color: #777;
}
treecontrol.tree-dark {
color: #ddd;
}
treecontrol.tree-boot {
color: #428bca;
font-family: inherit;
font-size: inherit;
}
treecontrol.tree-boot > ul > li {
padding: 0;
}
treecontrol.tree-boot li > .tree-label {
display: block;
padding: 3px 0;
border-radius: 4px;
}
treecontrol.tree-boot i.tree-branch-head,
treecontrol.tree-boot i.tree-leaf-head {
float: left;
height: 16px;
margin: 5px;
}
treecontrol.tree-boot li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder.png") no-repeat;
}
treecontrol.tree-boot li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("../images/folder-closed.png") no-repeat;
}
treecontrol.tree-boot li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("../images/file.png") no-repeat;
}
treecontrol.tree-boot .tree-label.tree-selected,
treecontrol.tree-boot .tree-label.tree-selected:hover {
color: #fff;
background-color: #428bca;
}
treecontrol.tree-boot .tree-label:hover {
background-color: #eee;
}
/*!
* baguetteBox.js
* @author  feimosi
* @version 1.11.1
* @url https://github.com/feimosi/baguetteBox.js
*/#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}
.graph-font {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
line-height: 1.6em;
font-size: 10pt;
}
body {
margin: 1pc;
margin-right: auto;
margin-left: auto;
width: 70%;
line-height: 1.6em;
}
body {
color: #555;
}
body {
-ms-overflow-style: scrollbar;
}
body.view-wide {
width: 98%;
}
form {
text-align: center;
margin-left: -10em;
}
.center {
text-align: center;
}
.bold {
font-weight: bold;
}
.underline {
border-bottom: 1px solid #333
}
.error-text {
color: darkred;
}
div.banner {
text-align: center;
margin-bottom: 1pc;
clear: both;
}
span.banner-mini {
display: none;
float: left;
margin-left: 1pc;
}
div.center {
margin-left: auto;
margin-right: auto;
}
div.login {
float: right;
font-size: 85%;
margin-right: 4pc;
}
.pure-table td {
white-space: nowrap;
padding-bottom: 0;
padding-top: 0;
}
.pure-table th {
line-height: 140%;
text-align: center;
}
.pure-table td:last-child, .pure-table th:last-child {
border-right: 1px solid #cbcbcb;
}
.nonDifferentiating {
color: #777;
font-style: oblique;
}
.small {
font-size: 9pt;
}
div.footer {
margin-top: 5pc;
clear: both;
}
div.footer p {
font-size: smaller;
line-height: normal;
color: #999;
}
div.help {
margin-right: 2pc;
}
a.help {
float: right;
margin-right: -2pc;
}
span.help-title {
font-weight: bold;
}
.invisible {
visibility: hidden
}
a.ignore-visited:visited, a.ignore-visited, a.i {
color: #0066CC;
}
hr {
background-color: #333;
border: 0;
height: 1px;
}
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
sup {
padding-left: 2px;
}
.page-title {
font-weight: bold;
text-align: center;
font-size: larger;
margin: 0 auto 1em auto;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fafafa;
width: 25em;
}
div[ng-app] {
margin-top: 1em;
font-size: 10pt
}
:-ms-input-placeholder {
color: lightgray;
}
::-webkit-input-placeholder {
color: lightgray;
}
:-moz-placeholder { /* Firefox 18- */
color: lightgray;
}
::-moz-placeholder { /* Firefox 19+ */
color: lightgray;
}
::-ms-clear {
display: none;
}
span.link-text {
cursor: pointer;
color: #0066CC;
text-decoration: underline;
}
a.pure-menu-link {
cursor: pointer;
}
label input[type="radio"], label input[type="checkbox"] {
vertical-align: sub;
}
@media only screen and (max-width: 1400px) {
.top-nav {
clear: right;
}
}
.right {
text-align: right;
}
div[disabled] {
pointer-events: none;
opacity: 0.3;
}
details summary {
cursor: pointer;
}
details summary > * {
display: inline;
}
div.intercom-lightweight-app {
display: none;
}
svg text {
color: #555;
}
th.sortable-header:hover { background-color: #e8e8e8; cursor: pointer;}
a.overlay { bottom: 0; left: 0; top: 0; right: 0; cursor: default; position: fixed; visibility: hidden; z-index: 1; }
a.overlay-open { visibility: visible; background: rgba(128,128,128,.5) }
div.addStudyDlg { z-index: 10000; position: fixed; background-color: #fff; box-shadow: 4px 4px 80px #000;left: 0;right: 0;top: 0;bottom: 0;width: 900px;height: 555px;margin: auto; overflow-y:scroll;}
table.studiesTable { font-size: 9pt;}
table.domainsTable {font-size: 9pt;overflow-y: auto;height: 320px;padding-right: 17px;display: inline-block;}
table.detailsTable {font-size: 9pt;overflow-y: auto;height: 290px;padding-right: 17px;display: inline-block;}
table.detailsInfoTable {font-size: 9pt;padding-right: 17px;text-align: left;display: inline-block;}
table.detailsInfoTable td.detailsPrompt { font-weight: bold;white-space: nowrap;vertical-align: top;}
table.detailsInfoTable td.detailsValue { max-width: 400px;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
table.detailsInfoTable td.detailsValue img { vertical-align: text-top; }
table.detailsInfoTable td { padding: 1px 10px;}
table.detailsInfoTable div.detailsNotes button { resize: none; vertical-align: top; }
div.modal-close { float: right;font-weight: bold;cursor: pointer;margin-right:0.5pc}
div.clinobs-control {display: inline-block;vertical-align: top;margin-right: 20px;font-size: 10pt;width: 300px;}
/* Settings */
.clinobs-control .settings-prompt { font-weight: bold;}
.clinobs-control table.findings-table td { padding: 2px 0;width: 100%;}
.clinobs-control .prompt { padding-right: 10px; }
.clinobs-control button.option-button { width: 100%;width: 200px;overflow-x: hidden;}
.clinobs-control table.options-table { width: 100%; margin-top: 1em; margin-left: 1em; }
.clinobs-control form { text-align: left;margin: 0;}
.clinobs-control label[disabled] { color: #ccc;}
.clinobs-control .presetInfo {background-color: #fdd;border: solid 1px gray;vertical-align: top;padding: 8px;border-radius: 4px;box-shadow: 10px 10px 20px #888888;position: absolute;z-index: 50;}
.clinobs-control input[type=range]  {width: 140px !important;}
/* Note */
div.clinobs-note { line-height: 1.2em;border: 1px solid darkgrey;background-color: #fdd;padding: 4px;margin: 4px 0;}
span.clinobs-note-title { font-weight: bold;}
span.clinobs-note-text { white-space: normal;}
/* Hide slider tooltip on IE - numbers displayed are indexes, not the values */
.clinobs-control input[type=range]::-ms-tooltip { display: none;}
/* Labels */
.clinobs-view .chart-title { font-size: large;font-weight: bold;text-align: center;margin-left: 50px;}
.clinobs-view .chart-sub-title { text-align: center;white-space: normal;margin-left: 50px;line-height: 1.2em;}
.clinobs-view span.sub-title-prompt { font-weight: bolder;}
.clinobs-view .x-axis-title { font-weight: bold;text-align: center; line-height: 0.5; margin-bottom: 7px;}
.clinobs-view .y-axis-title {transform: rotate(-90deg);transform-origin: left top 0;width: 600px; font-weight: bold;text-align: center;margin-left: 15px;}
/* Findings */
div.clinobs-view #findings-dlg td { padding: 1px;}
div.clinobs-view #findings-dlg div.finding-text { overflow-x: hidden;text-overflow: ellipsis;}
div.clinobs-view #findings-dlg div.finding-count { margin-right: 20px;}
div.clinobs-view #findings-dlg div.testcd { font-weight: bold;}
div.clinobs-view #findings-dlg div.finding-text.value { margin-left: 20px;width: 220px;}
div.clinobs-view #findings-dlg div.finding-text.testcd { width: 280px;}
div.clinobs-view #findings-dlg div.finding-count.testcd { display:none;}
/* Locations */
div.clinobs-view #locations-dlg td { padding: 1px;}
div.clinobs-view #locations-dlg div.location-text { width: 220px;overflow-x: hidden;text-overflow: ellipsis;}
div.clinobs-view #locations-dlg div.location-count { margin-right: 20px;}
/* Legend */
div.clinobs-view div.legend { vertical-align: top; overflow-y: auto; overflow-x: hidden; display: inline-block; }
div.clinobs-view div.legend td { padding: 1px 5px;cursor: pointer;}
div.clinobs-view div.legend tr.unselected { opacity:0.09;}
div.clinobs-view div.legend g.unselected { opacity:0.09;}
div.clinobs-view div.legend tr.unselected { opacity:0.09;}
div.clinobs-view div.legend g.unselected { opacity:0.09;}
div.clinobs-view div.legend-msg { margin-top: 15px;margin-left: 10px;font-weight: bold;}
div.clinobs-view .axis line, div.clinobs-view .axis path { shape-rendering: auto; }
div.note { background-color: cornsilk; border: solid 1px gray; margin-bottom: 10px; padding: 3px 8px;display: inline-block; }
span.close-note {margin-left: 10px; border: solid 1px gray; padding: 0 3px; border-radius: 4px; font-weight: bold; background-color: antiquewhite; cursor: pointer;}
div.collapsible-bar {
background-color: #e8e8e8;
padding: 1px 3px;
}
div.collapsible-bar span.link-text {
float: right;
}
div.collapsible-clickable {
display: inline-block;
cursor: pointer;
}
div.collapsible-bar img.collapsible-indicator {
transition: transform 0.25s ease-in-out;
transform: rotate(0deg);
}
div .collapsible-bar.collapsed img.collapsible-indicator {
transform: rotate(-90deg);
}
img.collapsible-indicator {
vertical-align: middle;
}
div.collapsible-body {
transition: max-height 0.25s ease-in-out;
padding-top: 5px;
}
button.collapsible-all-button img.collapsible-indicator {
transition: transform 0.25s ease-in-out;
transform: rotate(0deg);
}
button.collapsible-all-button.collapsed img.collapsible-indicator {
transform: rotate(-90deg);
}
div.cfg-settings-panel {
width: 300px;
display: inline-block;
vertical-align: top;
}
div.cfg-settings-panel label[disabled] {
color: #ccc;
}
div.cfg-settings-panel input[disabled] {
color: #ccc;
}
div.cfg-settings-panel div.cfg-settings-line {
padding-top: 5px;
padding-bottom: 5px;
}
div.cfg-settings-panel div.cfg-settings-line.thin {
padding-top: 1px;
padding-bottom: 1px;
}
div.cfg-settings-panel div.cfg-settings-line > span:nth-of-type(1) {
width: 100px;
display: inline-block;
vertical-align: top;
}
div.cfg-settings-panel div.cfg-settings-line > span:nth-of-type(2) {
width: 200px;
display: inline-block;
}
div.cfg-settings-panel div.cfg-settings-line button-with-arrow {
display: inline-block;
width: 100%;
}
div.cfg-settings-panel div.cfg-settings-line button {
display: inline-block;
width: 100%;
}
div.cfg-settings-panel div.cfg-settings-line input[type="radio"], label input[type="checkbox"] {
vertical-align: text-top;
}
div.cfg-settings-panel div.cfg-settings-line input[type="range"] {
width: 160px;
}
div.cfg-settings-panel div.cfg-settings-halfline > * {
display: inline-block;
width: 48%;
}
/***********************************************************************/
/* SETTINGS */
/***********************************************************************/
div.correlations-matrix-parent div.test-code-bar {
background-color: #f8f8f8;
box-shadow: 1px 1px 4px #888;
width: 100%;
display: flex;
margin: 10px 3px;
}
div.correlations-matrix-parent div.correlations-note {
line-height: 1.2em;
border: 1px solid #a9a9a9;
background-color: #fdd;
padding: 4px;
margin: 4px 0;
}
div.correlations-matrix-parent span.correlations-note-text {
white-space: normal;
}
div.correlations-matrix-parent div.reorderable-bars-container {
transition: height 1s ease-in-out;
}
div.correlations-matrix-parent div.reorderable-bars-container div.reorderable-bar {
width: unset;
}
/***********************************************************************/
/* PLOT */
/***********************************************************************/
div .correlations-matrix-parent div.loading-overlay {
background-color: white;
z-index: 200;
position: absolute;
opacity: 0.5;
}
div.correlations-matrix-parent div.loading-overlay img {
display: block;
top: 50%;
left: 50%;
position: relative;
transform: translate(-50%, -50%);
}
svg.scatter-matrix-svg .axis line {
stroke: #ddd;
stroke-width: 1px;
}
svg.scatter-matrix-svg .axis path {
display: none;
}
svg.scatter-matrix-svg rect.plotframe {
fill: #fff;
fill-opacity: .7;
stroke: #aaa;
}
svg.scatter-matrix-svg rect.background {
cursor: auto !important;
}
svg.scatter-matrix-svg rect.extent {
fill: #000;
fill-opacity: .125;
stroke: #000;
}
svg.scatter-matrix-svg g.plot-container .datapoint {
opacity: 0.6;
stroke: black;
stroke-width: 0;
}
svg.scatter-matrix-svg g.plot-container .datapoint.selected {
opacity: 0.9;
stroke: black;
stroke-width: 1;
}
svg.scatter-matrix-svg g.plot-container .datapoint.unselected {
opacity: 0.2;
stroke-width: 0;
}
svg.scatter-matrix-svg g.plot-container .trendline.unselected {
opacity: 0.6;
}
table.ctd-table th {
background-color: white;
font-weight: normal;
vertical-align: middle;
}
table.ctd-table thead tr th {
position: sticky;
box-shadow: 0 1px #cbcbcb; /* fixes missing border below sex row */
}
table.ctd-table thead tr:nth-child(1) th {
top: -1px;
}
table.ctd-table thead tr:nth-child(2) th {
top: 2em;
}
table.ctd-table thead tr:nth-child(3) th {
top: 4em;
}
table.ctd-table thead tr:nth-child(4) th {
top: 6em;
}
input.ctd-row-cb {
vertical-align: text-bottom;
}
.ctd-vt-bg {
background: linear-gradient(#fff, #cbcbcb)
}
.ctd-hz-bg {
background: linear-gradient(90deg, #fff, #ccc)
}
.ctd-light-bg {
background: #f4f4f4;
}
.ctd-bold-fg {
font-weight: bold;
}
.ctd-dim-fg {
color: #888;
}
.ctd-action-button {
width: 13em;
}
.ctd-hide-select-toggle {
visibility: hidden;
cursor: pointer;
font-weight: bold;
}
.ctd-show-select-toggle:hover span.ctd-hide-select-toggle {
visibility: visible;
}
div.claim-text { float: left; text-align: left; margin-right: 10px; }
div.claim-button { float: right; text-align: right; }
label.claim-check { display: block; }
.deleted { text-decoration: line-through; }
th.sortable-header:hover { background-color: #e8e8e8; cursor: pointer;}
a.overlay { bottom: 0; left: 0; top: 0; right: 0; cursor: default; position: fixed; visibility: hidden; z-index: 1; }
a.overlay-open { visibility: visible; }
div.create-user-dlg {bottom: 0; left: 0; top: 0; right: 0;width: 700px;height: 350px; margin: auto; }
.admin-button { font-size: 10pt; margin: 4px 0; }
.admin-panel { font-size: 10pt; }
table.dashboard td { font-size: 9pt;text-align: left;}
div.studyDetailsDlg { z-index: 10000; position: fixed; background-color: #fff; box-shadow: 4px 4px 80px #000;left: 0;right: 0;top: 0;bottom: 0;width: 600px;height: 500px;margin: auto;}
div.progressDlg { z-index: 10000; position: fixed; background-color: #fff; box-shadow: 4px 4px 80px #000;left: 0;right: 0;top: 0;bottom: 0;width: 400px;height: 200px;margin: auto;}
a.domain-link { color: inherit; text-decoration: none; border-bottom: 1px solid lightgray; }
a.domain-link:hover { color: #0066CC; text-decoration: underline; border-bottom: none; background-color: beige;}
.dashboard-button { width: 187.5px }
.filter-list-prompt {
font-weight: bold;
}
div.data-filter-boxes img.filterImage {
margin: 1px 10px;
vertical-align: middle;
cursor: pointer;
}
div.data-filter-boxes tr.filterTableRow {
background-color: #f0f0f0;
margin-top: 6px;
}
div.data-filter-boxes tr.spacerRow {
opacity: 0;
height: 8px;
}
div.domain-menu-bar {
margin-top: 10px;
white-space: nowrap;
}
div.domain-menu-bar div.top-menu-bar {
padding: 3px 6px;
}
div.domain-menu-bar div.menu-group {
display: inline-block;
}
div.domain-menu-bar div.menu-group hr {
margin-top: 0;
background-color: darkgray;
}
div.domain-menu-bar div.header {
font-weight: bold;
line-height: 1.2;
}
div.domain-menu-bar div.vert-sep {
display: inline-block;
margin: 0 4px;
height: 2em;
vertical-align: middle;
border-left: solid 1px darkgray;
}
div.domain-menu-bar select option.level-1 {
font-weight: bold;
font-size: larger;
}
div.domain-menu-bar select option.level-2 {
padding-left: 10px;
}
.drag-to-reorder {
cursor: grab;
}
.drag-to-reorder-dragover {
opacity: 0;
}
/* This is kep because some other controls use it - naming doesn't make sense - we should probably refactor some of this */
div.dropdown-button div.pure-menu.filterMenu {
position: absolute;
width: auto;
min-width: 15em;
z-index: 100;
margin-left: 65px;
background-color: #fff;
border: solid 1px gray;
display: inline-block;
max-height: 300px;
overflow-y: auto;
margin-left: 60px;
line-height: 1.2;
overflow-x: hidden;
}
div.dropdown-button div.dropdown-button-dropdown {
position: absolute;
width: auto;
min-width: 15em;
z-index: 100;
margin-left: 65px;
background-color: #fff;
border: solid 1px gray;
display: inline-block;
margin-left: 60px;
line-height: 1.2;
}
div.dropdown-button div.dropdown-button-filter input {
margin-left:.8em;
}
div .dropdown-button div.dropdown-button-options {
overflow-x: hidden;
overflow-y: auto;
max-height: 300px;
}
div.dropdown-button span.arrow-text {
float: right;
white-space: nowrap;
}
div.dropdown-button span.prompt-text {
white-space: nowrap;
overflow-x: hidden;
display: block;
text-overflow: ellipsis;
}
div.dropdown-button span.prompt-img {
}
div.dropdown-button .groupMenu {
margin-left: .5em;
margin-top: .5em;
}
div.exposure-plot { white-space: nowrap;}
div.exposure-plot div.viz-title { font-size: larger; font-weight: bold; text-align: center;}
div.exposure-plot div.viz-subtitle { font-weight: bold; text-align: center;}
/* Settings */
div.exposure-plot div.settings-panel {display: inline-block;vertical-align: top;margin-right: 20px;font-size: 10pt;width: 300px;}
div.exposure-plot .settings-prompt { font-weight: bold;}
div.exposure-plot table.options-table { width: 100%; margin-top: 1px; margin-left: 1px; }
div.exposure-plot table.options-table td { padding: 4px; }
div.exposure-plot table.options-table div.dropdown-button button { width: 200px; }
div.exposure-plot table.options-table div.exposure-config-button > button { width: 200px; }
div.exposure-plot .radio-div {line-height: 1.3;margin-left: .5em;}
div.exposure-plot ctrl-data-filter-boxes > div > div > a { float: right;color: #0066CC;}
div.exposure-plot ctrl-data-filter-boxes > div > div > a:visited { float: right;color: #0066CC;}
div.exposure-plot label[disabled] { color: #aaa; }
/* Charts */
div.exposure-plot div.chart-panel { display: inline-block;margin-left: 15px;}
div.exposure-plot div.chart-area { display: inline-block;margin-left: 15px;}
div.exposure-plot div.invalid-text { color: gray; margin-top: 10px;}
div.exposure-plot .plot-title { text-align: center; font-size: larger; font-weight: bold;overflow-x: hidden; text-overflow: ellipsis;}
div.exposure-plot .y-axis-title { text-align: center; transform: rotate(-90deg) translate(-100%, 0); transform-origin: 0 100%;font-weight: bold; font-size: larger; position: absolute; overflow-x: hidden; text-overflow: ellipsis;}
div.exposure-plot .x-axis-title { text-align: center; font-weight: bold; font-size: larger; overflow-x: hidden; text-overflow: ellipsis; fill:#555555;}
div.exposure-plot .pp-day-gear { position: absolute; bottom: 16px; cursor: pointer; z-index: 50;}
div.exposure-plot div.exp-tooltip { position: absolute; text-align: left; padding: 6px; line-height: 1.3; border: solid gray 1px; background-color: beige; box-shadow: 3px 3px 10px #888;z-index: 100}
div.exposure-plot div.exp-tooltip.hovered {pointer-events: none;}
div.exposure-plot div.exp-tooltip td { padding: 0 3px;}
div.exposure-plot div.container-div .dot { cursor: pointer;}
div.exposure-plot div.container-div .dot.selected { stroke: black;stroke-width: 1; fill-opacity: 1 !important;}
div.exposure-plot div.container-div.selection .dot { fill-opacity: 0.5;}
div.exposure-plot rect.extent { fill: #000; fill-opacity: .125; stroke: #000;}
div.exposure-plot rect.background { cursor: auto !important; }
/* Legend */
div.exposure-plot div.legend-area { display: inline-block; vertical-align: top;}
div.exposure-plot div.legend { overflow-y: auto;}
div.exposure-plot div.legend td { padding: 1px 5px;}
div.exposure-plot div.color-legend td { cursor: pointer; }
div.exposure-plot div.symbol-legend td { cursor: pointer; }
div.exposure-plot div.legend tr.unselected { opacity: 0.09; }
.fetal-pathology-view {
margin-top: 2em;
}
.fetal-pathology-controls {
width: 19em;
margin-right: 1em;
float: left;
}
.fetal-pathology-table table {
border: 1px solid black;
}
.fetal-pathology-table th:last-child, .fetal-pathology-table td:last-child {
border-right: 1px solid black;
}
.fetal-pathology-table thead {
border-top: 1px solid black;
}
.fetal-pathology-table th {
font-weight: normal;
padding: .1em 1em;
}
.fetal-pathology-table thead > tr:first-child > th {
padding-top: .5em;
}
.fetal-pathology-table thead tr:nth-child(1n + 1) th:first-child {
text-align: right;
padding-right: 1em;
}
.fetal-pathology-table thead tr:first-child th:first-child {
min-width: 20em;
border-right: 1px solid #ccc;
text-align: left;
vertical-align: top;
}
.fetal-pathology-table thead tr:first-child th {
border-bottom: 1px solid #ccc;
}
.fetal-pathology-table thead tr:first-child th:first-child {
border-bottom: none;
}
.fetal-pathology-table thead {
border-bottom: 1px solid black;
}
.fetal-pathology-table tbody tr.section-start {
border-top: 1px solid #cbcbcb;
}
.fetal-pathology-table tbody tr:nth-child(2) {
border-top: none;
}
.fetal-pathology-table td {
text-align: right;
}
.fetal-pathology-table td.obs {
text-align: left;
padding-left: 3em;
}
.fetal-pathology-table td:first-child {
border-right: 1px solid black;
}
.fetal-pathology-table tbody tr:first-child td:first-child {
font-weight: bold;
min-width: 12em;
text-align: left;
padding-top: .3em;
}
.fetal-pathology-table tbody tr:first-child td {
border-top: 1px solid black;
}
.fetal-pathology-view .notes {
margin-top: 3em;
line-height: 1.2em;
margin-left: 20em;
color: #999;
}
.fetal-pathology-view .controls-head {
margin-top: .5em;
font-weight: bold;
}
.fetal-pathology-view .select-option {
line-height: 1.3;
}
.filler-tbody:last-child {
display: none;
}
.fetal-pathology-table .pure-table {
border: none;
border-bottom: 1px solid black;
}
.fetal-pathology-table .pure-table td,
.fetal-pathology-table .pure-table th {
border-left: 1px solid #cbcbcb;
}
.fetal-pathology-table .pure-table td:first-child,
.fetal-pathology-table .pure-table th:first-child {
border-left: 1px solid black
}
.filler-tbody td {
border-left: none !important;
border-right: none !important;
}
div.field-definition-dialog { width: 350px; height: 350px; cursor: pointer; }
div.field-definition-dialog-items { text-align: center; white-space: normal; }
div.field-definition-dialog-title { text-align: center; }
p.field-definition-description { text-align: left; }
div.graph-dialog { width: 410px; height: 480px; }
div.graph-dialog-items { text-align: center; }
div.graph-dialog-title { text-align: center; }
.axis line, .axis path { stroke: #000; fill: none; shape-rendering: crispEdges; }
.scatter-plot circle { fill: white; fill-opacity: 0.1 }
.scatter-plot-tick-label { font-size: 8pt; }
.scatter-plot-ignore-highlight { color: gainsboro; }
div.meta-data {
display: flex;
}
table.meta-data {
font-size: 9pt;
line-height: 1.6;
border: none;
background-color: whitesmoke;
margin-right: 2em;
}
table.meta-data {
border-top: .5em solid whitesmoke;
border-bottom: .5em solid whitesmoke;
}
table.meta-data td {
color: #333;
}
td.text-align-center {
text-align: center
}
td.meta-data {
text-align: center
}
div.ctrlGridColumnSelectDragOver {
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: aliceblue;
opacity: .3;
}
th.gridControlsTop, th.gridControlsBottom {
background-color: darkgray;
text-align: left !important;
position: sticky;
top: 0;
}
td.numericStyle {
text-align: right;
}
th.columnTitle {
padding-bottom: 0;
position: sticky;
top: 40px;
background-color: #e0e0e0;
}
th.columnFilter {
text-align: right;
padding: 0 .5pc;
cursor: pointer;
white-space: nowrap;
position: sticky;
top: 60px;
background-color: #e0e0e0;
}
th.columnFilter:hover {
background: #ccc;
}
span.columnFilterCut {
float: left;
opacity: 0
}
span.columnFilterCut:hover {
opacity: 1;
}
.linkPointer {
cursor: pointer;
}
td.gridLines {
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
td.groupSummary {
background-color: #e6e6fa !important;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
td.groupSummaryHeader {
background-color: #c6c6da !important;
font-weight: bold;
border-top: 2px solid #333;
border-bottom: 1px solid #cbcbcb;
}
td.summaryFiltered {
background-color: lightsalmon !important;
}
div.summary-bar-graph, div.summary-scatter-plot {
text-align: center;
margin-top: 0.5pc;
}
div.nextGraphType {
text-align: center;
display: inline-block;
line-height: 1.4em;
}
div.nextGraphType button {
background-color: #c6c6c6;
margin-top: 3px;
}
td.excluded {
color: lightgray;
}
th.demographic {
background-color: #d0d0d0;
}
td span.ctrlmax {
color: red;
}
td span.ctrlmin {
color: blue;
}
td span.rangeArrow {
display: inline-block;
width: 14px;
cursor: default;
}
span.overctrl {
color: red;
}
span.underctrl {
color: blue;
}
td.nonnum, select.nonnum, input.nonnum {
background-color: #ffff99;
}
td.notdone {
background-color: #eee;
}
td.collision {
background-color: #d0c1f0;
}
span.use-filter {
font-weight: bold;
cursor: pointer;
}
div.gridOverlay {
position: absolute;
background-color: gray;
z-index: 999;
transition: opacity 1s ease-in-out;
}
div.pure-menu.infoMenu {
position: absolute;
width: auto;
z-index: 100;
}
td.infoPrompt {
font-weight: bold;
}
div.pure-menu.columnGroupMenu {
position: absolute;
width: auto;
z-index: 100;
margin-left: 12pc;
background-color: #fff;
border: solid 1px gray;
}
th.highlighted-column {
background: #ccf;
}
th.endpoint-of-interest {
font-style: italic;
background-color: beige;
}
td.endpoint-of-interest {
font-style: italic;
font-weight: bold;
color: black;
}
td.endpoint-change-highlight, th.endpoint-change-highlight {
background-color: black !important;
color: white !important;
}
div.summary-page-filter-dlg div.summary-filter-header {
font-weight: normal;
text-decoration: underline;
}
div.summary-page-filter-dlg div.summary-filter-option {
font-weight: normal;
padding-left: 10px;
}
div.select-columns-dlg span.group-section-name {
font-weight: normal;
text-decoration: underline;
}
div.select-columns-dlg div.column-grouping {
font-weight: normal;
padding-left: 10px;
}
div.select-columns-dlg div.column-grouping:hover:not([disabled]) {
cursor: pointer;
background-color: #eee;
}
div.select-columns-dlg div.column-group-selected {
text-shadow: 0px 0px 0.75px currentColor;
color: #333;
}
.export-menu-item {
margin-left: 1em;
margin-right: 1em;
font-weight: bold;
cursor: pointer;
}
.export-menu-item:hover {
background-color: #eee;
}
.group-by-menu .prompt {
font-weight: bold;
}
.group-by-menu .items {
line-height: 1.3;
margin-left: 0.5em;
}
.group-summary-order-testcodes .ng-modal-dialog-content {
padding: 1em;
font-weight: normal;
}
.group-summary-order-testcodes .title {
font-weight: bold;
text-align: center;
margin: 1em;
font-size: 105%;
}
.group-summary-order-testcodes .test-codes {
margin-left: 1em;
}
.group-summary-order-testcodes .update {
text-align: center;
margin-top: 1em;
}
div.group-summary-view {
}
div.group-summary-container {
min-width: 800em;
}
table.group-summary-table th, table.group-summary-table td {
padding: .2em .45em .2em .3em;
}
table.group-summary-table th {
vertical-align: middle;
}
table.group-summary-table td.numeric {
text-align: end;
}
table.group-summary-table th {
border: 1px solid #cbcbcb;
white-space: nowrap;
}
table.group-summary-table .day-divider {
border-top: solid 1px #cbcbcb;
}
table.group-summary-table tr.cat-divider {
background-color: #cde;
border-top: solid 1px #cbcbcb;
border-bottom: solid 1px #cbcbcb;
font-weight: bold;
}
table.group-summary-table thead tr th {
position: sticky;
top: 0;
background-color: #e0e0e0;
box-shadow: 0 1px #cbcbcb; /* fixes missing border below sex row */
}
table.group-summary-table tbody tr.cat-divider td {
position: sticky;
/* top: height set dynamically */
background-color: #cde;
box-shadow: 0 1px #cbcbcb; /* fixes missing border below sex row */
}
table.group-summary-table tbody tr:hover {
background-color: aliceblue;
}
table.group-summary-table .sex-boundary {
border-left: 1px solid black;
}
table.group-summary-table .dotted-divider {
border-bottom: 1px dotted #cbcbcb;
}
.group-summary-view div.summary-controls {
position: sticky;
top: 0;
padding: 1em 5em 2em 2em;
float: left;
width: 13em;
}
.group-summary-container .filter-boxes {
max-width: 13em;
}
.group-summary-container .clipboard-copy:active {
box-shadow: inset 0 0 1pt 2pt cornflowerblue;
}
div.group-summary-view .method-style {
color: #999;
max-width: 400px;
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: top;
}
div.summary-controls .controls-head {
margin-top: .5em;
font-weight: bold;
}
div.summary-controls .items {
margin-left: 0;
}
div.summary-controls .select-option {
line-height: 1.3;
}
table.group-summary-table .cat-divider button.reorder {
font-size: 80%;
padding: .5em;
margin-left: 1em;
opacity: .6;
visibility: hidden;
}
table.group-summary-table .cat-divider:hover button.reorder {
visibility: visible;
}
.group-summary-container .notes {
margin-top: 3em;
line-height: 1.2em;
margin-left: 19em;
color: #999;
}
hcvd-controls {
float: left;
width: 22em;
margin-right: 2em;
}
hcvd-controls form {
text-align: left;
margin-left: 0;
}
hcvd-controls div.data-filter-boxes span.link-text {
float: right;
}
hcvd-legend > div {
margin: 1em;
padding: .5em 1em;
}
hcvd-summary > div {
width: 55em;
margin-top: 1em;
margin-left: 4em;
}
hcvd-grid > div {
margin-top: 1em;
margin-left: 4em;
}
.hcvd-control-label {
width: 4em;
display: inline-block;
text-align: right;
margin: 0 .5em 0 .5em !important;
}
.hcvd-overlay {
float: left;
opacity: .5;
z-index: 99;
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
.hcvd-loading {
float: left;
position: absolute;
margin-left: 12em;
}
.hcvd-x-axis-title {
font-size: large;
font-weight: bold;
text-align: center;
margin: 0 auto;
width: 25em;
}
.hcvd-y-axis-title {
font-size: medium;
font-weight: bold;
float: left;
width: 0;
white-space: nowrap;
}
.hcvd-inactive {
cursor: pointer;
opacity: .09;
}
.hcvd-inactive-summary {
opacity: 0;
}
.hcvd-active-summary {
position: absolute;
top: 0;
opacity: 1;
}
.pure-form #scatterFilterDialog .pure-checkbox {
margin: 0;
display: inline-block;
}
.hcvd-control-table {
width: 100%;
margin-top: 1em;
margin-left: 1em;
line-height: 1.5;
}
.hcvd-computed {
background: #ccf;
}
.hcvd-chart {
margin-left: 1em;
}
.hcvd-chart rect {
cursor: pointer;
}
.hcvd-legend {
white-space: nowrap;
}
.hcvd-legend-item {
cursor: pointer;
}
.hcvd-summary-cell {
min-width: 6.5em
}
.hcvd-presets .dropdown-button button {
width: 100px;
}
.heatmap {
margin-right: 1pc;
}
.heatmap th {
font-weight: normal;
padding-top: 0;
padding-bottom: 0;
border: solid #cbcbdb 1px;
background-color: #ddd;
white-space: nowrap;
}
.heatmap th, .heatmap td {
padding-left: 3px;
padding-right: 3px;
line-height: 1.2;
}
.heatmap th img {
margin-top: 3px;
float: right;
}
.heatmap td.label {
text-align: center;
}
.heatmap td[title='Severity'] {
text-align: center;
}
.heatmap-legend {
margin-top: 1pc;
}
.heatmap-legend td {
width: 6em;
line-height: 1.2;
text-align: center;
}
.heatmap-loose-dots {
background-image: url(../../assets/images/loose-dots.png);
}
.heatmap-diag {
background-image: url(../../assets/images/diag.png);
}
.heatmap-tight-dots {
background-image: url(../../assets/images/tight-dots.png);
}
.heatmap-horiz {
background-image: url(../../assets/images/horiz.png);
}
.heatmap .column-title {
min-width: 8em;
}
.heatmap .clip-icon {
margin-top: 0;
float: left;
visibility: hidden;
cursor: pointer;
}
.heatmap .clip-icon.differentiated {
opacity: 0.5;
cursor: not-allowed;
}
.column-title:hover .clip-icon {
visibility: visible !important;
}
.heatmap-top-rows {
text-align: center;
white-space: normal !important;
word-wrap: break-word;
max-width: 4em !important;
}
.heatmap-subjects-label {
cursor: pointer;
color: #ccc
}
.heatmap-subjects-label:hover {
color: #000;
}
.heatmap-specimen span {
cursor: pointer;
visibility: hidden;
}
.heatmap-specimen:hover span {
visibility: visible;
}
.heat-map-nav {
display: flex;
align-items: center;
}
.heat-map-nav div {
line-height: 1.5;
}
.heat-map-nav button, .heat-map-nav span {
margin-right: .3em;
}
.heat-map-nav div {
margin-left: 2em;
}
.heat-map-highlight-row {
opacity: 0.5;
background-color: whitesmoke;
}
.heat-map-highlight-cell {
opacity: 0.5;
}
.heatmap-exp-button {
min-width: 125px;
}
/* Settings */
div.histo-severity div.settings-panel {
width: 300px;
display: inline-block;
vertical-align: top;
margin-right: 2em;
}
div.histo-severity div.settings-panel div.one-col-line > * {
display: inline-block;
width: 98%;
}
div.histo-severity div.settings-panel div.two-col-line > * {
display: inline-block;
width: 48%;
}
div.histo-severity div.settings-panel div.prompt-line > *:nth-of-type(1) {
width: 33%;
display: inline-block;
}
div.histo-severity div.settings-panel div.prompt-line > *:nth-of-type(2) {
width: 66%;
display: inline-block;
}
div .histo-severity .settings-prompt {
font-weight: bold;
}
div.histo-severity div.selected-tissue {
margin-bottom: 2px;
}
div.histo-severity div.selected-tissue dropdown-button {
display: inline-block;
}
div.histo-severity div.selected-tissue button {
width: 180px;
}
div.histo-severity table.histo-sev-config-table {
width: 100%;
margin-top: 1px;
margin-left: 1px;
}
div.histo-severity table.histo-sev-config-table td {
padding: 4px;
vertical-align: top;
}
div.histo-severity table.histo-sev-config-table div.dropdown-button button {
width: 200px;
}
div.histo-severity label[disabled] {
color: #ccc;
}
div.histo-severity input[disabled] {
color: #ccc;
}
div.histo-severity table.radio-table {
margin-left: 10px;
}
div.histo-severity table.radio-table td {
padding: 0 5px;
}
div.histo-severity div.histo-sev-plot-config-dlg {
position: absolute;
border: solid 1px gray;
background-color: white;
padding: 15px;
z-index: 20;
margin-left: 40px;
}
div.histo-severity div.plot-row {
background-color: #f8f8f8;
box-shadow: 1px 1px 4px #888;
width: 100%;
display: flex;
margin: 10px 3px;
font-size: 9pt;
padding: 3px 0;
}
div.histo-severity td.plot-title-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
font-weight: bold;
margin-top: 3px;
line-height: 1.1;
}
div.histo-severity td.plot-subtitle-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
font-size: smaller;
margin-bottom: 3px;
line-height: 1.1;
}
div.histo-severity div.cut-div {
display: inline-block;
}
div.histo-severity img.cut-plot {
margin: 1px 10px;
vertical-align: middle;
cursor: pointer;
}
div.histo-severity ctrl-data-filter-boxes span.link-text {
float: right;
}
/* Finding Dropdown */
div.histo-severity histo-sev-finding-dropdown div.filter-btn {
display: inline-block;
cursor: pointer;
}
div.histo-severity histo-sev-finding-dropdown div.ng-modal-dialog-content {
padding-top: 0;
}
div.histo-severity button.finding-header {
background-color: lightgray;
padding: 4px;
font-weight: bold;
cursor: pointer;
margin-bottom: 8px;
}
div.histo-severity div.finding-name {
width: 320px;
text-overflow: ellipsis;
overflow-x: hidden;
display: inline-block;
overflow-y: hidden;
}
div.histo-severity div.finding-count {
width: 50px;
text-align: right;
display: inline-block;
overflow-y: hidden;
overflow-x: hidden;
}
/* Title */
div.histo-severity div.chart-title {
font-weight: bold;
text-align: center;
font-size: larger;
margin: 0 auto 1em auto;
text-decoration: underline;
}
div.histo-severity div.box-and-scatter-title, div.histo-sev-subtitle {
font-weight: bold;
text-align: center;
overflow-x: hidden;
text-overflow: ellipsis;
line-height: 1.3
}
div.histo-severity div.box-and-scatter-title {
font-size: medium;
}
div.histo-severity div.box-and-scatter-subtitle {
font-size: smaller;
}
/* Y Axis Label*/
div.histo-severity div.box-and-scatter-yaxis-label {
transform: rotate(-90deg);
transform-origin: left top 0;
font-weight: bold;
text-align: center;
padding-left: 25px;
float: left;
position: absolute;
overflow-x: hidden;
text-overflow: ellipsis;
}
svg.histo-sev-svg {
vertical-align: top;
}
/* Hover info */
div.histo-severity div.box-and-scatter-tooltip {
position: absolute;
text-align: left;
padding: 6px;
line-height: 1.3;
border: solid gray 1px;
background-color: beige;
box-shadow: 3px 3px 10px #888;
z-index: 100;
pointer-events: none;
}
div.histo-severity div.box-and-scatter-tooltip td {
padding: 0 3px;
}
/* Points */
div.histo-severity .pt {
pointer-events: all;
}
/* Selection brush */
div.histo-severity rect.extent {
fill: #000;
fill-opacity: .125;
stroke: #000;
cursor: auto !important;
}
div.histo-severity rect.background {
cursor: auto !important;
}
/* Plot Stats*/
div.histo-severity div.box-and-scatter-stat-div {
overflow: hidden;
}
div.histo-severity div.box-and-scatter-stat-div table {
border-bottom: lightgray 1px solid;
border-top: lightgray 1px solid;
}
div.histo-severity div.box-and-scatter-stat-div tr td:first-child span {
font-weight: bold;
padding-right: 16px;
}
div.histo-severity div.box-and-scatter-stat-div td {
border-bottom: lightgray 1px solid;
border-top: lightgray 1px solid;
border-collapse: collapse;
line-height: 1.2;
overflow: hidden;
}
/* Legend */
div.histo-severity div.legend-area {
display: inline-block;
vertical-align: top;
}
div.histo-severity div.legend {
overflow-y: auto;
}
div.histo-severity div.legend td {
padding: 1px 5px;
cursor: pointer;
}
div.histo-severity g.unselected {
opacity: 0.5;
}
div.histo-severity g.selected {
text-shadow: 1px 0 0 currentColor;
}
div.histo-severity g {
transition: opacity 0.4s, text-shadow 0.4s;
}
div.histo-barchart { white-space: nowrap; }
/* Settings */
div.histo-barchart div.settings-panel { width: 300px; display: inline-block; vertical-align: top; }
div.histo-barchart div.settings-panel div.one-col-line > * { display: inline-block; width: 98%; }
div.histo-barchart div.settings-panel div.two-col-line > * { display: inline-block; width: 48%; }
div.histo-barchart div.settings-panel div.prompt-line > *:nth-of-type(1) { width: 33%; display: inline-block; }
div.histo-barchart div.settings-panel div.prompt-line > *:nth-of-type(2) { width: 66%; display: inline-block; }
div.histo-barchart table.options-table { width: 100%; margin-top: 1px; margin-left: 1px; }
div.histo-barchart table.options-table td { padding: 2px 0; }
div.histo-barchart div.settings-line { padding: 4px 0; transition: transform .5s; }
div.histo-barchart div.settings-line button.swap-button { width: 16px; padding: 4px; }
div.histo-barchart button.option-button { width: 200px; overflow-x: hidden; }
div.histo-barchart div.settings-line div.dropdown-button { display: inline-block; }
div.histo-barchart div.settings-line button { width: 200px; overflow-x: hidden; }
div.histo-barchart div.settings-line button-with-arrow { display: inline-block; width: 200px; }
div.histo-barchart .settings-prompt { font-weight: bold; }
div.histo-barchart span.settings-prompt { width: 80px; display: inline-block; }
div.histo-barchart .presetInfo { background-color: #fdd; border: solid 1px gray; vertical-align: top; padding: 8px; border-radius: 4px; box-shadow: 10px 10px 20px #888888; position: absolute; z-index: 100; }
div.histo-barchart .radio-div { line-height: 1.1; margin-left: .5em; }
div.histo-barchart div.dataselect-dlg div.ng-modal-dialog-content { padding-top: 0; }
div.histo-barchart div.dataselect-dlg div.ng-modal-left-control { float: none; display: inline-block; }
div.histo-barchart div.dataselect-line { line-height: 110%; }
div.histo-barchart .dataselect-header { background-color: lightgray; padding: 4px; font-weight: bold; cursor: pointer; margin-bottom: 8px; }
div.histo-barchart .dataselect-name { width: 220px; text-overflow: ellipsis; overflow-x: hidden; display: inline-block; overflow-y: hidden; }
div.histo-barchart .dataselect-count { width: 50px; text-align: right; display: inline-block; overflow-y: hidden; overflow-x: hidden; }
div.histo-barchart div.filter-img { margin-top: 1px; }
div.histo-barchart label.disabled { color: #ccc; }
div.histo-barchart div.subjects-note { line-height: 1.2em; border: 1px solid darkgrey; background-color: #fdd; padding: 4px; margin: 4px 0; }
div.histo-barchart span.subjects-note-title { font-weight: bold; }
div.histo-barchart span.subjects-note-text { white-space: normal; }
div.histo-barchart ctrl-data-filter-boxes span.link-text { float: right; }
/* Plot */
div.histo-barchart .loading { float: left; position: absolute; margin-left: 12em; }
div.histo-barchart div.chart-area { display: inline-block; margin-left: 15px; }
div.histo-barchart div.plot-title { font-weight: bold; text-align: center; font-size: larger; margin-left: 4em; }
div.histo-barchart div.trailing { margin-left: 0; }
/*div.histo-barchart div.trailing g.y.axis {display: none}*/
div.histo-barchart div.chart-area hr { background-color: #555; }
div.histo-barchart div.plot-ellipsis { display: inline-block; vertical-align: top; font-weight: bold; font-size: x-large; margin: 0 8px; }
div.histo-barchart div.plot-ellipsis span { display: inline-block; background-color: #fdd; vertical-align: middle; padding: 0 7px 12px 7px; border-radius: 7px; cursor: default; }
/* Axes */
div.histo-barchart .x-axis-title { font-weight: bold; text-align: center; margin-left: 70px; overflow-x: hidden; text-overflow: ellipsis; }
div.histo-barchart .trailing.x-axis-title { margin-left: 30px; }
div.histo-barchart .y-axis-title { transform: rotate(-90deg); transform-origin: left top 0; font-weight: bold; text-align: center; margin-left: 15px; padding-left: 25px; float: left; position: absolute; overflow-x: hidden; text-overflow: ellipsis; }
/* Legend */
div.histo-barchart div.legend-area { display: inline-block; vertical-align: top; }
div.histo-barchart div.legend { overflow-y: auto; }
div.histo-barchart div.legend td { padding: 1px 5px; cursor: pointer; }
div.histo-barchart div.legend g.unselected { opacity: 0.09; }
.hbc-presets div.dropdown-button button { width: 120px; }
div.item-selection-dialog div.dlg-title {
overflow: hidden;
font-weight: bold;
}
div.item-selection-dialog button.list-header {
background-color: lightgray;
padding: 4px;
font-weight: bold;
cursor: pointer;
margin-bottom: 8px;
margin-right: 4px;
}
div.item-selection-dialog div.list-item {
text-overflow: ellipsis;
overflow-x: hidden;
display: inline-block;
line-height: 1.25;
vertical-align: middle;
margin-right: 4px;
}
div.item-selection-dialog div.selectable-item-row {
background-color: inherit;
cursor: pointer;
}
div.item-selection-dialog div.selectable-item-row:hover {
background-color: lightgray;
}
div.item-selection-dialog div.selectable-item-row.selected {
color: black;
font-weight: bold;
}
div.linegraph-container {display: inline-block; font-size: 10pt; margin-top: -1em; margin-right: 450px; white-space: nowrap;}
div.linegraph-control {display: inline-block;vertical-align: top;margin-right: 20px;font-size: 10pt;width: 300px;}
div.linegraph-view { display: inline-block;vertical-align: top; }
div.linegraph-legend { display: inline-block;vertical-align: top; }
div.linegraph-view .not-shown { display: none;}
div.linegraph-view se-line-graph-chart { display: inline-block;vertical-align: top;}
div.linegraph-view se-line-graph-legend { display: inline-block;vertical-align: top;}
/* Options */
.linegraph-control .dlg-title { font-weight: bold;font-size: larger;}
.linegraph-control .settings-prompt { font-weight: bold;}
.linegraph-control table.options-table td { padding: 5px;width: 100%;}
.linegraph-control .prompt { padding-right: 10px; }
.linegraph-control button.option-button { width: 100%;width: 200px;overflow-x: hidden;}
.linegraph-control div.option-menu { position: absolute;width: auto;z-index: 100;margin-left: 65px; background-color: #fff; border: solid 1px gray;max-height: 300px;overflow: auto;padding-right: 20px;}
.linegraph-control button .domain-text{ font-weight: bold;}
.linegraph-control button .summary-by-text{ font-size: 9px;}
.linegraph-control div.data-selection-block {display: inline-block;vertical-align: top;}
.linegraph-control label[disabled] { color: #ccc;}
.linegraph-control table.options-table dropdown-button button { width: 180px;}
.linegraph-control div.tptnum-note { line-height: 1.2em;border: 1px solid darkgrey;background-color: #fdd;padding: 4px;margin: 4px 0;}
.linegraph-control span.tptnum-note-title { font-weight: bold;}
.linegraph-control span.tptnum-note-text { white-space: normal;}
.linegraph-control ctrl-data-filter-boxes span.link-text { float: right; }
.linegraph-control .linegraph-options-dropdown button { padding: .4em .4em; }
.linegraph-control .linegraph-options-dropdown.ignoring-method span.arrow-text { color: #BBB; }
.linegraph-control div.reorderable-bars-container div.reorderable-bar { width: unset; }
.linegraph-control span.line-graph-settings-button button.pure-button { width: 200px; }
/* Info */
div.linegraph-view div.info-table-div { min-height: 100px;margin-left: 100px;}
div.linegraph-view table.info-table td.info-title {padding-right: 10px; font-weight: bold;}
/* Legend */
div.linegraph-container div.legend { vertical-align: top; overflow-y: auto; overflow-x: hidden; display: inline-block; }
div.linegraph-containerx div.legend span.legend-link-img { vertical-align: middle; display: none;}
div.linegraph-containerx div.legend tspan.legend-link { display: none;}
div.linegraph-containerx div.legend td.hovered span.legend-link-img { display: inline;}
div.linegraph-containerx div.legend g.hovered tspan.legend-link { display: inline;}
div.multi-exposure-plot div.exp-tooltip {
position: absolute;
text-align: left;
padding: 6px;
line-height: 1.3;
border: solid gray 1px;
background-color: beige;
box-shadow: 3px 3px 10px #888;
z-index: 100
}
div.multi-exposure-plot div.exp-tooltip.hovered {
pointer-events: none;
}
div.multi-exposure-plot div.exp-tooltip td {
padding: 0 3px;
}
div.multi-exposure-plot dropdown-button.day-dropdown div.dropdown-button-dropdown {
min-width: 5em;
margin-left:10px !important;
}
.multi-study-query-builder {
margin: 5px 0;
display: block;
}
.ng-modal-dialog {
z-index: 10000;
position: absolute;
background-color: #fff;
box-shadow: 4px 4px 80px #000;
}
.ng-modal-dialog-content {
padding: 1pc;
text-align: left;
line-height: 140%;
}
.ng-modal-close {
float: right;
margin-right: 0.5pc;
font-weight: bold;
cursor: pointer;
font-family: 'arial', 'sans-serif';
}
.ng-modal-left, .ng-modal-left-control {
float: left;
font-weight: bold;
font-family: 'arial', 'sans-serif';
}
.ng-modal-left-control {
cursor: pointer;
}
.hasFilter {
opacity: 0.3;
}
span.ng-modal-page {
color: white;
font-size: larger;
}
.dim {
opacity: 0.3;
}
.ng-modal-dialog-disabled {
color: #ccc;
}
.pivot-menu {
width: 13pc;
height: 17pc;
font-weight: bold;
}
.pivot-menu-items {
line-height: 1.8;
}
.pivot-menu-items div {
padding-left: .5pc;
}
.pivot-menu-items div:hover {
background-color: #eee;
cursor: pointer;
}
.pivot-menu-options {
padding-left: .5pc;
}
.pivot-menu-items div.disabled {
color: #999;
}
.pivot-menu-options label.disabled {
color: #999;
}
.presets-dropdown-with-save {
display: inline-block;
}
@media print {
.hideForPrint { display: none !important}
.pageBreak { page-break-after: always }
}
span.query-builder-connector {
background-color: #e6e6e6;
border: 1px solid #cbcbcb;
border-radius: 9px;
padding: .2em 1em;
font-size: smaller;
font-weight: bold;
margin: 0 10px;
cursor: pointer;
}
span.query-builder-filter-item {
background-color: #e6e6e6;
padding: .5em;
}
span.query-builder-filter-item-field {
font-weight: bold;
}
span.query-builder-filter-item-arg-value {
color: #0066cc;
}
span.query-builder-filter-item-arg-field {
font-weight: bold;
}
span.query-builder-parenthesis {
font-size: x-large;
font-weight: bold;
}
span.query-builder-operator {
font-weight: bold;
font-family: Verdana;
}
span.query-builder-ellipsis {
cursor: pointer;
}
div.query-builder-filter-menu {
width: 10em;
position: absolute;
z-index: 1;
background-color: white;
font-weight: bold;
box-shadow: 4px 4px 80px #000;
}
.query-builder-fadein {
animation-timing-function: ease-out;
animation-duration: .8s;
animation-name: fade;
}
@keyframes fade {
from {
opacity: 0.2;
}
to {
opacity: 1;
}
}
div.query-builder .ng-modal-dialog {
margin-left: 25%;
}
input[type=range] {
/*removes default webkit styles*/
-webkit-appearance: none;
/*fix for FF unable to apply focus style bug */
border: 1px solid white;
/*required for proper track sizing in FF*/
width: 13em;
/* required for consistent height */
padding: 0;
}
input[type=range]::-webkit-slider-runnable-track {
width: 13em;
height: .4em;
background: #ddd;
border: none;
border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 1.2em;
width: 1.2em;
border-radius: 50%;
background: #aaaadd;
margin-top: -4px;
}
input[type=range]:focus {
outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #ccc;
}
input[type=range]::-moz-range-track {
width: 13em;
height: .4em;
background: #ddd;
border: none;
border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
border: none;
height: 1.2em;
width: 1.2em;
border-radius: 50%;
background: #aaaadd;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
outline: 1px solid white;
outline-offset: -1px;
}
input[type=range]::-ms-track {
width: 13em;
height: .4em;
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;
/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 6px 0;
/*remove default tick marks*/
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #777;
border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
background: #ddd;
border-radius: 10px;
}
input[type=range]::-ms-thumb {
border: none;
height: 1.2em;
width: 1.2em;
border-radius: 50%;
background: #aaaadd;
}
input[type=range]:focus::-ms-fill-lower {
background: #888;
}
input[type=range]:focus::-ms-fill-upper {
background: #ccc;
}
div.reorderable-bars-container div.reorderable-bar {
background-color: #f8f8f8;
box-shadow: 1px 1px 4px #888;
width: 100%;
display: flex;
margin: 10px 3px;
}
div.reorderable-bars-container div.cut-div {
display: inline-block;
}
div.reorderable-bars-container div.cfg-div {
display: inline-block;
}
div.reorderable-bars-container div.reorderable-bar img {
margin: 1px 10px;
vertical-align: middle;
cursor: pointer;
}
div.reorderable-bars-container div.item-name {
white-space: nowrap;
text-overflow: ellipsis;
overflow-x: hidden;
display: inline-block;
flex-grow: 1;
}
.scatter-grid { font-size: 9pt; }
.scatter-grid-table { margin-top: 1pc; margin-right: 450px; display: inline-table }
.scatter-grid-table td, .scatter-grid table td { vertical-align: top; padding: 1pc; }
.scatter-grid-select-endpoint { font-size: 9pt; }
.scatter-grid-loading { opacity: 0.3; }
.scatter-grid-groupby { font-size: 9pt }
.scatter-grid-groupby-title { font-weight: bold; }
.scatter-grid-groupby-list { margin: 0 0 0 1pc; line-height: 1.4; }
.scatter-grid-groupby-list div input { vertical-align: middle; }
.scatter-grid-cell { white-space: nowrap; padding: 0.2em 0.5em !important; }
.scatter-grid-cell-fixed { width: 4.0pc; min-width: 4.0pc; max-width: 4.0pc; }
.scatter-grid-cell-fixed div { text-overflow: ellipsis; overflow: hidden; }
.scatter-grid-graph { text-align: center; }
.scatter-grid-cell-text { line-height: 1.4; vertical-align: middle !important; padding: 0.2em 0.5em 0.4em 0.5em !important }
.scatter-grid-cell-legend { line-height: 1; vertical-align: middle !important; padding: 0.2em 0.5em 0.4em 0.5em !important }
.scatter-grid-row-description { background-color: #e0e0e0; color: #234;  font-weight: bold; }
.scatter-grid-row-description-first { background-color: #cde; }
.scatter-grid-cell-description { padding: 0 0.5em !important; vertical-align: middle !important; white-space: normal !important; line-height: 1.3 !important; }
.scatter-grid-cell-data { vertical-align: middle !important; text-align: center; }
.scatter-grid-pretest-day { background-color: #eee !important; }
.scatter-grid-show-test-code { margin-top: 1pc; line-height: 1.3 !important; font-style: italic}
.scatter-grid-show-test-code div { display: inline-block; min-width: 3.5pc; }
.scatter-grid-data-filters { width: 12pc; }
.scatter-grid-data-filters table { margin: 0; line-height: 1.2; display: table; }
.scatter-grid-data-filters table td { padding: 0; }
.scatter-grid-pick-sex { font-size: 8.7pt; font-weight: normal; }
.scatter-grid-pick-sex input { width: 7pt; height: 7pt; margin-right: 1pt; }
/* Selection brush */
div.scatterplot-timecourse rect.extent {
fill: #000;
fill-opacity: .125;
stroke: #000;
cursor: auto !important;
}
div.scatterplot-timecourse rect.background {
cursor: auto !important;
}
/* Plot Stats*/
div.scatterplot-timecourse div.box-and-scatter-stat-div {
overflow: hidden;
}
div.scatterplot-timecourse div.box-and-scatter-stat-div table {
border-bottom: lightgray 1px solid;
border-top: lightgray 1px solid;
}
div.scatterplot-timecourse div.box-and-scatter-stat-div tr td:first-child span {
font-weight: bold;
padding-right: 16px;
}
div.scatterplot-timecourse div.box-and-scatter-stat-div td {
border-bottom: lightgray 1px solid;
border-top: lightgray 1px solid;
border-collapse: collapse;
line-height: 1.2;
overflow: hidden;
}
/* Legend */
div.scatterplot-timecourse div.legend-area {
display: inline-block;
vertical-align: top;
}
div.scatterplot-timecourse div.legend {
overflow-y: auto;
}
div.scatterplot-timecourse div.legend g {
padding: 1px 5px;
cursor: pointer;
}
div.scatterplot-timecourse g.unselected {
opacity: 0.5
}
div.scatterplot-timecourse g.selected {
text-shadow: 1px 0 0 currentColor;
}
div.scatterplot-timecourse g {
transition: opacity 0.4s, text-shadow 0.4s;
}
/* Hover info */
div.scatterplot-timecourse div.box-and-scatter-tooltip {
position: absolute;
text-align: left;
padding: 6px;
line-height: 1.3;
border: solid gray 1px;
background-color: beige;
box-shadow: 3px 3px 10px #888;
z-index: 100;
pointer-events: none;
}
div.scatterplot-timecourse div.box-and-scatter-tooltip td {
padding: 0 3px;
}
div.settings-note { line-height: 1.2em;border: 1px solid darkgrey;background-color: #fdd;padding: 4px;margin: 4px 0;}
div.settings-note span.settings-note-title { font-weight: bold;}
div.settings-note span.settings-note-text { white-space: normal;}
div.sex-dose-view {
}
div.sex-dose-container {
min-width: 300em;
}
table.sex-dose-table th, table.sex-dose-table td {
padding: .2em .45em .2em .3em;
}
table.sex-dose-table th:nth-child(1), table.sex-dose-table th:nth-child(2) {
vertical-align: middle;
}
table.sex-dose-table td {
text-align: end;
}
table.sex-dose-table th {
border: 1px solid #cbcbcb;
white-space: nowrap;
}
table.sex-dose-table td:nth-child(1), table.sex-dose-table td:nth-child(2) {
text-align: start;
}
table.sex-dose-table .day-divider {
border-top: solid 1px #cbcbcb;
}
table.sex-dose-table .cat-divider {
background-color: #cde !important;
border-top: solid 1px #cbcbcb;
border-bottom: solid 1px #cbcbcb;
font-weight: bold;
}
table.sex-dose-table thead tr th {
position: sticky;
top: -1px;
background-color: #e0e0e0;
box-shadow: 0 1px #cbcbcb; /* fixes missing border below sex row */
}
table.sex-dose-table thead tr:nth-child(2) th {
top: 22px;
}
table.sex-dose-table thead tr:nth-child(3) th {
top: 44px;
}
table.sex-dose-table tbody tr:hover {
background-color: aliceblue;
}
table .sex-dose-table .sex-boundary {
border-left: 1px solid black;
}
.sex-dose-view div.summary-controls {
position: sticky;
top: -1px;
padding: 1em 5em 2em 2em;
float: left;
}
.sex-dose-container .filter-boxes {
max-width: 13em;
}
.sex-dose-container .clipboard-copy:active {
box-shadow: inset 0 0 1pt 2pt cornflowerblue;
}
div.sidebar-menu {
display: inline-block;
padding: 10px;
background-color: ghostwhite;
}
div .sidebar-menu .sidebar-menu-title {
font-weight: bold;
font-size:large;
text-decoration: underline;
}
div.sidebar-menu .sidebar-menu-list {
margin-left: 15px;
}
div.sidebar-menu .sidebar-menu-item {
cursor: pointer;
padding: 5px;
margin: 3px;
background-color: gainsboro;
}
div.sidebar-menu .sidebar-menu-item.selected {
text-shadow: 0px 0px 1px black;
}
div.sidebar-menu .sidebar-menu-item:hover {
background-color: lightgray;
}
.sparklinePath {
fill: none;
stroke: black;
stroke-width: 1.5;
}
div.study-overview {
margin-left: 3em;
}
table.study-overview {
border: none;
line-height: 1.5;
font-size: 9pt;
}
.study-overview td {
vertical-align: top;
}
.study-overview-section {
font-weight: bold;
font-family: verdana;
font-size: 9pt !important;
padding-top: 2em !important;
}
.study-overview div.clipboard-copy {
font-size: 8pt;
margin-bottom: 1em;
}
.study-overview-first-section {
padding-top: 0 !important;
}
.study-overview-section hr {
border: 0;
height: 1px;
background-color: #cbcbcb;
}
.study-overview-section-text {
width: 30em;
display: inline-block;
}
td.study-overview-term-name {
text-align: right;
vertical-align: top;
padding-right: 1em;
color: #777;
width: 19em;
}
.study-overview-disposition-table, .study-overview-trial-summary-table {
margin-bottom: 1em;
}
.study-overview-trial-summary-table td {
border-bottom: none;
}
.study-overview-disposition-table td {
text-align: right;
}
.study-overview-disposition-table th, .study-overview-bottom-border {
border-bottom: 1px solid #cbcbcb !important;
white-space: normal;
}
.study-overview-disposition-table th:first-child {
border-bottom: none;
}
.study-overview-disposition-table td:first-child {
width: 15em;
}
.study-overview-disposition-table td:last-child {
font-weight: bold;
}
.study-overview-disposition-table .totals {
border-top-style: double;
font-weight: bold;
}
.study-overview-textarea {
margin-right: 1em;
padding: .5em .6em;
display: inline-block;
border: 1px solid #ccc;
box-shadow: inset 0 1px 3px #ddd;
border-radius: 4px;
vertical-align: bottom;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
white-space: pre-wrap;
resize: none;
max-height: 20em;
}
textarea.study-overview-textarea ~ div {
margin-top: .5em;
}
textarea.study-overview-textarea ~ div span {
display: inline-block;
font-style: italic;
min-width: 30em;
}
.endpoints-of-interest-head {
color: black;
background-color: #e0e0e0;
}
.endpoints-of-interest th {
line-height: 1;
}
.endpoints-of-interest tbody tr:last-child > td {
border-bottom: 1px solid #cbcbcb;
}
.endpoints-of-interest-delete {
color: #eee;
cursor: pointer;
margin-left: auto;
}
.endpoints-of-interest-delete:hover {
color: black;
}
.endpoints-of-interest-head th:first-child, .endpoints-of-interest-body td:first-child {
border-left: 1px solid #cbcbcb !important;
}
.endpoints-of-interest-head th:last-child, .endpoints-of-interest-body td:last-child {
border-right: 1px solid #cbcbcb;
}
.endpoints-of-interest-specimen {
display: inline-block;
margin-right: 1.5em;
}
.endpoints-of-interest-section {
width: auto;
padding-top: 1em !important;
padding-bottom: .5em !important;
border: none !important;
font-weight: bold;
font-family: verdana;
}
button.study-overview-notes-save {
width: 8em;
}
.study-overview-image {
width: 200px;
height: 200px;
}
.study-overview-image-cell {
vertical-align: middle !important;
border-right: 1px solid #cbcbcb !important;
padding: 0.5em !important;
padding-right: 1.7em !important;
background-image: url('../assets/images/loading-rectangle.gif');
background-position: center;
background-repeat: no-repeat;
background-size: 18px auto;
}
.study-overview-delete-image {
float: right;
margin-right: -1em;
color: #cbcbcb;
cursor: pointer;
}
.study-overview-delete-image:hover, .study-overview-move-image:hover {
color: black;
}
.study-overview-move-image {
color: #cbcbcb;
cursor: pointer;
}
.study-overview-image-caption {
text-align: left;
cursor: pointer;
max-width: 230px;
white-space: normal;
}
.study-overview .gallery form {
width: 28em;
}
.add-for-summary {
cursor: pointer;
opacity: 0.1;
}
th .add-for-summary {
opacity: 0.25;
}
.add-for-summary:hover {
opacity: 1;
}
.study-schedule-tree td
{
padding: 1pc;
}
.study-schedule-size
{
font-size: 11px;
}
.study-schedule-leaf {
color: lightseagreen;
}
.study-schedule-graph
{
float: right;
text-align: right;
font-size: 11px;
cursor: default;
}
.study-schedule-days-head {
font-weight: bold;
background-color: #f0f0f0;
padding-top: 2px;
padding-bottom: 1px;
}
.study-schedule-loading {
margin-left: 10em;
width: 4em;
display: inline-block;
white-space: nowrap;
position: absolute;
}
.study-schedule-presetInfo
{
background-color: #fdd;
border: solid 1px gray;
vertical-align: top;
padding: 8px;
border-radius: 4px;
box-shadow: 10px 10px 20px #888888;
position: absolute;
z-index: 50;
}
.study-schedule-display-options
{
width: 11.5em;
white-space: nowrap;
}
.study-schedule-checkboxes
{
line-height: 1.1;
margin-left: 0.5em
}
.study-schedule-tree .pure-button:active {
text-decoration: underline;
}
li.tree-expanded > .tree-label ng-bind-html[depth="0"] span
{
background-color: #a0a0a0;
}
li.tree-expanded > .tree-label ng-bind-html[depth="1"] span
{
background-color: #aaaaaa;
}
li.tree-expanded > .tree-label ng-bind-html[depth="2"] span
{
background-color: #b5b5b5;
}
li.tree-expanded > .tree-label ng-bind-html[depth="3"] span
{
background-color: #c0c0c0;
}
li.tree-expanded > .tree-label ng-bind-html[depth="4"] span
{
background-color: #cacaca;
}
li.tree-expanded > .tree-label ng-bind-html[depth="5"] span
{
background-color: #d5d5d5;
}
li.tree-expanded > .tree-label ng-bind-html[depth="6"] span
{
background-color: #e0e0e0;
}
li.tree-expanded > .tree-label ng-bind-html[depth="7"] span
{
background-color: #eaeaea;
}
li.tree-expanded > .tree-label ng-bind-html[depth="9"] span
{
background-color: #f5f5f5;
}
.subject-compare {
line-height: 1.6;
font-size: 9pt;
}
.subject-compare-row-button
{
font-size: 8pt;
width: 9.1em;
font-weight: normal;
}
.subject-compare-head-label {
width: 11.5em;
min-width: 11.5em;
max-width: 11.5em;
display: inline-block;
}
.subject-compare-tm {
text-align: left !important;
border-top: 1px solid #cbcbcb !important;
border-bottom: 1px solid #cbcbcb !important;
white-space: nowrap;
background-color: ghostwhite;
}
.subject-compare-ts {
width: 16em;
min-width: 16em;
max-width: 16em;
text-align: center;
font-weight: bold;
border-top: 1px solid #cbcbcb;
border-bottom: 1px solid #cbcbcb;
}
.subject-compare-em-col {
width: 16em;
min-width: 16em;
max-width: 16em;
}
.subject-compare-td {
width: 16em;
min-width: 16em;
max-width: 16em;
white-space: normal !important;
line-height: 1.3em !important;
word-wrap: break-word;
}
.subject-compare-finding {
vertical-align: top;
}
.subject-compare-tl {
padding-left: 3pc !important;
vertical-align: top;
}
.subject-compare table tr:hover {
background-color: aliceblue;
}
.subject-compare-outdent {
padding-left: 1.4em;
text-indent: -1.4em;
padding-top: 3px;
padding-bottom: 3px;
}
.subject-compare-finding-name {
background-color: whitesmoke;
border-top: 2px solid #aaa;
}
.subject-compare .summary-label {
float: left;
font-weight: bold;
margin-left: -3em;
}
.subject-compare .legend-title {
margin-top: 1pc;
font-weight: bold;
}
.subject-compare-overlay {
float: left;
opacity: .5;
z-index: 99;
position: absolute;
width: 500%;
height: 100%;
background-color: #fff;
}
.subject-compare-hide-row {
display: none;
}
.subjectview-details {
line-height: 1.3;
text-align: left;
}
.subjectview-details-subjectid {
font-weight: bold;
background-color: ghostwhite;
padding: 0.2em 0.5em;
}
.subjectview-details-label {
white-space: nowrap;
padding-right: 1em;
}
.subjectview-details-value {
white-space: nowrap;
padding-right: 3em;
}
.subjectview-section {
margin-top: 1pc;
border: 1px solid black;
padding: 0.5pc 1pc;
border-color: #cbcbcb;
background-color: #f0f0f0;
display: inline-block;
}
.subjectview-button {
font-size: 90%;
}
.subject-view-layout {
padding-right: 2pc;
}
.subject-view-layout td {
vertical-align: top;
}
.subject-view-layout .pure-table tbody tr:hover {
background-color: aliceblue;
}
.subject-view-legend tr:hover {
background-color: unset !important;
}
.subject-cell-fixed {
width: 4.0pc;
min-width: 4.0pc;
max-width: 4.0pc;
}
.subject-cell-fixed div {
text-overflow: ellipsis;
overflow: hidden;
}
.subjectview-cell {
white-space: nowrap;
padding: 0.2em 0.5em !important;
}
.subjectview-cell.method-cell {
max-width: 400px;
text-overflow: ellipsis;
overflow: hidden;
}
.subjectview-number {
text-align: right;
}
.subjectview-graph {
text-align: center;
}
.subjectview-graph-on {
font-weight: bold;
}
.subjectview-graph-has-subject {
background-color: #fdfdfc !important;
}
.subjectview-number div {
text-overflow: ellipsis;
overflow: hidden;
}
.subjectview-loading {
opacity: 0.3
}
.subjectview-cell-findings {
line-height: 1.4;
vertical-align: middle !important;
}
.subject-view-pool-value {
font-style: italic;
}
.subject-view-legends {
padding: 1pc 0;
}
.subject-view-legend {
margin: 0
}
.subject-view-tissue-tip {
visibility: hidden;
}
.subject-view-excluded-value {
color: lightgray;
}
.subject-view-exclude-normals-on {
font-weight: bold;
color: green;
}
.subject-view-tptnum-warning {
background-color: pink;
width: 35em;
border: 1px solid salmon;
font-size: 8pt;
vertical-align: middle;
margin-bottom: .5em;
margin-left: 1em;
margin-right: 1em;
white-space: normal;
display: inline-block;
line-height: 1.3;
padding: .5em;
color: darkslategray;
}
.subject-view-day-tip {
height: .3em;
width: 100%;
cursor: help;
}
.subjectview-disposition-day {
color: #fff;
background-color: #aaa;
}
.subjectview-disposition-day-after {
background-color: #999;
}
.subject-view-display-options, .subject-view-display-options button {
width: 13em;
white-space: nowrap;
}
@keyframes pulse {
000% {
margin-left: 2px;
opacity: .5
}
055% {
margin-left: -2px;
}
085% {
margin-left: 1px
}
100% {
margin-left: initial;
opacity: 1
}
}
.sv-pulse {
animation: pulse 175ms linear;
}
.sv-long-pulse {
animation: pulse 175ms linear 250ms 3;
}
.subject-view-node-symbol {
display: inline-block;
width: 1em;
text-align: center;
color: transparent;
}
.row-type-select-subject {
color: #cbcbcb;
text-align: center;
cursor: pointer;
}
.row-type-select-subject:hover {
color: black;
background-color: ghostwhite;
}
.subject-view-eop-animate {
animation-duration: 2s;
animation-name: eopfade;
}
@keyframes eopfade {
from {
color: white;
background-color: black;
opacity: .2;
}
to {
color: black;
background-color: white;
opacity: 1
}
}
.subject-view-eop {
cursor: pointer;
display: inline-block;
width: 1em;
opacity: 0.4;
}
.subject-view-eop:hover {
opacity: 1;
}
.subject-view-eop-flex {
display: flex;
justify-content: space-between;
}
@keyframes rotate {
100% {
transform: rotate(1turn);
}
}
.subject-view-eop-working {
animation: rotate 1s linear infinite
}
.summary-menu {
white-space: nowrap;
}
.summary-menu-items {
padding-right: 1.5em;
}
.summary-menu-title {
text-align: center;
line-height: 1.4;
margin-bottom: 1em;
white-space: normal;
}
#summaryMenuProgress {
width: 8pc;
}
.summary-menu-disable-item {
color: #ccc;
}
.summary-menu .group-by-menu .items {
margin-left: 0;
}
.system-info {
font-family: monospace
}
[treecontrol].tree-classic li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder.png") no-repeat;
}
[treecontrol].tree-classic li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder-closed.png") no-repeat;
}
[treecontrol].tree-classic li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("assets/tree-control/file.png") no-repeat;
}
[treecontrol].tree-boot li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder.png") no-repeat;
}
[treecontrol].tree-boot li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder-closed.png") no-repeat;
}
[treecontrol].tree-boot li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("assets/tree-control/file.png") no-repeat;
}
treecontrol.tree-classic li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder.png") no-repeat;
}
treecontrol.tree-classic li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder-closed.png") no-repeat;
}
treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("assets/tree-control/file.png") no-repeat;
}
treecontrol.tree-boot li.tree-expanded i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder.png") no-repeat;
}
treecontrol.tree-boot li.tree-collapsed i.tree-branch-head {
padding: 1px 10px;
background: url("assets/tree-control/folder-closed.png") no-repeat;
}
treecontrol.tree-boot li.tree-leaf i.tree-leaf-head {
padding: 1px 10px;
background: url("assets/tree-control/file.png") no-repeat;
}
div.wh-details-prop-dlg { z-index: 10000; position: fixed; background-color: #fff; box-shadow: 4px 4px 80px #000;left: 0;right: 0;top: 0;bottom: 0;width: 800px;height: 500px;margin: auto;}
div.wh-modify-sched-dlg { z-index: 10000; position: fixed; background-color: #fff; box-shadow: 4px 4px 80px #000;left: 0;right: 0;top: 0;bottom: 0;width: 600px;height: 400px;margin: auto;}
td.modifiable:hover { background-color: #E0E0FF; cursor: pointer; }
div.wh-popup-edit-btn{position : absolute;z-index: 100;margin-left: -18px;vertical-align: middle;}
div.wh-edit-property{ cursor: pointer;}
div.load-history-grid td.study-detail {font-style: italic; color: dimgray; }
div.wh-override div.breadcrumb span {
font-size: 9pt;
}
div.wh-override div.breadcrumb span a {
color: black;
text-decoration: none;
}
div.wh-override div.breadcrumb span a:hover {
color: gray;
text-decoration: underline;
}
div.wh-override table.edit-term-table {
padding: 20px;
table-layout: fixed;
width: 75%;
min-width: 750px;
}
div.wh-override table.edit-term-table td {
padding: 5px 15px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
div.wh-override table.edit-term-table td:first-child {
font-weight: bold;
width: 20%;
vertical-align: top;
}
div.wh-override table.edit-term-table td:last-child {
width: 80%;
}
div.wh-override table.edit-term-table img {
padding: 4px 5px 2px 5px;
vertical-align: top;
}
div.wh-override span.edit-term-icon img:hover {
padding: 3px 4px 1px 4px;
border: solid 1px black;
background-color: azure;
cursor: pointer;
}
div.wh-override div.edit-term-icon {
display: inline-block;
vertical-align: top;
}
div.wh-override div.edit-text-area {
display: inline-block;
}
div.wh-override div.edit-text-area textarea {
white-space: normal;
max-width: 400px;
max-height: 200px;
width: 300px;
}
div.wh-override button.edit-text-button {
display: inline-block;
vertical-align: top;
padding: 4px 8px;
}
div.wh-override div.edit-dropdown {
display: inline-block;
}
div.wh-override td.current-reference {
background-color: #aaf;
color: black;
border-bottom: solid 1px black;
border-top: solid 1px black;
font-weight: bold;
}
div.wh-override img.close-error {
vertical-align: text-bottom;
cursor: pointer;
}
div.edit-dropdown div.pure-menu {
position: absolute;
border: solid 1px gray;
margin-left: 5px;
max-height: 300px;
overflow-y: auto;
background-color: white;
}
a.pure-menu-link {
padding: .2em .8em;
}
div.unreconciled-terms div.view-title { background-color: #eee; padding: 5px; margin-bottom: 15px; background: linear-gradient(to right, #eee, #fff);}
div.unreconciled-terms div.view-title-content { padding: 5px 0; margin: 10px 0; }
div.unreconciled-terms div.view-title div.title-text { font-size: large; font-weight: bold; }
div.unreconciled-terms div.view-title div.sub-title-text { font-size: small; font-weight: bold; }
div.unreconciled-terms div.view-title div.note-text { font-size: small; }
div.unreconciled-terms-grid tr { cursor: pointer;}
div.unreconciled-terms-grid tr:hover td { background-color: blue; color: white;}
div.map-terms-grid td.item-being-mapped { background-color: #a00; color: white; border-bottom: solid 2px black; border-top: solid 2px black; font-weight: bold;}
div.map-terms-grid td.mapped-term { font-style: italic; padding-left: 25px;}
div.map-terms-grid td.preferred-term { font-weight: bold; }
div.map-terms-grid td.current-reference { background-color: #aaf; color: black; border-bottom: solid 1px black; border-top: solid 1px black; font-weight: bold;}
div.map-terms-grid button.cell-button { border: 0; border-radius: 2px; padding: 1px 8px; line-height: 1.8; color: black; margin: 0 4px; font-weight: normal;}
div.map-terms-grid button.cell-button:hover:enabled{ background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}
div.map-terms-grid button.cell-button[disabled]{ opacity: .4;}
div.map-terms-grid.editable-grid tr.valid-option { cursor: pointer;}
div.map-terms-grid.editable-grid tr.valid-option:hover td { background-color: blue; color: white; }
div.map-terms-grid div.unit-transform-dlg td { padding: 4px; }
div.map-terms-grid label.disabled { color: #888; }
div.edit-terms-ctrl table.edit-term-table { padding: 20px; table-layout: fixed; width: 75%; min-width: 750px;}
div.edit-terms-ctrl table.edit-term-table td { padding: 5px 15px; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
div.edit-terms-ctrl table.edit-term-table td:first-child { font-weight: bold; width: 20%; }
div.edit-terms-ctrl table.edit-term-table td:last-child { width: 80%; }
div.edit-terms-ctrl table.edit-term-table img { padding: 2px 5px; vertical-align: middle;}
div.edit-terms-ctrl table.edit-term-table img:hover { padding: 1px 4px; border:solid 1px black; background-color: azure; cursor: pointer;}
div.edit-terms-ctrl div.edit-term-icon { display: inline-block; vertical-align: top;}
div.edit-terms-ctrl div.edit-text-area { display: inline-block; }
div.edit-terms-ctrl div.edit-text-area textarea { white-space: normal; max-width: 400px; max-height: 200px; width: 300px;}
div.edit-terms-ctrl button.edit-text-button { display: inline-block; vertical-align: top; padding: 4px 8px;}
div.xo-scatter-control {display: inline-block;vertical-align: top;margin-right: 20px;font-size: 10pt;width: 300px;}
div.xo-scatter-control table input { width: 130px;}
div.xo-scatter-control table div.dropdown-button button { width: 200px; }
div.xo-scatter-control table.xo-scatter-config-table td {padding-bottom: 0.5em;}
div.xo-scatter-chart-area { margin-left: 18px;}
div.xo-scatter-chart-area div.hdr-label { text-overflow: ellipsis; overflow: hidden; text-align: center; font-weight: bold; white-space: nowrap;}
div.xo-scatter-chart-area div.axis-label { text-overflow: ellipsis; overflow: hidden; text-align: center; font-size: smaller; white-space: nowrap;}