p { margin-top: 8px; margin-bottom: 8px; }

.noindent { padding-left: 0 !important; }

.leftalign { text-align: left !important; }

div.gridvalue { margin-top: 8px; }

div.concept { border: thin solid black; margin: 10px auto 10px auto; padding: 10px; width: 80%; }

div.conceptclick { color: blue; text-decoration: underline; display: inline-block; }

.row-legend { line-height: 1.5 !important; }

/* Tool Tip Styling */
i.fa-icon-check { font-size: 20pt; }
.ui-tooltip, .arrow:after { background: black; border: 2px solid white; }
.ui-tooltip { padding: 10px 20px; color: white; border-radius: 20px; font: 14px "Helvetica Neue", Sans-Serif; box-shadow: 0 0 7px black; } /* text-transform: uppercase; */
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }
div.basicdesc { color: blue; width: 80%; margin: 10px auto; text-align: center; font-style: italic; }
/* End Tool Tip Styling */

img { max-width: 100%; height: auto; }

.ui-state-active, .ui-accordian-header-active { background: #99CB65; }