VIEW. Esferográfica

.table-responsive { display: block; width: 80%; height: 300px; overflow-x: auto; -webkit-overflow-scrolling: touch; } div.color-button { width: 40px; height: 60px; border: 3px solid transparent; padding: 7px; cursor: pointer; float: left; margin: 0 2px 4px; } div.color-button-color { content: ” “; width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 1px; } span.color-button-label { content: “”!important; border: none!important; width: 100%; margin-top: 5px; display: block; text-align: center; font: 400 11px/100% Montserrat,Inter,Arial,Helvetica,sans-serif; } .tabela-order { border-collapse: collapse; border-spacing: 0; width: 100%; position: relative; } .tabela-order td { border: 1px solid #ddd; padding: 14px 10px; word-break: normal; font: 400 12px/100% Montserrat,Inter,Arial,Helvetica,sans-serif; color: #666; text-transform: uppercase; background: 0 0; max-width: 150px; }