body {
  padding-top: 65px;
  padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.mb-12{
  margin-bottom: 12px;
}

table#prodTable {
  border-collapse: collapse;   
}
#prodTable tr {
  background-color: #fff;
  border-top: 1px solid #eee;
}
#prodTable tr:hover {
  background-color: #ccc;
}
#prodTable th {
  background-color: #eee;
}
#prodTable th, #prodTable td {
  padding: 3px 5px;
}
#prodTable td:hover {
  cursor: pointer;
}

table#custTable {
  border-collapse: collapse;   
}
#custTable tr {
  background-color: #fff;
  border-top: 1px solid #eee;
}
#custTable tr:hover {
  background-color: #ccc;
}
#custTable th {
  background-color: #eee;
}
#custTable th, #custTable td {
  padding: 3px 5px;
}
#custTable td:hover {
  cursor: pointer;
}


.progress-bar-thin {height: 10px;} // we increased it so the text is visible or change font size
.progress-bar-thin .sr-only { position: relative; }

canvas.drawing, canvas.drawingBuffer {
    position: relative;
    left: 0;
    bottom: 85px;
}