.sans{
    fill:#FFFFFF;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Roboto, "Droid Sans","Lucida Grande", sans-serif;
   font-weight: 300;
    text-anchor:middle;}
.darkfont{fill:#666666;
    font-family: -apple-system, BlinkMacSystemFont,
"Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans",
"Droid Sans", "Helvetica Neue", sans-serif;
    text-anchor:middle;}
.nunitoB{fill:#ffffff; font-family:'Nunito','HelveticaNeue-CondensedBold','Helvetica Neue'; text-anchor:middle; font-weight:700;}
.nunitoXB{fill:#ffffff; font-family:'Nunito','HelveticaNeue-CondensedBold','Helvetica Neue'; text-anchor:middle; font-weight:900;}
.nunito{fill:#ffffff; font-family:'Nunito','HelveticaNeue-CondensedBold','Helvetica Neue'; text-anchor:middle; font-weight:400;}
.nunitoL{fill:#ffffff; font-family:'Nunito','HelveticaNeue-Condensed','Helvetica Neue'; text-anchor:middle; font-weight:300;}
.nunito-muted{fill:#888888; font-family:'Nunito','HelveticaNeue-CondensedBold','Helvetica Neue'; text-anchor:middle; font-weight:400;}


.teal{fill:#22AAAA;stroke:#117777;stroke-width:3;}
.green{fill:#338841;stroke:#1F4F26;stroke-width:3; background-color:#338841;}
.blue{fill:#3D419A;stroke:#252B5E;stroke-width:3;}
.yellow{fill:#eecc00;stroke:#ccaa00;stroke-width:3; color:#eecc00;}
.gold{fill:#bb9900;stroke:#aa7700;stroke-width:3;}
.darkblue{fill:#334466;stroke:#223355;stroke-width:3;}
.sapling-green{fill:#54b247;stroke:#428c38;stroke-width:3;}
.brown{fill:#5B461B;stroke:#865D24;stroke-width:3;}
.red{fill:#BA2025;stroke:#711011;stroke-width:3;}
.orange{fill:#CC5628;stroke:#A14224;stroke-width:3;}
.gray{fill:#666666; stroke:#444444; stroke-width:3; color:#666666;}
.lt-gray{fill:#cccccc; stroke:#aaaaaa; stroke-width:3; color:#dedede;}
.electron{fill:#666666; stroke:none; opacity:0.6;}
.gray-bond{stroke:#666;stroke-width:6; fill:none; stroke-linecap:round;}
.gray-bond-sm{stroke:#666;stroke-width:4; fill:none;stroke-linecap:round; opacity:0.5;}
.purple{fill:#6D469C;stroke:#4A346B;stroke-width:3;}
.lt-purple{fill:#8756c1;stroke:#8756c1;stroke-width:3;}
.bright-blue{fill:#0066ee;stroke:#0044dd;stroke-width:3;}
.pix8 {font-size:8px;}
.pix10 {font-size:10px;}
.pix12 {font-size:12px;}
.pix14 {font-size:14px;}
.pix15 {font-size:15px;}
.pix16 {font-size:16px;}
.pix17 {font-size:17px;}
.pix18 {font-size:18px;}
.pix21 {font-size:21px;}
.pix24 {font-size:24px;}
.pix28 {font-size:28px;}
.pix30 {font-size:30px;}
.pix32 {font-size:32px;}
.pix36 {font-size:36px;}
.pix42 {font-size:42px;}
.pix48 {font-size:48px;}
.pix54 {font-size:54px;}
.pix64 {font-size:64px;}
.pix72 {font-size:72px;}
.pix96 {font-size:96px;}
.pix128 {font-size:128px;}
.green-box{background-color: #338833; padding:.5em; margin:1em 0;}
.black-box{background-color: #000000; padding:.5em; margin:1em 0;}
.yellow-box {background-color:#CFBD2C; padding:.5em; margin:1em 0;}
.dk-yellow-box {background-color:#938221; padding:.5em; margin:1em 0;}
.lt-yellow-box {background-color:#DBCE83; padding:.5em; margin:1em 0;}
.brown-box {background-color:#90684B; padding:.5em; margin:1em 0;}
.lt-brown-box {background-color:#B2937F; padding:.5em; margin:1em 0;}
.dk-brown-box {background-color:#5E4432; padding:.5em; margin:1em 0;}
.red-box {background-color:#CD4F4E; padding:.5rem; margin:1rem 0;}
.lt-red-box {background-color:#DD8C8C; padding:.5em; margin:1em 0;}
.dk-red-box {background-color:#8E3838; padding:.5em; margin:1em 0;}
.pink-box {background-color:#E57A93; padding:.5em; margin:1em 0;}
.lt-pink-box {background-color:#F99BB4; padding:.5em; margin:1em 0;}
.dk-pink-box {background-color:#C95775; padding:.5em; margin:1em 0;}
.redorange-box {background-color:#E57451; padding:.5em; margin:1em 0;}
.lt-redorange-box {background-color:#EF9981; padding:.5em; margin:1em 0;}
.dk-redorange-box {background-color:#C44F30; padding:.5em; margin:1em 0;}
.green-box {background-color:#12b312; padding:.5em; margin:1em 0;}
.lt-green-box {background-color:#16dc16; padding:.5em; margin:1em 0;}
.dk-green-box {background-color:#0c7a0c; padding:.5em; margin:1em 0;}
.yellowgreen-box {background-color:#9FA84F; padding:.5em; margin:1em 0;}
.dk-yellowgreen-box {background-color:#7B7F26; padding:.5em; margin:1em 0;}
.lt-yellowgreen-box {background-color:#C4C96D; padding:.5em; margin:1em 0;}
.blue-box {background-color:#5A6CA3; padding:.5em; margin:1em 0;}
.lt-blue-box {background-color:#7F90BA; padding:.5em; margin:1em 0;}
.dk-blue-box {background-color:#44547A; padding:.5em; margin:1em 0;}
.vioblue-box {background-color:#4237ac; padding:.5em; margin:1em 0;}
.dk-vioblue-box {background-color:#362d8c; padding:.5em; margin:1em 0;}
.lt-vioblue-box {background-color:#4f41cc; padding:.5em; margin:1em 0;}
.purple-box {background-color:#8D6DA3; padding:.5em; margin:1em 0;}
.lt-purple-box {background-color:#A998B7; padding:.5em; margin:1em 0;}
.dk-purple-box {background-color:#594768; padding:.5em; margin:1em 0;}
.teal-box {background-color:#329B8E; padding:.5em; margin:1em 0;}
.lt-teal-box {background-color:#72B7AD; padding:.5em; margin:1em 0;}
.dk-teal-box {background-color:#246D62; padding:.5em; margin:1em 0;}
.orange-box {background-color:#C67914; padding:.5em; margin:1em 0;}
.lt-orange-box {background-color:#DBA361; padding:.5em; margin:1em 0;}
.dk-orange-box {background-color:#9B5B0D; padding:.5em; margin:1em 0;}
.gray-box{background-color: #444444; padding:.5em; margin:1em 0;}
.white-box{background-color: #fefefe; padding:.5em; margin:1em 0;}


.outlined {border:1px solid white; padding:10px; border-radius:4px; margin:16px;}
.outlined-black {border:1px solid black; padding:10px; border-radius:4px; margin:16px;}
.menu-box {border:1px solid gray; padding:10px 5px 0 10px; border-radius:4px; margin-bottom:4px;}

.green-box a{color:#eecc00;}
.blue-box a{color:#eecc00;}
.teal-box a{color:#eecc00;}

/*  combine badge2 with bg- and maybe color- for full use  */
.badge2{padding:3px 6px; border-radius: 14px; margin:1em 0;}
.box{padding:.5em; margin:1em 0;}
.box2{padding:1em; margin:1em 0;}

.hoverthing {fill:black; stroke:white; stroke-width:3; opacity:0;}
.hoverthing:hover {opacity:0.25;}
.inverse {
color:#ccc;
background-color: #1a1a1a;
}
.normal{
    color:rgba(0,0,0,.75);
    background-color: #fefefe;
}

.muted {opacity:0.25;}
.divider {border: 2px solid #ada; border-radius:2px;}
.divider2 {border: 2px solid #33a; border-radius:2px;}

.text-aqua, .text-teal{color:#22AAAA;}
.text-dteal{color:#118888;}
.text-white {color:#ffffff;}
.text-green{color:#12b312;}
.text-blue{color:#3355aa;}
.text-yellow{color:#ffee00;}
a.text-yellow:hover{color:#ffff33;}
.text-gold{color:#bb9900;}
.text-darkblue{color:#334466;}
.text-sapling-green{color:#54b247;}
.text-brown{color:#5B461B;}
.text-red{color:#BA2025;}
.text-orange{color:#CC5628;}
.text-gray{color:#666666;}
.text-ltgray{color:#aaaaaa;}
.text-dkgray{color:#333333;}
.text-purple{color:#6D469C;}
.text-light-purple{color:#7755bb;}
.text-salmon{color:#ff7788;}
.text-bright-blue{color:#0066ee;}

.color-bright-yellow {color:#ffff00;fill:#ffff00;}
.color-yellow {color:#d8d816; fill:#d8d816;}
.color-dk-yellow {color:#adad00; fill:#adad00;}
.color-lt-yellow {color:#ffff00; fill:#ffff00;}
.color-brown {color:#90684B;fill:#90684B;}
.color-lt-brown {color:#B2937F;fill:#B2937F;}
.color-dk-brown {color:#5E4432;fill:#5E4432;}
.color-red {color:#cd2323; fill:#cd2323;}
.color-lt-red {color:#DD8C8C;fill:#DD8C8C;}
.color-dk-red {color:#8E3838;fill:#8E3838;}
.color-pink {color:#E57A93;fill:#E57A93;}
.color-lt-pink {color:#F99BB4;fill:#F99BB4;}
.color-dk-pink {color:#C95775;fill:#C95775;}
.color-redorange {color:#E57451;fill:#E57451;}
.color-lt-redorange {color:#EF9981;fill:#EF9981;}
.color-dk-redorange {color:#C44F30;fill:#C44F30;}
.color-green {color:#12b312;fill:#12b312;stroke:#12b312;}
.color-bright-green {color:#22bb44;fill:#22bb44;stroke:#22bb44;}
.color-lt-green {color:#16dc16;fill:#16dc16;}
.color-dk-green {color:#0c7a0c;fill:#0c7a0c;}
.color-yellowgreen {color:#9FA84F;fill:#9FA84F;}
.color-dk-yellowgreen {color:#7B7F26;fill:#7B7F26;}
.color-lt-yellowgreen {color:#C4C96D;fill:#C4C96D;}
.color-blue {color:#3336ff; fill:#3336ff;}
.color-lt-blue {color:#4d4fff; fill:#4d4fff;}
.color-dk-blue {color:#0b0ed9; fill:#0b0ed9;}
.color-bright-blue {color:#55AAFF;fill:#55AAFF;}
.color-violetblue {color:#4237ac;fill:#4237ac;}
.color-dk-violetblue {color:#362d8c;fill:#362d8c;}
.color-lt-violetblue {color:#4f41cc;fill:#4f41cc;}
.color-purple {color:#6633cc; fill:#6633cc;}
.color-lt-purple {color:#7640ff; fill:#7640ff;}
.color-dk-purple {color:#5830bf; fill:#5830bf;}
.color-teal {color:#009987;fill:#009987;}
.color-lt-teal {color:#00ccb4;fill:#00ccb4;}
.color-dk-teal {color:#007f70;fill:#007f70;}
.color-orange {color:#d97c0b; fill:#d97c0b;}
.color-lt-orange {color:#f2920c; fill:#f2920c;}
.color-dk-orange {color:#b16509; fill:#b16509;}
.color-black {color:#000000;fill:#000000;}
.color-white {color:#ffffff;fill:#ffffff;}
.color-gray {color:#888888;fill:#888888;}
.color-dk-gray {color:#383838;fill:#383838;}
.color-lt-gray {color:#bbbbbb;fill:#bbbbbb;}
.color-ut-orange {color:#bf5700;fill:#bf5700;}
.color-black {color:#000000;fill:#000000;}
.stroke-black {stroke:#000000;}
.color-white {color:#ffffff; fill:#ffffff;}
.color-M-blue {color:#3E84AF; fill:#3E84AF;}

.gchem-teal{color:#33CCCC;fill:#33CCCC;}
.gchem-red{color:#EE4444;fill:#EE4444;}
.gchem-blue{color:#3366CC;fill:#3366CC;}
.gchem-green{color:#55BB11;fill:#55BB11;}
.gchem-purple{color:#9966CC;fill:#9966CC;}
.gchem-orange{color:#FF9933;fill:#FF9933;}

.gchem-teal-l{color:#33CCCC;stroke:#33CCCC;fill:none;}
.gchem-red-l{color:#EE4444;stroke:#EE4444;fill:none;}
.gchem-blue-l{color:#3366CC;stroke:#3366CC;fill:none;}
.gchem-green-l{color:#55BB11;stroke:#55BB11;fill:none;}
.gchem-purple-l{color:#9966CC;stroke:#9966CC;fill:none;}
.gchem-orange-l{color:#FF9933;stroke:#FF9933;fill:none;}

.bg-gchem-teal{background-color:#33CCCC;fill:#33CCCC;}
.bg-gchem-red{background-color:#EE4444;fill:#EE4444;}
.bg-gchem-blue{background-color:#3366CC;fill:#3366CC;}
.bg-gchem-green{background-color:#55BB11;fill:#55BB11;}
.bg-gchem-purple{background-color:#9966CC;fill:#9966CC;}
.bg-gchem-orange{background-color:#FF9933;fill:#FF9933;}

.bg-yellow {background-color:#d8d816;}
.bg-dk-yellow {background-color:#adad00;}
.bg-lt-yellow {background-color:#ffff00;}
.bg-brown {background-color:#90684B;}
.bg-lt-brown {background-color:#B2937F;}
.bg-dk-brown {background-color:#5E4432;}
.bg-red {background-color:#cd2323;}
.bg-lt-red {background-color:#DD8C8C;}
.bg-dk-red {background-color:#8E3838;}
.bg-pink {background-color:#E57A93;}
.bg-lt-pink {background-color:#F99BB4;}
.bg-dk-pink {background-color:#C95775;}
.bg-redorange {background-color:#E57451;}
.bg-lt-redorange {background-color:#EF9981;}
.bg-dk-redorange {background-color:#C44F30;}
.bg-green {background-color:#12b312;}
.bg-lt-green {background-color:#16dc16;}
.bg-dk-green {background-color:#0c7a0c;}
.bg-yellowgreen {background-color:#9FA84F;}
.bg-dk-yellowgreen {background-color:#7B7F26;}
.bg-lt-yellowgreen {background-color:#C4C96D;}
.bg-blue {background-color:#3336ff;}
.bg-lt-blue {background-color:#4d4fff;}
.bg-dk-blue {background-color:#0b0ed9;}
.bg-vioblue {background-color:#4237ac;}
.bg-dk-vioblue {background-color:#362d8c;}
.bg-lt-vioblue {background-color:#4f41cc;}
.bg-purple {background-color:#6633cc;}
.bg-lt-purple {background-color:#7640ff;}
.bg-dk-purple {background-color:#5830bf;}
.bg-teal {background-color:#329B8E;}
.bg-lt-teal {background-color:#72B7AD;}
.bg-dk-teal {background-color:#246D62;}
.bg-orange {background-color:#d97c0b;}
.bg-lt-orange {background-color:#f2920c;}
.bg-dk-orange {background-color:#b16509;}
.bg-black{background-color: #000000;}
.bg-gray {background-color:#888888;}
.bg-dk-gray {background-color:#383838;}
.bg-dk-dgray {background-color:#2c2c2c;}
.bg-dkr-dgray {background-color:#1c1c1c;}
.bg-lt-gray {background-color:#bbbbbb;}
.bg-very-lt-gray {background-color:#efefef;}
.bg-ut-orange {background-color:#bf5700;}

.stroke-yellow {stroke:#d8d816;fill:none;}
.stroke-dk-yellow {stroke:#adad00;fill:none;}
.stroke-lt-yellow {stroke:#ffff00;fill:none;}
.stroke-brown {stroke:#90684B;fill:none;}
.stroke-lt-brown {stroke:#B2937F;fill:none;}
.stroke-dk-brown {stroke:#5E4432;fill:none;}
.stroke-red {stroke:#cd2323;fill:none;}
.stroke-lt-red {stroke:#DD8C8C;fill:none;}
.stroke-dk-red {stroke:#8E3838;fill:none;}
.stroke-pink {stroke:#E57A93;fill:none;}
.stroke-lt-pink {stroke:#F99BB4;fill:none;}
.stroke-dk-pink {stroke:#C95775;fill:none;}
.stroke-redorange {stroke:#E57451;fill:none;}
.stroke-lt-redorange {stroke:#EF9981;fill:none;}
.stroke-dk-redorange {stroke:#C44F30;fill:none;}
.stroke-green {stroke:#12b312;fill:none;}
.stroke-lt-green {stroke:#16dc16;fill:none;}
.stroke-dk-green {stroke:#0c7a0c;fill:none;}
.stroke-yellowgreen {stroke:#9FA84F;fill:none;}
.stroke-dk-yellowgreen {stroke:#7B7F26;fill:none;}
.stroke-lt-yellowgreen {stroke:#C4C96D;fill:none;}
.stroke-blue {stroke:#3336ff;fill:none;}
.stroke-lt-blue {stroke:#4d4fff;fill:none;}
.stroke-dk-blue {stroke:#0b0ed9;fill:none;}
.stroke-vioblue {stroke:#4237ac;fill:none;}
.stroke-dk-vioblue {stroke:#362d8c;fill:none;}
.stroke-lt-vioblue {stroke:#4f41cc;fill:none;}
.stroke-purple {stroke:#6633cc;fill:none;}
.stroke-lt-purple {stroke:#7640ff;fill:none;}
.stroke-dk-purple {stroke:#5830bf;fill:none;}
.stroke-teal {stroke:#329B8E;fill:none;}
.stroke-lt-teal {stroke:#72B7AD;fill:none;}
.stroke-dk-teal {stroke:#246D62;fill:none;}
.stroke-orange {stroke:#d97c0b;fill:none;}
.stroke-lt-orange {stroke:#f2920c;fill:none;}
.stroke-dk-orange {stroke:#b16509;fill:none;}
.stroke-black{stroke: #000000;fill:none;}
.stroke-gray {stroke:#888888;fill:none;}
.stroke-dk-gray {stroke:#383838;fill:none;}
.stroke-dk-dgray {stroke:#2c2c2c;fill:none;}
.stroke-dkr-dgray {stroke:#1c1c1c;fill:none;}
.stroke-lt-gray {stroke:#bbbbbb;fill:none;}
.stroke-very-lt-gray {stroke:#efefef;fill:none;}
.stroke-ut-orange {stroke:#bf5700;fill:none;}

.border-yellow {border:3px solid #CFBD2C;}
.border-dk-yellow {border:3px solid #938221;}
.border-lt-yellow {border:3px solid #DBCE83;}
.border-brown {border:3px solid #90684B;}
.border-lt-brown {border:3px solid #B2937F;}
.border-dk-brown {border:3px solid #5E4432;}
.border-red {border:3px solid #CD4F4E;}
.border-lt-red {border:3px solid #DD8C8C;}
.border-dk-red {border:3px solid #8E3838;}
.border-pink {border:3px solid #E57A93;}
.border-lt-pink {border:3px solid #F99BB4;}
.border-dk-pink {border:3px solid #C95775;}
.border-redorange {border:3px solid #E57451;}
.border-lt-redorange {border:3px solid #EF9981;}
.border-dk-redorange {border:3px solid #C44F30;}
.border-green {border:3px solid #12b312;}
.border-lt-green {border:3px solid #16dc16;}
.border-dk-green {border:3px solid #0c7a0c;}
.border-yellowgreen {border:3px solid #9FA84F;}
.border-dk-yellowgreen {border:3px solid #7B7F26;}
.border-lt-yellowgreen {border:3px solid #C4C96D;}
.border-blue {border:3px solid #5A6CA3;}
.border-lt-blue {border:3px solid #7F90BA;}
.border-dk-blue {border:3px solid #44547A;}
.border-vioblue {border:3px solid #4237ac;}
.border-dk-vioblue {border:3px solid #362d8c;}
.border-lt-vioblue {border:3px solid #4f41cc;}
.border-purple {border:3px solid #8D6DA3;}
.border-lt-purple {border:3px solid #A998B7;}
.border-dk-purple {border:3px solid #594768;}
.border-teal {border:3px solid #329B8E;}
.border-lt-teal {border:3px solid #72B7AD;}
.border-dk-teal {border:3px solid #246D62;}
.border-orange {border:3px solid #C67914;}
.border-lt-orange {border:3px solid #DBA361;}
.border-dk-orange {border:3px solid #9B5B0D;}
.border-black{border:3px solid  #000000;}
.border-gray{border:3px solid  #888888;}
.border-dk-gray{border:3px solid  #444444;}
.border-lt-gray{border:3px solid  #bbbbbb;}

.br1 {border-radius:1px;}
.br2 {border-radius:2px;}
.br3 {border-radius:3px;}
.br6 {border-radius:6px;}
.br8 {border-radius:8px;}
.br10 {border-radius:10px;}
.br16 {border-radius:16px;}
.br24 {border-radius:24px;}
.bwhalf {border-width:0.5px;}
.bw1 {border-width:1px;}
.bw2 {border-width:2px;}
.bw3 {border-width:3px;}
.bw6 {border-width:6px;}
.bw10 {border-width:10px;}
.bw16 {border-width:16px;}

.swhalf {stroke-width:0.5px;}
.sw1 {stroke-width:1px;}
.sw2 {stroke-width:2px;}
.sw3 {stroke-width:3px;}
.sw6 {stroke-width:6px;}
.sw10 {stroke-width:10px;}
.sw16 {stroke-width:16px;}

.bc-gchem-teal{border-color:#33CCCC;border-style:solid;stroke:#33CCCC;}
.bc-gchem-red{border-color:#EE4444;border-style:solid;stroke:#EE4444;}
.bc-gchem-blue{border-color:#3366CC;border-style:solid;stroke:#3366CC;}
.bc-gchem-green{border-color:#55BB11;border-style:solid;stroke:#55BB11;}
.bc-gchem-purple{border-color:#9966CC;border-style:solid;stroke:#9966CC;}
.bc-gchem-orange{border-color:#FF9933;border-style:solid;stroke:#FF9933;}

.bc-yellow {border-color:#CFBD2C; border-style:solid;}
.bc-dk-yellow {border-color:#938221; border-style:solid;}
.bc-lt-yellow {border-color:#DBCE83; border-style:solid;}
.bc-brown {border-color:#90684B; border-style:solid;}
.bc-lt-brown {border-color:#B2937F; border-style:solid;}
.bc-dk-brown {border-color:#5E4432; border-style:solid;}
.bc-red {border-color:#CD4F4E; border-style:solid;}
.bc-lt-red {border-color:#DD8C8C; border-style:solid;}
.bc-dk-red {border-color:#8E3838; border-style:solid;}
.bc-pink {border-color:#E57A93; border-style:solid;}
.bc-lt-pink {border-color:#F99BB4; border-style:solid;}
.bc-dk-pink {border-color:#C95775; border-style:solid;}
.bc-redorange {border-color:#E57451; border-style:solid;}
.bc-lt-redorange {border-color:#EF9981; border-style:solid;}
.bc-dk-redorange {border-color:#C44F30; border-style:solid;}
.bc-green {border-color:#12b312; border-style:solid;}
.bc-lt-green {border-color:#16dc16; border-style:solid;}
.bc-dk-green {border-color:#0c7a0c; border-style:solid;}
.bc-yellowgreen {border-color:#9FA84F; border-style:solid;}
.bc-dk-yellowgreen {border-color:#7B7F26; border-style:solid;}
.bc-lt-yellowgreen {border-color:#C4C96D; border-style:solid;}
.bc-blue {border-color:#5A6CA3; border-style:solid;}
.bc-lt-blue {border-color:#4f41cc; border-style:solid;}
.bc-dk-blue {border-color:#44547A; border-style:solid;}
.bc-vioblue {border-color:#4237ac; border-style:solid;}
.bc-dk-vioblue {border-color:#362d8c; border-style:solid;}
.bc-lt-vioblue {border-color:#7676CE; border-style:solid;}
.bc-purple {border-color:#6633cc; border-style:solid;}
.bc-lt-purple {border-color:#7640ff; border-style:solid;}
.bc-dk-purple {border-color:#5830bf; border-style:solid;}
.bc-teal {border-color:#329B8E; border-style:solid;}
.bc-lt-teal {border-color:#72B7AD; border-style:solid;}
.bc-dk-teal {border-color:#246D62; border-style:solid;}
.bc-orange {border-color:#C67914; border-style:solid;}
.bc-lt-orange {border-color:#DBA361; border-style:solid;}
.bc-dk-orange {border-color:#9B5B0D; border-style:solid;}
.bc-black{border-color: #000000; border-style:solid;}
.bc-gray{border-color: #888888; border-style:solid;}
.bc-dk-gray{border-color: #444444; border-style:solid;}
.bc-lt-gray{border-color: #bbbbbb; border-style:solid;}

.serif-italic,.mathtype{
	font-family: serif;
	font-style:italic;
}
.serif, .nomath{
	font-family: serif;
  font-style:normal;
}
.bigger {
    font-size:125%;
}
.feather {
  width: 24px;
  height: 24px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.icon54 {
  width: 54px;
  height: 54px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  margin:10px 0 6px 0;
}
.icon-54 {
  width: 54px;
  height: 54px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
  margin:0;
}

.icon54x {
  width: 54px;
  height: 54px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  fill: none;
  margin:10px 0 6px 0;
}
.icon72 {
  width: 72px;
  height: 72px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.icon72x {
  width: 72px;
  height: 72px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  fill: none;
}

.icon-plain {
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.icon-plain:hover {
  opacity: 75%;
}

.icon-plainx {
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  fill: none;
}
.icon-plainx:hover {
  opacity: 75%;
}

.icon-name {
  font-size:14px;
  margin:-4px 0 0 0;
  line-height:16px;
}
body {
font-family: Nunito, "Helvetica Neue", sans-serif;
}
h1,h2,h3,h4,h5,h6{
font-family: Nunito,"Helvetica Neue",sans-serif;
font-weight:600;
}
b{font-weight:700}

.hanger {
text-indent:-26px;
padding:3px 0 3px 32px;
line-height:1.1rem;
}
.hanger-select {
text-indent:-26px;
padding:6px 0 6px 32px;
line-height:17px;
background-color: #dedede;
border-radius:3px;
}
.hanger2 {
padding:.25em .25em 0 .3em;
text-indent:-35px;
margin:0 0 0 35px;
line-height:1.5rem;
}
a.nodecor,a.nodecor:hover {
color:#656565;
text-decoration:none;
}
a.yellow {
text-decoration:none;
color:#eecc00;
}
a.yellow:hover{opacity:0.75;}

a.bright-blue {
text-decoration:none;
color:#55aaff;
}
a.bright-blue:hover{opacity:0.75;}

a.text-primary:hover{color:white}

.container-maxfluid {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.pointer {
cursor: pointer;
}

.calc-button-lt{
  font-family: system,sans-serif;
  font-style:bold;
  text-align:center;
  display:inline-block;
  width:32px;
  height:28px;
  padding-top:2px;
  border-radius:6px;
  color:#232323;
  background-color:#aaaaaa;
  border-right:2px solid #777777;
  border-bottom:2px solid #666666;
}
.calc-button{
  font-family: system,sans-serif;
  font-style:bold;
  text-align:center;
  display:inline-block;
  width:32px;
  height:28px;
  padding-top:2px;
  border-radius:6px;
  color:#ffffff;
  background-color:#555555;
  border-right:2px solid #333333;
  border-bottom:2px solid #222222;
}
.calc-button-dkteal{
  background-color:#006655;
  border-right:2px solid #005533;
  border-bottom:2px solid #004422;
}

.calcx-button{
  background-color:#999999;
  border-top-right-radius:4px;
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  border-top-left-radius:4px;
  border-right:2px solid #777777;
  border-bottom:2px solid #666666;
}

.w-33{
  width: 33% !important;
}
.w-20{
  width: 20% !important;
}
p.hover:hover{
  opacity:75%;
  font-size:120%;
}

.grad-red {
  background-image: linear-gradient(hsl(0,96%,50%),hsl(0,90%,30%));
}
.grad-pink {
  background-image: linear-gradient(hsl(323,65%,50%),hsl(323,78%,30%));
}
.grad-blue {
  background-image: linear-gradient(hsl(200,88%,45%),hsl(200,80%,25%));
}
.grad-blue-muted {
  background-image: linear-gradient(hsl(200,60%,45%),hsl(200,55%,25%));
}
.grad-green {
  background-image: linear-gradient(hsl(125,60%,50%),hsl(125,67%,30%));
}
.grad-green-muted {
  background-image: linear-gradient(hsl(125,35%,50%),hsl(125,40%,30%));
}
.grad-dkblue {
  background-image: linear-gradient(hsl(252,68%,57%),hsl(239,68%,43%));
}
.grad-ut-orange {
  background-image: linear-gradient(hsl(20,60%,55%),hsl(20,100%,20%));
}
.grad-teal {
  background-image: linear-gradient(hsl(173,90%,40%),hsl(172,67%,30%));
}
.grad-purple {
  background-image: linear-gradient(hsl(265,48%,58%),hsl(257,67%,40%));
}
.grad-gray {
  background-image: linear-gradient(#666,#444);
}
.grad-white {
  background-image: linear-gradient(#888888,#c3c3c3 3%,#efefef);
}
.grad-dkgray {
  background-image: linear-gradient(#444,#252525);
}
.grad-gold {
  background-image: linear-gradient(hsl(60,60%,55%),hsl(60,100%,20%));
}
.bold {font-weight:bold;}
.italic{font-style:italic;}
hr{opacity:1;}