div.tablecontainer { overflow: auto; } table.paragraphtable svg.paragraphtableicon { display: block; margin: 0 auto; border: 0; color: #4e0e68; } table.paragraphtable ul { margin: 0; padding:5px 0 5px 20px; } table.paragraphtable li { margin: 0; } table.paragraphtable a.paragraphtablebutton { display: inline-block; margin: 6px; border-color: #765b7a; border-width: 0px; border-style: solid; padding: 10px 20px 10px 20px; background: #765b7a; font: 16px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #ffffff; text-transform: uppercase; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); cursor: pointer; outline: none; -webkit-appearance: none; text-decoration: none; } table.paragraphtable a.paragraphtablebutton:hover { border-color: #86668a; background: #86668a; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } table.paragraphtable { border-collapse: collapse; margin-bottom: 10px; } table.paragraphtable span.paragraphtablecheck { width: 15px; background: url(../img/?f=check&c=4e0e68); display: inline-block; vertical-align: middle; height: 15px; } table.paragraphtable td, table.paragraphtable th { border-color: #4e0e68; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #e2c3e5; line-height: 100%; text-align: left; vertical-align: top; font: 16px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #4e0e68; } table.paragraphtable td.alt { background: #e2c3e5; } table.paragraphtable td.header, table.paragraphtable th.header { border-color: #765b7a; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #765b7a; font: 16px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #4e0e68; } table.paragraphtable p { margin: 0; padding: 0; } table.paragraphtable a img { border: none; display: block; } @media screen and (max-width: 767px) { .sqr .paragraphtablepivot thead { display: none; } .sqr .paragraphtablepivot td { display: block; width: 100% !important; border-color: #4e0e68; border-width: 1px; border-style: solid; border-top: none; box-sizing: border-box; text-align: left !important; } .sqr .paragraphtablepivot img { margin-top: 6px; } .sqr .paragraphtablepivot td:before { content: attr(data-header) ": "; font-style: italic; display: block; } .sqr .paragraphtablepivot tr { display: block; border: none; } .sqr .paragraphtablepivot td:first-child { border-color: #765b7a; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #765b7a; font: 16px 'Noto Sans',Tahoma,Helvetica,sans-serif; color: #4e0e68; } .sqr .paragraphtablepivot td:last-child { border-bottom: none; } .sqr .paragraphtablepivot { border-bottom-color: #4e0e68; border-bottom-width: 1px; border-bottom-style: solid; } .sqr .paragraphtablepivot td:first-child:before { content: ''; } }