div.tablecontainer { overflow: auto; } table.paragraphtable svg.paragraphtableicon { display: block; margin: 0 auto; border: 0; color: #454545; } 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: #464646; border-width: 0px; border-style: solid; padding: 16px 24px 16px 24px; background: #932421; font: bold 16px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; text-transform: uppercase; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); border-radius: 2px; cursor: pointer; outline: none; -webkit-appearance: none; text-decoration: none; } table.paragraphtable a.paragraphtablebutton:hover { border-color: #c3302c; background: #c3302c; font-weight: bold; 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=454545); display: inline-block; vertical-align: middle; height: 15px; } table.paragraphtable td, table.paragraphtable th { border-color: #d8d8d8; border-width: 1px; border-style: solid; padding: 12px 8px 12px 8px; background: #ffffff; line-height: 100%; text-align: left; vertical-align: top; font: 13px 'Open Sans',Verdana,Helvetica,sans-serif; color: #454545; } table.paragraphtable td.alt { background: #f6f6f6; } table.paragraphtable td.header, table.paragraphtable th.header { border-color: #d8d8d8; border-width: 1px; border-style: solid; padding: 16px 8px 12px 8px; background: #0a0a0a; font: bold 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; } 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: #d8d8d8; 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: #d8d8d8; border-width: 1px; border-style: solid; padding: 16px 8px 12px 8px; background: #0a0a0a; font: bold 15px 'Open Sans',Verdana,Helvetica,sans-serif; color: #ffffff; } .sqr .paragraphtablepivot td:last-child { border-bottom: none; } .sqr .paragraphtablepivot { border-bottom-color: #d8d8d8; border-bottom-width: 1px; border-bottom-style: solid; } .sqr .paragraphtablepivot td:first-child:before { content: ''; } }