body,
html {
  padding: 0px;
  margin: 0px;
  font-family: 'Roboto Mono', Helvetica,Arial,sans-serif;
  -webkit-text-size-adjust: 100%;
  background-color: white;
  font-size: 14px;
  color: #000;
}

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
    #topTitle, h2 {
        padding-left: 10px;
    }
}

::-webkit-input-placeholder {
    color: #767676;
    font-style: italic; 
 }
 :-moz-placeholder {
    color: #767676;
    font-style: italic;  
 }
 ::-moz-placeholder {
    color: #767676;
    font-style: italic;  
 }
 :-ms-input-placeholder {  
    color: #767676;
    font-style: italic; 
 }

 :root {
    --greyish-brown: #474747;
    --idle-black: #949699;
    --very-light-pink: #D8D8D8;
    --ls-black: #232330;
    --white: #fff;
    --magenta: #FF23FF;
    --blue: #2323FF;
    --shade-base-frame: #ADAFB1;
    --shade-base-2: #D1D3D5;
    --red: #FF2331;
    --ls-black-5: #F4F4F4;
    --ls-off-black-2-x-brighter-hover: #393945;
    --idle-white: #6D6D74;
    --ls-black-10: #DFDFE0;
    --ls-off-black-brighter: #2E2E3A;
    --ls-extra-dark: #101015;
    --bright-light-blue: #23FFFF;
    --hot-green: #23FF23;
   }

 .lazyload {
    visibility: hidden;
}

.loaded {
    visibility: visible;
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
}
@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

body {
    background-color: #999999;
    -webkit-tap-highlight-color: transparent;
}

body.dark {
    background-color: #232331;
    min-height: 100vh;
}


#toc-spinner {
    position: relative;
    height: 80px;
    width: 80px;
    margin: 0 auto;
    animation: spin 4s infinite linear;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAN8ZJREFUeNrsnU9oXFe+569kYUQQeSKIRjSiqTeYiUjMa2UwgxeG9q69GZMhwcyDgdiLQEM26VVWzSyy8iqzyeotnLdqMP14afcmb/NaBg8YxsxUGsUog+ZNvUYETRDpekETiqbwm/OTftcul0qqW3XP//P5wKUUx1ZVnXvP+X1/f87vVBUAAAAAAAAAAAAAAGTIAkMAkA43b93pmJfOyB9tmWt17K/9zNHbd831L2N/tj3yc+/B/Xs97hIAAgAAmhv22pDXBv4v1LhXI3+WEj29RoVDX3/uG6HQ5a4DIAAASvLca0P/U329XvjQbKsw+HJEIBBJAEAAACRp6Lf0wsi3FwciBP5ZhUEXYQCAAACIwdhfHzH0HQy9d2HwpYqCbYYEAAEA4MrYb6mB/+mIhw/x0NVLRME2NQYACACAeYx9HbYXI/8zPPukIwUPVRAQJQAYY4khAAz+scF/W73763j32XBdr7+oXt6uCAAIACjcw/8ZBr8IHjIEAAgAwPD/fUVIvzTw/gEmsMgQQCk8uH9P9pl3GImi6Ol9BwAEAOANAvcbABAAUBq/ZQiKgvw/AAIAAI+Q+w0ACAAoEs0H0ySmDPq0DgZAAACMQhoA7985N2/dYZcVRA0PKJTI5+b6LwxD9oTO/68ZEXDJvB6aa//B/XtH3BJAAAAERPrEm4VZUgGrjEbWhE71bOgauy6XeeYGIgTMdWCewSG3B0LDWQBQJGYxloZAbzMSWQu9hYDP17J5uXrOXzlQIUCPAiACAEUZ3xVdoEOGRH+LAMia7cDvv97g/9dRgZ65DokKAAIAcjb8sui9Y64b5vrUXF8UbCDALaHz/+sN/55ECjbNNTTzQ2oFpHPhgNsHCADIxfBvqeG/NvLH74UUALI9zHwuyRFzEFCedAM+76tq2Gddi+uoQL+ihTEgACBxw39DDf+lSR6SCAMpyAscBUAA5Ml2At7/WYiA2KrTA2aOHHA7AQEAKRh9ye/Xhn/aQvhOFbZSW+oAPuSu5ef9h/Kede//mqVfd5weML+zU50UDe5TJwA2YRcA2DT876pRX5nhn/51SA/HfO5/5e5lx381z9QvAz1PIno3Hf16Mf77CAEgAgCpG/4aiRZ8FvArSFMgdgPkxZcB33vN4e+W9VqiARtm3tX9BCgYBAQAJGf4a94JLAAeIgCyYzvQnFh2LADGhUDHvKdEz9g5AHNBCgBCGf5R7poF7ItA30cW0v/Dnc0GMYZ/GehZks5/lwJ973397qQGgAgAJGH4R6MAQQSAbgfsqUcF6ROyqHQj8Huva2qAGgFoBKcBwlTDb67b5sdfVyd791ccvM0lPTQlFNvc6Wx4GGqeVLPv/Xfh0ImQvSqRLU4jBAQAtFnUpEDvbxwa/vEoQCg4HjgfQom5jYjGYFQIrPNIwFlQAwCTDL80x/moat/QZFb+Q4jzAbRz25+48+kT6gAg8wxdq+JNqUqB4J4Zm0OeECACAGctYhKK/8T8+EkA4y+8G8ho9CvSAHj/88+b9SrueipJTVwWYV8fxAVQVRQBQvU8f/lBdbInPyQ/r8JtCZQ0wHWehqQJdQDQWiLjI5GuK7p1cI9CQSACgPEXr/vXERh/YV1DqcV4j5D2PbTc+tfbPKu0UJBHpmyoASjX8IfK80+jG7CN65/US4IECZH/D7z33wZSH7DLyYNEAKAMwy9e9sdVuDz/NLYCVi5/zhOSLKH2/6deZb+sc+6ydjIEBABkavwl3C/b+q5F/lHfC/S+D3lKkmU7wHyS2plciuokjXGFtAACAPIz/FLdL4b/g0QWrGuBqpWJAKRLCPGW2x774/4BZu5d0a2xgACAhA2/dPH7QL3+lPKUYvy9Ryk0D9rlyUmSEPct1yY7Mv+21HFgpxgCABI0/ltq+N9N9CuESgNs8/QkhxyC0/M8v9aq/LdRS4HjFf2ugACARLz+mIv8GntXKmJ8Q1vg9Agh2koxinUToctEAxAAELfxl7C57Om/lslX8n4+gPEkxZiwJSotvvQ8z5aqfMP/5wmeq0QDEAAQr9cvV06tPq8F2hK4zVNFBADv/xRLRAMQABCX8a9z/dcy/YohOhSSBkiH/oP793wXAG4UPuZEAzJSdJCo11+dFMq9m/lXlTTAZ0QAIIZ7pc1yOFDnRTRgvzopwuRcASIA4GkRki19nxRg/AVJb3iNAmhFeY8nLQm+9Px+Gwz5qfG4wimDCADwY/zrbn6XCvra7wR4T5oCEQGYBGHv0yxXdBFMEg4DSsfwi8KWIr+tQofgfeOZ73kc77fNy9/z5MWNzwOANOd9mVE/F9lBs0NKgAgA2Ft4xOj/umDj7z0KYBYwIgB4/3j/syMthK/SShgBAHaM/+3qJN9feo7tRoA84zZPYNR0Pc7DJQRAY2SstrRWCSK/URCn4S895D8JqX/4zOP7yXbA6wx7tPg8AKiE1r+22dBIQJeUABEAaG78CflP5udEACDQ/VlnuOdCHBlSAggAaGj8xcsl5H/GIqztjr2gDWZ6DHuU9PT0Rh9zUqrcMWDzU6cEOgxFfDcG4jD8YvA/qvLt6GcLKQZ85NnLvM2w4/1Dazq6zu2SEiACAC+Mf93YB+M/nS3P5wPQFjhOfOb/EQD2WNM5TIQTAQAa0hbjT8Vsc97L1NOEyO6L5q6XGW6rrKgIYFcFAqBo4y/5/txO8PPBNV8ehOaZuwx5VPS1XTPef7rUZwnQWhkBUKTxl3z/B4zE3B6Ez3QJaYACvX8FL9Utl8xauMnxwgiAUgy/HG4jvfxvMBqt8JkGoCtgXDz0NFfXKwqlfSDjvIUIQADkbvwlz1/aQT7OFg3tl+Ac3Q7YZ8ijwVdKBu/fHxLV41RBBEC2xl+M1ScVOUWb+DwfYJvhjgMjyLY9zNdlBIB3ljUSQM8FBEBWxv9GRXMfF1zzuCWQOoA48CXEMP5hqJsG4SghALIw/rerkwY/4AZftRREAOLA1/5/qtPDsknnQARA6sZfDP97jIRTvKQBdNsZ2wHD0/UwbyVSx97/8EjnwE2GAQGQmuFfUeNPpb97VjTFQhSgDHzcA8LP8SDFvpfZIYAASMb4Vyf5fox/ZlGAijqA4N6/pwOAEABxUbcPRgQgAJIw/mzz88sl3WLpFB/V5xDW+9f2tBia+FhBBCAAYjb+lzD+RUQBaAoUji/x/hEB9ApAAGD8YZwbnhaGhwx1nhEA9S7Z/ocIQADAzMafBzI87xIByJaehwOA8P7TYAkRgADA+MM4P3f9BmqEegy1d3xswUQAIAIQAIDxTxTZMuTjlMBthto7Dx3P5xXmMiIAAQAY/7TxUQzIdkD/uBZdeP+IAAQAYPwTx0cfcSIAntETGV1C8R8iAAEAGP8McNp+WZvRIAIy8f517z+tfxEBCADA+GfANQ8LAWkAf7jeeon3jwhAAADGPxPkPrkuBiQCkEEEQPf+k/9HBCAAAOOfEa7TAJKT7jPM7nHcghnvHxFQ9EABxj9HZEvgluPiMWkKdDuC7ypCZPR7ys//Mqcn3dFrnJ+N/LwqC6yn7+a6+G+DqZK1CJADpI4YDgTArMZfjP7HGP+kecexAXnoQQD0Rq5/HjX2MRxOZObJqGC4rq8/VZFw3cJbbDv87MvM7+ztmxwl/MTMlSHDcZoFhuBM409v/zz4azP5Dxw9J2Lk/mTR0+2qkZfXnoetb77m0/WRyMJP9bVpBOE/mnH43NHnGhUvkC8SAegiAhAAGP/y+Fsz8T9z+Lz8z2r2cPi2GvkvdWHqFjrXro+Igq0zIgZ/6eoMAPP+Vyu2/yECCoYUwGk+wvhnhaQBPnP4+387RQDUnv3Dko39JCalMKRuQ4XAcRrBofFfxfgXhTh2m+baYSiIAJy1KIjxv8FIZMddY0i+cOjF/n7M4G+rwd/WpkEQ31wXY8D2v/I4MHNyl2FAAIwvCB9Ufo6TBf/smUn/vsNn596Iwe8x3NHPdYl8SvifCGiZ7Jt5uscwIADqBUG8/o8Yiax5n0kPOt/F899kJIpm11VxcEosshgcHx+L8c+fdxgCUAj9wyaNggoXANroB+NfBjeY8KB7/1cZieLZo0FQwQJgZLsfRqEcqPEAWv+WjWwDlPD/PkNRqADA+BfLzxmC4pFdGftqCKA8498l9/+CIosA2e5XNL8yC8AjhgG0GHCNqEARSLh/x8z9AUPxggsFTvrbFaHgkrn49Vfd3zMMYJ6DI3N9+/qbb9Ue4SsVhdG5Gn/x/P/MUBQcAdCK/4+57UUiWwD/zlVDIMgqKiAnBJIezAMa/yAAONq3YB6p4acFL8yyXshOgU7FjoGU6dGYCwHAAT9lIp7+31LwAy3XjmUVAvQOSAsa/SAAXprItPrF8AMgBPJGKv13OIMDATBpEkvlvwgB0gAYfgCEQF4M1PgfMRQIgLMmsKQBPmYCY/gBEALZUFf6098BATB18q6oCNjiEcDwAyAEkuawOsn5Y/wRADNNXuoC0kOq+T/lZD+IUAjICYPsGvAL2/wQAK0mbn0aIHUBkU90c91lOx9Evp6IALjEeuIFKv0RAFYmbX0qINsE40NyexLq/w1DAQmtKeu6niwxGtapD/Q5ZCgQALYm7IqKgGuMRjT8Ro0/Vb2Q4poixr9TnXQWBHvGv8uagABwNWlvm5f3GImgkOeH3JwLiQZQH9AODvRBAHiZsNQFhJvghPsh13VlQyMCpAVmp6/Gn0p/BICXyUpdgF+kZ/9dQnuQ+boixl92C3AEcXOo9EcABJms1AX48frF8D9iKKCgtWVNhQDRgPPhQB8EQPDJKr0CPmAk8PoBLEcDOhVFgmfBNj8EQDSTVboGSvdA6gLw+gGIBriDSn9PXGAImvH1V92D19986/fVSfvg1xiRVl7/L6nwB3i+tvxg1pZvzI+v6FUyUuH/B4w/EYBY1bpEACQdcIPRmNnrp8If4Pz1peQGQhzoQwQgerX+Z3P9N6PY/5/5z3/PiDRCvP1fEfIHmLq+HJm15dvqpGfAxYK+uuT6n6Zq/OUsCHPvkvvsRADa3XTqAqbzGzOpP2UYAGZeXyQSUEKB4H6qKcGRQ6DEBjxOTcAsMs3mRw+meV89XHiZI/X6Mf4A860vsq7sVCdFcbmym7DxF3F2pTqJ1tT9HYgAFKrWpV8AdQEnyIS+S6EfgDUv83KVV6Qx2QN9phz9vJPSd6IGwBJaF/B/K5oGfWGuj9m/C2BtbRlqXcDFTERAvc2vn6jX/0Z19m6N12RHh7lnz4gAlKnWJW/3SVVmXcCnVPkDODdAKbcnT7LSf4rXP04yNQ1EAOyr9e+MAvxddbJDoJR+ATKpPzIP/T/yBAA4XV++N+uLeM7SPCi1Gi753H9I0PhP8/rHeVXukblX0Z9aSATA7YNTQl0A+X6AMB5pSnUByR3oM6PXf8opMt/3CRGAstV67nUBXfX8yfcD+F1b6rqAV821HLuTYNaIf8rc6x/nork/cp+irnNYiPwmLJsHZ5D6ZNW6AOkXsJ7RGvSFuTd3WYoBgq8vmxGvLUkd6NPS6x9HUh1PYrZhUUcAjIL6z+a6aq7D2JXUFLUudQH/oIoyBxEgxX5/w9ILEMX6cmjWFzE2MdUcyef5H2ad+K4gr38cqdGQDoHfEgGYT9X+p5E/emyu7dQjAuZ7yTkC7yb8FSTf/wXLLkB0a8t6FUczmiP1/I8SGTebXv8kot3yGHMV6Xjx3FVzfajtd5NFO+Pd1UmSEvJ5f4nxB4h2bZFQe7cK2zmw3uaXivEf7ebnimg7BC5EelOum5fr5/yVXnWSg062+CyxuoDa+FPpDxD/2iI7A8RR8n2ioKzHeyls8/Pg9Z+yWWZcegiA6TdGbsgvqmaVrUmnBXSifqyTFeMPAKmKgGSa36jX3/EskKIsCIyuCPD1N9+S0H/TE7COwzdaJJhcT2k9WvgfzOeXyfpGhB9RFP1HGH+A9NYWs65IAZ5sE3R9rLDk+/+YgtdvxkR6J/y48p/+lvdbis1OLUR2g0SV3Z7zn/fM9XmK/aX1u0uvAGkcFEtjjz31/I8qAEg1ErCkkQAX64p4tTsprLmBvP5JRFUQGFUEwKizt6v5czLy72TLoPyeA2mUkZhi/6P53P9dIwGht/Ng/AHyiAQ804ZBr1mOBNQH+nyP1z8Tsi0wmtq1CxHdKCnIsNExT1TeZe3FfJjYZJV+Ab83P/5EL4w/AMQmAmRteBJ77ZWDff1WBIC5F0fmnvwQw4dZiOhmfVjZr8jsVYmmBcx43DYv72H8AcDSmmIjHSBO1W7Mlf4BKvxnZWDG7zERgBc3bKtyUwn/PC1gFFcvMdXeNZ/7f1cnpwpe9PCWEpb6AOMPQCTgrDXCrA9PYz7rPlKvf5wlcx8GZhyDr7ULEdwwUWvi/bs+0KKv0YCkhID2C5DiQJdngLPVD6CcSMA8WwRlf/8+Xr81JILyOHQkJXgEwCiha46NW408IFvm/dbNtZ/CWc2q2l3XBWD8AcqKBNRbBH9UTS+MEwP1v8z68A1ev1Vk3J+FPuNmIfCN8+X9jzNQ9bWdmHKXMwQ+wPgDgIdIQF3pfxTp50/N648uChA0AuDR+x9HHviOef8t3TKYRJGg+ZxPzef9sjrZLWGjLkCa/DxlKQQoNhIg2/jWz3AOdiI2/il6/dFFARYC3sBQ3v8k5ACNL1JpKaynfn3cUjxxqh8ATDpFsD7QZxjhZ03d648qChAsAhDQ+5+ETABpKTw0amw/9idGqke1LuC1OcfwU/PAPWDpAwBdT4a6nkil/x9irPTPxOufFAVYlFqvYiIAkXn/4xxoNKCXiHqftS5Avttdlj0AGI8ExHjCaoZe/yQeh4hAB4kAROb9j3NcGGM+46q5erG3FJ6xLuCRecg+ZqkDgEmRALz+YAQ5KOhCgBsqak681qXIb0idFjiKqXfzGRP3wHzO31UnTYPOOkdAKv1/JYU/LHUAEHk0IrYe/s4dT92e7jX14l0ARO79n1Jl5to0n7mjuwWi7ZKnRwv/TvocTBjfervfdxUAQNzGvxSvfxzvOwIWPN/YmHP/TZD+zdsJHIJxozrpHlgjxr/L0gIAMXv9Vf65/vPwviPAd2jlasLGv/78H+rZBdGi2/veV8//LsYfABLw+q8UbPwFiThvZBkByMD7H6dXRX7SoHT64nAfAMDrJwowCW81AFrQcTmjG/X8pEGtD4hutwAFfwAQuddfYq7/PCQqL/Vc3/t6M19cz/SGyff6hXmYN3l2AQCme/2aRpVi5SVG5BTe0gALnm643Oy3C7hxvSrytAAAQGCvv4Phn8quj6ZMviIAVwu5afJgS5HgdZ5fAAC8/pijAAsebrwYxdsF3sC+RgN6PMsAgNeP4Z+Rrutoso8bslXozZMiwdvm4d+tTvrvkxYAgKK8/ooK/7ZRAKd244LjB0Bu/NuF38S16uRsAen1TDQAAErx+qnwb8crrneYuY4AXOUeHiNK+LrmwEgLAABePzSNAuwlGQEw6iWFQ398CwGJBqybay/2kwYBAPD6g0cBvnF1SNAFhw+DeLuXuX8TkbSAnDQ4NDd2n+EAgJS9/sJO7vOJjOcPrg6ic3mzCP9PjwbcMJPnF7pTAgAgNeMvof7Se/i7xpl9uODooZAjaa9z3xqxUp2kBVbN1SMtAACpIFFM8yLrPaledyyZce4b22D9FFpXEQC8/9mRlIk0EWLsACAJ9NCaXUbCOesufqn1RkAZnvoXgl510jvggKEAgNgx677UAKwxEk55ZPuUQBcRgE2Mf2s61ckBQzdUUAEAxIxEAUhfJhYFcCEACGHbHcsPdUcFAECUqGe6x0g4xfr5AFZTAFr89wvukxN6FWkBAIgYdVbYEeCOJ8YGWNsSaDsCgKfqjg5DAACRQxQgoSgAAiAdHuP9A0DMqHdKczN3WC20tCYAbt66Q/GfO2T/5zbDAAAJ0KsoCHTFkqbao4sAbHJvnCG5/wHDAAAJRAEoCEwkCmBFAOhWNcL/bjgwE6rLMABAQiJA0pVHjIQbAWBsrpXOi7YiAHj/Dr1/hgAAEoQogDuspAEQAHHTM0q6xzAAQIJRgL556TMSGQsADf8jANzwOUMAAAnDOQFuWLHRJdZGBADj74auKmgAgFSjAFK8zPZlN7QuBrQhAGj964ZthgAAMqDHEDihdRqglQC4eevOauXomEK8f7x/ACAKAGfSOg3QNgLQ4R7g/QMATEF2BNAcyD6t0gBtBQD5f7x/AIBpUQAx/rQItk+rCPzcAoDqf7x/AIAZQADYp1UaoE0EAOOP9w8AMEsUgFoA+8ydBkAA4P0DAPiixxBYZzWEAOgw7nj/AAAzRAHYEeAgAjDv2QBzCQCO/sX7BwAgCpB2FGDeCADev+UJgfcPAAVFAQ4ZCbtRAJ8CgPw/3j8AwLywIyBFAaDd/1YZb2v0OfEPAAqLAkjE84iRsMaSsc0rPiIAeP94/wAARAESjwLMIwA6jLM1JBfGcZkAUGIUQHYD0B44MQFABMAeXS2IAQAoEbYE2mNl1u2AMwkA88vx/u3ymCEAgIIhDWCXmerzZo0AIADswdY/ACgatgSmJQAI/9ujyxAAAJAGsMhMdQCNBYCeOLTO+FphYJQvAgAAiALcvycRAIoB7bA8y+mAs0QAOoytNaj8BwAgCuCCxmkABEAYKP4DAEAAJCMACP/boa/7XwEAoDpOA0hXQDoDEgHA+wcAIAoAc7LctB9AIwHA/n+rkP8HADgN2wE9RwGaRgAQAJYULnv/AQBOQ08ABEDusPUPAIAogGsanQzYVABQAGgHwv8AAAiANCIAN2/dEeO/zHi2hvA/AMA5mDVyiAiwg7HdU0VAkwgA3r8dCP8DAEwHR8kOU9MACAB/EP4HAJgOEQAEQF6KlvA/AMB0dDcATYEiEQAdxhHvHwCAKEBBAkALAAEBAACAAEiMaYWA0yIACID2yNG/PYYBAKAZejYARwQ7jgIgANyD8QcAIAqAACgQwv8AALND4TQCgAgAAAARAPAmALR4gA6ALRUs2/8AAGZHuwKyHbAlxpavzBMBWGXo8P4BAEI6UQxBa5bnEQAdxg0BAACAAEgaIgAIAAAABAACAAHg5cEl/w8AMD/UAVhhrhQAOwDaccAQAAC0BgHgMwJw89ad5YodAG3pMQQAAK0hktoStemNIwB4/0QAAACIAOTBTAKA/H9L6P8PAGBlLUUAtGcFAYD3DwCQIqQB2rE0iwAgBYAAAABAAOTB6iwCgAJABAAAQCwMGAL7EAFAAAAAxA51AEQA0oACQAAAq2sqAsBHBODmrTt4/+0gVwUAQBQgKvSE36kRALx/BAAAAAKgtAhAxRbAtvQYAgAA61AI2I4VBAARAAAAIgDlsdREAAACAACACEBeLDcRAB3GqRVsAQQAsAw7AfwIAGj3kKJSAQCIAkQPNQB26TEEAAAIgAg5VQS4hAAAAAAEQNZjNnHclhgbIgAAAAiAZBhWL3ZEjBr3l35uko5+SQBM6hQEAAAQkfHL2aCf+bOLIsjxCAACgAgAAECspLIToD/hZ+cGva0AAAAAgOkG/aWfjUFPrgcMAsDdQwIAABYRI3vz1h0bv+qoepFOmPhziga9rQDgJMCWDyejAADgndECuDONu1mjhwzV2QKAkwABACBmurXRp/GaXQEA80MLYAAAxxBptQetgO2BEgUAAAQAAAAAxMvCef/z5q07nbE/khqB8ULB9ep07UCnwLHsPbh/7zMeKQAASIFzawCMQetN+OPdWd9EOwyuziEcJv27aAUAjxMAAGQhAGyhRRt9WwZzQmRimrBoIigmRTcAAACyZIEhsCI6RFT0z4iYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEDycBwwAAAkw81bd+T4dbmOzDVs8m8e3L/XZ+ROs8QQAABAQojx78woGpr+1aEKiyYM9DqLUdExNCLkKLaBRAAAAAC8sImrLn7xmAgZFw/j0Qwv4gEBAAAAqUUAUmdZr0bfyZV4QAAAAACUIR56RhD06v9YZCwBAADKAwEAAACpecBgAVIAM3Lz1p2VkXEb/Xn5wf17u4wQAAACAAGQhkEfzZ+M/nyWoT8PBAAAACAAAhjzJTXWkwz6WT9bff8H9+8NeawAAJyssXj/7egnIwD0Zi+PfNaVKT+HZmV8gAEAwBoIgFQjAGP581HjftbPAAAAEJsAOKcgbp78eQ4QAQAAcMcqQ9CKwbkCYKQozmv+HEEFAADgjgf37w2mGawthqlVBAAAAIgARA+NgIgAAABA/gyaCABy2EQAAACIABQoAIAIAABAVGifF7DIYhOVADM9pChUAAD7EGFtxxECgCgAAECK0B+mHcMmAgBQqQAACIC8oAgQAQAAkCSkVz0IAEClAgCwtubF9BTAg/v3iAAQAQAAQABkhLHtjYoAoSXsBAAAYE2N2fs/TwAQBUCpAgDEApHVdhzNIgCAhxUAgDWVCADwsAIAsKaWEAEYMl6tIF8FAIAAiIXBLALgiPFqx81bd3hgAQDar6U4VJ4FAO2AiQIAAOD950HzFMCD+/cQADy0AAA4U+kzNDZ9piLAMxUD8NACAOBMpe39TxMARAHasXzz1h36AQAAzImuoayj7RjMIwCIABAFAABgDUUAAA8vAABraGL05xEApAB4eAEAWENLiwBMOjkIZoY6AACAOSD/b4Xhebv6pp0FQEtgFCwAAGtnmpzryE8TAKQB2rPGEAAAsHamJgBIA6BiAQBYOxEAMAdLnAsAANAc7f+/xEgEFAAP7t+jBsAO6wwBAEBjCP9bYFox/2KD30EUoD2EsgAAEAA+merAIwD8sMJ2QACA6bD9zxpTbTcCAEULAMBaiQCYCHUAdqAOAACAtTIdAUBHQGuQBgAAOAddI9k11Z5hE9u92PCXEQWwA6EtAADWyODePwLAP4S2AABYI13TyGY3FQCkAexAGgAAYAKE/+MVAEQA7EGICwCAtdEZTZv4LTb8ZUOiANbYYAgAAFgbHdHYVi/O8EuJAthhmbMBAABeoGsi6VE7NLbVCACULgAAayICAAHgCXJdAACsiWkIAOoArCJHBLPdBQCKR9dCjv61w5HaausRAKIAdkEAAACwFgbx/hEAYVmlJwAAFO79yxrIcen2OEQApAOFLwDAGghWaLr/fy4BoLkFRIA91o0CJvcFACV6/7L2Ef4P5P3PEwGY603gTGQCUP0KACWyVlH8Z5OZnfNFH28C59JhCACAtQ+ijwDoGcMDxtoa0hmQIhgAKAZd8yiCtsfA2OaZ7fLinG9GFAAlDADAmpeo999GAFAHYJdVzgcAgEK8f1nriHraZS6nnAhAPLAdBgBY62BWhg/u3/MXAdDtgEQB7LJOYyAAyNz7lzWOrX8ReP9tIgAVAsAJHYYAAFjjwIctRgAQBQAAwPtHADSH0wFRyAAArG1hjf8sp//ZjAAIB4w/UQAAALz/ILQqyG8rAEgDoJQBAFjTAkUAggkA7TxEGoAoAAAA3r9fjubp/mczAiCQBkAxAwCwlvmlte21IQBIA7iLAtAdEABS9v5X8P4zFgAagqAzoBsuMQQAwBoG4453m+p/mxEAK0oEJrLKSYEAkKj3L2sX65cjAWDjlyzG9GFgIpsMAQCwdkGUAoCzAZyybJQ0h2cAQErev6xZ7GRyw4GN8L/NCMDxh+K+OKNjJtQSwwAACRh/Was6jETc3r9VAaDHEQ65N05gQgFAMg6Lrllgn7mP/nUdASAK4JYNtgUCQOTev6xRpCzdYdXGIgDSgi01ABAz5P0TEgAXbP6yr7/q/vn1N99aMz9e5D65mVxmfIdmnL9nKAAgNsza9INZoyRE/QpiwDrS+rcXcwRA2Oc+OYWCQACIFmOkxFB1zY+7FXVhUdtWFwKAYkC3iPFnfy0AxC4EJFz9GKfQCk622i+4+KTGQxUDRf9nt+zYrAYFAHCFdgWUGiYKmedD9v7vphABqFB8XtgkFQAAiUQD+uZ6Yn7cq4gQR2NTFx3d7CPzcsQ9c6sIGQIASEwIiCGTtADRy+YcqU21jksPUm40uWr7yOmLu6KoGQoASFAESARgR9MCYiPYLRDA+xcWXH5qc4OvVXSEsv0g9Gz1gQYACI2xE53qpHkQtuI00vnvkatfvuj4wxOmtuf1d82DsIfxB4DMIgI98yL1AaQFPNtQ1wKAYkA7Y/iEkD8AZCwCBubaMT/uqMMDHmzogutPz5bAVl4/uX4AKArd3SQpgU7p3r+LrX8+IwDHX4JHGq8fAKBhNGCoaQHZLVDyGujcdi74+BZG0W2Zl1Uebbx+AIAZ7YdEkKWJUElFgn1tp+yURU9fhigAXj8AwDwRgRJbCnuxmQu+vo1RcVcr9nvi9QMAzG9HVjQakHNEWQoiH/t4o0WPX6rH44vXDwDQIhpQnzSYc0thb7bSZ06lPiWQZg94/QAAbYTA/s1bdw40GpDTLjMnp/6dxYLPb6Ydnzp4/XTzA4C40eK7Vddb0Sx8zpxOGuzpDogsBYB4/1cLjQLg9QNAKsZfjOkV/U85iKYbu9OSQUthGd/HPsf5gs9v9/VX3Wevv/mW1B2UtiVQvP6n5sb+wNICAJEbUinW/nfVixqxi+b6sVm7vzNr+J9j/dzms/XNZ/y2Oik2fyXBof+jsRHf+XzDC76/oblBoiZ/XPktQAzp9e+Ym/qNiB+WFgCI3PiL9/xX1ekdW4sqAgZmLYv2qHfz2Ybm+tZ8zr46mqlEA8Trf+rbTlwIcINKiQLg9QNAUpi1+Y0pa/Oa+TvLZh2P+uAe8/lEqOybz1olYmu8e/9BBEABUYBovX7J65mx/4n5XN9VAAAvrw9ybsuPGvxVWUdECHwbe2RT0wKyW0BqGmLtQxPE+xcWAj5snSq/HQHRVvib8V4zLzLBlyrPlaYAEL3xl+K5S3MYLikOPErkO67pd4xNCARbj0N64PtVPo0cBjoR9iI1/rKd53L1Ih/W0T8DAIz/+hzGv9L15Eoqa4lZmyVt8aSKq6XwMOTnWQj84OUQBYh6X78ZY5nYG2f87x2dFABQpvGX/PiWhV91EHu/gLHvHUtL4aDR2NACIOW+ABL22o01/KVjO61LVlIhPACwbgS3LK6/SfQLGBuDkCcNet/3H5UASDgKEHUOXY2/TOyVhg8hIgAA42/LqCW1njR0lrK0IxdCD75Waa4nEgWQh/oP5qZ9m8DEbtoIQ+pAfhR7kw8AiN741+uJ9AuQ/fjfpzAeUn0v2xq1d4CMzUVP3v/T0LsoFiJ5IEUAbOL1tx5HyWddnnNiEwkAyN/4zxIdbItsv9tL7dwT3RHRceyUSvr4IPR3vRDDgEtnqYijANF7/SMi6nI1/84O+XevprC3FwCiN/6Vvs9rGl1MRgRI5MJ85m+qkyiqi5bCg1gKJi/EMujaHCi27STi9T+NPTSudRSXLPyqizphEQEAGH8byJqybtaU76U7X0Ii4JnDlsK75ndH0SF2IbKHdKuKo21j1BX+Y2O26UA4JVfNCwDRGf9xJB2wn+gYipNl46TBvhmDbizfKzYBMHoEZUivv8ekTkcEAUD0xr8myboAHUvpILjZ0kl9EtOauhDhILvwaHPz+lf0QXQ9qSkMBEjX+Mv6IHVBsbW+lfVEmpANEh3XeVsKR9csKcbDePYq/y2Cxet/kpDx96Xoj70HfU8ASMv4b1VxHoBzHOnVXUvJMdJSuDejM7UX23dZiPThnedgiqy9fh2XUNsliQQApGf8U+itkmxdgI5107RAlKnlhYgH9qpj9ZrUiXgeRdF5ImCXswMAol4n2vQCCUWydQFjztlZLYVl29/jGD/3YsRj6ipXIl7sk8SM/2Zg41/pg32ZUwQBojZCqXj+oxx/bvWmk0Sb+oiR3/doy/KNAOgDLUp2rWCvf0nVfGy5sqTGEaAA4x86QmgDiQBIcWA/8XsxWqR9aL7PTqyf9ULMAynNI1Qdto1UJNHNb+whEjX8V+Z6NcKPt2ruzbL0z2bpBQi+Voix+UkGX0XW+fWUzhGYhDSOM9c35nvILodvYu6CuJDAw91W2SbnrSZUxEPDIIBw60SsEUIbJF8XkAIXYv+A2pdZ0gCzntCUnNevk1oiHm9UaeTx6tbB33OSIIB3J0GM/6uZfsUkzxFAADjAPATSN3mW4rMkevhPmNQS7fi3VdzFmZNEgBwn/EMs/a0BMjf+4vFLenA586+a5DkCCAD7UYCBeQiWGqjdJL1+ndQp5/EWVQQknbsDSMRJeCMxJ6Ht2rLO2uKGhYQefBEAV85RvUlWpuv3EuO/lskzJYWBu+TuAKyvE1ILVfI2XOoCSowAaBTg2RlHBqfs9dcHdeRUxCPnZ1MXAGBvnajz/a8VPhTUBZQaARiZDKO9AZLdj55Yu855GKpaP2CaAcy9Tshat5nxOjHv2pJ8vwAiAHMg6k+9zKcpev0jk/py5pNacndr0i/AXH2J4DDdAGZaJyTkf6kqJ98/y9oidQESGUYElBQByGBShzrQJyRJHboEEHiN8HXcdw5Qc1RSBCDxiS2TulPgV6+3Cj6jkhfg3DViQ43/MqPRCGqOiABEP6mp4H2BhOx2UOwAp9aInHYD+YbTSokARDuxpdjvNUbjGPFsfkzjIIDna8SarhGE/Oen7kVCXQARgGgmdr19h3DeZMjfAV4/Xj/rChGA7CZ33a7zIqNxJq8QDQC8fnCwrlAXQAQg2OQusdLfhmqXvgH0/Aa8frABdQFEALxPcCn2+zeMxFyqfZ2dApDx2iAV/pfx+r1BXQARAK8TXJQ9lf7tOdJoAJMWclgXxOCLY7DKaASDugAEgLMJXlf6o+ztwuEfkPq60DHXBqMRjWNBQzIEgHV1T9cud4jxlzMf9hkKSGhd2FDjTw//+NYT6gIQANaM/xaT3AsDnbikBSDmNWG1opNfCiR7kBwCII6JTqV/GPo6eRECEJszQJ4/LYqvC0AAzDfZO1WZPf1j4kCFANsGIeRasKxrAcW/aVJ0XQACYPYJT6U/QgBYBzD8+VBsXQACoPmEp9IfIQCsAxj+fCmuLgAB0HzS08ADIQAYfgx/3hRVF4AAmD7xqfRPVwjss+cXMPww69ph1o1dBACTXyb9JYx/0rBrAOaZ+1LNL3v56dlfFuL5d0txHBAAZy8AG2r8IQ8kJdAz1yGdBWGK6Je5T7qvTHZKKgZEAExeBKj0z1vh1+kB6gRgdN5fq4j2lQxFgIUvADL5pdiPZh5lIGkByfcdMBRg5r/MfUL+ZVJM3n8U1O7Lxp9tfmUhQm9Vj3CWsB8HD5XNPgKgSI5PHy3xiy9y759X+l/F+BeLiL91BHHZaKEoaaGyqIv+ihT+xQsArfZlmx8cUhMAGgUAjD8CoDAPEAoXAAwBVCcFoqSBymCn9D4hxQsADfvtMheK9wQQAFCpN8izkD8cLY4AeD7pj9vHMhLlev8U/6WBdOaTvfq6X98VrAV502PnzwmEvl+IgJ62/WT/f3mwGERs8CvdraHXsv6vgav7JrUg5n37FduBs5zrpe31Pw/6AJxecGgCVBYDsyA8dvQsya4S2VsueUYxKEeEHRuNmRjelTGDP4nHrgo3NcKwyR3JCon07TAMRADOY08XH7YE4v23pTZgcq2pYalqMaBebLGiQHfgLI/Mt1k9bhlTJ1X7EiI2n68zRYBAOsh8o9YLATB14g/NxO9WNAVCANgRAGf9+eqIIaxUDAxUHAxGxEHytQlq6JdGDP2ypbm1WrndtifPRocpkoXx71LngwBABMAofcd7/2fxaOtIweqY8awjBqOvsqDJYjYMvY1JO2jWc2RlxNCPvrrCddc+BADGP2uoATh/cZMF+QpCKVt2XVUD67Nz1eN3qaMG1ZhImLQgnrcYnmW0x/88lgK5rssUCjVBSSPP+RMafBEBmDcSMBiJBDBW+S0OLvd7+zaQdQQhNgPtGokCuKyhOEAAJDu/uxj/86EPwHQRcBxCqugOlhuu9/6zhcwPq47nf12wCekZf+4bAgARAGd6dskaJnjOiqZbXML5ABh/BAAiABGQCQPHeWNJF7F9LJMoQHWSKmLeY/wRAIgARADeP95/SQJAU0V0i8T4IwAQAYgABAACIDLWPLwHaQCMPwIAEAGJ0/dQGYwA8MuSthB2OefrJk2A8UcAIAIQAXj/Z0LzKKIAgPFHACACILIFw+lZ79r2Fvyz6mG+y7PDvnKMPwIAEAEJcuihJSgCIJAA0N0XRAEw/oAA8C4C5EhZHsi48RH+RwBkHAWo2A0QmuO1FuOPAIhNBAw1EsCDGScDT8fukv8Px5qneY4ICGf8OdgHAYAIgPg8N61E58yIvCMAAmkAjD8CAM4VAXgJhQmAivB/aJY9tAWuU36IfI9z14z5E4w/AiAZEWCuXURAPN6Dp1PBEADhWfP0PkQB/Bn/XYYBAZCiEJAHd4+RCI6vxZr8f3hWPc1tEfd4pG7Zw/gjAFIXAWJ8eIjDcuj6DTT0zAFAhQgAogDO2dW1ExAAyYsA8Rae4DEE4cBT7pDwfxwseWzGRIrPPjJXn+iaCQiAbERA3TCI4qHMvH8EQHSseZrTA4/PVwnUlf6skQgARAC0ZqDtW31A/j8eSANg/KEBCwxBGG7eurNpXtYZCbeLs1lQ9jzcS9n7f43hjopHvraNmft/taL+ow1U+hMBKC4awA6BfLwzwv/xsZbhc5Yjuxh/BECpIkAWDg4ScoOvvf8IgDjxeU/YEjg79YE+FPshAIoWAdKfXnYIkPtK1ysj/19wBEBTDRQDziDOq5NK/z5DgQBABJx4qrQPtovPBZkIQHws6dkMvugx5I04UM9/wFCE5wJDEAdff9V9Zq7D1998S7yJ1xiRdouMWWC+9fFGuuecYs44+cHMqe89zd+hmbvyLFAMeDbS2e+fZK1jKIgAwORoAHUBeP9ghzXP70cEbzJ1cx+KJREA0EAESG7ssbnIkc2Oz73/CIC4WdUtmr7mrQgAQtsvc7yWsb8/Tji7PF4RcFwlaxawjnntMCJRev8CBYCRiwDPz8QB8/U5PbOO9RgGIgAwvxCQCURKoDnewoxaZIaIjl8A+IQ0wIstfhh/BABYEAF1SoCtRudz5Lm6mPB//Kx5nquDwkWArFGP2eKHAAC7C8vQXDsV3QOj8P4RAMmwrEc1EwVw7/VLlf+OrxbMgAAoUQiIkaNx0Nneh0/I/xMFmDRH+4XNz/ogH6r8E4P8ZZoi4LiTlvFsLpnXDUbkxOvy6XmoV8me7zSQSI1v4yTvt1nA2Ho5cAuIAMBpISATTwoE2Xrk3/sn/J+WAAjxPOYcCh+o14/xRwBAQBFQnyVQcvht6HnvPwIgLZa0Y6PPeSnGP9dagOM0JIV+GUwMhiALEXBcgGMWOTGCEnYsLTQdYqEl/58WUgfg22CJocwpRSde/y6GnwgAEA0oVgBodzkEQFqsBpiPgyqfbp54/QgASCEaUFhtwFGANqOE/9NjxWdb4DHDmbrXf5zrZ3sfAgCIBhTt/SMAkmYtwDw8TFiI9/D684YagMyjAdVJbYAYSakNyDFsTf4fZhFuIZ4XEeGXEhoniajtcoAPAgDyEAJ13wApSOpkdN8PA4UliQAQAZhVpKYgAGQu9WjoUw6kAMoSAjKxH1f5bE/y/j18bycDuw6PHuDke96lsCVQPt9jjD8RAMhbBMhitKtpAfFKUg1nh9j7j/efPnL/QoS2xbCuRzgeMhZ75PmJAEBZQqBvLikSlB0DKVb3hvKoEABpsxZovh1VcZ0PUB/eQ5EfAgAKFgJ1WiC10F8oAUABYOIRgEDbAauI5tjxnCfcDwsMAdToATebCXi5Rxq98D0+Yvyv8KQkz06g9JE8Q9eqcKlX8fR3tUERADUA8FI04Ljphxa6xVwfQPgf2t7Hw0DvLV53x7dgrsjzAwIAGgqB4yZCRgis62IV29kCCABog9QB7AV8dn0JABH0sq3vgFsOkyAFAFMxQkAWrI1IBKPs/d8JNA5Xq/IOWsqVx6FC4eY5uly5LUaUAr998/163GY4D4oAoUlEQBYSKRTsVeF3DATxZrQ+AuOfDyGjOa6K74Y6Rx9j/KEJFxgCaMLXX3Wfmav/+ptvfWP+81l1Uh/gW0DK3v/dEN/ffO+1KlwnOXDzTH8b6H0H5nmS9JqtiJoY/j+a66mZH9/JXOXuQhOoAYBZowHHXobxiOuzzn2mBkLmMsn/EwGwHQVo2x54qL9nn5P6AAEAuQuBkAKA/f+ZrX2y2yVgZXxdDDjPnMHwgxUoAgQraHMVl0IgyN7/ke92jbucHb2QuXLzXEnPjVnaA2P4gQgARB8RWKvsbx8k/A+2kee0F/D9ew0FwEAN/wGGH4gAQCpRgXVd4GwY0EehFj/zPSRXu8EdzZJHIY2qeba2zpkfR+rts48fiABAclEBWbgOtLPgejX/aWiHgT0f8v95RwFCGtiDCQLgUA0/nfsAAQDJCwFZyPpGCPTUk551C9Rh4K9ACiBfVkMKABHJ2mhrST/HPr36AQEAOQoBWdj2VAisqRiY5l0PQ4ZANXoBeQuA0EhnywH5ffANNQAQFD1hb0MFwSRBehCq+Y9+PvHOOtyprHlinrEjhgGIAAD4jQrIwrurW+0mRQVCn1lOBKCMKAACABAAAIGEgIQ/66JBEQDHuwci8MwoAMyftQiEJgACAECN/l7oz6FChDlSRgQAoDg4DRAAw1A8Ruxx0BMgAADgOYT/EXsACAAAjAJkDBEAQAAAwHFIWM4xWGYkimFZ7zkAAgAA7x+45wAIAIDSIP9fYBSAIYCSYIsTAN5gqch203590YoXEAAAhaNdCYkA5Gnwj0YMPofuAAIAAE6xoyJglWhAsvTHDD4ePsAIHAYE0CwqUIuBlZEL4vPujy89ghoAEAAATkRBLQiWR6IF4MezH2DsARAAADGJgrp/wKq+LiMMWhn64YhnP+DYXgAEAEBqwmBpJFpQRwyWRl5LNvLjxn5AgR4AAgCgFIFQC4HRDoR15CDFXQm1Ma/0dTj6Z4TtARAAADBfJKFmUgTBVVShNuSTPPgKzx0AAAAAAAAAAAAAAAAgOP9fgAEANDBif6k8OlMAAAAASUVORK5CYII=');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 60px;
}

@keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}

@keyframes shake {
	0% { transform: translate(2px, 0); }
    50% { transform: translate(-2px, 0); }
    100% { transform: translate(2px, 0); }
}

.standard-button {
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
    border: 1px solid #e0e0e0;
    color: #646464;
    font-weight: bold;
    background-color: #ffffff;
}

.footer {
    background-color: #232331;
    padding-top: 80px;
    border-top: 1px solid #464652;
}

.footer.no-footer {
    display: none;
}

.footer.microsite{
    padding-top: 0px;
}

.footer-main-layout {
    display: flex;
    position: relative;
}

.footer-main-layout .footer-section {
    height: 500px;
}

.footer-main-layout .footer-section-microsite {
    height: 0px;
}

.footer-main-layout > .left-footer {
    position: relative;
    width: 30%;
    background-repeat: no-repeat;
    background-position: 20px 0px;
    background-size: 48px 48px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIEAAACBCAMAAADQfiliAAABHVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD////7+/sCAgIFBQXg4OAMDAwICAgXFxcQEBAoKCh4eHj09PTx8fHt7e2Tk5P29vawsLBdXV3k5OTNzc1ISEg7Ozs1NTUUFBTX19fT09PJycnBwcG7u7uoqKihoaGOjo5sbGxaWlouLi4lJSUdHR34+Pjb29u1tbWDg4NxcXFlZWVRUVFDQ0M/Pz8hISHQ0NC3t7etra2YmJhWVlZNTU0qKioZGRno6Oi9vb2JiYlhYWHFxcWjo6OcnJx+fn5HFan0AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflCg4UADAdxHQDAAABLklEQVR42u3XgQ3DQAzDQI/S/afsDAHRHFAoAzTsxy/Rd/X5PHzy+zJC/sP5FPKJ5w+RP3mehTxzeRzz0OcbkW9dvpT52udcyLmToykHX07HnLw5oHP0547I3ZNrKpdfbsrcvrmsc/1nX8j+kZUlC1C2pmxgWdyyAmZ3zA6a9TVLcDbobOFZ4vMa8NoP8EPkg8QvEw8UHqq8WHi5/p9gPJas06L5E4LzBOcJzhOcJzhPcJ7gPMF5gvME5wnOE5wnOE9wIxjBCEYwghGMYAQjGMEIRjCCEYxgBCMYwQhGMIIRjGAErxPUhxPwM+Bfgc8Bn0R+F/ht5HnAE4lnIk9l3gu8mXg38nbmfsANhTsStzTuidxUuStzW+f7At9Y+M7Etza+N/LNle/OfHt/+sIvE+UXLhRXOScAAAAASUVORK5CYII=");
}

.footer-main-layout > .right-footer {
    position: relative;
    width: 70%;
}

.footer-main-layout > .right-footer .heading-section {
    display: flex;
    margin-bottom: 30px;
}

.footer-main-layout > .right-footer .heading-section > .footer-column {
    width: calc(33% - 5px);
    margin-right: 5px;
    margin-bottom: 10px;
}

