div.tablecontainer { overflow: auto; } table.paragraphtable svg.paragraphtableicon { display: block; margin: 0 auto; border: 0; color: #9b8c7c; } 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: #ffffff; border-width: 0px; border-style: solid; padding: 10px 20px 10px 20px; background: #436487; font: 16px Raleway,Verdana,Helvetica,sans-serif; color: #ffffff; box-shadow: 3px 3px 3px rgba(0,0,0,0.0); border-radius: 3px; cursor: pointer; outline: none; -webkit-appearance: none; text-decoration: none; } table.paragraphtable a.paragraphtablebutton:hover { border-color: #062445; background: #062445; font-weight: normal; font-style: normal; text-transform: none; color: #ffffff; } table.paragraphtable { border-collapse: collapse; margin-bottom: 10px; } table.paragraphtable span.paragraphtablecheck { width: 15px; background: url(../img/?f=check&c=9b8c7c); display: inline-block; vertical-align: middle; height: 15px; } table.paragraphtable td, table.paragraphtable th { border-color: #878b7d; border-width: 1px; border-style: solid; padding: 7px 10px 7px 10px; background: #ffffff; line-height: 100%; text-align: left; vertical-align: top; font: 20px Raleway,Verdana,Helvetica,sans-serif; color: #9b8c7c; } table.paragraphtable td.alt { background: #f0f0f0; } table.paragraphtable td.header, table.paragraphtable th.header { border-color: #ffffff; border-width: 2px; border-style: solid; padding: 7px 10px 7px 10px; background: #a0adbb; font: 26px Raleway,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: #878b7d; 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: #ffffff; border-width: 2px; border-style: solid; padding: 7px 10px 7px 10px; background: #a0adbb; font: 26px Raleway,Verdana,Helvetica,sans-serif; color: #ffffff; } .sqr .paragraphtablepivot td:last-child { border-bottom: none; } .sqr .paragraphtablepivot { border-bottom-color: #878b7d; border-bottom-width: 1px; border-bottom-style: solid; } .sqr .paragraphtablepivot td:first-child:before { content: ''; } }