body {font-family: Ariel, Helvetica, sans-serif;}

/* background */
.slmodal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
}

/* content */
.slmodal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width:30%;
	border-radius: 10px;
}

/* close button */
.slclose {
	color: #fefefe;
	float: right;
	font-size: 20px;
	background-color: #28a745;
	padding: 5px;
	padding-top: 2px;
	border-radius: 5px;
}

.slclose:hover,
.slclose:focus {
	color: #444;
	background-color: #fff;
	text-decoration: none;
	cursor: pointer;
}
tr {
  height: 20px;
}

	.swx {
		width: 50px !important;
		padding: 0px !important;
	}
	.swxlong {
		width: 120px !important;
		padding: 0px !important;
		visibility:hidden;
	}
	.swxclick {
		width: 120px !important;
		padding: 5px !important;
	}
	.swxlbl {
		width: 300px !important;
		padding: 0px !important;
	}
	.swxl {
		width: 130px !important;
		display: inline-block ;
	}
	.swx2 {
		width: 100px !important;
		display: inline-block ;
	}
	
	.menuHvr {
		color: blue;
		padding: 1px 20px 1px 3px;
		text-decoration: underline;
	}
	
	.menuHvr:hover {
		color:#337ab7;
		cursor: pointer;
		padding: 1px 20px 1px 3px;
		text-decoration: underline;
     }

.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }


 /* Dropdown Button */
.dropbtn {
  background-color: #ffffff;
  color: black;
  padding: 10px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  border: 3px solid #eeeeee;
  width: 300px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #eeeeff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content li {
  color: black;
  padding: 5px 5px 5px 3px;
  text-decoration: none;
  display: block;
  cursor: pointer;
}

/* Change color of dropdown items on hover */
.dropdown-content li:hover{
  background-color: #aaaaff;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

/* flagged stocks div */
.flagged {
	width:250px;
	color: black;
	font-size: 2em;
	font-weight: bold;
}

.simstart {
	width:140px;
	height:20px;
	border: 1px solid #ccccff;

}
.numberpkr {
	position:relative;
	width:126px;
	height:20px;
}

.numbertext {
	position: absolute;
	padding:0px;
	line-height:18px;
	height:18px;
	width:80px;
	border:1px solid lightgrey;
	text-align:center;
	left:22px;
	top:0;
}

.plusminus{
	position: absolute;
	line-height:18px;
	height:18px;
	border:1px solid lightgrey;
	text-align: center;
	width:18px;
	background-repeat: no-repeat;
	background-position: center; 
}
.plusname:hover{
	background-image:url(/images/pluson.gif);
	background-repeat: no-repeat;
	background-position: center; 
}
.plusname {
	left:106px;
	top:0;
	background-image:url(/images/plusoff.gif);
}
.minusname:hover{
	background-image:url(/images/minuson.gif);
	background-repeat: no-repeat;
	background-position: center; 
}
.minusname {
	left:0px;
	top:0;
	background-image:url(/images/minusoff.gif);
}

.plusplusname:hover{
	background-image:url(/images/pluspluson.gif);
	background-repeat: no-repeat;
	background-position: center; 
}
.plusplusname {
	right:-46px;
	top:0;
	background-image:url(/images/plusplusoff.gif);
}
.minusminusname:hover{
	background-image:url(/images/minusminuson.gif);
	background-repeat: no-repeat;
	background-position: center; 
}
.minusminusname {
	left:0px;
	top:0;
	background-image:url(/images/minusminusoff.gif);
}


/* ------ disabled picker ----------------*/
.plusnameDisabled {
	left:106px;
	top:0;
	background-image:url(/images/plusDisabled.gif);
}
.minusnameDisabled {
	left:0px;
	top:0;
	background-image:url(/images/minusDisabled.gif);
}
.plusplusnameDisabled {
	right:-46px;
	top:0;
	background-image:url(/images/plusplusDisabled.gif);
}
.minusminusnameDisabled {
	left:0px;
	top:0;
	background-image:url(/images/minusminusDisabled.gif);
}


/* ---- grid-item for masonry---- */

.grid-itemxx {
  width: 160px;
  height: 120px;
  float: left;
/*  background: #D26; */
  border: 1px solid #333;
  border-color: hsla(0, 0%, 0%, 0.5);
  border-radius: 5px;
}

.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }
.grid-item--widthx { width: 580px; }

.grid-item--height2 { height: auto; }
.grid-item--height3 { height: auto; }
.grid-item--height4 { height: auto; }
.grid-item--heightx { height: auto; }



.container {
	    width: 1200px;
      max-width: 1200px;
      width: 100%;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', Georgia, Times, serif;
}
p, div {
    font-family: 'Nobile', Helvetica, Arial, sans-serif;
}

body { 
    background: url(/images/cream_dust.png) repeat 0 0;
}