.footer-main-layout > .right-footer .heading-section .footer-option {
    position: relative;
    text-decoration: none;
    font-size: 12px;
    margin-bottom: 5px;
    margin: 3px;
}

.footer-main-layout > .right-footer .heading-section a {
    font-family: 'Roboto';
    color: white;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    padding-left: 16px;
    width: 100%;
    white-space: nowrap;
    text-decoration: none;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNDxgjGadO+wAAAOJJREFUSMe10k1KA0EQhuE39EG6V32MmYUm2YwhajxHruI9QnTr3wUCSdxo1N4VJKi3yKaEIAiZwa9WRdUHDwXVq6tmClwjqmBWFinmb6CRAABmZZli/lIg4acxK6sU8ydwJgFUSPg9cGQHjCSAI+sU8/Y/kPDXwqw8p5gLcCkBHHlJMX8AEwlwgLx3RcIxIbPy2hUJxwYdeQOuJMABsmmDhLYnm5VNG6TX9TvqqpkAMxngyAUwlwGOnAM3MsCRMXArAxwZAncywJEBcC8DHOkDDzLAkVPgUQY4cgI8oay6aoZ72clUHw1FDEoAAAAASUVORK5CYII=');
    background-size: 8px 8px;
    background-position: left 2px;
    background-repeat: no-repeat;
}

.footer-main-layout > .right-footer .heading-section a:hover {
    color: #FF23FF;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNDyECW0rTHwAAAOhJREFUSMe10z1SAkEQhuFvZOhl9xq91xEMRUVN/Yu4BpFaEoJgSQgciFuI7tRsVZvMZgSu+r1h11Q91TUzrtZ63EFnAlIOAKLGBw//SAMScu/hn2hAQu48/DMNYCDu0DBqvPHwL/8BHB0adnfdaUR9S9ugKWi4FsiMBiTkSiBzGpCQS4G80oC/IK7N4aBhJJAFDUjIhUCWNKAt4n77OoKGc4G80QAAqDQMM8h765/803q7bFUhnNE2aPoqq9OeZSsaAAD78vOksHxNAxIyKCzf0ICE9AvLt2D2Ue77pmamZkzkmAo0F/8NtKpXqQZwkrwAAAAASUVORK5CYII=');
}

.footer-main-layout > .right-footer .heading-section .footer-heading {
    margin-bottom: 10px;
    font-family: Staatliches;
    color: #868692;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
}


.footer .bottom-links {
    position: relative;
    height: 40px;
}

.footer .social {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 200px;
    height: 30px;
    padding-left: 20px;
    padding-top: 7px;
}

.footer .social .social-link {
    margin-right: 8px;
    margin-top: -2px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 18px;
    text-decoration: none;
    color: white;
}

.footer .social .social-link:hover {
    color: #FF23FF;
}

.footer .copyright {
    position: absolute;
    left: 200px;
    bottom: 0px;
    right: 0px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    text-align: right;
    
}

.footer .copyright .privacy {
    text-decoration: none;
    color: #FFFFFF;
    margin-right: 30px;
    font-family: 'Roboto';
}

.footer .copyright .privacy:hover {
    color: #FF23FF;
}

.bottom-line {
    position: absolute;
    height: 1px;
    background-color: #464652;
    left: 0px;
    right: 0px;
    bottom: 40px;
}

#siteNav {
    position: fixed;
    z-index: 1000;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 90px;
    border-bottom: 1px solid #46464E;
    background-color: #232331;
}

#content-area.no-top-navigation > #siteNav {
    display: none;
}

body.dark #content-area {
    background-color: inherit;
}

#siteNav .homeNavigation {
    position: absolute;
    height: 60px;
    width: 140px;
    left: 0px;
    top: 12px;
    background-image: url('../img/LogiSense-Logo-White.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}

#siteNav .homeNavigation.microsite { 
    width: 180px;
}

#siteNav .homeNavigation > a {
    position: absolute;
    left: 0px;
    right: 0px;
    top:0px;
    bottom:0px;
}

#siteNav .inner {
    position: absolute;
    left: 250px;
    top: 0px;
    right: 0px;
    bottom: 0px;
}

#siteNav .inner  .demo {
    position: absolute;
    right: 10px;
    top: 20px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    border: 1px solid #FF23FF;
    color: #FF23FF;
    letter-spacing: 2px;
}

#siteNav .inner  .demo:hover {
    color: #232331;
    border-color: #232331;
    font-weight: bold;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

#siteNav .inner  .mobile {
    display: none;
    position: absolute;
    top: 0px;
    right: 10px;
    left: 0px; 
    height: 60px;
    text-align: right;
    line-height: 56px;
    font-size: 32px;
    color: #282d35;
}

#siteNav .inner  .menu-item {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    padding-right: 18px;
    height: 40px;
    margin-top: 12px;
}

#siteNav .inner  .menu-item > .label,
#siteNav .inner  .menu-item.clickable a {
    color: #FFFFFF;
    text-decoration: none;
    line-height: 60px;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer;
    user-select: none;
    text-transform: uppercase;
}

#siteNav .inner  .menu-item > .label:hover,
#siteNav .inner  .menu-item.clickable > .label:hover a  {
    color: #FF23FF;
}

#siteNav .inner  .menu-item > .sub-menu {
    display: none;
    position: fixed;
    top: 91px;
    left: 0px;
    right: 0px;
    width: 100%;
    z-index: 1001;
    height: 360px;
    background-color: #232331;
    border-bottom: 1px solid #46464E;
    color: white;
    padding: 10px;
    padding-top: 20px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-1 {
    height: 120px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-2 {
    height: 150px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-3 {
    height: 150px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-4 {
    height: 180px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-5 {
    height: 215px;
}

#siteNav .inner  .menu-item > .sub-menu.rows-9 {
    height: 360px;
}

#siteNav .inner  .menu-item.expanded > .label,
#siteNav .inner  .menu-item.expanded.clickable > .label,
#siteNav .inner  .menu-item.expanded {
    color: #FF23FF !important;
}

#siteNav .inner  .menu-item.expanded > .sub-menu {
    display: block;
}

#siteNav .inner  .menu-item > .sub-menu > .center-content {
    position: relative;
    display: flex;
    flex-direction: row;
}

#siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
}

#siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section > .label {
    position: relative;
    font-family: Staatliches;
    color: #868692;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-transform: uppercase;
    margin-left: 5px;
    margin-right: 4px;
    margin-bottom: 5px;
    user-select: none;
}

#siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section.four {
    width: calc(25% - 16px);
}

#siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section.three {
    width: calc(33% - 16px);
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item {
    position: relative;
    height: 32px;
    overflow: hidden;
   /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNDxgjGadO+wAAAOJJREFUSMe10k1KA0EQhuE39EG6V32MmYUm2YwhajxHruI9QnTr3wUCSdxo1N4VJKi3yKaEIAiZwa9WRdUHDwXVq6tmClwjqmBWFinmb6CRAABmZZli/lIg4acxK6sU8ydwJgFUSPg9cGQHjCSAI+sU8/Y/kPDXwqw8p5gLcCkBHHlJMX8AEwlwgLx3RcIxIbPy2hUJxwYdeQOuJMABsmmDhLYnm5VNG6TX9TvqqpkAMxngyAUwlwGOnAM3MsCRMXArAxwZAncywJEBcC8DHOkDDzLAkVPgUQY4cgI8oay6aoZ72clUHw1FDEoAAAAASUVORK5CYII=');
    background-size: 8px 8px;
    background-position: left 8px;
    background-repeat: no-repeat;*/
    margin: 3px;
    margin-bottom: 12px;
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item:hover {
  /*  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNDyECW0rTHwAAAOhJREFUSMe10z1SAkEQhuFvZOhl9xq91xEMRUVN/Yu4BpFaEoJgSQgciFuI7tRsVZvMZgSu+r1h11Q91TUzrtZ63EFnAlIOAKLGBw//SAMScu/hn2hAQu48/DMNYCDu0DBqvPHwL/8BHB0adnfdaUR9S9ugKWi4FsiMBiTkSiBzGpCQS4G80oC/IK7N4aBhJJAFDUjIhUCWNKAt4n77OoKGc4G80QAAqDQMM8h765/803q7bFUhnNE2aPoqq9OeZSsaAAD78vOksHxNAxIyKCzf0ICE9AvLt2D2Ue77pmamZkzkmAo0F/8NtKpXqQZwkrwAAAAASUVORK5CYII=');
*/
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item > a {
    position: relative;
    color: #FFFFFF;
    text-decoration: none;
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item:hover > a,
#siteNav .inner  .menu-item > .sub-menu  .sub-item > a:hover {
    color: #FF23FF;
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item > a > .label {
    position: relative;
    font-family: 'Roboto';
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding-left: 36px;
    width: 100%;
    white-space: nowrap;
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item > a > .label .slash {
    color: #FF23FF;
}

#siteNav .inner  .menu-item > .sub-menu  .sub-item > a > .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 32px;
    width: 32px;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
}

.calendar-button button {
    border-radius: 0px !important;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #FFF !important;
}

#mainBody.docs-section {
    margin-top: 50px;
}

#mainBody.is-protected > .section {
    display: none;
}

#mainBody > .sign-in {
    display: none;
}

#mainBody.is-protected > .sign-in {
    display: block !important;
}

#sign-in-button {
    position: relative;
}


#mainHeader {
    height: 470px;
    margin-top: 30px;
    padding-top: 80px; 
}

#mainHeader #logo {
    display: none;
}

#mainHeader.no-small-title {
    height: 400px;
}

#mainHeader.dark {
    background-color: #232331;
}

#mainHeader.colorful {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}


#mainHeader.floating {
    margin-top: 61px;
}

#mainHeader.small {
    height: 30px;
    margin-bottom: 0px;
    padding-top: 0px; 
}

#mainHeader.medium {
    height: 300px;
    background-color: #232331;
    padding-top: 0px;
}

.hero {
    position: relative;
    height: 440px;
}

#mainHeader.medium .hero {
    height: 300px;
}

#mainHeader.small .hero {
    display: none;
}

#content-area.no-top-navigation > #mainHeader {
    margin-top: 0px;
    padding-top: 0px;
}

.hero > .text-content {
    position: absolute;
    left: 0px;
    top: 80px;
    bottom: 0px;
    right: 0px;
    color: #282d35;
}

.hero > .text-content > #smallTitle {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding-right: 300px;
    padding-top: 10px;
    font-size: 16px;
    margin-top: 20px;
    padding-bottom: 10px;
    border-top: 2px black solid;
    height: 50px;
}

#mainHeader.dark .hero > .text-content > #smallTitle {
    border-top-color: #FFFFFF;
    color: #FFFFFF;
}

#mainHeader.medium .hero > .text-content > #smallTitle {
    display: none;
}

#titleButton {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    border: 2px black solid;
    border-top: 0px solid transparent;
    font-size: 12px;
    letter-spacing: 2px;
}

#mainHeader.dark #titleButton {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #232330;
}

#mainHeader.colorful #titleButton {
    background-color: #232330;
    border-color: #232330;
    color: #FFFFFF;
}

#mainHeader.colorful #titleButton:hover,
#titleButton:hover {
    color: #23FF23;
    background-color: #232330;
    border-color: #232330;
}

#mainHeader.dark #titleButton:hover {
    color: #232330;
    background-color:#FF23FF;
    border-color: #FF23FF;
}

.hero .title-button-container {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 190px;
    height: 70px;
}

#mainHeader.medium .hero .title-button-container {
    display: none;
}

.hero > .text-content > #topTitle {
    position: absolute;
    width: 600px;
    bottom: 175px;
    left: 0px;
    font-size: 70px;
    font-family: "Staatliches";
    color: #FFFFFF;
    text-transform: uppercase;
}

.hero > .text-content > #topTitle.small-top-title {
    font-size: 60px;
}


#mainHeader.light .hero > .text-content > #topTitle {
    color: #000;
}

.hero > .text-content > #topTitle > .title-slash {
    display: none;
    color: #FF23FF;
}


#mainHeader.medium .hero > .text-content > #topTitle {
    bottom: 40px;
    width: 100%;
}

#mainHeader.medium .hero > .text-content > #topTitle > .title-slash {
    display: inline-block;
}

.hero > .text-content > #bottomTitle {
    position: absolute;
    top: 180px;
    left: 0px;
    width: 600px;
    font-size: 70px;
    font-family: "Staatliches";
    color: #262632;
    text-transform: uppercase;
}

#mainHeader.dark .hero > .text-content > #bottomTitle {
    color: #FFFFFF;
}

#mainHeader.medium .hero > .text-content > #bottomTitle {
    display: none;
}

#imageContent {
    position: absolute;
    height: 280px;
    left: 0px;
    top: 60px;
    bottom: 0px;
    right: 0px;
    background-size: auto 280px;
    background-position: center bottom;
    background-repeat: no-repeat;
}

#mainHeader.medium #imageContent {
    background-size: 100% 20px;
    height: 300px;
    top: 0px;
}

/* Bottom Graphic on Header */
#mainHeader.bottom-graphic {
    height: 550px;
}

#mainHeader.bottom-graphic #imageContent {
    top: 230px;
    height: 400px;
    background-size: 1024px auto;
}

#mainHeader.bottom-graphic #topTitle {
    width: 900px;
    bottom: 260px;
}

#mainHeader.bottom-graphic #topTitle > .title-slash {
    display: inline;
}

#mainHeader.bottom-graphic #bottomTitle {
    display: none;
}

#mainHeader.bottom-graphic #smallTitle {
    border-top: none;
    height: 80px;
    bottom: 160px;
    padding-right: 400px;
}

#mainHeader.bottom-graphic .title-button-container {
    left: 0px;
    right: unset;
    bottom: 60px;
}

#mainHeader.dark.bottom-graphic #titleButton {
    background-color: #232331;
    color: #FFFFFF;
    border-top: 2px solid;
}

#mainHeader.dark.bottom-graphic #titleButton:hover {
    border-color: #23FF23;
    color: #23FF23;
}

/* Side Graphic on Header */
#mainHeader.side-graphic {
    height: 550px;
}

#mainHeader.side-graphic-landing {
    height: 500px;
}

#mainHeader.side-graphic-landing  #logo {
    display: block;
    position: absolute;
    left: 0px;
    top: 20px;
    width: 200px;
    height: 60px;
    background-image:url('../img/LogiSense-Logo-White.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
}

#mainHeader.side-graphic #imageContent,
#mainHeader.side-graphic-landing #imageContent {
    top: 100px;
    height: 512px;
    background-size: 512px auto;
    background-position: calc(50% + 256px), bottom;
}

#content-area.no-top-navigation > #mainHeader > #imageContent {
    top: 0px;
}

#mainHeader.side-graphic #topTitle {
    width: 480px;
    bottom: 160px;
}

#mainHeader.side-graphic-landing #topTitle {
    width: 480px;
    bottom: 220px;
    font-size: 20px;
    color: #FF23FF;
    font-family: 'Roboto';
    margin-bottom: 30px;
}

#mainHeader.side-graphic #topTitle.microsite {
    width: 550px;
}

#mainHeader.side-graphic #topTitle > .title-slash {
    display: inline;
}

#mainHeader.side-graphic-landing #topTitle > .title-slash {
    display: none;
}

#mainHeader.side-graphic #bottomTitle {
    display: none;
}

#mainHeader.side-graphic-landing #bottomTitle {
    width: 400px;
    top: 120px;
    font-size: 40px;
    display: block;
}

#mainHeader.side-graphic #smallTitle {
    border-top: none;
    height: 80px;
    bottom: 40px;
    padding-right: 560px;
}

#mainHeader.side-graphic-landing #smallTitle {
    width: 400px;
    padding-right: 0px;
    border-top: none;
    font-family: 'Roboto';
}

#mainHeader.side-graphic .title-button-container {
    left: 0px;
    right: unset;
    bottom: -50px;
}

#mainHeader.dark.side-graphic #titleButton {
    background-color: #232331;
    color: #FFFFFF;
    border-top: 2px solid;
}

#mainHeader.light.side-graphic #titleButton {
    border-top: 2px solid;
}

#mainHeader.dark.side-graphic #titleButton:hover {
    border-color: #23FF23;
    color: #23FF23;
}

.highlight-point {
    position: relative;
    border: solid 1px #E3E3E3;
    margin-bottom: 15px;
    font-family: 'Staatliches';
    text-transform: uppercase;
    font-size: 28px;
}

.highlight-point > .icon {
    color: #FF23FF;
    position: absolute;
    left: 20px;
    top: 10px;
    width: 50px;
    line-height: 50px;
}

.highlight-point > .label {
    position: relative;
    margin-left: 75px;
    margin-top: 18px;
    padding-bottom: 18px;
}


.ratings-chart {
    position: relative;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: top right;
}

.ratings-chart > .description {
    width: 30%;
}

.ratings-chart > .main-container {
    position: relative;
    display: flex;
}

.ratings-chart > .main-container .row {
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    border-top: 1px solid #393945;
    color: #FFFFFF;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 14px;
}

.ratings-chart > .main-container > .left {
    position: relative;
    width: 30%;
    min-height: 100px;
    padding-top: 60px;
}

.ratings-chart > .main-container > .right {
    position: relative;
    width: 70%;
    min-height: 100px;
    display: flex;
    overflow: hidden;
}

.ratings-chart > .main-container > .right .row {
    padding-left: 0px;
}

.ratings-chart > .main-container > .right > .column {
    position: relative;
    width: 200px;
    text-align: center;
    color: #949699;
}

.ratings-chart > .main-container > .right > .column.highlight {
    background-color: #2e2e3a;
}

.ratings-chart > .main-container > .right > .column.highlight .row {
    color: #FF23FF;
}

.ratings-chart > .main-container > .right > .column > .header {
    position: relative;
    height: 60px;
    background-position: center center;
    background-size: 60% auto;
    line-height: 60px;
    color: #FFFFFF;
    background-repeat: no-repeat;
    font-family: 'Roboto';
}

.contact-info {
    position: relative;
    margin-bottom: 40px;
    margin-top: 40px;
}

.contact-info > .content {
    position: relative;
    margin-left: 40px;
}

.contact-info > .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    color: #FF23FF;
    line-height: 32px;
    text-align: center;
}

.contact-info a {
    color: #FFFFFF !important;
    text-decoration: none !important;
}

.contact-info a:hover {
    color: #FF23FF !important;
}

#content-area {
    position: relative;
    min-height: 500px;
    background-color: white;
}

.description-button {
    position: relative;
    border: 1px solid #d8d8d8;
    padding: 15px;
    font-family: 'Roboto';
    margin-top: 20px;
    color: #000;
}

.description-button:hover {
    color: #FFFFFF;
    background-color: #232330;
    border-color: #232330;
}

.description-button.no-hover {
    border: none;
    border-bottom: 1px solid #d8d8d8;
}

.description-button.no-hover:hover {
    border-color: #d8d8d8;
    color: #000;
    background-color: inherit;
}

