/*** custom css only popup ***/
.columnSelectorWrapper {
  position: relative;
  margin: 10px 0;
  display: inline-block;
  z-index: 1;	
}
.columnSelector, .hidden {
  display: none;
}
.columnSelectorButton {
  background: #f2f2f2;
  border: #888 1px solid;
  color: #111;
  border-radius: 4px;
  padding: 5px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;
}
.columnSelectorButton:hover{
  background: #d9d9d9;
  border: #888 1px solid;
  color: #111;
  border-radius: 4px;
  padding: 5px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;
}
#colSelect1:checked + label {
  background: #CCCCCC;
  border-color: #555;
}
#colSelect1:checked ~ #columnSelector {
  display: block;
}
.columnSelector {
  width: 120px;
  position: absolute;
  top: 30px;
  padding: 10px;
  background: #fff;
  border: #99bfe6 1px solid;
  border-radius: 5px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;	
}
.columnSelector label {
  display: block;
}
.columnSelector label:nth-child(1) {
  border-bottom: #99bfe6 solid 1px;
  margin-bottom: 5px;
}
.columnSelector input {
  margin-right: 5px;
}
.columnSelector .disabled {
  color: #ddd;
}
tbody{
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 12px;
}
.resetbutton{
  background: #f2f2f2;
  border: #888 1px solid;
  color: #111;
  border-radius: 4px;
  padding: 5px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;
}
.resetbutton:hover{
  background: #d9d9d9;
  border: #888 1px solid;
  color: #111;
  border-radius: 4px;
  padding: 5px;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  font-size: 12px;
}