/* Styles for TreeGrid example, it is not required for TreeGrid usage */
body { overflow-x:hidden; }
.ExampleHeader,.ExampleName,.ExampleShort,.ExampleDesc,.ExampleErr { max-height:999999px; }
.ExampleHeader { font:normal 12px Arial; color:blue; }
.ExampleHeader b { color:#800; }
.ExampleHeader i { font-style:normal; font-weight:bold; color:black; }
.ExampleHeader u { font-weight:bold; text-decoration:none; padding:0px 2px 0px 2px; color:#0B0; }
.ExampleName { font:bold 30px Arial; padding:5px 0px 5px 0px; text-align:center; }
.ExampleShort { font:italic 15px Arial; padding-bottom:5px; text-align:center; }
.ExampleDesc { font:14px/17px Arial; margin:0px 5px 10px 5px; padding:5px; border:1px solid #AAA; overflow-wrap:break-word; }
.ExampleErr { font:14px/30px Arial; margin:50px auto 10px auto; padding:5px; border:1px solid black; color:red; text-align:center; display:none; }
.ExampleBorder { margin:0px 5px; clear:both; zoom:1; }
.ExampleDesc ul { padding:0px 0px 0px 15px; margin:10px 0px 0px 0px; }
.ExampleDesc li { padding-bottom:8px; line-height:18px; }
.ExampleDesc h4 { font:bold 15px/20px Arial; margin:0px; padding:0px 6px 0px 6px; border-radius:5px; background:#AEF; border:1px solid #8DD; color:black; display:inline; }
.ExampleDesc u { font-size:11px; text-decoration:none; }
.ExampleDesc .Link { text-decoration:underline; color:blue; cursor:pointer; }
.ExampleNav { }
.ExampleNav .Title { font-weight:bold; }
.ExampleNav .Link { margin-left:10px; text-decoration:underline; color:blue; cursor:pointer; }
.ExampleNav .Active { color:green; font-weight:bold; }
.ExampleMain { }
@media (max-height:800px) { /* Updates for short display */
   .ExampleName { font-size:20px; padding:2px 0px; }
   .ExampleShort { font-size:13px; }
   .ExampleDesc { font-size:13px; line-height:15px; margin:0px 5px 5px 5px; padding:3px 5px; } 
   .ExampleDesc br { display:none; }
   }
@media (max-width:500px) { /* Updates for narrow display on mobiles */
   body { margin:5px 5px 0px 5px; }
   .ExampleHeader { font-size:10px; }
   .ExampleHeader u { padding:0px; }
   .ExampleName { font-size:16px; }
   .ExampleShort { font-size:12px; }
   .ExampleDesc { font-size:13px; margin:0px 0px 5px 0px; }
   .ExampleDesc h4 { font-size:inherit; line-height:inherit; padding:0px 2px 0px 2px; }
   .ExampleBorder { margin:0px; }
   }