@import url('https://fonts.googleapis.com/css?family=Roboto');

body.busy-cursor { cursor: wait; }

th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  background-color: rgb(248,248,248);
  white-space: nowrap;
}

tr:hover { background-color: #ffff99; }
tr:hover > td { background-color: inherit; }
td.sharpe-pos { background-color: #e8f5e9; }
td.sharpe-neg { background-color: #ffebee; }
td.sticky-col { background-color: rgb(248,248,248); }
tr:hover > td.sharpe-pos,
tr:hover > td.sharpe-neg,
tr:hover > td.sticky-col { background-color: #ffff99; }

td,th
{
  padding: 4px
}

.Chart
{
	width: calc(50vw);
}

html
{
	font-family: Avenir, Roboto, sans-serif;
}

body
{
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: rgb(248,248,248); 
}

ul
{
    border-radius:5px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    background-color: white;
}

li
{
    float: left;
    position: relative;
}

li a
{
    display: block;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover
{
    background-color: rgb(243,243,243);
}

.active
{
	font-weight: bold;
}

li.dropdown > ul.dropdown-menu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    min-width: 160px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    z-index: 10;
    padding: 0;
    margin: 0;
}

li.dropdown > ul.dropdown-menu > li {
    float: none !important;
    display: block !important;
    width: 100%;
}

li.dropdown > ul.dropdown-menu > li > a {
    text-align: left;
    padding: 10px 16px;
    white-space: nowrap;
}

li.dropdown:hover > ul.dropdown-menu {
    display: block !important;
}

/*
div {
	width: 300px;
	height: 40%;
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
*/

/*
table {
	border: 1px solid black;
}
*/


/*
body {
        background: url('moonbackground.jpg') no-repeat center center fixed;
        //background-image: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(0,0,0,0.6) 100%), url('moonbackground.jpg');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
*/

tr.sell-candidate { background-color: #ffcccc; }
tr.sell-candidate:hover { background-color: #ffdd99; }
.portfolio-error { color: #ff0000; margin-bottom: 10px; }
.add-form label { margin-right: 4px; }
.add-form input[type="text"],
.add-form input[type="number"] { margin-right: 12px; width: 80px; }
.add-form input[type="submit"] { margin-left: 4px; }