table.tblVariation2{ width: 100%; border-spacing: 1px 0; border-collapse: collapse !important; } #VariationInventoryListMain{ padding: 17px; background: #f8f5f0 !important; color: #fff !important; border-radius: 5px !important; filter: drop-shadow(1px 1px 1px rgba(220,220,220,1)) !important; } #VariationListTitle{ font-size: 100%; text-align: center; padding: 0 0 10px 0; color: #333; } #VariationStockTableTitle{ display: none; } #VariationStockTableExNote{ display: none; } /*table.tblVariation2 tr:first-child td.tblVariation2td2:first-child{background: rgba(0, 0, 0, 0);}*/ .tblVariation2 td{ border-radius: 1px; border: 1px solid #dfd7ca !important; border-spacing: 1px 0; } /*.tblVariation2trEven td{ border-top: 1px solid #0d3219 !important; border-bottom:1px solid #0d3219 !important }*/ /*.tblVariation2 td:first-child,tblVariation2td2 td:first-child{display:none;}*/ .tblVariation2 tr td.tblVariation2td2{ position: relative; background:#85B285; padding: 5px 5px 0 5px; } .tblVariation2 tr td.tblVariation2td2:after { color: #85B285; } .tblVariation2 tr td.tblVariation2td2:nth-child(n + 2):after { font-family: 'FontAwesome'; font-size: 3em; position: absolute; right: 0; bottom: -34px; left: 0; content: '\f0d7'; } .tblVariation2 tr td.tblVariation2td2 img{width:100%;max-width: 40px;} .tblVariation2 tr td.tblVariation2td2 div{ margin: 6px 5px 5px 5px; white-space: nowrap; font-size: 12px; } td.tblVariation2td1{padding-top: 9px;font-size: 2em;background: #FFF;color: #000;} td.tblVariation2td1:nth-child(odd){background:#FFF} #VariationListCloseButtonDiv { margin: 10px auto 0 auto; text-align: center; } #VariationListCloseButtonDiv a{} @media only screen and (max-width: 800px){ .tblVariation2 tr td.tblVariation2td2{vertical-align: top;} .tblVariation2 tr td.tblVariation2td2 div{white-space: pre-wrap;} }