#survey .sq-atmtable .grid {
    
    border-collapse: separate;
    border-spacing: 13px;
}

.sq-atmtable .grid input { display: none }

.sq-atmtable-btn {
    
    background-color: #FFCC66;
    padding: 16px 13px;
    font-size: 18px;
    text-align: center;
    color: white;
    cursor: pointer;
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
    -webkit-transition-property: background-color, border-color, color, opacity;
    -webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
}

/* bug #20850 fix */
/* all cells are calculated as a percentage */
/*   of the whole. therefore, limit the width */
/*   of images to a maximum of 100%, which is */
/*   the width of its container. */
.sq-atmtable-btn img {
    max-width: 100%;
}

#survey .sq-atmtable td.sq-atmtable-btn.hasError {
    background-color: #fff767;
    color: #191919;
}

.sq-atmtable-btn-selected,
.sq-atmtable-btn-hover {
    
    background-color: #FF8800;
    transition-property: background-color, border-color, color, opacity;
    transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
    -webkit-transition-property: background-color, border-color, color, opacity;
    -webkit-transition-duration: 0.5s, 0.5s, 0.5s, 0.5s;
}

.sq-atmtable-btn-disabled {
    
    cursor: default;
    background-color: #E6E6E6;
    color: #B3B3B3;
}

.sq-atmtable-row-divider td { line-height: 0em; }

.sq-atmtable-row-divider span.hr {
    
    border: 0;
    height: 2px;
    background: #E6E6E6;
    display: block;
    margin: 7px 0;
    background-image: -webkit-linear-gradient(left, #EFEFEF, #E6E6E6, #EFEFEF);
    background-image: -moz-linear-gradient(left, #EFEFEF, #E6E6E6, #EFEFEF);
    background-image: -ms-linear-gradient(left, #EFEFEF, #E6E6E6, #EFEFEF);
    background-image: -o-linear-gradient(left, #EFEFEF, #E6E6E6, #EFEFEF);
    background-image: linear-gradient(left, #EFEFEF, #E6E6E6, #EFEFEF);
}