body, html {
  background-color: #9edb95;
  padding: 0px;
  margin: 0px;
}


.container-fluid{
  width: 100%;
  padding: 0px;
}

.table-fixed {
  width: 100%;
  background-color: #f3f3f3;
  margin: 0px;
}
.table-fixed tbody {
  height: 256px;
  overflow-y: auto;
  width: 100%;
}

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #E8E8E8;
 }


.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
  background-color: #9edb95;
  border-color: #115606;
  border-top: none;
  border-bottom: none;
}

h1 {
  text-align: center;
}

.table-fixed td {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 24px;
  overflow: hidden;
  white-space: nowrap;
}

#hello {
  display: table;
  padding-right: 17px;
}

.myField {
  height: 50px;
}
.topField th {
  padding-left: 24px;
  border: none;
  text-align: center;
}
.table-fixed th {
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
} 

.table-fixed ::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

html ::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}

.hideme{
  /* Transparent text, should work on any background colour */
  color: rgba(0,0,0,0); 
  font-size: 0;
}

.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
   visibility: hidden;
}

.span12 {
  margin: 3px;
}