html, body {
  height: 100%;
}

.min-100 {
    min-height: 100%;
}

// Accordion
.card-header { margin-top:5px; }

// Sidebar
div.sidebar-closed {
	display: none;
}

button.sidebar {
	border-right: none;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	position: fixed;
	width: 50px;
	top: 100px;
	right: 0px;
	left: auto;
}

button.sidebar1 {
	top: 100px;
}
button.sidebar2 {
	top: 150px;
}
button.sidebar3 {
	top: 200px;
}
button.sidebar4 {
	top: 250px;
}
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css');

/* The heart of the matter */
.btn-matrix > .btn:nth-child(3n+4) {
  clear: left;
  margin-left: 0;
}
.btn-matrix > .btn:nth-child(n+4) {
  margin-top: -1px;
}
.btn-matrix > .btn:first-child {
  border-bottom-left-radius: 0;
}
.btn-matrix > .btn:nth-child(3) {
  border-top-right-radius: 4px !important;
}
.btn-matrix > .btn:nth-last-child(3) {
  border-bottom-left-radius: 4px !important;
}
.btn-matrix > .btn:last-child {
  border-top-right-radius: 0;
}

/* Decorations */
.btn-matrix {
  margin: 20px;
}

.btn-matrix2 > .btn:nth-child(2n+2+1) {clear: left;margin-left: 0;}
.btn-matrix2 > .btn:nth-child(n+2+1) {margin-top: -1px;}
.btn-matrix2 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix2 > .btn:nth-child(2) {border-top-right-radius: 4px !important;}
.btn-matrix2 > .btn:nth-last-child(2) {border-bottom-left-radius: 4px !important;}
.btn-matrix2 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix3 > .btn:nth-child(3n+4) {clear: left;margin-left: 0;}
.btn-matrix3 > .btn:nth-child(n+4) {margin-top: -1px;}
.btn-matrix3 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix3 > .btn:nth-child(3) {border-top-right-radius: 4px !important;}
.btn-matrix3 > .btn:nth-last-child(3) {border-bottom-left-radius: 4px !important;}
.btn-matrix3 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix4 > .btn:nth-child(4n+4+1) {clear: left;margin-left: 0;}
.btn-matrix4 > .btn:nth-child(n+4+1) {margin-top: -1px;}
.btn-matrix4 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix4 > .btn:nth-child(4) {border-top-right-radius: 4px !important;}
.btn-matrix4 > .btn:nth-last-child(4) {border-bottom-left-radius: 4px !important;}
.btn-matrix4 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix5 > .btn:nth-child(5n+5+1) {clear: left;margin-left: 0;}
.btn-matrix5 > .btn:nth-child(n+5+1) {margin-top: -1px;}
.btn-matrix5 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix5 > .btn:nth-child(5) {border-top-right-radius: 4px !important;}
.btn-matrix5 > .btn:nth-last-child(5) {border-bottom-left-radius: 4px !important;}
.btn-matrix5 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix6 > .btn:nth-child(6n+6+1) {clear: left;margin-left: 0;}
.btn-matrix6 > .btn:nth-child(n+6+1) {margin-top: -1px;}
.btn-matrix6 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix6 > .btn:nth-child(6) {border-top-right-radius: 4px !important;}
.btn-matrix6 > .btn:nth-last-child(6) {border-bottom-left-radius: 4px !important;}
.btn-matrix6 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix7 > .btn:nth-child(7n+7+1) {clear: left;margin-left: 0;}
.btn-matrix7 > .btn:nth-child(n+7+1) {margin-top: -1px;}
.btn-matrix7 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix7 > .btn:nth-child(7) {border-top-right-radius: 4px !important;}
.btn-matrix7 > .btn:nth-last-child(7) {border-bottom-left-radius: 4px !important;}
.btn-matrix7 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix8 > .btn:nth-child(8n+8+1) {clear: left;margin-left: 0;}
.btn-matrix8 > .btn:nth-child(n+8+1) {margin-top: -1px;}
.btn-matrix8 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix8 > .btn:nth-child(8) {border-top-right-radius: 4px !important;}
.btn-matrix8 > .btn:nth-last-child(8) {border-bottom-left-radius: 4px !important;}
.btn-matrix8 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix9 > .btn:nth-child(9n+9+1) {clear: left;margin-left: 0;}
.btn-matrix9 > .btn:nth-child(n+9+1) {margin-top: -1px;}
.btn-matrix9 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix9 > .btn:nth-child(9) {border-top-right-radius: 4px !important;}
.btn-matrix9 > .btn:nth-last-child(9) {border-bottom-left-radius: 4px !important;}
.btn-matrix9 > .btn:last-child {border-top-right-radius: 0;}

.btn-matrix10 > .btn:nth-child(10n+10+1) {clear: left;margin-left: 0;}
.btn-matrix10 > .btn:nth-child(n+10+1) {margin-top: -1px;}
.btn-matrix10 > .btn:first-child {border-bottom-left-radius: 0;}
.btn-matrix10 > .btn:nth-child(10) {border-top-right-radius: 4px !important;}
.btn-matrix10 > .btn:nth-last-child(10) {border-bottom-left-radius: 4px !important;}
.btn-matrix10 > .btn:last-child {border-top-right-radius: 0;}