/* CSP compliance utility classes — replaces inline style attributes */
.csp-dn          { display: none; }
.csp-fieldset    { border: 1px solid #cfcfcf; width: 100%; }
.csp-fieldset-dn { border: 1px solid #cfcfcf; width: 100%; display: none; }
.csp-w40         { width: 40px; }
.csp-w100        { width: 100px; }
.csp-w120        { width: 120px; }
.csp-w150        { width: 150px; }
.csp-w170        { width: 170px; }
.csp-w180        { width: 180px; }
.csp-w190        { width: 190px; }
.csp-w200        { width: 200px; }
.csp-w240        { width: 240px; }
.csp-w270        { width: 270px; }
.csp-w280        { width: 280px; }
.csp-w284        { width: 284px; }
.csp-w290        { width: 290px; }
.csp-w300        { width: 300px; }
.csp-w305        { width: 305px; }
.csp-w310        { width: 310px; }
.csp-w320        { width: 320px; }
.csp-w350        { width: 350px; }
.csp-w500h150    { width: 500px; height: 150px; }
.csp-resize-none { resize: none; }
.csp-border-0    { border: 0; }
.csp-w94         { width: 94%; }
.csp-w400        { width: 400px; }
.csp-w2          { width: 2%; }
.csp-w60h50      { width: 60%; height: 50%; }
.csp-w500h294    { width: 500px; height: 294px; }
.csp-w450h274    { width: 450px; height: 274px; }
.csp-w300mw800   { width: 300%; max-width: 800px; }
.csp-w100mw600   { width: 100%; max-width: 600px; }
.csp-w100h500    { width: 100%; height: 500px; }
.csp-w100h100    { width: 100%; height: 100%; }
.csp-iframe-600  { width: 100%; height: 600px; border: 1px solid #ccc; }
.csp-iframe-420  { width: 100%; height: 420px; border: 1px solid #ccc; }
.csp-iframe-330  { width: 100%; height: 330px; border: 1px solid #ccc; }
.csp-err-text    { color: #D20000; font-size: 11px; }
.csp-red         { color: red; }
.csp-red-imp     { color: red !important; }
.csp-blue        { color: blue; }
.csp-black       { color: black; }
.csp-kwa-blue    { color: #137EB9; font-weight: bold; font-size: 16px; }
.csp-brand-blue  { color: #004aad; }
.csp-status-item { width: 98%; padding: 5px; margin-bottom: 4px; float: left; border-radius: 5px; border: solid #ccc 1px; background-color: #fcfcfc; }
.csp-underline   { text-decoration: underline; }
.csp-center-block   { display: block; text-align: center; padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
.csp-center-block16 { display: block; text-align: center; padding-top: 15px; padding-bottom: 15px; font-size: 16px; }
.csp-center-f15  { text-align: center; font-size: 15px; }
.csp-center-pt10 { text-align: center; padding-top: 10px; }
.csp-mb5         { margin-bottom: 5px; }
.csp-mb5mt5      { margin-bottom: 5px; margin-top: 5px; }
.csp-mb5mt10     { margin-bottom: 5px; margin-top: 10px; }
.csp-mb8mt10     { margin-bottom: 8px; margin-top: 10px; }
.csp-mr10        { margin-right: 10px; }
.csp-mh700       { min-height: 700px; }
.csp-mh400       { min-height: 400px; }
.csp-mh80        { min-height: 80px; }
.csp-minw350     { min-width: 350px; }
.csp-maxh750     { max-height: 750px; }
.csp-h250        { height: 250px; }
.csp-h200        { height: 200px; }
.csp-h550        { height: 550px; }
.csp-fr          { float: right; }
.csp-fl          { float: left; }
.csp-fr-ml10     { float: right; margin-left: 10px; }
.csp-fr-mr70     { float: right; margin-right: 70px; }
.csp-cl          { clear: left; }
.csp-pb0         { padding-bottom: 0; }
.csp-pb10pt10    { padding-bottom: 10px; padding-top: 10px; }
.csp-pt10pb10    { padding-top: 10px; padding-bottom: 10px; }
.csp-f9          { font-size: 9px; }
.csp-f10         { font-size: 10px; }
.csp-f16         { font-size: 16px; }
.csp-roboto16    { font-size: 16px !important; font-family: 'Roboto', sans-serif; }
.csp-oswald      { font-family: Oswald, sans-serif; line-height: normal; }
.csp-del-btn     { background-color: #eadada; color: #000; padding: 2px; cursor: pointer; width: 7%; border-radius: 4px; }
.csp-bg-orange   { background-color: orange; }
.csp-thumb       { height: 150px; overflow: hidden; width: 20%; display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.csp-login-input   { width: 96%; background-color: #efefef; padding: 1% 2% 1% 2%; border-radius: 100px; }
.csp-login-content { width: 90%; padding-right: 5%; padding-left: 5%; float: left; margin-top: 10px; }
.csp-login-title { font-size: 36pt; font-weight: bold; color: #004aad; }
.csp-login-sub   { font-size: 23pt; font-weight: bold; color: #004aad; }
.csp-abs-bottom  { position: absolute; bottom: 0; left: 0; width: 100%; }
.csp-prog-grey   { width: 100px; accent-color: #D3D3D3; }
.csp-prog-red    { width: 100px; accent-color: #FF0000; }
.csp-prog-orange { width: 100px; accent-color: #FFA500; }
.csp-prog-yellow { width: 100px; accent-color: #FFFF00; }
.csp-prog-blue   { width: 100px; accent-color: #0000FF; }
.csp-prog-green  { width: 100px; accent-color: #008000; }
.csp-mr20        { margin-right: 20px; }
.csp-mr30        { margin-right: 30px; }
.csp-mt3         { margin-top: 3px; }
.csp-ml5         { margin-left: 5px; }
.csp-color-f00   { color: #F00; }
.csp-color-gray  { color: #8f7b7b; }
.csp-graph-400   { position: relative; overflow: hidden; height: 400px; }
.csp-graph-auto  { position: relative; overflow: hidden; }
.csp-graph-half  { position: relative; overflow: hidden; width: 100%; height: 50%; }
.csp-bg-blue-btn { background-color: #137EB9; }