fieldset[data-display="autogrid"],
fieldset[data-display="autogrid"] fieldset {
  border:none;
  padding:0px;
  margin:0px;
}
fieldset[data-display="autogrid"] .grid-header {
  display: none;
}
fieldset[data-display="autogrid"] .row {
  display: none;
  font-size: 0pt;
}
fieldset[data-display="autogrid"] .grid-row-heading,
fieldset[data-display="autogrid"] .grid-content {
  font-size:11pt;
}
fieldset[data-display="autogrid"] .grid-row-heading {
  width:100%;
  max-width:100%;
  text-align:center;
  color:#FFF;
  background-color:#333;
  font-weight:bold;
  padding:5px 10px;
  margin-bottom:10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset[data-display="autogrid"] .grid-content {
  display:inline-block;
  vertical-align:top;
}

/* Hidempty styles */
fieldset[data-display="autogrid"] .grid-content[data-hidempty=true] {
  display:none;
}

/* Srow styles */
fieldset[data-display="autogrid"] .grid-content[data-srow=true] {
  display:block;
  margin:auto;
  width:100%;
}

/* Align styles */
fieldset[data-display="autogrid"]:not([data-type="choices"])[data-display-align="left"] .grid-content,
fieldset[data-display="autogrid"][data-display-align="left"] .qerror { text-align:left; }

fieldset[data-display="autogrid"]:not([data-type="choices"])[data-display-align="center"] .grid-content,
fieldset[data-display="autogrid"][data-display-align="center"] .qerror { text-align:center; }

fieldset[data-display="autogrid"]:not([data-type="choices"])[data-display-align="right"] .grid-content,
fieldset[data-display="autogrid"][data-display-align="right"] .qerror { text-align:right; }

fieldset[data-display="autogrid"][data-type="choices"][data-display-touchspan="no"][data-display-align="left"] .grid-content[data-srow=true] { text-align:left; }
fieldset[data-display="autogrid"][data-type="choices"][data-display-touchspan="no"][data-display-align="center"] .grid-content[data-srow=true] { text-align:center; }
fieldset[data-display="autogrid"][data-type="choices"][data-display-touchspan="no"][data-display-align="right"] .grid-content[data-srow=true] { text-align:right; }

fieldset[data-display="autogrid"][data-type="choices"][data-display-align="left"] .grid-content[data-srow=true] { margin-left:0px; margin-right:auto;  }
fieldset[data-display="autogrid"][data-type="choices"][data-display-align="center"] .grid-content[data-srow=true] { margin:auto; }
fieldset[data-display="autogrid"][data-type="choices"][data-display-align="right"] .grid-content[data-srow=true] { margin-left:auto; margin-right:0px; }

/* Touchspan styles */
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable {
  padding:10px;
  display:block;
  display:grid;
  width:auto;
  cursor:pointer;
  text-align:center;
  background-color: #E2E2E5;
  border:1px solid #fff;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable input {
  position:absolute;
  left:-9999px;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable:hover {
  background-color:#DCDCDC;
  color:#3E3E3E;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable.selected {
  background-color: #333;
  color: #FFF;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) .grid-content label.selectable label::before {
  content:"";
  display:none;
}

/* Img styles */
fieldset[data-display="autogrid"] .grid-content label.selectable img {
  margin:auto;
  pointer-events: none;
}

/* Oth styles */
fieldset[data-display="autogrid"] fieldset[name*='@'] {
  display:block !important; 
}
fieldset[data-display="autogrid"][data-display-touchspan=no] fieldset[name*='@'] {
  display:inline-block !important; 
}
fieldset[data-display="autogrid"] fieldset[name*='@'] .qbody {
  padding:0px;
}
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) fieldset[name*='@'] input[type=text],
fieldset[data-display="autogrid"]:not([data-display-touchspan=no]) fieldset[name*='@'] input[type=number] {
  width:100%;
}

fieldset[data-display="autogrid"] .qerror {
  padding-bottom:5px;
  font-size:9pt;
}


/* Progress styles */
fieldset[data-display="autogrid"] .bullets {
  color: silver;
  font-size: 22px;
  text-align:center;
  line-height: 12px;
  margin-bottom: 7px;
}
fieldset[data-display="autogrid"] .bullets span {
  padding-left: 2px;
  padding-right: 2px;
}
fieldset[data-display="autogrid"] .bullets span.done {
  color: #333;
}
fieldset[data-display="autogrid"] .remain {
  float:left;
  color:#333;
  background-color: #fff;
  width: 17px; 
  height: 15px;
  line-height: 15px;
  margin: -2px 0px -2px -7px;
  font-size:90%;
  padding:3px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
}
fieldset[data-display="autogrid"] .counter {
  color:#9d9d9d;
  font-size:10pt;
  text-align:center;
  margin-bottom: 7px;
}