/*
 * Base structure
 */

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
	width: 7.5%;

  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-left: -20px;
  border-bottom: 1px solid #eee;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
	margin-left: 7.5%;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
#bedrijfsnaam{
	font-size: 35px;
}
#bodysite{
	padding-top: 70px;
}
.bedrag, #tab-cryptz tr td:nth-child(7),#tab-cryptz tr td:nth-child(8) 
	{text-align:right;font-family:monospace!important;min-width:125px;}
.aantal, #tab-cryptz tr td:nth-child(6) {text-align:right;font-family:monospace!important;min-width:125px;}
.totaal {text-align:right;font-family:monospace!important;min-width:125px;border-top:solid 1px;}
.tekst  {text-align:left;  font-family:arial;font-size:10px;}
.rechts {text-align:right; font-family:arial;font-size:10px;}
.rechts14 {text-align:right; font-family:arial;font-size:14px;}
.links14 {text-align:left; font-family:arial;font-size:14px;}
.w40, #tab-cryptz tr td:nth-child(1)    {padding-left:5px;max-width:120px;}
.w30, #tab-cryptz tr td:nth-child(6), #tab-cryptz tr td:nth-child(7), #tab-cryptz tr td:nth-child(8)    {max-width:80px;}
.sep {width:20px;}
.savew {height:20px;}

#exTab2 h3 {
  color : white;
  background-color: #428bca;
  padding : 5px 15px;
}
.tab-content{padding:15px;}
.hidden {visibility:hidden;}
#moment, #hist, .moment {border-bottom:solid 2px;text-align:right;font-size:10px;}

@media screen and (max-width: 600px) {
	#tab-cryptz tr td:nth-child(3),
	#tab-cryptz tr td:nth-child(5),
	#tab-cryptz tr td:nth-child(6),
	#tab-cryptz tr td:nth-child(7),
	#tab-cryptz tr td:nth-child(8){
    visibility: hidden;
    display: none;
  }
}
.bb-alert {
    bottom: 15%;
	left: 0; right:0;
	margin:0 auto;
    font-size: 1.2em;
    padding: 1em 1.3em;
    z-index: 2000;color:white;font-weight:400;
	background-color:grey;
	width:50%;
	position:fixed;
}
#error_head {color:black;}
#error_text {color:white;}
.btn-success:hover, .btn-primary:hover,
.btn-success:focus, .btn-primary:focus,
.btn-success:active:focus, .btn-primary:active:focus,
.btn-success:visited, .btn-primary:visited,
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active,
.btn-success.active,.btn-primary.active {
  color: #ffffff;
  background-color: grey;
  border: none;
  outline:none;
}
.btn-success, .btn-primary {
  color: #ffffff;
  background-color: grey;
  border-color: grey;
}
.hidden {display:none;}
body {min-height:100%;font-family:sans-serif!important;}
#tab-funds {border-collapse: separate;    border-spacing: 10px 5px;width:100%;}
.w200  {width:40%;}
.w100  {width:20%;}
.w50  {width:10%;}
.w10  {width:4%;}
.form-control, .form-control:focus, select.form-control:not([size]):not([multiple])
 {padding:2px;outline:none;box-shadow:none;height:initial!important;} 
.btn.icon, .btn.icon:focus,.btn.icon:active {padding:5px;color: #222222;    background: none;    border: none;box-shadow:none;}
.btn.icon:hover {cursor:pointer;}
.notzero,.zero {color:lightgrey;}
.notzero.active {color:red;}
.zero.active {display:none;}

h3.exchange {margin-bottom:0px;}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  /*margin-bottom: -142px; */
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer {
  width:100%;
  height:20px;
  background:#222222;
  color:white;
  margin-top:5px;
  font-weight:bold;
  font-size:12px;
  text-align:center;
  position:fixed;    /*Here's what sticks it*/
  bottom:0;          /*to the bottom of the window*/
  left:0;            /*and to the left of the window.*/
}
.icon {width:15px;height:15px;}