.description-button > .anchor {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.description-button > .icon {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 24px;
    color: #FF23FF;
}

.description-button:hover > .icon {
    color: #23FF23;
}

.description-button.no-hover > .icon {
    color: #FF23FF;
}

.description-button.no-hover:hover > .icon {
    color: #FF23FF;
}


.description-button > .description {
    position: relative;
    padding-left: 50px;
    line-height: 20px;
}

.description-button.no-hover > .description {
    padding-bottom: 15px;
}

.description-button > .description > .title {
    font-weight: bold;
    padding-bottom: 6px;
}

/* These are classes for the survey questions [START] */

.page-break-after {
    page-break-after: always;
}

.rendering-container {
    position: relative;
    min-height: 70px;
    display: none;
    margin-bottom: 20px;
}

.rendering-container.has-border {
    border: 1px solid #d8d8d8;
    padding: 5px;
}

.rendering-container.show {
    display: block;
}

.overall-container {
    position:relative;
    padding: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 40px;
}

.overall-container > .inner {
    position: relative;
    display: flex;
}

.overall-container > .inner > .left {
    position: relative;
    width: 100px;
}

.overall-container > .inner > .left > .text {
    rotate: 270deg;
    color: #a7a5a5;
    font-family: "Staatliches";
    font-size:24px;
    margin-top: 200px;
    margin-left:40px;
}

.overall-container > .inner > .right {
    position: relative;
    width: calc(100% - 100px);
}

.overall-container > .bottom-text {
    color: #a7a5a5;
    font-family: "Staatliches";
    font-size:24px;
    margin-top: 15px;
    padding-left: 450px;
}


.question-container {
    position: relative;
    margin-bottom: 20px;
}

.question-container > .question {
    position: relative;
    display: flex;
    min-height: 60px;
    margin-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.section.full-width.full-banded .question-container > .question {
    border-color: #FFF;
}

.question-container > .question > .value { 
    width: 60%;
    margin-bottom: 5px;
}

.question-container > .question > .answer { 
    position: relative;
    width: 39%;
    display: flex;
}

.question-container > .question > .answer > .option {
    position: relative;   
    width: 25%;
    height: 50px;
}

.question-container > .question > .answer > .option:hover {
    cursor: pointer;
}

.question-container > .question > .answer > .option > .text {
    position: relative;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto Mono';
    margin-bottom: 5px;
}

.question-container > .question > .answer > .option > .radio {
    width: 18px;
    height: 18px;
    border-radius: 10px;
    border: #232331 solid 1px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

.section.full-width.full-banded .question-container > .question > .answer > .option > .radio {
    border-color: #FFF;
}

.question-container > .question > .answer > .option:hover > .radio {
    background-color: #23FF23;
}

.question-container > .question > .answer > .option.checked > .radio {
    background-color: #FF23FF;
}


.result-header {
    position: relative;
    display: flex;
    padding-bottom: 5px;
    margin-top: 5px;
}

.result-header > .header {
    position: relative;
    width:80%;
    font-family: "Staatliches";
    font-size:16px;
}

.result-header > .right-label{
    position: relative;
    width: 20%;
    font-size: 12px;
    text-align: right;
    font-family: 'Roboto Mono';
}

.result-row {
    position: relative;
    min-height: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-top: 1px solid #d8d8d8;
}

.result-row > .container {
    position: relative;
    display: flex;
}

.result-row > .container > .score-text {
    width: 90%;
    font-size: 14px;
    font-family: 'Roboto Mono';
}

.result-row > .container > .health {
    width: 5%;
}

.result-row > .container > .health > .good {
    width: 14px;
    height: 14px;
    margin-top:4px;
    border-radius:9px;
    margin-left: auto;
    margin-right: auto;
    background-color: #0c6;
}

.result-row > .container > .health > .medium {
    width: 14px;
    height: 14px;
    border-radius:9px;
    margin-top:4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fa3;
}

.result-row > .container > .health > .poor {
    width: 14px;
    height: 14px;
    border-radius:9px;
    margin-top:4px;
    margin-left: auto;
    margin-right: auto;
    background-color: #f33;
}

.result-row > .solution {
    margin: 5px;
    margin-left: 30px;
    background-color: #FEF6EA;
    padding: 5px;
    border: 1px solid #d8d8d8;
    font-size: 12px;
    font-family: 'Roboto';
    color: #000;
}


.chart-container {
    position: relative;
    display: flex;
}

.chart-container > .col {
    position: relative;
    margin: 20px;
}

.chart-container > .col.col-1 {
    width: calc(100% - 40px);
}

.chart-container > .col.col-2 {
    width: calc(50% - 40px);
}

.chart-container > .col.col-3 {
    width: calc(33% - 40px);
}

.chart-container > .col > .label {
    text-align:center;
    font-family: "Staatliches";
    font-size: 24px;
    margin-top: 20px;
}

.chart-container > .col > .score {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    font-family: 'Roboto';
    font-weight: bold;
    text-align:center;
}

.chart-container > .col.col-1 > .score {
    height: 1024px;
    line-height: 1024px;
}

.chart-container > .col.col-2 > .score {
    height: 320px;
    line-height: 320px;
    font-size: 54px;
}

.chart-container > .col.col-3 > .score {
    height: 200px;
    line-height: 200px;
    font-size: 34px;
}

/* These are classes for the survey questions [END] */

.article-tabs {
    position: relative;
}

.article-tabs .tab-container {
    position: relative;
    margin-top: 0px;
    margin-bottom: 20px;
}

.article-tabs .tab-container > .tab {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    height: 25px;
    font-size: 14px;
    border-bottom: 3px solid transparent;
}

.article-tabs .tab-container > .tab > a {
    text-decoration: none;
    color: black;
}

.article-tabs .tab-container > .tab > a:hover {
    color: #2323FF;
}

.article-tabs .tab-container > .tab.selected {
    border-bottom: 3px solid #FF23FF;
}


.text-layout {
    position: relative;
    display: flex;
}

.text-layout > .left {
    width: calc(30% - 40px);
    padding-right: 40px;
}

.text-layout > .left > img {
    width: 100%;
    margin-top: 30px;
}

.text-layout > .left > .subtext {
    margin-top: 30px;
    line-height: 22px;
    font-family: 'Roboto';
}

.text-layout > .right {
    width: 70%;
}

.text-buttton {
    position: relative;
    border-top: 2px solid black;
    margin-top: 40px;
}

.text-buttton > .description {
    position: relative;
    padding-right: 200px;
    font-weight: bold;
    padding-top: 5px;
}

.text-buttton > a {
    position: absolute;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 55px;
    right: 0px;
    top: 0px;
    height: 55px;
    border: 2px solid black;
    border-top: 0px solid transparent;
    text-decoration: none;
    font-family: 'Roboto Mono';
    color: black !important;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.section.full-width.full-banded .text-buttton {
    border-color: #FFFFFF;
}

.section.full-width.full-banded .text-buttton > a {
    color: #FFFFFF !important;
    border-color: #FFFFFF;
}

.section.full-banded.highlight .text-buttton > a {
    background-color: #232330;
    border-color: #232330;
    color: #FFF !important;
}

.text-buttton > a:hover {
    color: #23FF23 !important;
    background-color: #232330;
    border-color: #232330;
}

.section.full-width.full-banded .text-buttton > a:hover {
    color: #23FF23 !important;
}

.section.full-banded.highlight .text-buttton > a:hover {
    color: #23FF23 !important;
}


.resource-tabs {
    position: relative;
    height: 400px;
    background-color: pink;
}


.highlight-tabs {
    min-height: 200px;
    margin-bottom: 40px;
}

.highlight-tabs > .container {
    display: flex;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

.highlight-tabs > .container > .tab-button {
    height: 60px;
    text-align: center;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    flex: 1 1 0px;
    cursor: pointer;
    user-select: none;
    background-color: #2E2D3A;
    font-family: 'Roboto';
    font-size: 12px;
    color: #FFFFFF;
    text-transform: uppercase;
    border-right: 4px solid #2E2D3A;
}

.highlight-tabs > .container > .tab-button.selected {
    background-color: transparent;
    color: #000;
    border-color: transparent;
    font-weight: bold;
}

.highlight-tabs > .tab-section {
    position: relative;
    min-height: 200px;
    display: none;
    background-color: #2E2D3A;
    padding: 20px;
}


.highlight-tabs > .tab-section.selected {
    display: block;
}


@keyframes scroll-left {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-1520px);
    }
}

.image-carousel {
    position: relative;
    min-height: 60px;
    margin-bottom: 40px;
    overflow-x: hidden;
}

.image-carousel > .left,
.image-carousel > .right {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 40px;   
}

.image-carousel > .left {
    left: 0px;
    background-image: linear-gradient(to right, #FFFFFF , rgba(255, 255, 255, 0));
}

.image-carousel > .right {
    right: 0px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #FFFFFF);
}

.image-carousel > .scroll-area {
    position: relative;
    display: flex;
    padding-left: 60px;
    animation: scroll-left 30s linear infinite;
}

.image-carousel > .scroll-area > .carousel-image {
    position: relative;
    width: 150px;
    margin: 20px;
}

.article-carousel {
    position: relative;
   /* margin-left: 40px;  
    margin-right: 40px;*/
    padding-top: 80px;
}

.article-carousel > .carousel-title {
    position: absolute;
    left: 0px;
    top: 10px;
}

.article-carousel > .scroll-area {
    position: relative;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-left: 2px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.article-carousel > .scroll-area::-webkit-scrollbar {
    display: none;
} 

.article-carousel > .scroll-area > .carousel-entry {
    position: relative;
    flex: none;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 70%;
    border: 2px solid transparent;
}

.article-carousel > .scroll-area > .carousel-entry.medium {
    width: 30%;
}

.article-carousel > .scroll-area > .carousel-entry:hover {
    border-color: #FF23FF;
	animation: shake 2s infinite;
}

.article-carousel > .scroll-area > .carousel-entry > a {
    position: relative;
}

.article-carousel > .scroll-area > .carousel-entry > a > img {
    width: 100%;
}

.article-carousel > .left,
.article-carousel > .right {
    position: absolute;
    top: 25px;
    height: 48px;
    width: 62px;
    line-height: 48px;
    text-align: center;
    color: black;
    cursor: pointer;
    background-color: #f4f4f4;
}

.article-carousel > .right {
    right: 0px;
}

.article-carousel > .left {
    right: 62px;
}

.article-carousel > .left:hover,
.article-carousel > .right:hover {
    color: #23FF31;
    background-color: #232331;
    border-color: #232331;
}

.check-display {
    position: relative;
    background-color: #232330;
    margin-bottom: 20px;
}

.check-display > .check {
    position: absolute;
    left: 20px;
    width: 28px;
    height: 28px;
    top: 50%;
    margin-top: -14px;
    background-color: #23ff23;
    color: black;
    line-height: 28px;
    text-align: center;
}

.check-display > .value {
    position: relative;
    margin-left: 70px;
    margin-right: 20px;
    padding-top: 24px;
    padding-bottom: 24px;
    color: #FFFFFF;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}

.leadership-carousel {
    position: relative;
    margin-left: 40px;  
    margin-right: 40px;
    padding-top: 80px;
}

.leadership-carousel > .carousel-title {
    position: absolute;
    left: 0px;
    top: 10px;
}

.leadership-carousel > .scroll-area {
    position: relative;
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-left: 2px;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.leadership-carousel > .scroll-area::-webkit-scrollbar {
    display: none;
} 

.leadership-tile {
    position: relative;
    flex: none;
    margin-top: 20px;
    background-color: #000;
    color: #FFFFFF;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 280px;
    height: 450px;
    background-position: center center;
    background-size: cover;
}

.leadership-tile > .opacity {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    background-color: #000;
    opacity: 0.9;
    display: none;
}

.leadership-tile.selected > .opacity {
    display: block;
}

.leadership-tile > .details {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 60px;
    top: 0px;
    padding: 30px;
    display: none;
}

.leadership-tile > .details > .detail-name {
    position: relative;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 18px;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.leadership-tile > .details > .detail-title {
    font-family: 'Roboto';
    color: #FF23FF;
    font-size: 12px;
    position: relative;
    margin-top: 5px;
}

.leadership-tile > .details > .detail-description {
    font-family: 'Roboto';
    font-size: 14px;
    margin-top: 20px;
}

.leadership-tile.selected > .details {
    display: block;
}

.leadership-tile > .main-name {
    position: absolute;
    left: 20px;
    right: 20px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 30px;
    bottom: 90px;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.leadership-tile.selected > .main-name {
    display: none;
}

.leadership-tile > .main-title {
    font-family: 'Roboto';
    color: #FF23FF;
    font-size: 12px;
    position: absolute;
    bottom: 75px;
    left: 20px;
    right: 20px;
}

.leadership-tile.selected > .main-title {
    display: none;
}

.leadership-tile > .button-area {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 60px;
    border-top: 1px solid #3B3A42;
    font-size: 18px;
    user-select: none;
}

.leadership-tile > .button-area > .button {
    position: absolute;
    left: 0px;
    left: 0px;
    top: 0px;
    right: 51px;
    font-family: 'Roboto Mono';
    cursor: pointer;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 60px;
    text-transform: uppercase;
    padding-left: 40px;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QAIwAjAP9oK/mfAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEDcPLhn+OAAAAJdJREFUSMe10TsOwlAMBdFZX1BKQHxSA6Fj1ZDwJGzhyB00j44moDsbOMWQmZeXMAAy8ywFKtJLgYqcpIAC4VtTTEcpABARBykAEM/opACAu3dSAMDN91LgH4Q5uflOClRkKwXmIvyam2+kAICZraVARVZSAMAetpQCAOVeWikAMN7GVgoAlLEspEBFGikAMFyHRgp8xr8BoL2YepAgXHgAAAAASUVORK5CYII=');
}

.leadership-tile > .button-area > .button:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEC4y7XEbMQAAARpJREFUSMe11btqwzAUBuDf0WAtVoWl7AG/TZIWenuQvkhfpGNeohB3SHql1yyBtu4ShBUk7KaLB9MSmjg+ZzvSD9+gw1EQi/isQHEOomJLt7yMwuirRNknAQDAOjuOwigrUQ5IgBry2TbC6o11Nm0bYb8PrLOpDOVHgWJIAgBA7vJUhvK9DYStu8hdfqW4evPwhyQAABhnJoqr110Q9l/AODNVXL14+CMSYFeEbRqskOdtEbZN2Dhzrbl+8vDHJEAThDV5uAp53ARhTcfPOHOjuX7w8CckQIXcaq7vPfwpCVBD7tYhnTYW2nwxv4iD+IAMAIDZYjbqdrp/kKDtHyyRyTD7zkagrEQmAyHESgixokT6pAAA9PZ6+z9ZBYvBj8gKzAAAAABJRU5ErkJggg==');  
}

.leadership-tile > .button-area > a {
    color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 50px;
    border-left: 1px solid #3B3A42;
    text-align: center;
    line-height: 60px;
}

.leadership-tile > .button-area > .button:hover,
.leadership-tile > .button-area > a:hover {
    color: #000;
    background-color: #FF23FF;
}



.leadership-carousel > .left,
.leadership-carousel > .right {
    position: absolute;
    top: 25px;
    height: 48px;
    width: 62px;
    line-height: 48px;
    text-align: center;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #2e2e3a;
}

.leadership-carousel > .right {
    right: 0px;
}

.leadership-carousel > .left {
    right: 62px;
}

.leadership-carousel > .left:hover,
.leadership-carousel > .right:hover {
    color: #23FF31;
}



.subscribe-form {
    position: relative;
    margin-bottom: 60px;
}

.subscribe-form > .container {
    position: relative;
    height: 60px;
    font-family: 'Roboto Mono';
    margin-top: 20px;
}

.subscribe-form > .container > form {
    position: absolute;
    left: 0px;
    right: 154px;
    top: 0px;
    bottom: 0px;
    padding: 0px;
}

.subscribe-form > .container > form > .error {
    position: relative;
    display: none;
    height: 50px;
    border: 2px solid #FF2331;
    color: #FF2331;
    margin-top: 70px;
    line-height: 50px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2e2e3a;
}

.subscribe-form > .container > form.error > .error {
    display: block;
}

.subscribe-form > .container > form.success > .error {
    display: block;
    border: 2px solid #23FF31;
    color: #23FF31;
}

.subscribe-form > .container  input {
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(100% - 20px);
    bottom: 0px;
    background-color: transparent;
    margin: 0px;
    outline: none;
    border: none;
    line-height: 60px;
    padding-left: 20px;
    background-color: transparent;
    color: #232331;
    font-family: 'Roboto Mono';
    border: 2px solid #232331;
}

.subscribe-form > .container  input::placeholder {
    color: #232331;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    font-style:normal;
}

.subscribe-form > .container > .button {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border: 2px solid #232331;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 56px;
    text-align: center;
    width: 150px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #232331;
}

.subscribe-form > .container > .button:hover {
    color: #23FF23;
}

.jump-off-tile {
    position: relative;
    height: 80px;
    background-color: #232331;
    margin-bottom: 20px;
    padding: 20px;
    color: #FFFFFF;
    transition: transform 0.2s; 
}

.jump-off-tile:hover {
    transform: scale(1.05); 
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%); 
    color: #000;
}

.jump-off-tile > .title {
    position: relative;
    font-family: 'Staatliches';
    font-size: 24px;
    text-transform: uppercase;
    padding-left: 54px;
}

.jump-off-tile > .content {
    position: relative;
    font-family: 'Roboto';
    font-size: 14px;
    margin-top: 10px;
    padding-left: 54px;
}

.jump-off-tile > a {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.jump-off-tile > .icon {
    position: absolute;
    top: 20px;
    left: 16px;
    width: 40px;
    height: 40px;
    color: #FF23FF;
    line-height: 40px;
    text-align: center;
    font-size: 38px;
}

.jump-off-tile:hover > .icon {
    color: #000;
}


.rainbow-grid {
    position: relative;
    text-align: center;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    margin-bottom: 45px;
    padding-bottom: 1px;
}

.rainbow-grid.has-top-spacer {
    margin-top: 100px;
}

.rainbow-grid > .title {
    position: relative;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    font-family: 'Staatliches';
}

.rainbow-grid > .li {
    position: relative;
    background-color: #2e2e3a;
    color: #FFF;
    text-align: center;
    padding: 10px;
    font-family: 'Roboto';
    margin: 1px;
}

.review-tile {
    position: relative;
    min-height: 100px;
    background-color: #232331;
    margin-bottom: 20px;
    padding: 20px;
    color: #FFFFFF;
    transition: transform 0.2s; 
}

.review-tile:hover {
    transform: scale(1.05); 
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%); 
    color: #000;
}

.review-tile > .tile-title {
    font-family: 'Staatliches';
    font-size: 22px;
    text-transform: uppercase;
}

.review-tile > .name {
    font-family: 'Roboto Mono';
    font-size: 10px;
    margin-top: 10px;
}

.review-tile.review-tile.has-top-spacer {
    margin-top: 100px;
}

.review-tile > a {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.review-tile > .tile-header {
    position: relative;
    height: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}

.review-tile:hover > .tile-header {
    background-image: none !important;
}

.review-tile > .tile-header > .star-text {
    color: #FF23FF;
    font-family: 'Roboto Mono';
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 16px;
}

.review-tile:hover > .tile-header > .star-text {
    color: #000;
}

.centered-list {
    position: relative;
    margin-bottom: 20px;
}

.dark .centered-list > .header {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    background-color: #F4F4F4;
    color: #FF23FF;
    margin-bottom: 1px;
    line-height: 35px;
    font-family: 'Roboto';
}

.dark .centered-list > .header {
    background-color: #393945;
    color: #23FF31;
}

.centered-list > .item {
    text-align: center;
    font-family: 'Roboto';
    font-size: 12px;
    color: #000;
    font-weight: bold;
    line-height: 35px;
}

.dark .centered-list > .item {
    background-color: #393945;
    color: #FFFFFF;
}


.topic-expand {
    position: relative;
    background-color: #F4F4F4;
    margin-bottom: 20px;
}

.dark .topic-expand {
    background-color: #393945;
    color: #FFFFFF;
}

.topic-expand > .header {
    position: relative;
    color: #000;
    border-bottom: 1px solid transparent;
    text-transform: uppercase;
    font-size: 14px;
}

.dark .topic-expand > .header {
    color: #FFFFFF;
}

.topic-expand.expanded > .header {
    border-color: #E3E3E3;
}

.dark .topic-expand.expanded > .header {
    border-bottom: none;
}

.topic-expand > .header > .title {
    position: relative;
    border-right: 1px solid #E3E3E3;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: 50px;
}

.dark .topic-expand > .header > .title {
    border-right-color: #393945;
}


.topic-expand > .header > .button {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 50px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.topic-expand.expanded > .header > .button {
    transform: rotate(180deg);
}

.dark .topic-expand.expanded > .header,
.dark .topic-expand.expanded > .header > .button {
    background-color: #F4F4F4;
    color: #000;
}

.topic-expand > .header > .button:hover {
    color: #FFFFFF !important;
    background-color: #FF23FF !important;
}

.topic-expand > .content {
    display: none;
    position: relative;
    padding: 20px;
    font-family: 'Roboto';
}

.dark .topic-expand > .content a {
    color: #FF23FF;
}

.topic-expand.expanded > .content {
    display: block;
}

.value-tile {
    position: relative;
    background-color: #2e2e3a;
    color: #FFFFFF;
    margin-right: 10px;
    margin-bottom: 45px;
    padding: 30px;
}

.value-tile h3 {
    color: #FFFFFF !important;
}

.value-tile.has-top-spacer {
    margin-top: 150px;
}

.value-tile > .tile-image {
    height: 48px;
    font-size: 30px;
    color: #FF23FF;
}

.value-tile > .tile-image.brand-value {
    font-size: 12px;
    text-transform: uppercase;
}

.value-tile > .tile-image.brand-value > span {
    color: #FFFFFF;
}

.value-tile > .tile-description {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
}

.featured-quote {
    position: relative;
    color: #232330;
    min-height: 500px;
}

.featured-quote.small {
    min-height: 300px;
}

.section.full-banded .featured-quote {
    color: #FFFFFF;
}

.section.full-banded.highlight .featured-quote {
    color: #232330 !important;
}

.featured-quote.no-image {
    min-height: 350px;
}

.featured-quote > .image {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 440px;
    width: 270px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.featured-quote.small > .image {
    top: 50px;
    height: 200px;
    width: 200px;
    border-radius: 100px;
}

.featured-quote.no-image > .image {
    display: none;
}

.featured-quote > .container {
    position: relative;
    padding-left: 310px;
    padding-right: 20px;
    padding-top: 60px;
}

.featured-quote.small > .container {
    padding-left: 220px;
}

.featured-quote.no-image > .container {
    top: 0px;
    left: 0px;
    right: 200px;
}

.featured-quote > .container > .symbol {
    position: relative;
    color: #FF23FF;
    font-size: 40px;
    height: 40px;
    width: 40px;
}

.featured-quote > .container > .quote {
    font-size: 22px;
    font-family: 'Roboto Condensed';
    text-transform: uppercase;
}

.featured-quote.small > .container > .quote {
    margin-top: 10px;
    margin-bottom: 10px;
}


.featured-quote > .container > h3 {
    color: #FFFFFF !important;
    margin-bottom: 0px !important;
}

.featured-quote > .container > .title {
    font-size: 10px;
    font-family: 'Roboto Mono';
}

.graphic-tile {
    position: relative;
    background-color: #232330;
    color: #FFFFFF;
    min-height: 300px;
    padding-top: 30px;
    margin-bottom: 40px;
}

.graphic-tile > .stripe {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    height: 8px;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

.graphic-tile a {
    color: #FF23FF !important;
}

.graphic-tile h3 {
    color: #FFFFFF !important;
    margin-left: 30px;
    margin-right: 30px;
}

.graphic-tile > .description {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    font-family: 'Roboto';
    height: 100px;
}

.graphic-tile > img {
    position: relative;
    width: 100%;
}


.standard-tile {
    position: relative;
    background-color: white;
    color: #000;
    margin-right: 10px;
    margin-bottom: 45px;
    padding: 30px;
    min-height: 260px;
}


.standard-tile.no-button {
    height: 205px;
}

.standard-tile.no-button > .stripe {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    height: 8px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.standard-tile.dark {
    background-color: #2e2e3a;
    color: #FFFFFF;
}

.standard-tile h3 {
    color: #000 !important;
}

.standard-tile.dark h3 {
    color: #FFFFFF !important;
}

.standard-tile.has-top-spacer {
    margin-top: 150px;
}

.standard-tile.has-border {
    border: 1px solid #EAEAEA;
}

.standard-tile > .tile-image {
    height: 48px;
    font-size: 30px;
    color: #FF23FF;
}

.standard-tile > .tile-description {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    min-height: 100px;
    font-family: Roboto;
    font-size: 14px;
    padding-bottom: 20px;
}


.standard-tile > .anchor {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 55px;
    border-top: 1px solid #EAEAEA;
    text-decoration: none;
}

.standard-tile.dark > .anchor {
    border-top: 1px solid #464652;
}

.standard-tile > .anchor > .contents {
    text-transform: uppercase;
    color: #000;
    line-height: 55px;
    padding-left: 46px;
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEC4y7XEbMQAAARpJREFUSMe11btqwzAUBuDf0WAtVoWl7AG/TZIWenuQvkhfpGNeohB3SHql1yyBtu4ShBUk7KaLB9MSmjg+ZzvSD9+gw1EQi/isQHEOomJLt7yMwuirRNknAQDAOjuOwigrUQ5IgBry2TbC6o11Nm0bYb8PrLOpDOVHgWJIAgBA7vJUhvK9DYStu8hdfqW4evPwhyQAABhnJoqr110Q9l/AODNVXL14+CMSYFeEbRqskOdtEbZN2Dhzrbl+8vDHJEAThDV5uAp53ARhTcfPOHOjuX7w8CckQIXcaq7vPfwpCVBD7tYhnTYW2nwxv4iD+IAMAIDZYjbqdrp/kKDtHyyRyTD7zkagrEQmAyHESgixokT6pAAA9PZ6+z9ZBYvBj8gKzAAAAABJRU5ErkJggg==');
}

.standard-tile.dark > .anchor > .contents {
    color: #FFFFFF;
}

.standard-tile > .anchor.colorful:hover {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

.standard-tile.dark > .anchor {
    color: #FFFFFF;
}


.standard-tile.dark > .anchor > .contents {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QAIwAjAP9oK/mfAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEDcPLhn+OAAAAJdJREFUSMe10TsOwlAMBdFZX1BKQHxSA6Fj1ZDwJGzhyB00j44moDsbOMWQmZeXMAAy8ywFKtJLgYqcpIAC4VtTTEcpABARBykAEM/opACAu3dSAMDN91LgH4Q5uflOClRkKwXmIvyam2+kAICZraVARVZSAMAetpQCAOVeWikAMN7GVgoAlLEspEBFGikAMFyHRgp8xr8BoL2YepAgXHgAAAAASUVORK5CYII=');
}


.standard-tile > .anchor.normal:hover > .contents {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QsdDxwAstWEogAAALJJREFUSMdjVP6v/J+BhoCRgYGBgZaWMMIYtLKEEZlDC0sY0QWobQkjNkFqWsKIS4JaljDik6SGJYyEFFBqCSMxiiixhJFYheRawkiKYnIsYSRVA6mWMJLjbVIsYSQ38oi1hJGSJEiMJYyUZiRCljBSozjAZwkTNSy4y3iX0fi38UIGWoMjb49EKv9HhUzUtMBG2Ga51w+vDpr7JOd7ThvMBzSz5NWLV160brEwhP0KWwAAhRdKLmViuDcAAAAASUVORK5CYII=');
    color: #23FF23;
    background-color: #2e2e3a;
}


.standard-tile.dark > .anchor:hover {
    background-color: #FF23FF;
}

.stats {
    position: relative;
    display: flex;
    flex-direction: row;
}

.stats > .stat {
    position: relative;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(33% - 20px);
    height: 100px;
}

.stats > .stat > .image {
    position: absolute;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    left: 0px;
    top: 0px;
    height: 100px;
    width: 40%;
}

.stats > .stat > .details {
    position: absolute;
    left: 40%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
}

.stats > .stat > .details > .center {
    position: relative;
    width: 100%;
}

.stats > .stat > .details > .center > .title {
    position: relative;
    font-size: 20px;
    font-weight: bold;
    color: #E1B009;
}

.stats > .stat > .details > .center > .description {
    position: relative;
}

.stats > .stat > .details > .center > .accent {
    position: relative;
    font-size: 10px;
}

.center-content {
    position: relative;
    margin: auto;
    width: 1008px; /* Getting a mysterious 16 pixels of margin*/
}

#secondary-toc > .menu-item {
    position: relative;
    display: inline-block;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
}

#secondary-toc > .menu-item > a {
    color: #5f6a7d;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
}

#secondary-toc > .menu-item > a:hover {
    color: #2323FF;
}

.section {
    position: relative;
    padding-top: 50px;
}

.section.no-padding {
    padding-top: 0px;
}

.section > .partial-band {
    position: absolute;
    left: 0px;
    right: 0px;
    display: none;
}

.section > .inner {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.section.no-padding > .inner {
    padding-top: 0px;
    padding-bottom: 0px;
}

.section.border-top > .inner {
    border-top: 1px solid #e0e0e0;
}

.section.border-bottom > .inner {
    border-bottom: 1px solid #e0e0e0;
}

.section.border-bottom.full-width {
    border-bottom: 1px solid #e0e0e0;
}

.section.border-top.full-width {
    border-top: 1px solid #e0e0e0;
}

.section.full-width > .inner {
    border-top: none;
    border-bottom: none;
}

.section.full-width.full-banded {
    background-color: #232331;
    color: white;
    background-size: 100% 30px;
    background-repeat: no-repeat;
    background-position: left top;
}

.section.full-width.full-banded.highlight {
    color: #232330 !important;
}

.section.full-width.top-banded.top-highlight,
.section.full-width.bottom-banded.bottom-highlight {
    color: #232330 !important;
}

.section.full-width.bottom-banded.top-highlight {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    background-size: cover;
}

.section.full-width.full-banded.bottom-border {
    background-position: left bottom;
}

.section.full-width.full-banded.highlight,
.section.full-width.top-banded.highlight {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    background-size: cover;
 }

.section.full-width.full-banded h2 {
    color: white;
 }

.section.full-width.top-banded.top-highlight h2,
.section.full-width.bottom-banded.bottom-highlight h2 {
    color: #232330 !important;
}

.band-separator-bottom {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

.band-separator-top {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

.section.full-width.top-banded > .partial-band {
    background-color: #232331;
    display: block;
    top: 0px;
    bottom: 40%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left bottom;
 }

 .section.full-width.top-banded {
     color: white;
 }

 .section.full-width.top-banded h2 {
    color: white;
 }


 .section.full-width.bottom-banded > .partial-band{
    background-color: #232331;
    display: block;
    top: 40%;
    bottom: 0px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
 }

 .section.full-width.top-banded.top-highlight > .partial-band,
 .section.full-width.bottom-banded.bottom-highlight > .partial-band {
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
 }



#toc {
    width: 295px;
    min-height: 400px;
   /* border-top: 4px solid #E1B009;*/
    display: inline-block;
    vertical-align: top;
    position: fixed;
    overflow-y: scroll;
    scrollbar-width: thin; /* Firefox */
}

#toc::-webkit-scrollbar {
    width: 6px;
}

#toc::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); 
}

#toc > .menu {
    position: relative;
}

#toc > .hamburger {
    position: absolute;
    display: none;
    color: inherit;
    font-size: 28px;
    line-height: 50px;
    text-align: right;
    padding-right: 10px;
    left: 0px;
    height: 50px;
    right: 0px;
    top: 0px;
    cursor: pointer;
}

.toc-level-1 {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    /*border-left: 2px solid #E8E8E8;
    border-right: 2px solid #E8E8E8;*/
    border-top: 2px solid #FF23FF;
    padding-right: 20px;
}

.toc-level-1.expanded {
    border-bottom: none;
    padding-bottom: 20px;
    background-color: #F4F4F5;
}

.toc-level-1 > .dropdown {
    display: none;
    margin-top: 10px;
}

.toc-level-1 > .icon {
    position: absolute;
    right: 10px;
    top: 25px;
    cursor: pointer;
    transition: transform 0.2s; 
}

.toc-level-1.expanded > .icon {
    transform: rotate(180deg);
}

.toc-level-1 > .icon:hover {
    color: #FF23FF;
}

.toc-level-1 > .dropdown > .toc-level-2 > .title {
    margin-left: 15px;
}

.toc-level-1.expanded > .dropdown {
    display: block;
}

.toc-level-1 > .container {
    position: relative;
    padding-left: 5px;
}


.toc-level-1 > .container > .title {
    position: relative;
    color: #000;
    font-size: 20px;
    user-select: none;
    text-decoration: none;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.toc-level-1 > .container > .title:hover {
    color: #2323FF;
}

.toc-level-1 > .container > .title > a {
    text-decoration: none;
    color: inherit;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;
}

.toc-level-1 > .container > .description {
    color: #79787D;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: "Roboto" ;
}

.toc-level-1.selected > .container > .title {
    color: #2323FF !important;
}

.toc-level-2 {
    position: relative;
    border-top: 1px solid #F4F4F5;
    background-color: #DFDFE1;
    font-family: 'Roboto';
}

.toc-level-2.selected {
    color: #DFDFE1 !important;
}

.toc-level-2 > .dropdown {
    display: none;
    margin-top: 0px;
}

.toc-level-2.expanded > .dropdown,
.toc-level-2.selected > .dropdown { 
    display: block;
}

.toc-level-2 > .container {
    position: relative;
    text-decoration: none;
}

.toc-level-2 > .container > .title {
    color: #79787D;
    font-size: 12px;
    font-weight: bold;
    user-select: none;
    min-height: 30px;
}

.toc-level-2.selected > .container > .title {
    color: #23FF23;
    background-color: #232330;
}

.toc-level-2.expanded > .container > .title {
    color: #000;
}

.toc-level-2 > .container > .title:hover {
    color: #23FF23 !important;
    background-color: #232330;
}

.toc-level-2 > .container > .title > a {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-decoration: none;
    color: inherit;
}

.toc-level-2 > .container > .title > .text-content {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 30px;
    padding-left: 15px;
    line-height: 20px;
}

.toc-level-2 > .container > .title > .chevron {
    position: absolute;
    right: 0px;
    width: 30px;
    top: 0px;
    bottom: 0px;
    line-height: 30px;
    text-align: center;
}

.toc-level-2.selected > .container > .title > .chevron {
    transform: rotate(180deg);
}

.toc-level-3 {
    margin-top: 0px;
}

.toc-level-3 > .container {
    position: relative;
}

.toc-level-3 > .container > .title {
    position: relative;
    color: #79787D;
    font-size: 12px;
    user-select: none;
    min-height: 30px;
}

.toc-level-3.selected > .container > .title {
    color: #23FF23;
    background-color: #232330;
}

.toc-level-3 > .container > .title:hover {
    color: #23FF23;
    background-color: #232330;
}

.toc-level-3 > .container > .title > a {
    text-decoration: none;
    color: inherit;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    text-decoration: none;
    color: inherit;
}

.toc-level-3 > .container > .title > .text-content {
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    padding-left: 20px;
    line-height: 20px;
}

#docsBody {
    width: 684px;
    min-height: 400px;
    display: inline-block;
    margin-left: 320px;
    vertical-align: top;
    font-family: Roboto;
    margin-bottom: 100px;
}


/****************************************************************************************************************

                                      TOPIC.CSS

*****************************************************************************************************************/

 
.docs-topic {
    position: relative;
}

.docs-topic .mobile-only {
    display: none;
}

.docs-topic sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
  
.docs-topic  sub {
    top: 0.4em;
}

.docs-topic .CodeMirror {
    font-family: Arial, monospace;
    font-size: 14px;
}

.docs-topic img {
    position: relative;
    display: block;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

.docs-topic img.center-vertical {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.docs-topic h1 {
    position: relative;
    font-size: 45px;
    clear: both;
    margin-top: 5px;
    color: #282d35;
    overflow: visible;
    overflow-wrap: break-word;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.docs-topic .h1-huge {
    font-size: 60px;
    clear: both;
    margin-top: 5px;
    color: #282d35;
    overflow: visible;
    overflow-wrap: break-word;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.docs-topic h1.has-bottom-border::after,
.docs-topic h2.has-bottom-border::after,
.docs-topic h3.has-bottom-border::after,
.docs-topic h4.has-bottom-border::after {
    height: 8px;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
    position: absolute;
    bottom: -8px;
    right: 0px;
    left: 0px;
    content: "";
}

.docs-topic h1.brand-color-one,
.docs-topic h2.brand-color-one,
.docs-topic h3.brand-color-one,
.docs-topic h4.brand-color-one,
.docs-topic .h1-huge.brand-color-one {
    color: #FF23FF !important;
}

.docs-topic h1.brand-color-two,
.docs-topic h2.brand-color-two,
.docs-topic h3.brand-color-two,
.docs-topic h4.brand-color-two,
.docs-topic .h1-huge.brand-color-two {
    color: #69fef4 !important;
}

.docs-topic h1.brand-font-two,
.docs-topic h2.brand-font-two,
.docs-topic h3.brand-font-two,
.docs-topic h4.brand-font-two,
.docs-topic .h1-huge.brand-font-two {
    font-family: 'Roboto';
    text-transform: none;
}

.section.full-width.full-banded .docs-topic h1,
.section.full-width.full-banded .docs-topic .h1-huge,
.section .docs-topic .dark h1 {
    color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic h1,
.section.full-width.full-banded.highlight .docs-topic .h1-huge {
    color: #232331 !important;
}

.docs-topic p.large {
    font-size: 20px;
}

.docs-topic .align-left {
    text-align: left;
}

.docs-topic .align-right {
    text-align: right;
}

.docs-topic .align-center {
    text-align: center;
}

.docs-topic h2 {
    position: relative;
    font-size: 42px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 15px;
    color: #282d35;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.section.full-width.full-banded .docs-topic h2,
.section .docs-topic .dark h2 {
    color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic h2 {
    color: #232331;
}

.docs-topic h2 > a {
    position: absolute;
    right: 12px;
    bottom: 0px;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #000;
    line-height: 40px;
    padding-left: 46px;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 2px;
    background-position: 30px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEC4y7XEbMQAAARpJREFUSMe11btqwzAUBuDf0WAtVoWl7AG/TZIWenuQvkhfpGNeohB3SHql1yyBtu4ShBUk7KaLB9MSmjg+ZzvSD9+gw1EQi/isQHEOomJLt7yMwuirRNknAQDAOjuOwigrUQ5IgBry2TbC6o11Nm0bYb8PrLOpDOVHgWJIAgBA7vJUhvK9DYStu8hdfqW4evPwhyQAABhnJoqr110Q9l/AODNVXL14+CMSYFeEbRqskOdtEbZN2Dhzrbl+8vDHJEAThDV5uAp53ARhTcfPOHOjuX7w8CckQIXcaq7vPfwpCVBD7tYhnTYW2nwxv4iD+IAMAIDZYjbqdrp/kKDtHyyRyTD7zkagrEQmAyHESgixokT6pAAA9PZ6+z9ZBYvBj8gKzAAAAABJRU5ErkJggg==');
    }
    
.docs-topic h2 > a:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5gELDxAeXTmUgQAAAPFJREFUSMe11j9OwzAUBvDvvaw9QjtVFZzBXZL2AkXpBhXQY3RggKGn6B+V9ibxAdhAiIkOyRkax10SKYKF0HyfZMm2LP30nmzJ4vvegxgBACYi1YSFSH3BQOTnRtuI/hK/RI7qP2gVVPkeFO/dQq5ar6BK71Ovl53ihQYAwOIteFp2imdKi+oxxs1tpisacAkiTQ4b4x5tpmsaUCIPNtMNDWiKyH9vhzHu3ma6pQEAMBy6WZLqjgaUyF2S6isNKJHbJNV945f811gbHKKem4Kd0egU+7739dE6Eob5DRUAgCjKJ1QAAMbj04T9Y0EY5vEZtrdv2Yxs5CAAAAAASUVORK5CYII=');
    color: #FF23FF;
}


.docs-topic h3 {
    position: relative;
    font-size: 25px;
    clear: both;
    margin-top: 5px;
    margin-bottom: 15px;
    color: #282d35;
    overflow-wrap: break-word;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.section.full-width.full-banded .docs-topic h3,
.section .docs-topic .dark h3 {
    color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic h3 {
    color: #232330 !important;
}

.docs-topic h4 {
    position: relative;
    font-size: 22px;
    clear: both;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #282d35;
    overflow-wrap: break-word;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.section.full-width.full-banded .docs-topic h4,
.section .docs-topic .dark h4 {
    color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic h4 {
    color: #232330 !important;
}

.docs-topic h5 {
    position: relative;
    font-size: 18px;
    clear: both;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #282d35;
    overflow-wrap: break-word;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.section.full-width.full-banded .docs-topic h5,
.section .docs-topic .dark h5 {
    color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic h5 {
    color: #232330 !important;
}

.docs-topic hr {
    border: 0;
    height: 1px;
    margin-bottom: 30px;
    background-color: #E5E5E5;
}

.docs-topic hr.blank-space {
    background-color: transparent;
}

.docs-topic hr.short {
    width: 25%;
}

.docs-topic hr.align-left {
    margin-left: 0px;
    margin-right: auto;
}

.docs-topic hr.brand-color-one {
    background-color: #FF23FF !important;
}

.docs-topic hr.brand-color-two {
    background-color: #69fef4 !important;
}


.docs-topic ul > li {
    padding-bottom: 5px;
}

.docs-topic ol > li {
    margin-top: 10px;
}

/* This is for confluence unordered lists */
.docs-topic ul > li > p {
    margin: 0px;
}

.docs-topic img.full {
    width: 100%;
    margin-bottom: 12px;
}

.docs-topic img.large {
    width: 75%;
}

.docs-topic img.medium {
    width: 50%;
}

.docs-topic img.small {
    width: 25%;
}

.docs-topic img.xsmall {
    width: 10%;
}

.docs-topic .feature-chart-outer {
    position: relative;
}

.docs-topic .feature-chart-outer .global-button {
    position: relative;
    display: none;
    background-color: #E8E8E9;
    height: 50px;
    padding-top: 14px;
    flex-wrap: nowrap;
    justify-content: center;
}


.docs-topic .bounding-box {
    position: relative;
    margin-bottom: 40px;
}

.docs-topic .bounding-box .inner {
    padding: 20px;
}

.docs-topic .bounding-box .top-border {
    position: relative;
    height: 8px;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);;
}

.docs-topic .bounding-box.dark {
    background-color: #2E2E3A;
}


.docs-topic .feature-chart-outer .tabs {
    position: relative;
    height: 80px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-top: 20px;
}

.docs-topic .feature-chart-outer .tab-1,
.docs-topic .feature-chart-outer .tab-2,
.docs-topic .feature-chart .col-2,
.docs-topic .feature-chart .col-3  {
    position: relative;
    width: 29%;
}

.docs-topic .feature-chart-outer .tab-1,
.docs-topic .feature-chart-outer .tab-2 {
    height: 80px;
    position: relative;
    text-align: center;
}

.docs-topic .feature-chart-outer .tab-0 {
    position: relative;
    width: 40%;
    height: 80px;
}

.docs-topic .feature-chart-outer .tab-1 .label,
.docs-topic .feature-chart-outer .tab-2 .label {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 20px;
}

.docs-topic .feature-chart-outer .global-button .button,
.docs-topic .feature-chart-outer .tab-1 .button,
.docs-topic .feature-chart-outer .tab-2 .button { 
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    padding: 8px;
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: #42a5c2;
}

.docs-topic .feature-chart-outer .global-button .button {
    width: 80%;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.docs-topic .feature-chart {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}

.docs-topic .feature-chart .band {
    background-color: #f8f8f9;
}

.docs-topic .feature-chart .check {
    color: #E1B009;
    font-size: 20px;
}

.docs-topic .feature-chart .check > span {
    color: #666;
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
    padding-left: 5px;
}

.docs-topic .feature-chart .col-1 {
    position: relative;
    width: 40%;
    font-weight: bold;
}


.docs-topic .feature-chart .feature-col-1,
.docs-topic .feature-chart .feature-col-2,
.docs-topic .feature-chart .feature-col-3 {
    position: relative;
    height: 40px;
    line-height: 40px;
}

.docs-topic .feature-chart .feature-col-1 {
    padding-left: 20px;
}

.docs-topic .feature-chart .feature-col-1 .label {
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 100%;
}

.docs-topic .feature-chart .feature-col-2,
.docs-topic .feature-chart .feature-col-3 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint span {
    text-decoration: underline;
    cursor: pointer;
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint .hint {
    position: absolute;
    display: none;
    background-color: #6c7980;
    color: white;
    bottom: 40px;
    border-radius: 5px;
    font-size: 12px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint .hint .box {
    position: absolute;
    display: block;
    background-color: #6c7980;
    height: 10px;
    width: 10px;
    bottom: -5px;
    left: 20px;
   /* right: 0;
    margin-left: auto;
    margin-right: auto;*/
    transform: rotate(45deg);
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint .hint ul {
    margin: 10px;
    margin-left: 0px;
    line-height: 100%;
    white-space: nowrap;
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint .hint ul li {
    margin-left: 0px;
}

.docs-topic .feature-chart .feature-col-1 .label.has-hint:hover .hint{
    display: block;
}


.docs-topic .feature-chart .feature-col-2,
.docs-topic .feature-chart .feature-col-3 {
    text-align: center;
}

.docs-topic .feature-chart .heading-col-1,
.docs-topic .feature-chart .heading-col-2,
.docs-topic .feature-chart .heading-col-3 {
    position: relative;
    height: 60px;
    line-height: 60px;
    font-weight: bold;
    color: #E1B009;
    border-bottom: 1px solid #e2e2e3;
    font-size: 24px;
}

.docs-topic .resource-header {
    position: relative;
    font-family: 'Roboto Mono';
    text-transform: uppercase;
    color: #FFFFFF;
}

.section.highlight .resource-header {
    color: #000;
}

.docs-topic .resource-header > .slash {
    color: #FF23FF;
}

.docs-topic .arcade {
    position: relative;
    padding-bottom: calc(49.2188% + 41px); 
    height: 0px; 
    width: 100%;
    overflow:hidden;
}

.docs-topic .arcade > iframe {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    color-scheme: light;
    overflow:hidden;
}


.docs-topic .speaker {
    position: relative;
    width: 300px;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
  }
  
.docs-topic .speaker .photo {
    width: 300px;
    height: 300px;
    padding: 10px;
    background-color: #F4F4F5;
    margin-bottom: 20px;
  }
  
.docs-topic .speaker-name {
    font-family: 'Staatliches';
    font-size: 24px;
  }
  
.docs-topic .speaker-title {
    font-family: 'Roboto';
    font-size: 16px;
  }
  
.docs-topic .speaker-company {
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
  }
  
  


.docs-topic .video {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.docs-topic .video > .inner {
    width: 100%;
    height: 0px;
    padding-top: 56.25%; /* 16:9 */
}

.docs-topic .video.full {
    width: 100%;
    margin-bottom: 25px;
}

.docs-topic .video.large {
    width: 75%;
    margin-bottom: 20px;
}

.docs-topic .video.medium {
    width: 50%;
    margin-bottom: 15px;
}

.docs-topic .video > .inner > iframe,
.docs-topic .video > .inner > video,
.docs-topic .video > .inner > .vidyard,
.docs-topic .video > .inner > .thumbnail {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.docs-topic .video > .inner > .thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    color: #FF23FF;
}

.docs-topic .video > .inner > .thumbnail > .icon {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 80px;
    width: 100%;
    text-align: center;
}

.docs-topic .share {
    position: relative;
    margin-bottom: 20px;
    height: 40px;
}

.docs-topic .share > .container {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    
}

.docs-topic .share > .container > .background {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #2e2e3a;
}

.section.highlight .docs-topic .share > .container > .background {
    opacity: 0.2;
}

.docs-topic .share > .container > .label {
    position: relative;
    display: inline-block;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    width: 80px;
    text-align:center;
    font-family: 'Roboto';
    text-transform: uppercase;
    color: #FFFFFF;
    border-right: 1px solid #232330;
    vertical-align: top;
    user-select: none;
}

.section.highlight .share > .container > .label {
    border-right-color: #b3b3b3;
}


.docs-topic .share.light > .container > .label {
    background-color: #f4f4f4;
    border-right-color: #CACACD;
    color: #232330;
}

.docs-topic .share > .container > .outlet {
    position: relative;
    display: inline-block;
    height: 40px;
    font-size: 24px;
    line-height: 40px;
    width: 35px;
    text-align:center;
    vertical-align: top;
}

.docs-topic .share > .container > .outlet.border {
    border-right: 1px solid #232330;
}

.section.highlight .docs-topic .share > .container > .outlet.border {
    border-right-color: #b3b3b3;
}



.docs-topic .share.light > .container > .outlet.border {
    border-right-color: #CACACD;
}

.docs-topic .share > .container > .outlet > a {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-decoration: none;
    color: #FFFFFF;
}

.docs-topic .share.light > .container > .outlet > a {
    background-color: #f4f4f4;
    color: #232330;
}

.docs-topic .share > .container > .outlet > a:hover {
    background-color: #2e2e3a;
    color: #23FF23;
}

.docs-topic .quote {
    position: relative;
    margin-top: 40px;
    margin-bottom: 40px;
}

.docs-topic .quote > .blockquote {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 28px;
    color: #FF23FF;
}

.docs-topic .quote > .content {
    position: relative;
    margin-left: 40px;
    margin-right: 100px;
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: "Staatliches";
}

.docs-topic .quote > .author {
    position: relative;
    text-align: center;
    font-size: 14px;
}

.docs-topic .internal-toc {
    min-height: 50px;
    display: inline-block;
    background-color: #E5E6E7;
    border-left: 4px solid #2323FF;
    padding: 10px;
}

.docs-topic .internal-toc a {
    color: #2323FF;
    text-decoration: none;
}

.docs-topic .internal-toc > .level-3 {
    padding-left: 20px;
}

.docs-topic .note {
    margin-bottom: 10px;
    background-color: #E5E6E7;
    padding: 10px;
    border-left: 4px solid #2323FF;
}

.docs-topic .badge {
    position: relative;
    width: 100%;
    height: 217px;
    background-color: #2323FF;
    border-radius: 5px;
}

.docs-topic .badge > .number {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
    font-size: 65px;
    height: 160px;
    line-height: 160px;
    color: white;
}

.docs-topic .badge > .text {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 90px;
    color: white;
    font-size: 24px;
    line-height: 90px;
    text-align: center;
}

.docs-topic .action {
    position: relative;
    margin-bottom: 15px;
}

.docs-topic .action td {
    vertical-align: middle;
}

.docs-topic .action .description {
    position: relative;
    margin-left: 10px;
}

.docs-topic .action .td-icon {
    width: 32px;
}

.docs-topic .action .icon {
    position: relative;
    width: 30px;
    height: 30px;
    color: #A2A5A6;
    border: 1px solid #A2A5A6;
    border-radius: 15px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    padding: 0px;
}

.docs-topic table {
    border-collapse: collapse !important;
}


.docs-topic .generic-table {
    position: relative;
    background-image: radial-gradient(circle at 100% 100%, var(--magenta), var(--bright-light-blue) 66%, var(--hot-green) 132%);
}

.docs-topic .generic-table table {
    width: 100%;
}

.docs-topic .generic-table th {
    padding: 5px;
    background-color: transparent;
    border: 1px solid #232331;
}

.docs-topic .generic-table td {
    padding: 5px;
    background-color: #fff;
    text-align: left;
    border: 1px solid #232331;
}

.docs-topic .generic-table td.gradient {
    background-color: transparent;
}

.docs-topic .generic-table td.highlight {
    background-color: #BCBEC0;
}

.docs-topic .generic-table td.center {
    text-align: center;
} 

.docs-topic .generic-table td.right {
    text-align: right;
} 




.docs-topic .compare-table {
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed;
}

.docs-topic .compare-table .compare-item { 
    font-weight: bold;
}

.docs-topic .compare-table th {
    font-weight: bold;
    padding: 10px;
    font-size: 24px;
}

.docs-topic .compare-table td {
    padding: 10px;
}

.docs-topic .compare-table td.no-check,
.docs-topic .compare-table td.check {
    font-size: 20px;
}

.docs-topic .compare-table td.check {
    color: #E1B009; 
}

.docs-topic .compare-table td.no-check {
    color: #7f0000;
    opacity: 0.5; 
}

.docs-topic .compare-table .band {
    background-color: #f8f8f9;
}

.docs-topic .compare-table .score {
    text-align: center;
    vertical-align: center;
}



.docs-topic .property-grid,
.docs-topic .description-grid,
.docs-topic .endpoint-grid {
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed;
}

.docs-topic .endpoint-grid {
    margin-bottom: 30px;
}

.docs-topic .property-grid .highlight-property {
    font-size: 12px;
    padding-left: 5px;
    color: #2285A2;
    padding-top: 5px;
    font-weight: bold;
}

.docs-topic .property-grid td,
.docs-topic .description-grid td,
.docs-topic .endpoint-grid td {
    border: 1px solid #E5E6E7;
    padding: 10px;
    vertical-align: top;
    overflow-wrap: break-word;
}

.docs-topic .description-grid td.property,
.docs-topic .property-grid td.property {
    width: 200px;
    overflow-wrap: break-word;
}

.docs-topic .description-grid td.details,
.docs-topic .property-grid td.details {
    width: auto;
}

.docs-topic .property-grid td .description {
    width: 100%;
}

.docs-topic .property-grid td > .example {
    position: relative;
    margin-bottom: 2px;
    font-size: 14px;
}

.docs-topic .property-grid td > .example > .string {
    color: #d01040;
}

.docs-topic .property-grid td > .example > .number,
.docs-topic .property-grid td > .example > .object,
.docs-topic .property-grid td > .example > .boolean {
    color: #2285A2;
}

.docs-topic .property-grid td > .type {
    color: #2285A2;
    margin-bottom: 8px;
    font-size: 14px;
}

.docs-topic .property-grid-header {
    background-color: #E5E6E7;
    color: #282d35;
    text-align: left;
    padding: 10px;
}

.docs-topic .endpoint-brief-summary {
    font-size: 12px;
    margin-bottom: -8px;
}

.docs-topic .endpoint-grid .header,
.docs-topic .description-grid .header {
    background-color: #E5E6E7;
    color: #282d35;
    text-align: left;
    padding: 10px;
    overflow-wrap: break-word;
}

.docs-topic .endpoint-grid .header.verb {
    width: 100px;
    background-color: #293846;
    color: white;
}

.docs-topic .endpoint-grid .header.path {
    width: 100%;
}

.docs-topic .endpoint-grid .description {
    background-color: #f4f6f8;
    overflow-wrap: break-word;
}

.docs-topic .endpoint-grid .description a {
    font-style: italic;
}

.docs-topic .endpoint-grid .endpoint-code {
   display: none; 
}

.docs-topic .endpoint-grid pre {
    overflow-x: auto;
}

.docs-topic .endpoint-grid .toggle-container {
    padding: 10px;
}

.docs-topic .endpoint-grid .route-description {
    font-size: 20px;
    font-weight: bold;
}

.docs-topic .endpoint-grid .code-expand {
    text-decoration: underline;
    color: #2323FF; 
}

.docs-topic .endpoint-grid .code-expand:hover {
    text-decoration: none;
    cursor: pointer; 
}


.docs-topic a {
    color: #2323FF; 
    overflow-wrap: break-word;
}

.section.full-banded a {
    color: #FF23FF;
}


.docs-topic .standard-link {
    position: relative;
    color: #000;
    white-space: nowrap;
    margin-top: 30px;
}

.dark .standard-link {
    color:#FF23FF;
}

.docs-topic .standard-link > a {
    color: #000;
    text-decoration: none;
    font-family: 'Roboto Mono';
    font-size: 12px;
    letter-spacing: 2px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 20px;
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEC4y7XEbMQAAARpJREFUSMe11btqwzAUBuDf0WAtVoWl7AG/TZIWenuQvkhfpGNeohB3SHql1yyBtu4ShBUk7KaLB9MSmjg+ZzvSD9+gw1EQi/isQHEOomJLt7yMwuirRNknAQDAOjuOwigrUQ5IgBry2TbC6o11Nm0bYb8PrLOpDOVHgWJIAgBA7vJUhvK9DYStu8hdfqW4evPwhyQAABhnJoqr110Q9l/AODNVXL14+CMSYFeEbRqskOdtEbZN2Dhzrbl+8vDHJEAThDV5uAp53ARhTcfPOHOjuX7w8CckQIXcaq7vPfwpCVBD7tYhnTYW2nwxv4iD+IAMAIDZYjbqdrp/kKDtHyyRyTD7zkagrEQmAyHESgixokT6pAAA9PZ6+z9ZBYvBj8gKzAAAAABJRU5ErkJggg==');
}

.dark .standard-link > a {
    color:#FF23FF;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5gELDxAeXTmUgQAAAPFJREFUSMe11j9OwzAUBvDvvaw9QjtVFZzBXZL2AkXpBhXQY3RggKGn6B+V9ibxAdhAiIkOyRkax10SKYKF0HyfZMm2LP30nmzJ4vvegxgBACYi1YSFSH3BQOTnRtuI/hK/RI7qP2gVVPkeFO/dQq5ar6BK71Ovl53ihQYAwOIteFp2imdKi+oxxs1tpisacAkiTQ4b4x5tpmsaUCIPNtMNDWiKyH9vhzHu3ma6pQEAMBy6WZLqjgaUyF2S6isNKJHbJNV945f811gbHKKem4Kd0egU+7739dE6Eob5DRUAgCjKJ1QAAMbj04T9Y0EY5vEZtrdv2Yxs5CAAAAAASUVORK5CYII=');
}

.docs-topic .standard-link > a:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5gELDxAeXTmUgQAAAPFJREFUSMe11j9OwzAUBvDvvaw9QjtVFZzBXZL2AkXpBhXQY3RggKGn6B+V9ibxAdhAiIkOyRkax10SKYKF0HyfZMm2LP30nmzJ4vvegxgBACYi1YSFSH3BQOTnRtuI/hK/RI7qP2gVVPkeFO/dQq5ar6BK71Ovl53ihQYAwOIteFp2imdKi+oxxs1tpisacAkiTQ4b4x5tpmsaUCIPNtMNDWiKyH9vhzHu3ma6pQEAMBy6WZLqjgaUyF2S6isNKJHbJNV945f811gbHKKem4Kd0egU+7739dE6Eob5DRUAgCjKJ1QAAMbj04T9Y0EY5vEZtrdv2Yxs5CAAAAAASUVORK5CYII=');
    color: #FF23FF;
}

.dark .standard-link > a:hover {
    color: #23ff31;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH6QwMEhwvIL2lSQAAAH9JREFUSMe11lkOwCAIRVHuWrqC7n9x9qtJa5yAh18KmBPjELna3aywYWZWifB2qhC+gwqEPqBGGAWVCLOECmGVVCDsCrIIJ0UZhNPCKIKnOILgneBFiCzbgxDdvFOEzBE8QchepB2C4jlYIRJghciAGSIFRogc6JESoPoj8UMeqC43yEW9c4IAAAAASUVORK5CYII=');
}

.docs-topic .button-link {
    background-color: white;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    font-family: "Roboto Mono";
}

.dark .docs-topic .button-link {
    background-color: #FF23FF;
}

.docs-topic .center-link { 
    text-align: center;
}

.docs-topic .right-link { 
    text-align: right;
}

.docs-topic .button-link > a {
    /*color: #707070;*/
    color: #000;
    border: 2px solid #000;
    text-decoration: none;
    padding-left: 20px;
    padding-right: 20px; 
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}

.dark .docs-topic .button-link > a {
    border: none;
}

.section.highlight .button-link > a {
    background-color: #2e2e3a;
    color: #FFFFFF;
}

.docs-topic .button-link > a:hover {
    background-color: #2e2e3a;
    color: #23FF23;
}

.dark .docs-topic .button-link > a:hover {
    background-color: #FF23FF;
    color: #FFF;
}

.section.highlight .button-link > a:hover {
    color: #2e2e3a;
    background-color: #FFFFFF;
}

.docs-topic .icon-point {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.docs-topic .icon-point > .icon {
    width: 40px;
    text-align: center;
    font-size: 24px;
    padding-top: 5px;
    color: #E1B009;
}

.docs-topic .icon-point > .details {
    width: calc(100% - 49px);
    padding-left: 10px;
}

.docs-topic .icon-point > .details > .title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.docs-topic .icon-point > .details > .value {
    position: relative;
}



.docs-topic .pricing { 
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.docs-topic .pricing > .summary {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 34px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.docs-topic .pricing > .summary > .platform {
    position: relative;
    height: 34px;
    width: calc(34% - 10px);
    margin-left: 5px;
    margin-right: 5px;
}

.docs-topic .pricing > .summary > .pack {
    position: relative;
    height: 34px;
    width: calc(64% - 10px);
    margin-left: 1px;
    margin-right: 8px;
}


.docs-topic .pricing > .summary .gather {
    position: absolute;
    bottom: 0px;
    height: 23px;
    left: 0px;
    right: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 2px solid #E1B009;
    border-left: 2px solid #E1B009;
    border-right: 2px solid #E1B009;
    text-align: center;
    padding-top: 7px;
}

.docs-topic .pricing  .option { 
    position: relative;
    border: 1px solid #E5E6E7;
    border-top: 10px solid #E5E6E7;
    border-radius: 10px;
    margin: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.docs-topic .pricing.show-summary  .option { 
    margin-top: 40px;
}

.docs-topic .pricing  .option.highlight {
    border-top: 10px solid #E1B009;
    box-shadow: 0px 5px 10px #c3c3c3; 
    padding-top: 0px;
}

.docs-topic .pricing  .double-container { 
    position: relative;
}

.docs-topic .pricing  .two { 
    width: calc(40% - 20px);
}

.docs-topic .pricing  .three { 
    width: calc(33% - 20px);
}

.docs-topic .pricing  .four { 
    width: calc(25% - 20px);
}

.docs-topic .pricing  .option > .title {
    font-size: 30px;
    font-weight: bold;
    text-align: center;   
    height: 40px;
    line-height: 40px;
    margin-top: 30px;
}

.docs-topic .pricing  .option > .description {
    text-align: center;   
    height: 60px;
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 14px;
}

.docs-topic .pricing  .option > .highlights {
    height: 160px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 20px;
}

.docs-topic .pricing  .option > .highlights > .highlight {
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.docs-topic .pricing  .option > .highlights > .highlight > .icon {
    width: 40px;
    text-align: center;
    font-size: 24px;
    color: #E1B009;
}

.docs-topic .pricing  .option > .highlights > .highlight > .details {
    width: calc(100% - 59px);
    font-size: 12px;
    color: #707070;
    padding-left: 10px;
    padding-right: 10px;
}

.docs-topic .pricing  .option > .section { 
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 10px;
    color: #707070;
    font-size: 14px;
}

.docs-topic .pricing  .option > .section.tiers { 
    height: 130px;
    font-size: 12px;
}

.docs-topic .pricing  .option > .section > p {
    margin-bottom: 0px;
}

.docs-topic .pricing  .option > .section > ul {
    margin-top: 5px;
    padding-left: 25px;
}

.docs-topic .pricing  .option > .section.tiers > ul {
    list-style-type: none;
    padding-left: 10px;
    margin-top: 0px;
}
.docs-topic .pricing  .option > .section.tiers > ul > li {
    margin-bottom: 5px;
}

.docs-topic .pricing  .option > .details {
    text-align: center;   
    height: 40px;
    padding: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 12px;
    color: #707070;
}

.docs-topic .pricing  .option > .activation {
    position: absolute;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 30px;
    background-color: #E5E6E7;
}

.docs-topic .pricing  .option > .activation > a {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
}


.docs-topic .pricing  .option > .price {
    text-align: center;   
    height: 60px;
    font-size: 20px;
    line-height: 60px;
}

.docs-topic .pricing  .option > .price .value {
    font-size: 40px;
    font-weight: bold;
}

.docs-topic .pricing  .option > .button-outer {
    position: relative;
    width: calc(100% - 60px);
    margin: auto;
    height: 45px;
    margin-top: 20px;
}

.docs-topic .pricing  .option > .button-outer > .button {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    font-size: 14px;
    text-transform: uppercase;
    padding: 15px;
    border-radius: 5px;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    text-decoration: none;
    color: white;
    font-weight: bold;
    background-color: #42a5c2;
    text-align: center;
}

.docs-topic .article-listing {
    position: relative;
    margin-bottom: 30px;
    border: 1px solid #D7D7D7;
    padding-bottom: 20px;
    height: 416px;
    background-color: #FFFFFF;
}

.docs-topic .article-listing > .category {
    position: absolute;
    left: 0px;
    top: 20px;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    color: #FFFFFF;
    font-family: 'Roboto';
    background-color: #000;
    text-transform: uppercase;
    user-select: none;
}

.docs-topic .article-listing > .category > .slash {
    color: #FF23FF;
}

.docs-topic .article-listing > .image {
    position: relative;
    width: 100%;
    height: 200px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 15px;
}

.docs-topic .article-listing > .image > a {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom:0px;
}

.docs-topic .article-listing > .title {
    font-size: 24px;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    color: #282d35;
    font-family: "Staatliches";
    padding-left: 20px;
    padding-right: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    text-transform: uppercase;
}

.docs-topic .article-listing > .description {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: 'Roboto';
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    height: 85px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;  
}


.docs-topic .article-listing > .read-it {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 50px;
    line-height: 50px;
    color: #000;
    white-space: nowrap;
    text-decoration: none;
    font-family: 'Roboto Mono';
    border-top: 1px solid #EAEAEA;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 36px;
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QoNEC4y7XEbMQAAARpJREFUSMe11btqwzAUBuDf0WAtVoWl7AG/TZIWenuQvkhfpGNeohB3SHql1yyBtu4ShBUk7KaLB9MSmjg+ZzvSD9+gw1EQi/isQHEOomJLt7yMwuirRNknAQDAOjuOwigrUQ5IgBry2TbC6o11Nm0bYb8PrLOpDOVHgWJIAgBA7vJUhvK9DYStu8hdfqW4evPwhyQAABhnJoqr110Q9l/AODNVXL14+CMSYFeEbRqskOdtEbZN2Dhzrbl+8vDHJEAThDV5uAp53ARhTcfPOHOjuX7w8CckQIXcaq7vPfwpCVBD7tYhnTYW2nwxv4iD+IAMAIDZYjbqdrp/kKDtHyyRyTD7zkagrEQmAyHESgixokT6pAAA9PZ6+z9ZBYvBj8gKzAAAAABJRU5ErkJggg==');
}

.docs-topic .article-listing > .read-it:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAADddAAA3XQEZgEZdAAAAB3RJTUUH5QsdDxwAstWEogAAALJJREFUSMdjVP6v/J+BhoCRgYGBgZaWMMIYtLKEEZlDC0sY0QWobQkjNkFqWsKIS4JaljDik6SGJYyEFFBqCSMxiiixhJFYheRawkiKYnIsYSRVA6mWMJLjbVIsYSQ38oi1hJGSJEiMJYyUZiRCljBSozjAZwkTNSy4y3iX0fi38UIGWoMjb49EKv9HhUzUtMBG2Ga51w+vDpr7JOd7ThvMBzSz5NWLV160brEwhP0KWwAAhRdKLmViuDcAAAAASUVORK5CYII=');
    color: #23FF23;
    background-color: #2e2e3a;
}

.docs-topic .article-listing > .author {
    position: absolute;
    left: 20px;
    top: 150px;
    right: 0px;
    height: 50px;
}

.docs-topic .article-listing > .author > .image { 
    width: 32px;
    height: 32px;
    border-radius: 16px;
    border: 1px solid #FFFFFF;
    display: inline-block;
    vertical-align: top;
    background-position: center center;
    background-size: cover;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
}

.docs-topic .article-listing > .author > .name { 
    height: 32px;
    padding-left: 5px;
    padding-top: 2px;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto';
    color: #FFFFFF;
}

.docs-topic .article-callout {
    position: relative;
    min-height: 100px;
    padding-bottom: 30px;
    padding-top: 10px;
}

.docs-topic .article-callout > .top-link {
    position: absolute;
    right: 0px;
    top: 30px;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    padding-right: 30px;
    color: #000;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAVNJREFUaEPt2btKBDEUBuBvwUILGzvRFxJbBQtB0bfQUl9Cay8I+lQ2KnaKWCjIFC7LuoKTZHORmT7J/+WEmUNmpPFn1Hh+A6B0BYcKDBWI3IHcR2gFb3iPzD0enhNwiiO84gC3KRC5AN3OPzN+bX9gFzexiFyARTxheSJwEkQuQJd7C9dYSInICfgN8Yl9XIQcp9yA5IgSgKSIUoBkiJKAJIjSgGhEDYAoRC2AYERNgCBEbYDeiFmATZxhLeTLOMcxXe+0g7vJNWYB7rE+xyAxUz9g9d8DNnBeYRX+fIRiSpxi7DauptrurmPdw+X0ArW9hXqF7zA1AXqHrwkQFL4WQHD4GgBR4UsDosOXBCQJXwqQLHwJQNLwuQFNX2wt4bHlq8XmL3e743qCY7zgsLXr9e8msukfHCla7R9z1NSNBgEHQNC2JRw0VCDhZgZN1XwFvgA/ZmIxTP9xoAAAAABJRU5ErkJggg==");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 24px 24px;
}

.docs-topic .article-callout > .container {
    position: relative;
    display: flex;
    height: 300px;
    margin-bottom: 20px;
    border: 1px solid #BEC1C3;
    background-color: white;
}

.docs-topic .article-callout > .container > .left {
    position: relative;
    width: 30%;
    padding: 30px;
}

.docs-topic .article-callout > .container > .left > img {
    width: 100%;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.docs-topic .article-callout > .container > .right {
    position: relative;
    width: 70%;
    padding: 30px;
}

.docs-topic .article-callout > .container > .right > .content {
    position: relative;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 40px;
}

.docs-topic .article-callout > .container > .right > .content > .value {
    margin-bottom: 20px;
}


.docs-topic .text-callout {
    position: relative;
    min-height: 100px;
    padding-bottom: 30px;
}

.docs-topic .text-callout .topContainer,
.docs-topic .text-callout .bottomContainer {
    display: flex;
    flex-direction: row;
}

.docs-topic .text-callout > .topContainer .chevron {
    width: 0; 
    height: 0; 
    border-left: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-top: 40px solid #000;
    margin-bottom: -40px;
    margin-top: 10px;
}

.docs-topic .text-callout .topText,
.docs-topic .text-callout .bottomText {
    font-family: 'Staatliches';
    font-size: 52px;
    text-transform: uppercase;
    font-weight: bold;
}

.docs-topic .text-callout .topText {
    position: relative;
}

.docs-topic .text-callout .bottomContainer .bottomLeft {
    position: relative;
    width: 45%;
}

.docs-topic .text-callout .bottomContainer .bottomLeft .arrow-head {
    position: absolute;
    right: 20px;
    top: 8px;
    width: 0; 
    height: 0; 
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #000;
}

.docs-topic .text-callout .bottomContainer .bottomLeft .arrow-stem {
    position: absolute;
    right: 30px;
    left: 0px;
    top: 22px;
    height: 12px;
    background-color: #000;
}

.full-banded .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-stem {
    background-color: #FFF !important;
}

.full-banded .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-head {
    border-left-color: #FFF !important;
}

.full-banded .docs-topic .text-callout > .topContainer .chevron {
    border-top-color: #FFF !important;
}

.full-banded.highlight .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-stem {
    background-color: #000 !important;
}

.full-banded.highlight .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-head {
    border-left-color: #000 !important;
}

.full-banded.highlight .docs-topic .text-callout > .topContainer .chevron {
    border-top-color: #000 !important;
}




.docs-topic .callout {
    position: relative;
    min-height: 100px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    padding-bottom: 30px;
}

.docs-topic .callout > .left {
    position: relative;
    width: calc(30% - 10px);
    min-height: 100px;
    padding: 20px;
    padding-left: 0px;
}

.docs-topic .callout > .left > .description {
    margin-top: 20px;
}

.docs-topic .callout > .right {
    position: relative;
    width: calc(69% - 40px);
    min-height: 80px;
    padding: 20px;
}

.docs-topic .callout > .right > .arrow-head {
    position: absolute;
    right: 75px;
    top: 50%;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #000;
}

.docs-topic .callout > .right > .arrow-stem {
    position: absolute;
    right: 93px;
    top: 50%;
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
    width: 5px;
    height: 40px;
    background-color: #000;
}

.docs-topic .callout > .right > .arrow-line {
    position: absolute;
    right: 93px;
    top: 50%;
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
    left: 30px;
    height: 5px;
    background-color: #000;
}

.section.full-width.full-banded .docs-topic .callout > .right > .arrow-head {
    border-top-color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic .callout > .right > .arrow-head {
    border-top-color: #232330 !important;
}

.section.full-width.full-banded .docs-topic .callout > .right > .arrow-stem,
.section.full-width.full-banded .docs-topic .callout > .right > .arrow-line {
    background-color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic .callout > .right > .arrow-stem,
.section.full-width.full-banded.highlight .docs-topic .callout > .right > .arrow-line {
    background-color: #232330 !important;
}

.docs-topic .callout > .right > .cta {
    position: absolute;
    height: 40px;
    width: 150px;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    top: 70%;
    right: 0px;
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px);
    line-height: 40px;
    border: 2px solid #000;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-family: 'Roboto Mono';
}

.docs-topic .callout > .right > .cta:hover {
    color: #FFFFFF;
    border-color: #2323FF;
    background-color: #2323FF;
}

.section.full-width.full-banded .docs-topic .callout > .right > .cta{
    color: #FFFFFF;
    border-color: #FFFFFF;
}

.section.full-width.full-banded.highlight .docs-topic .callout > .right > .cta{
    color: #FFFFFF;
    border-color: #232330;
    background-color: #232330;
}


 .section.full-width.full-banded .docs-topic .callout > .right > .cta:hover {
    color: #232331;
    border-color: #FF23FF;
    background-color: #FF23FF;
 }

 .section.full-width.full-banded.highlight .docs-topic .callout > .right > .cta:hover {
    color: #23ff23 !important;
    border-color: #232330;
    background-color: #232330;
}

.docs-topic .code {
    border: 1px solid #E5E6E7;
    margin-bottom: 10px;
}

.docs-topic .layout {
    position: relative;
    clear: both;
    display: flex;
}

.docs-topic .layout > .col {
    position: relative;
}

.docs-topic .layout > .column-100 {
    width: 100%;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-66 {
    width: calc(66% - 17px);
    margin-right: 34px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-50 {
    width: calc(50% - 17px);
    margin-right: 34px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-33 {
    width: calc(33% - 11px);
    margin-right: 34px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-25 {
    width: calc(25% - 8px);
    margin-right: 34px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-20 {
    width: calc(20% - 2px);
    margin-right: 14px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .column-16 {
    width: calc(16% - 12px);
    margin-right: 12px;
    margin-bottom: 30px;
    vertical-align: top;
}

.docs-topic .layout > .col.last-column {
    margin-right: 0px;
}

.docs-topic .image-text-layout {
    position: relative;
    width: 100%;
}

.docs-topic .image-text-layout > .item {
    position: relative;
    margin-top: 40px;
}

.docs-topic .image-text-layout > .item > .image {
    position: relative;
    display: inline-block;
    width: 25%;
}

.docs-topic .image-text-layout > .item > .image > img,
.docs-topic .image-text-layout > .item > .image > a > img {
    position: relative;
    width: 100%;
    vertical-align: top;
    border:0;
    outline:none;
}

.docs-topic .image-text-layout > .item > .text {
    position: relative;
    display: inline-block;
    width: calc(75% - 42px);
    vertical-align: top;
    margin-left: 40px;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.docs-topic .review-carousel {
    position: relative;
    height: 360px;
    box-sizing:border-box;
    margin-top: 40px;
}

/* Slideshow container */
.docs-topic .review-carousel .slideshow-container {
    height: 360px;
    position: relative;
    margin: auto;
}

/* Hide the images by default */
.docs-topic .review-carousel .slides {
    display: none;
    height: 100%;
}

.docs-topic .review-carousel .review-container {
    height: 100%;
    margin-left: 45px;
    margin-right: 45px;
    border: 1px solid #e0e0e0;
    padding-top: 16px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 5px;
}

.docs-topic .review-carousel .dots {
    padding-top: 30px;
    text-align:center;
}

.docs-topic .review-carousel .main-title {
    position: relative;
    font-size: 30px;
    font-weight: bold;
    margin-top: 15px;
}

.docs-topic .review-carousel .best-title {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}

.docs-topic .review-carousel .review-description {
    position: relative;
    margin-top: 15px;
}

.docs-topic .review-carousel .star-container {
    position: relative;
    height: 30px;
    margin-top: 10px;
    border-top: 1px solid #e0e0e0;
    padding-top: 10px;
}

/* This is when the stars are in our review tiles in a layout */
.review-tile > .tile-header .star-container {
    position: absolute;
    right: 0px;
    font-size: 10px;
}

.docs-topic .review-carousel .star-container .star {
    width: 30px;
    height: 30px;
    text-align:center;
    line-height: 30px;
    font-size: 25px;
    color: #E1B009;
}

.docs-topic .review-carousel .star-container .date {
    font-size: 14px;
    font-weight: lighter;
    padding-left: 20px;
}

.docs-topic .review-carousel .author-area {
    height: 80px;
    position: relative;
    padding-left: 90px;
}

.docs-topic .review-carousel .author-name {
    position: relative;
    font-weight: bold;
    font-size: 18px;
    padding-top: 20px;
}

.docs-topic .review-carousel .author-size {
    position: relative;
    font-size: 14px;
    font-weight: lighter;
}

.docs-topic .review-carousel .author-circle {
    height: 80px;
    width: 80px;
    border-radius: 40px;
    background-color: #7c7c83;
    color: white;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    text-transform: uppercase;
}

/* Next & previous buttons */
.docs-topic .review-carousel .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: black !important;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 3px 3px 3px 3px;
    user-select: none;
}

.docs-topic .review-carousel a:link, 
.docs-topic .review-carousel a:visited, 
.docs-topic .review-carousel a:hover,
.docs-topic .review-carousel a:active {
    color: black;
}

.docs-topic .review-carousel .external-link,
.docs-topic .review-carousel .external-link:link, 
.docs-topic .review-carousel .external-link:visited, 
.docs-topic .review-carousel .external-link:hover,
.docs-topic .review-carousel .external-link:active { 
    position: absolute;
    right: 0px;
    top: 30px;
    color: #2996cc !important;
}

/* Position the "next button" to the right */
.docs-topic .review-carousel .next {
    right: 0;
}

/* On hover, add a black background color with a little bit see-through */
.docs-topic .review-carousel .prev:hover, .next:hover {
    background-color: silver;
}

/* The dots/bullets/indicators */
.docs-topic .review-carousel .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.docs-topic .review-carousel .active, .dot:hover {
    background-color: #717171;
}

.docs-topic .map {
    position: relative;
    height: 400px;  
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


#form-cn { /* This is the honeypot input that we use to trap bots */
    height: 20px;
    width: 100%;
    background-color: transparent;
    border: none;
    cursor: default;
    color: transparent;
}

#form-cn:focus {
    outline:none;
}

.docs-topic .hubspot-form {
    position: relative;
    border: 2px solid transparent;
    margin-top: 40px;
}

.docs-topic .hubspot-form.dark-border {
    padding: 20px;
    /*background-color: #2E2E3A;*/
    background-color: #373741;
}

.docs-topic .hubspot-form > .error-display {
    display: none;
    position: relative;
    width: calc(100% - 17px);
    height: 60px;
    margin-top: 20px;
    border: 2px solid #FF2331;
    color: #FF2331;
    padding-left: 14px;
    font-size: 24px;
    line-height: 60px;
}

.docs-topic .hubspot-form.error > .error-display {
    display: block;
}

.section.highlight .docs-topic .hubspot-form.error > .error-display {
    background-color: #63636b;
}

.docs-topic .hubspot-form.success > .error-display {
    display: block;
    border-color: #23FF31;
    color: #23FF31;
}

.docs-topic .hubspot-form.light.success > .error-display {
    display: block;
    border-color: #008508;
    color: #008508;
}

.docs-topic .hubspot-form > .error-display > span {
    position: absolute;
    left: 44px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    line-height: 60px;
    height: 60px;
    font-family: 'Roboto Mono';
    font-size: 14px;
}

.docs-topic .hubspot-form > .dropdown {
    position: relative;
    height: 50px;
    background-color: #63636b;
    margin-bottom: 25px;
    border: 1px solid transparent;
    text-align: right;
    padding-right: 10px;
    width: calc(100% - 12px);
    color: #949699;
    line-height: 50px;
    cursor: pointer;
}
.docs-topic .hubspot-form > .dropdown > .placeholder {
    position: absolute;
    left: 20px;
    top: -14px;
    font-size: 8px;
    color: #949699;
}

.docs-topic .hubspot-form > .dropdown > select {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 60px);
    background-color: transparent;
    outline: none;
    border: none;
    line-height: 50px;
    font-size: 12px;
    font-family: 'Roboto Mono';
    margin-left: 15px;
    border-radius: 0px;
    color: #FFFFFF;
}

.docs-topic .hubspot-form > .dropdown > select > option {
    background-color: #63636b;
}


.docs-topic .hubspot-form > .text-input {
    position: relative;
    height: 50px;
    background-color: #63636b;
    margin-bottom: 25px;
    border: 1px solid transparent;
    text-align: right;
    padding-right: 10px;
    width: calc(100% - 12px);
    color: #FFFFFF;
    line-height: 50px;
}

.docs-topic .hubspot-form > .text-input.custom-background {
    background-repeat: no-repeat;
    background-position: 9px 8px;
   /* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAjCAYAAABYQ9K2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wUfDRAIS85AEwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEyUlEQVR42u3YXUyTVxjA8f9LAQstFFs7sJUK2DBRNGrE+MbBtkhdbNRgpvNimhkX4hINc15swytJHLtDM3TBGMcaJc4YExI2XFajCXM22Zifk2Y4pmEggivQL6kwcnaBIMs2ipOyLTm/y5Nz3ud8POd53xYkSZIkSZIkSZIkSZIkSZIkSZIk6Rkp0TqU7isTDy566U7P4+V0H5VH65SSnRXC2u/hyqPcsbbR/lv3lgtuNnPS7f5jW0szJ78caXNsLRcFNu2fg0U6qKw6NuGc/nKsr3VsDmrh5px5S3PbbPpEBkMdtFy962j82n1+shvywpptIjMlyKmz9cp0HcLfxSwpLRcLzFqI+Gi56aV+3J5OtfhoHczWDIYTvESsWVjmanGqjmK9OQNDaBgSzVjMA2N9VXVzjjHDDK1PxquOPSLPngWRJ42P/D10diUAJnILMoj8cIv2AWAwGHXCo2OTrAvJT77Pd7d9EAyPxV+2rrgty++lubUdbc5inJtmu1OG4fTliTdx/fZ3xZK8LNL1GkI/nufUNCTARDG3vFctVurvce3WHbDk8eK6FDQhxFlPbJIhaiKEwlr0qTDToAN9CkbS3MbUMCE/MDN6AP08K8l9/fw2J3OsranhuNIEqGqpsBWY8Le34fp8cgscHessqxL59OCqHVdBTNltmcmdXKm/xenHG5b04VGRmwtcnvi5Rt0grZe+4Fr2alb9g410llUJZ6qX3QeOTfqgJor5sOMGF7runmm44H5NVUuFzZ6H1RS7pIyaCP6wDqshDdJ66O5OxTgrEU18mN7eySVCpkVH181vGFqxhLccDlETw/JGIEwkLhP78zrwjDTVlO+cVDzXkUPKyIGuFtP1SpgoZkPduISyzCJ1qJ/W3n8xESKRYTQJJgxxQe78qiPblALxQ9wbnfrspRysqh5bSNyMIdpGXwtFu4Qt7T77P6tTtsxdJRbP04E7dovxNB1RNMY9orhwLYeri0T3bS/fP+U3wtPaurdC2LSgMWgh3s6+fRUCfLRc9FI/BWVcXbtLvLLKQl/zV1Ffb7GtCKEIurlWNMFO2vp15NutEAkSBAfgpusq7zwuh6q6OadgozqaByTkWpnZ0wlAb88D9NnWmN+yS/WHlEv1ULR+u1iwaCnOTXPcBgVONcVmE/3dXXQmQlKckfTkAJ1dPiA8NUmgvt67snghwzfOUXmiIaYfr3FRFxoIk2QyMdzng94AGNKYEeij0RP9ltltJjDP52BVtXAuMoLJyo4iR8xKb9H6N8Ubm0rEyLfEp0pN5dvK9UAG+Qt0MdvAhroaxVVbo7QHhuBhD67aGsVVe2LKDi3ka6P150jML1DUikB/kMH45wj39UN/KoEZiZgHHkbP5qJdwmbycf30RT55fBt37D8qbPZEaIrNYoa0GSwpzAJ/WLjcbkUt3CYMyRAJh/+Xv+09njqjxzM9saInQmSQQcL4+8DjOa4sK1khUiPRMzTBbmWWr5P940ryTx0+llkszzRhZ1mVcM4fveHLOfzxcsG9ZnYfOKZ4znygGHQV4qUNGzm4doOIS9Aw8Mu3vH/CHfP/BBo/2qs0TvEz1dVlwvlqFvcbznHknFtBkiRJkiRJkiRJkiRJkiRJkiRJkv7LfgcORtsLkpdMiwAAAABJRU5ErkJggg==');*/
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAjCAYAAABYQ9K2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH6QwLFQImFbgMDgAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEN0lEQVR42u3X208bVxAH4N8xOOC7jUnZGAGGmEDAIAtCBBIFFdIHt8X/aN82LUSijkCFuClFiSktl4SLSRE3E9vrNcaYePpgMLS0bEhY0krzSX7w0c7OOWdnd2cBxhhjjDHGGGOMMcYYY4wxxvS2FI9RRA6THIlR/NVLAoDIK4XWZif+MnYqurlH0XD44tjE2Vg4ukfxuHLxt7lEWvP5x9hzc5BHZ5qisX2KxxXaii3R5Gj40VXW+/3TOXrxPEI3ucf/ljOydLLWzRhF/ran182gdYDb/RmcRsAu1cHdIGFSDj8yu22wlb0DLG643abSsbI80+S87Ybz1lm8HH5DzZ5qNNdbS2NH6X1s7+5iezcPs9uGMmW3+H8voznh09ikwQa3JV+MS2RL+TuGH6y0WQ4QW13HfkUTBoLd47OPtTdx6rdtSuSIvvqiA/el8hspgMtyzu4Q9dYC2xtvsA0JvUMBPJf1KwbNQsjkK2C2Ag6bAIxWOGEfd1oJmfT7JbA0SDBlj2C84ymNBftbhb/NJ1Zfx5EDQdmMwd/mE/5Al9A632nsZpqAbLwY97CvGOeqW7lzK4X5Z8voftgp/JJRrOQcaGrSnqfTnMfqzI+Y3viwvZ6MFYjeLl0p+LKc2a1lTD+b+9bf1S5WZ9eRhAuSS7+i1Cz99IGAZLMD9gySKQucVUaUlR8gmQTg0E7gqSnHzmIUx4F2vA6HyTc8LHRbjZpFDjXw3jWXhnyV4r3y+RvrxOkFvalXwmU5+wMtZ/OuqYIVClaTn/DVkMsBZUYX7AYVGwmC3WWFRRwjdzp11z1QgYgKRCPfPFipN557LYytkceagtQVEDt75fA0mHXd2FCwUUz99AcMrb0gKlDiA3qEq4puFvuUTkkADi+KfUuxr7qO88sTazTYU43Ur/PoHtHvJjJoPxEIploJVlVFLKXCVCvBlD+ECnwJAEgsQxiEEAYhHn/3y92N/FmssVGCPZEAACT30zDVSLrfZV/31QlHmRBPphewb7mHgWDP+Isx/d6t6b1if7OfAXCknvQ+KfSFPv6iyfLLt12fe1FYmEZ1Z7/Qc980C0FJH6DCYcG7VAJIqoDdggo1hcHQ8A9asd7aSsDlBRWIhlptgFXCgo4XZWxqkeZ/Lnbfwf524asWYjljQ0uzfk+i/oDvYs/S1nltFy2T2MLqRk73G0izEKCoOAaQTSmAokAVAA6z2tU8tkYe6yEWnzwtPTEWlUp4vEbdFpOvuI32ng7Mn3xqyaNzZDcBuYOD/+WneygUqGqp9oju4LD49IWQyyMPgpICQqFWkT4CcjntCjV6JdjVbdw/t4j1rUPYa2o+asKTsQIREQ3Ui2J/QlTq1kM9bjH5ewG+oSFQgWgk2AHX3hJcnfpv5GCDQYiqlmvNI4/HSKUCrU2ECYwxxhhjjDHGGGOMMcYYY4z91/0JKw0uDqcDk68AAAAASUVORK5CYII=');
}

.docs-topic .hubspot-form > .text-input.custom-background.error {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAjCAYAAABYQ9K2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wUfDRUu5LQxqwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAENklEQVR42u3YPVAbRxQH8P/epyQQg0MaKw0eJsLJDI5AJkKaMIAnRJXdyBVN4soN0OCKBmhSpcI0qWI3qUIDFShjwIUJHzIzyUzGoYE0pJEISCC41d29FCAwSYzkwOEU7zejGelud9+t9t3u3gGMMcYYY4wxxhhjjDHGGGOMXZCoVGDuVhet1xh4uJgWG2136MbLZ+LbtgS1qDVIrJweK5efinQSTB/uLaXPHvP5cO+no2MjtzvpK+n8M5hi4olfw9hi+o3X9a91NR/OXsNn1OK6kIqJab+GR+e093dfdtyhu46C+ys/iqsahDfF/C7aSd0lB1B0zJsGHiylPbsmrVKBxqIEAga+aY1R40EJ4/Feur6XxXWl5uh8ic6UD1kSMH1njiUKe4AwT37nFA3rugrARnTHQqGuBusKACGQq3A95bpBax9x18SsXwMU5eT86kdt1OwqmDENBOU+hrZ1hOK91FchGcajnXS3uI/G7J/Yq224kgQ4L+b3n9ymlAXM+0zAPkTfjgOzin54lgg53UWQgLAjAamiEYSQbSAXqC7ASFsHBS0AsoSReC+NLabFxPKcmDg+v9EUo5yhI1lltpfrjkdiFHd0JDNzZ+o12wHM1Ju4f/yHvfi4lbqkv2K7za5AJtiAaZnHg/8yqJEYDTgBiF/mqh6o82Jm9SCe+DU8PJ5FN5piFHb9eGczQk6VCDsElPzY8tsIOS5MUrGlVBegW9rYDNRBFopIugbGPL7L8nSIqPQhFe+lycW0SPy6VtXAJNeei/KAXtWScF7MwdXThEq1d1IoT1hU8C4TQYVBNhqgIqM7iDoupKucTuEHBVg32086YpSAzGv1w9KHhaAKmDa+KHn/Hw+/F8DX+W38kNexGemhybfcI7ytqUiCWlzAsCRAB9i4lSBAx+zxvuqi7adiXTS+U8RWsB59HvajYo5tKSrqLIn3VRVP1fJ3gWy5gD8I89WKKH8y+mnd/micQoaKTSL8phlokCX0x3s9zYany8/FB69eioFrAfzh7mFoex9THd7F3NQMrOsGflcFoGhY1w2s62rFvU61Rnf3gdp63FhNe7p5rZgIj9aWRK2UgKZhcvWFgF2CoWkYrCI7U9YhUCpiaGcXw/sl4FAi5WEa9H/aQzPtn1N5L5H4eUXM6wdISO+CDq7Oi2RmXqxqCqDqSGbmRTLzTAxf0t2bNQJY0L1fpqpadfYcB1ntqF9Z2wbU6voYPvRh9lr9yYwx67MQLnnXmYnlOdG9W8RM7HQGCNlAQbmyJ8FLN+k3MSP+J4lgwUBOLT9FAFJUrtYfjVPIZ2D6tU5MmyZC0kbqAsvDeCRG1NRKAwUJFHdATa1ELT0n7T0OKkhs52DdbCfrwzYKmfV4fAV31IIviNEa7dLbHc3mMeDyC68LvKTppZTH+xHGGGOMMcYYY4wxxhhjjDF25C+C5ruAJXck7AAAAABJRU5ErkJggg==');
}


.section.highlight .docs-topic .hubspot-form > .text-input { 
    background-color: #0e0e66;
    color: #FFFFFF;
}

.docs-topic .hubspot-form.light > .text-input {
    background-color: #f4f4f4;
}

.docs-topic .hubspot-form > .dropdown.correct,
.docs-topic .hubspot-form > .text-input.correct {
    color: #FF23FF;
}

.docs-topic .hubspot-form.light > .text-input.correct {
    color: #2323FF;
}

.docs-topic .hubspot-form > .text-input.error  {
    border-color: #FF2331;
    color: #FF2331;
}

.docs-topic .hubspot-form.light > .text-input.error  {
    border-color: #FF2331;
    color: #FF2331;
}

.section.highlight .docs-topic .hubspot-form > .text-input.error  {
    border-color: #FF2331;
    color: #FF2331;
}

.docs-topic .hubspot-form > .text-input > input {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 60px);
    background-color: transparent;
    outline: none;
    border: none;
    line-height: 50px;
    font-size: 12px;
    font-family: 'Roboto Mono';
    margin-left: 15px;
    color: #FFFFFF;
}

.docs-topic .hubspot-form.light > .text-input > input {
    color: #2323FF;
}

.docs-topic .hubspot-form > .text-input > input:focus {
    /*color: #FF23FF;*/
    color: #FFFFFF;
}

.docs-topic .hubspot-form.light > .text-input > input:focus {
    color: #2323FF;
}

.docs-topic .hubspot-form > .text-input > input::placeholder {
    font-size: 12px;
    font-family: 'Roboto Mono';
    color: #FFFFFF;
    text-transform: uppercase;
    font-style: normal;
}

.docs-topic .hubspot-form > .multi-check {
    position: relative;
    margin-bottom: 25px;
}

.docs-topic .hubspot-form > .multi-check > input {
    display: none;
}

.docs-topic .hubspot-form > .multi-check > .label {
    position: relative;
    font-size: 14px;
    font-family: 'Roboto';
    text-transform: uppercase;
    margin-bottom: 10px;
}

.docs-topic .hubspot-form > .multi-check > .check {
    position: relative;
    min-height: 50px;
    margin-bottom: 10px;
    font-size: 12px;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 50px;
    width: 50px;
    background-color: #f4f4f4;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    line-height: 50px;
}

.section.full-banded .docs-topic .hubspot-form > .multi-check > .check > .mark {
    background-color: #63636b;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark::before {
    display: none;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark.selected {
    color: #FF23FF;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark:hover {
    background-color: #FF23FF !important;
    color: #000;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark:hover::before {
    display: block;
}

.docs-topic .hubspot-form > .multi-check > .check > .mark.selected::before {
    display: block;
}

.docs-topic .hubspot-form > .multi-check > .check > .option {
    position: relative;
    margin-left: 60px;
    padding-top: 16px;
    text-transform: uppercase;
    user-select: none;
}

.section.highlight .docs-topic .hubspot-form > .text-input > input::placeholder {
    color: #FFFFFF;
}

.section.highlight .docs-topic .hubspot-form > .text-input.custom-background {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAjCAYAAABYQ9K2AAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH5wUfDScWIcbdRAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAEAklEQVR42u3Y+08iVxQH8O8tqFV8m/pASpRXLalWUxujP+gP3dLIv9rfx4hNWqyalVC17q5YFkWtrKNSgZkBR3yc/jCgbm0dd9dx0+R8EhK4mTv33nMfcwaAMcYYY4wxxhhjjDHGGGOMMaulVZniUpSkuEzq7gYBQHy3TJn1hbfKqhJZhRLR6N2yhZuyaEIhVS3f/WTTZNaff617qw/S7JonIWukqmU6kdO0NBt99i7jnZ3fpJcrcXrKGP9Xm/F0ZaxZmeL/iOmTU4loKxKlhQwRUZ6WpOizRJFI3YiStHlBVLyZPEla88hEJD+/6bQUPaIrIrraX7kuiyxvUzK1R8mURldEVNrfM35vvDAdbLXuXpGISDPqrRpBlKQ1T4aISD2i9dVNSuaJiE5pfcY8iMuv81SiCnntSYJ+X5vrBSK6UCj54jUls8ZYVyTrFsMnZhcUATiagdZmAGhEG1rm2hqAovKwBhz9n0EQIHpd12WhMY8I+NwilTyGDkDZTyPgc4tAcFCY3a9ad18FUDo26o2MGvXa+7ac0PHq1wSGRgZEoFWIP/EpfD7zfrY1lJGKPUfs8P0CuSTTW5viIe5r8zSzg9j86o+BQb9IxXZwCgec7dYtSrvZBcoZ0NPcAjRe4vTMhraOWthwiVwOQKt5A64eoPAqgfOvvsReNEruqSlh2WiUIspogcfvuC5yC/Gg9gK9naI6oU912t7X5liw/6bf3R2oh45Uzrq+mJ4I+hlgq2lHMzTs/gU0tzfCgXPo1a439KF6uk1Pf73VdauuFMmQy66jdTAoDhTA1e+wNLDhUK/45bdj2HzfgIio9B45wrtKZI08ZbjLiIWRtxh51WPcX1rM0HcjTdD+WMfQtHWbyHQhKBpQ/7kT9WcK0oVz4zvOoAHfAwBKOxAVMzO/e2+fcna/E7WlEwBA7vgcoqfH8l32w2inqBNCzMVSyDr6MB4an3sZse7ZqhzJODiUkS0ZD9KDQxkHh3mMhj980iRp4+TbCScuUzE0DYwJK+NmvhDUS6DOBuRPgJxqfC/lMBGe+smsrtcFoMEJIqJJbw1gd2LLwkmJLG9fJ46hMb9wNwmxc1mD4IB1J9FY0H03Z/ENPNqkadoJUmnd8g1kuhBQ0IzkJV8ACgVoAKCfmq/mSIZcdmB7bv76xNguAy5vrWWDuajrhH94GMnKq5Y0u0ktNkAvFf+Xr+7hcLC9v6lDDIWmxMdfCHoZBEDJA+GwRygAoJuvULvXidqLN/DeGsTWG6C2u/uDOrwkG/nIeNet/KSSrYeHG8Vi6gr+yUkQEU2HvkBbIY2GAesDOdEthHD0P2o70s8yXRBRZvEj/4fAGGOMMcYYY4wxxhhjjDHG2EP8DeqUedvlzGzuAAAAAElFTkSuQmCC');
}

.docs-topic .hubspot-form > .text-input.error > input::placeholder {
    color: #FF2331;
}

.docs-topic .hubspot-form > .button-area {
    position: relative;
   
    font-family: 'Roboto Mono';
    color: #FFFFFF;
}

.section.highlight .hubspot-form > .button-area {
    color: #232330;
}

.docs-topic .hubspot-form.light > .button-area {
    color: #000;
}

.docs-topic .hubspot-form > .button-area  > .button {
    font-size: 12px;
    letter-spacing: 2px;
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    padding-left: 20px;
    padding-right: 20px;
    min-height: 40px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    background-color: #393945;
    color: #949699;
    user-select: none;
    text-align:center;
    justify-content: center;
}

.docs-topic .hubspot-form.light > .button-area  > .button {
    background-color: #f4f4f4;
}

.section.highlight .docs-topic .hubspot-form > .button-area  > .button { 
    background-color: #FF23FF;
}

.docs-topic .hubspot-form > .button-area  > .button.enabled {
    background-color: #FF23FF;
    color: #FFFFFF;
}

.section.highlight .docs-topic .hubspot-form > .button-area  > .button.enabled { 
    color: #FFFFFF;
}

.docs-topic .hubspot-form.light > .button-area  > .button.enabled {
    border-color: #000;
    color: #000;
}

.docs-topic .hubspot-form > .button-area  > .button.enabled:hover {
    color: #232331;
    background-color: #FF23FF;
    border-color: #FF23FF;
    cursor: pointer;
}

.section.highlight .docs-topic .hubspot-form > .button-area  > .button.enabled:hover {
    color: #000000;
}

.docs-topic .hubspot-form.light > .button-area  > .button.enabled:hover {
    background-color: #232330;
    border-color: #232330;
    color: #23FF23;
}

.docs-topic .hubspot-form > .button-area > .check-text {
    line-height: 20px;
    font-size: 10px;
    font-family: 'Roboto';
    margin-bottom: 15px;
    color: #FFFFFF;
}

.section.highlight .docs-topic .hubspot-form > .button-area > .check-text {
    color: #232330;
}

.docs-topic .hubspot-form.light > .button-area > .check-text {
    color: #000;
}

.docs-topic .workable-section {
    position: relative;
}

.docs-topic .workable-section .whr-items {
    list-style-type: none;
    padding-left: 0px;
    margin-top: 0px;
}

.docs-topic .workable-section .whr-items .whr-item {
    padding-top: 15px;
    border-top: 1px solid #E5E6E7;
    padding-bottom: 20px;
}

.docs-topic .workable-section .whr-items .whr-item a {
    text-decoration: none;
    color: #FF23FF;
}

.docs-topic .workable-section .whr-items .whr-item a:hover {
    text-decoration: underline;
}

.docs-topic .workable-section .whr-items .whr-info {
    padding-left: 0px;
}

.docs-topic .workable-section .whr-items .whr-item {
    border-top: none !important;
    padding-top: 10px;
    padding-bottom: 30px;
}

.docs-topic .workable-section .whr-items .whr-info li {
   display: inline !important;
}

.docs-topic .workable-section .whr-items .whr-info li::after {
    content: '.';
}

.docs-topic .workable-section .whr-items .whr-info .whr-dept {
    font-weight: bold;
}

.docs-topic p {
    line-height: 25px;
}

.docs-topic .non-mono {
    font-family: 'Roboto';
}

.docs-topic .larger-font {
    font-size: 16px;
}

.docs-topic .huge-font {
    font-size: 24px;
}


/************************* These are classes to display content coming from Confluence **********************/

.docs-topic > .confluence h2,
.docs-topic > .confluence h3 {
    margin-top: 30px;
}

::placeholder {
    color: #999999;
    font-size: 14px;
}

.docs-topic .search-spinner {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    animation: spin 4s infinite linear;
    background-image: url('data:image/png;base64,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');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@keyframes spin {
    0%  {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}   
}

.docs-topic #breadcrumb {
    margin-bottom: 5px;
    font-size: 12px;
}

.docs-topic .search-bar {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #F4F4F4;
    margin-bottom: 20px;
}

.docs-topic .search-entry {
    position: relative;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #E5E5E5;
    margin-top: 10px;
    overflow: hidden;
}

.docs-topic .search-entry a {
    font-size: 20px;
    line-height: 30px;
    color: #2323FF;
    text-decoration: none;
}

.docs-topic .search-entry a:hover {
    text-decoration: underline;
}

.docs-topic .search-entry .description {
    font-size: 12px;
    height: 45px;
    overflow: hidden;
    margin-top: 5px;
}

.docs-topic .search-bar input {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: calc(100% - 120px);
    outline: none;
    border: none;
    padding-left: 20px;
    padding-right: 10px;
    line-height: 60px;
    color: #000;
    font-family: 'Roboto';
    background-color: #F4F4F4;
    font-size: 16px;
}

.docs-topic .search-bar input::placeholder {
    font-family: 'Roboto';
    font-style: normal;
    text-transform: uppercase;
}

.docs-topic .search-bar .search-button {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    color: black;
    border: 2px solid #000;
    width: 120px;
    background-color: #FFFFFF;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
    cursor: pointer;
    font-family: 'Roboto';
    text-transform: uppercase;
}

.docs-topic .search-bar .search-button:hover {
    background-color: #232330;
    color: #23FF23;
    border-color: #232330;
}

.docs-topic .search-no-results {
    position: relative;
}

.docs-topic .search-no-results .sad-face {
    position: relative;
    text-align: center;
    font-size: 80px;
    height: 100px;
    line-height: 100px;
    width: 100%;
    color: #FF23FF;
}

.docs-topic .search-no-results .message {
    position: relative;
    font-size: 20px;
    text-align: center;
}

.docs-topic .confluenceDate {
    margin-bottom: 20px;
    font-style: italic;
    font-size: 12px;
    color: #707070;
}

.docs-topic .emoticon {
    position: relative;
    display: inline;
    width: 20px;  
    vertical-align: middle;
}

.docs-topic .contentLayout2 {
    position: relative;
    
}

.docs-topic .contentLayout2 .columnLayout.two-equal,
.docs-topic .contentLayout2 .columnLayout.two-right-sidebar,
.docs-topic .contentLayout2 .columnLayout.two-left-sidebar,
.docs-topic .contentLayout2 .columnLayout.three-equal,
.docs-topic .contentLayout2 .columnLayout.three-with-sidebars {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.docs-topic .contentLayout2 .columnLayout.two-equal .cell {
    position: relative;
    margin: 10px;
    width: calc(50% - 20px);
}

.docs-topic .contentLayout2 .columnLayout.three-equal .cell {
    position: relative;
    margin: 10px;
    width: calc(33% - 20px);
}

.docs-topic .contentLayout2 .columnLayout.three-with-sidebars .cell.sidebars {
    position: relative;
    margin: 10px;
    width: calc(25% - 20px);
}

.docs-topic .contentLayout2 .columnLayout.three-with-sidebars .cell.normal {
    position: relative;
    margin: 10px;
    width: calc(50% - 20px);
}

.docs-topic .contentLayout2 .columnLayout.two-right-sidebar .cell.normal,
.docs-topic .contentLayout2 .columnLayout.two-left-sidebar .cell.normal {
    position: relative;
    margin: 10px;
    width: calc(70% - 20px);
}

.docs-topic .contentLayout2 .columnLayout.two-right-sidebar .cell.aside,
.docs-topic .contentLayout2 .columnLayout.two-left-sidebar .cell.aside {
    position: relative;
    margin: 10px;
    width: calc(30% - 20px);
}

.docs-topic table {
    border-collapse: collapse !important;
}

.docs-topic .property-grid,
.docs-topic .description-grid,
.docs-topic .endpoint-grid {
    margin-bottom: 10px;
    width: 100%;
    table-layout: fixed;
}

.docs-topic .endpoint-grid {
    margin-bottom: 30px;
}

.docs-topic .confluenceTable {
    margin-bottom: 20px;
}

.docs-topic .confluenceTd {
    border: 1px solid #E5E6E7;
    padding-left: 10px;
}

.docs-topic .confluenceTh {
    background-color: #F3F3F3;
    text-align: left;
    padding-left: 10px;
    border: 1px solid #E5E6E7;
}

.docs-topic .codeContent {
    overflow-x: scroll;
}

.docs-topic .confluence-information-macro.confluence-information-macro-information {
    position: relative;
    background-color: #e8f4f8;
    color: #333;
    border-left: 3px solid #72bcd4;
    margin-top: 20px;
}

.docs-topic .confluence-information-macro.confluence-information-macro-tip {
    position: relative;
    background-color: #e3fcef;
    color: #333;
    border-left: 3px solid #9ef5c8;
    margin-top: 20px;
}

.docs-topic .confluence-information-macro.confluence-information-macro-note {
    position: relative;
    background-color: #fffae6;
    color: #333;
    border-left: 3px solid #ffeb9a;
    margin-top: 20px;
}

.docs-topic .confluence-information-macro.confluence-information-macro-warning {
    position: relative;
    background-color: #ffebe6;
    color: #333;
    border-left: 3px solid #ffae9a;
    margin-top: 20px;
}

.docs-topic .panel.conf-macro.output-block {
    position: relative;
    background-color: #EAE6FF !important;
    color: #333;
    border-left: 3px solid #aa9aff !important;
    margin-top: 20px;
}

.docs-topic .confluence-information-macro .confluence-information-macro-body,
.docs-topic .panel.conf-macro.output-block .panelContent {
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}



.docs-topic .confluence-embedded-image {
    max-width: 100%;
}




/* Media Query like changes for displaying content for in-app help */
.ui-html-content .docs-topic {
    font-size: 13px;
}
.ui-html-content .docs-topic h1 {
    font-size: 20px;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.ui-html-content .docs-topic h2 {
    font-size: 18px;
    margin-bottom: 10px;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.ui-html-content .docs-topic h3 {
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "Staatliches";
    text-transform: uppercase;
}

.ui-html-content .docs-topic .action {
    font-size: 13px;
    color: inherit;
    margin-bottom: 8px;
}

.ui-html-content .docs-topic p {
    margin-top: 8px;
    margin-bottom: 8px;
    line-height: inherit;
}


@media screen and (max-width: 1024px) {  /* iPad Pro Resolution */
    #siteNav  .homeNavigation {
        left: 30px;
    }

    #siteNav .inner .menu-item {
        padding-left: 9px;
        padding-right: 9px;
    }
    
    #siteNav .inner .demo {
        right: 20px;
    }


    #siteNav .inner .menu-item > .sub-menu > .center-content > .sub-section.four {
        width: calc(25% - 6px);
        margin-left: 3px;
        margin-right: 3px;
    }   

    #siteNav .inner .menu-item > .sub-menu > .center-content > .sub-section.four > .label {
        margin-left: 0px;
    }

    #siteNav .inner .menu-item > .sub-menu > .center-content > .sub-section.four > .sub-item {
        margin-left: 0px;
    }

    #docsBody {
        margin-top: 80px;
    }

    .center-content {
        width: 100%;
    }

    .docs-topic {
        padding-left: 30px;
        padding-right: 30px;
    }

    #toc {
        position: absolute;
        left: 0px;
        top: -47px;
        width: 50px;
        z-index: 12;
        min-height: 0px;
        height: 50px;
        border-color: transparent;
        display: block;
    }

    #toc.expanded {
        height: inherit;
        width: 295px;
        bottom: 0px;
        overflow: scroll;
        background-color: white;
        border: solid 1px #e0e0e0;
    }

    #toc > .menu {
        display: none;
    }
    
    #toc.expanded > .menu {
        display: block;
        margin-top: 50px;
    }

    #toc > .hamburger {
        display: block;
    }

    #docsBody {
        width: 100%;
        display: block;
        margin-left: 0px;
    }

    .article-tabs {
        margin-bottom: 30px;
    }

    .article-tabs .tab-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .article-tabs .tab {
        margin-bottom: 10px;
        margin-right: 4px !important;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }

    .hero > .text-content {
        left: 30px;
        right: 30px;
    }

}

@media screen and (max-width: 800px) { /* Tablet Portrait Resolution */
    #siteNav .inner  {
        left: 180px;
    }

    #mainHeader.medium .hero > .text-content > #topTitle {
        bottom: 40px;
    }
}

@media screen and (max-width: 767px) { /* Smartphone Resolution */
    body {
        margin-bottom: -30px;
    }

    .section {
        padding-top: 20px;
    }

    .section > .inner {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .section.no-padding {
        padding-top: 0px !important;
    }
    
    .section.no-padding > .inner {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    

    #siteNav {
        overflow: visible;
    }

    #siteNav .inner  {
        z-index: 2000;
        overflow: visible;
        right: 0px;
        width: 60px;
        left: inherit;
    }

    #siteNav .inner  .demo {
        display: none;
    }

    #siteNav  .inner.expanded  {
        position: absolute;
        top: 0px;
        right: 0px;
        background-color: #232331;
        padding-top: 90px;
        left: inherit;
        width: 320px;
        border-left: solid 1px #46464E
    }

    #siteNav  .inner.expanded .scrollable  {
        max-height: 650px;
        overflow-y: scroll;
        overflow-x: hidden;
        border-bottom: solid 1px #46464E;
        border-left: solid 1px #46464E;
        margin-left: -1px;
    }

    #siteNav  .inner.expanded  .demo {
        display: block;
        left: 20px;
        right: initial;
    }

    #siteNav  .inner  .mobile {
        display: block;
        right: 0px;
        padding-right: 20px;
        left: inherit;
        width: 60px;
        top: 15px;
        color: #FFFFFF;
    }
    
    #siteNav  .inner  .menu-item {
        position: relative;
        display: none;
        text-align: right;
        height: inherit;
        min-height: 60px;
        padding: 0px;
        background-color: #232331;
        height: 60px;
        border-top: solid 1px #46464E;
        margin-top: 0px;
    }

    #siteNav  .inner  .menu-item > .label {
        position: relative;
        z-index: 100;
        padding-left: 20px;
        text-align: left;
        font-size: 20px;
        line-height: 60px;
    }

    #siteNav  .inner  .menu-item > .sub-menu {
        position: relative;
        top: inherit;
        left: inherit;
        height: inherit;
        border-radius: 0px;
        border: 0px;
        padding: 10px;
        padding-top: 0px;
    }

    #siteNav .inner  .menu-item > .sub-menu > .center-content {
        display: block;
    }

    #siteNav .inner  .menu-item > .sub-menu.rows-1 {
        height: 0px;
    }
    
    #siteNav .inner  .menu-item > .sub-menu.rows-2 {
        height: 0px;
    }
    
    #siteNav .inner  .menu-item > .sub-menu.rows-3 {
        height: 0px;
    }
    
    #siteNav .inner  .menu-item > .sub-menu.rows-4 {
        height: 0px;
    }

    #siteNav .inner  .menu-item.expanded.product {
       height: 480px;
    }

    #siteNav .inner  .menu-item.expanded.go-to-market {
        height: 440px;
     }

    #siteNav .inner  .menu-item.expanded.solutions {
        height: 480px;
    }

    #siteNav .inner  .menu-item.expanded.company {
        height: 390px;
    }

    #siteNav .inner  .menu-item.expanded.resources {
       height: 480px;
    }

    #siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section {
        margin-left: 8px;
        margin-right: 10px;
    }
    
    #siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section > .label {
       text-align: left;
    }

    #siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section.four {
        width: calc(100% - 48px);
    }
    
    #siteNav .inner  .menu-item > .sub-menu > .center-content > .sub-section.three {
        width: calc(100% - 48px);
    }


    #siteNav  .inner  .menu-item > .sub-menu > .center-content > .sub-section > .sub-item {
        height: 30px;
        padding-left: 0px;
        line-height: 30px;
        white-space: nowrap;
        text-align: left;
    }


    #siteNav  .inner  .menu-item > .sub-menu > .center-content > .sub-section > .sub-item > a > .label {
        font-size: 16px;
    }


    #siteNav  .inner.expanded   .menu-item {
        display: block;
    }

    .subscribe-form > .container {
        width: 100%;
        height: inherit;
    }

    .subscribe-form > .container > form {
        position: relative;
        width: 100%;
    }
    
    .subscribe-form > .container input {
        position: relative;
    }

    .subscribe-form > .container > .button {
        position: relative;
        margin-top: 30px;
    }

    .subscribe-form > .container > form > .error {
        height: inherit;
        margin-top: 20px;
        line-height: inherit;
        padding: 15px;
    }

    .standard-tile.has-top-spacer,
    .review-tile.has-top-spacer {
        margin-top: 0px !important;
    }

    .callout {
        display: block !important;
    }

    .callout > .left,
    .callout > .right {
        width: inherit !important;
    }

    .callout > .right > .arrow-head {
        transform: rotate(-90deg) !important;
        right: inherit !important;
        left: 80px !important;
        top: calc(50% + 25px) !important;
    }

    .callout > .right > .arrow-stem {
        left: 30px !important;
        width: 60px !important;
        right: inherit !important;
        height: 5px !important;
        top: calc(50% + 82px) !important;;
    }

    .callout > .right > .arrow-line {
        right: inherit !important;
        width: 5px !important;
        height: 82px !important;
    }

    .jump-off-tile {
        margin-bottom: 40px;
    }

    #imageContent {
        top: 20px;
    }

    #imageContent.mobile-opacity {
        opacity: 20%;
    }

    #mainHeader {
        height: 570px;
    }

    #mainHeader .hero {
        margin-top: -40px;
    }

    #mainHeader .hero > .text-content > #topTitle,
    #mainHeader .hero > .text-content > #bottomTitle {
        width: 100%;
        line-height: 70px;
        font-size: 50px;
    }

    #mainHeader .hero > .text-content > #topTitle.small-top-title {
        font-size: 50px;
    }

    #mainHeader.medium .hero > .text-content > #topTitle {
        bottom: 40px;
        font-size: 50px;
    }

    #mainHeader .hero > .text-content > #smallTitle {
        padding-right: 0px;
        bottom: -40px;
        padding-top: 0px;
        border-top: none;
        border-bottom: 2px black solid;
        height: 120px;
    }

    #mainHeader .hero .title-button-container {
        position: absolute;
        bottom: -110px;
        right: 0px;
        min-width: 190px;
        height: 70px;
    }

    #titleButton {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    #mainHeader.side-graphic #topTitle {
        bottom: 80px;
        font-size: 66px;
    }

    #mainHeader.side-graphic-landing #topTitle {
        bottom: 180px !important;
        font-size: 20px !important;
        line-height: 30px !important;
        color: #FF23FF !important;
        margin-bottom: 0px;
        width: 100%;
    }

    #mainHeader.side-graphic-landing #bottomTitle {
        font-size: 40px !important;
        line-height: 40px !important;
        top: 190px;
        width: 100%;
    }

     #mainHeader.side-graphic-landing #smallTitle {
        bottom: -130px !important;
        border-bottom-color: transparent !important;
        width: 100%;
    }

    #mainHeader.side-graphic-landing #logo {
        left: 20px;
        top: 60px;
    }

    #mainHeader.side-graphic-landing .title-button-container {
        display: none;
    }
    
    #mainHeader.side-graphic #smallTitle {
        bottom: -140px !important;
        border-bottom-color: transparent !important;
    }


    #mainHeader.bottom-graphic #topTitle {
        bottom: 200px;
        font-size: 66px;
    }
    
    #mainHeader.bottom-graphic #smallTitle {
        bottom: 50px !important;
        border-bottom: none !important;
    }

    #mainHeader.bottom-graphic #imageContent {
        background-size: 100% auto;
    }

    #mainHeader.bottom-graphic .title-button-container {
        right: unset;
        bottom: -50px;
    }


    .footer-main-layout .footer-section {
        height: 1260px;
    }

    .footer .heading-section {
        flex-wrap: wrap;
    }

    .footer .footer-column {
        width: calc(100% - 5px) !important;
    }

    .footer .bottom-links {
        height: 80px;
    }
    
    .footer .social {
        position: relative;
        width: inherit;
        padding-left: 25px;
    }

    .footer .copyright {
        position: relative;
        left: inherit;
        text-align: center;
    }

    .footer-main-layout {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    .footer-main-layout > .left-footer {
        height: 60px;
        width: inherit;
        background-position: -5px center;
    }

    .footer-main-layout > .right-footer {
        margin-top: 30px;
        width: 100%;
    }

    .bottom-line {
        bottom: 100px;
    }

    .text-buttton {
        margin-top: 70px;
        padding-top: 50px;
        border-top: none;
        border-bottom: 2px solid black;
        margin-bottom: 55px;
    }

    .text-buttton > .description {
        padding-right: 0px;
        margin-top: -104px;
    }

    .text-buttton > a {
        top: inherit;
        bottom: -57px;
    }

    .article-carousel > .scroll-area {
        margin-left: -25px;
        margin-right: -25px;
    }

    .quote > .content {
        margin-right: 0px !important;
    }

    .featured-quote,
    .featured-quote.small {
        min-height: inherit;
    }

    .featured-quote > .image {
        display: none;
    }

    .featured-quote > .image {
        display: block;
        position: relative;
        top: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .featured-quote > .container,
    .featured-quote.small > .container {
        padding-right: 0px;
        padding-left: 0px;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .featured-quote > .container > .quote {
        font-size: 18px;
    }

    


    .ratings-chart > .description {
        width: 70%;
    }

    .ratings-chart > .main-container > .left {
        width: 60%;
    }

    .ratings-chart > .main-container > .left .row {
        padding-left: 0px;
    }

    .ratings-chart > .main-container > .right {
        width: 40%;
        overflow-x: scroll;
    }

    .ratings-chart > .main-container > .right .column {
        flex: 0 0 80px;
    }


    .article-tabs .tab {
        background-color: #e0e0e0;
    }

    .article-carousel {
        margin-left: 0px;
        margin-right: 0px;
        padding-top: 60px;
    }

    .article-carousel .carousel-entry {
        width: 95% !important;
        margin-right: 5px !important;
    }

    .article-carousel .left,
    .article-carousel .right {
        top: 15px;
    }


    .value-tile.has-top-spacer {
        margin-top: 0px;
    }

    .leadership-carousel {
        margin-left: 0px;
        margin-right: 0px;
    }

    .image-carousel {
        margin-bottom: 0px;
    }

    .docs-topic h2 > a {
        right: 10px;
    }

    .mobile-only {
        display: block !important;
    }

    .desktop-only {
        display: none !important;
    }

    .question-container > .question {
        padding-bottom: 10px;
    }

    .question-container > .question > .answer { 
        flex-direction: column;
        align-items: center;
    }

    .question-container > .question > .answer > .option {
        width: 100%;
    }

    /* scoree chart */
    .overall-container > .inner > .left {
        width: 24px;
    }

    .overall-container > .inner > .left > .text {
        margin-left: 0px;
        margin-top: calc(100% + 80px);
    }

    .overall-container > .inner > .right {
        width: calc(100% - 24px);
    }

    .overall-container > .bottom-text {
        padding-left: 24px;
    }

    .chart-container > .col.col-2 > .score {
        height: inherit;
        line-height: inherit;
        top: 50%;
        transform: translateY(-84%);
        font-size: 44px;
    }

    .chart-container > .col.col-3 > .score {
        height: inherit;
        line-height: inherit;
        top: 43%;
        transform: translateY(-100%);
        font-size: 20px;
    }

    .docs-topic .layout {
        display: block;
    }

    .docs-topic .text-layout {
        display: block;
    }

    .docs-topic .text-layout > .left,
    .docs-topic .text-layout > .right {
        width: inherit;
    }


    .docs-topic .layout > .column-66,
    .docs-topic .layout > .column-50,
    .docs-topic .layout > .column-33,
    .docs-topic .layout > .column-25,
    .docs-topic .layout > .column-20,
    .docs-topic .layout > .column-16 {
        width: 100%;
        margin-top: 40px;
    }

    .docs-topic .button-link > .a {
        margin: auto;
    }
    
    .docs-topic .image-text-layout > .item > .image {
        display: block;
        width: 100%;
    }

    .docs-topic .image-text-layout > .item > .text {
        display: block;
        width: 100%;
        margin-left: 0px;
    }

    .docs-topic h1 {
        font-size: 35px;
    }
    
    .docs-topic h2 {
        font-size: 28px;
    }
    
    .docs-topic h3 {
        font-size: 22px;
    }


    .docs-topic .description-grid td.property,
    .docs-topic .property-grid td.property {
        width: 80px;
    }
    
    .docs-topic hr {
        margin-bottom: 5px;
    }

    .docs-topic .pricing { 
        display: block;
    }


    /* Confluence */
    .docs-topic .contentLayout2 .columnLayout.two-equal,
    .docs-topic .contentLayout2 .columnLayout.two-right-sidebar,
    .docs-topic .contentLayout2 .columnLayout.two-left-sidebar,
    .docs-topic .contentLayout2 .columnLayout.three-equal,
    .docs-topic .contentLayout2 .columnLayout.three-with-sidebars {
        flex-direction: column;
    }
    
    .docs-topic .contentLayout2 .columnLayout .cell {
        position: relative;
        margin: 10px;
        width: calc(100% - 20px) !important;
    }
    
    .docs-topic .review-carousel {
        height: auto;
    }
    
    /* Slideshow container */
    .docs-topic .review-carousel .slideshow-container {
        height: auto;
    }

    .docs-topic .review-carousel .review-container {

        margin-left: 5px;
        margin-right: 5px;
        padding-top: 16px;
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 5px;
        padding-bottom: 15px;
    }

    .docs-topic .review-carousel .author-area {
        height: auto;
        position: relative;
        padding-left: 50px;
    }

    .docs-topic .review-carousel .author-name {
        font-size: 14px;
        padding-top: 0px;
    }

    .docs-topic .review-carousel .author-size {
        font-size: 12px;
    }

    .docs-topic .review-carousel .author-circle {
        height: 40px;
        width: 40px;
        border-radius: 20px;
        line-height: 40px;
        font-size: 20px;
    }

    .docs-topic .review-carousel .prev:hover, .next:hover {
        background-color: transparent;
    }

    .docs-topic .review-carousel .external-link {
        display: none;
    }

    .docs-topic .review-carousel .star-container {
        height: 20px;
    }
    
    .docs-topic .review-carousel .star-container .star {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 15px;
    }

    .docs-topic .review-carousel .dots {
        padding-top: 10px;
    }

    .docs-topic .review-carousel .dot {
        height: 25px;
        width: 25px;
        margin: 0 5px;
    }

    .docs-topic .review-carousel .main-title {
        font-size: 20px;
        margin-top: 15px;
    }

    .docs-topic .compare-table th {
        font-size: 20px;
    }

    .docs-topic .text-callout .bottomContainer {
        margin-top: 20px;
    }
   
    .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-head {
        right: 10px;
    }

    .docs-topic .text-callout .bottomText,
    .docs-topic .text-callout .topText {
        font-size: 40px;
    }

    .docs-topic .text-callout .bottomContainer .bottomLeft .arrow-stem {
        right: 20px;
    }

    .docs-topic .h1-huge {
        font-size: 40px;
    }

    .docs-topic img.center-vertical {
        position: relative;
        top: inherit;
        transform: none;
    }

}