/* Dit is een helper css met een ongelooflijke grote set routines die we kunnen gebruiken voor allerlei zaken, verzameld over ene hele erge lange periode. Het wordt tijd dat ik die eens ga verzamelen en ga gebruiken in 1 document en daar ook 1 nieuwe css van maak. Frans - 07-05-2020 */ /* Einde Toegevoegde kleurenreeksen */ /* Variables */ /* SPACING Docs: http://tachyons.io/docs/layout/spacing/ An eight step powers of two scale ranging from 0 to 16rem. Base: p = padding m = margin Modifiers: a = all h = horizontal v = vertical t = top r = right b = bottom l = left 0 = none 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -ns = not-small -m = medium -l = large */ .pa0 { padding: 0; } .pa1 { padding: 0.25rem; } .pa2 { padding: 0.5rem; } .pa3 { padding: 1rem; } .pa4 { padding: 2rem; } .pa5 { padding: 4rem; } .pa6 { padding: 8rem; } .pa7 { padding: 16rem; } .pl0 { padding-left: 0; } .pl1 { padding-left: 0.25rem; } .pl2 { padding-left: 0.5rem; } .pl3 { padding-left: 1rem; } .pl4 { padding-left: 2rem; } .pl5 { padding-left: 4rem; } .pl6 { padding-left: 8rem; } .pl7 { padding-left: 16rem; } .pr0 { padding-right: 0; } .pr1 { padding-right: 0.25rem; } .pr2 { padding-right: 0.5rem; } .pr3 { padding-right: 1rem; } .pr4 { padding-right: 2rem; } .pr5 { padding-right: 4rem; } .pr6 { padding-right: 8rem; } .pr7 { padding-right: 16rem; } .pb0 { padding-bottom: 0; } .pb1 { padding-bottom: 0.25rem; } .pb2 { padding-bottom: 0.5rem; } .pb3 { padding-bottom: 1rem; } .pb4 { padding-bottom: 2rem; } .pb5 { padding-bottom: 4rem; } .pb6 { padding-bottom: 8rem; } .pb7 { padding-bottom: 16rem; } .pt0 { padding-top: 0; } .pt1 { padding-top: 0.25rem; } .pt2 { padding-top: 0.5rem; } .pt3 { padding-top: 1rem; } .pt4 { padding-top: 2rem; } .pt5 { padding-top: 4rem; } .pt6 { padding-top: 8rem; } .pt7 { padding-top: 16rem; } .pv0 { padding-top: 0; padding-bottom: 0; } .pv1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .pv2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pv3 { padding-top: 1rem; padding-bottom: 1rem; } .pv4 { padding-top: 2rem; padding-bottom: 2rem; } .pv5 { padding-top: 4rem; padding-bottom: 4rem; } .pv6 { padding-top: 8rem; padding-bottom: 8rem; } .pv7 { padding-top: 16rem; padding-bottom: 16rem; } .ph0 { padding-left: 0; padding-right: 0; } .ph1 { padding-left: 0.25rem; padding-right: 0.25rem; } .ph2 { padding-left: 0.5rem; padding-right: 0.5rem; } .ph3 { padding-left: 1rem; padding-right: 1rem; } .ph4 { padding-left: 2rem; padding-right: 2rem; } .ph5 { padding-left: 4rem; padding-right: 4rem; } .ph6 { padding-left: 8rem; padding-right: 8rem; } .ph7 { padding-left: 16rem; padding-right: 16rem; } .ma0 { margin: 0; } .ma1 { margin: 0.25rem; } .ma2 { margin: 0.5rem; } .ma3 { margin: 1rem; } .ma4 { margin: 2rem; } .ma5 { margin: 4rem; } .ma6 { margin: 8rem; } .ma7 { margin: 16rem; } .ml0 { margin-left: 0; } .ml1 { margin-left: 0.25rem; } .ml2 { margin-left: 0.5rem; } .ml3 { margin-left: 1rem; } .ml4 { margin-left: 2rem; } .ml5 { margin-left: 4rem; } .ml6 { margin-left: 8rem; } .ml7 { margin-left: 16rem; } .mr0 { margin-right: 0; } .mr1 { margin-right: 0.25rem; } .mr2 { margin-right: 0.5rem; } .mr3 { margin-right: 1rem; } .mr4 { margin-right: 2rem; } .mr5 { margin-right: 4rem; } .mr6 { margin-right: 8rem; } .mr7 { margin-right: 16rem; } .mb0 { margin-bottom: 0; } .mb1 { margin-bottom: 0.25rem; } .mb2 { margin-bottom: 0.5rem; } .mb3 { margin-bottom: 1rem; } .mb4 { margin-bottom: 2rem; } .mb5 { margin-bottom: 4rem; } .mb6 { margin-bottom: 8rem; } .mb7 { margin-bottom: 16rem; } .mt0 { margin-top: 0; } .mt1 { margin-top: 0.25rem; } .mt2 { margin-top: 0.5rem; } .mt3 { margin-top: 1rem; } .mt4 { margin-top: 2rem; } .mt5 { margin-top: 4rem; } .mt6 { margin-top: 8rem; } .mt7 { margin-top: 16rem; } .mv0 { margin-top: 0; margin-bottom: 0; } .mv1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mv2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mv3 { margin-top: 1rem; margin-bottom: 1rem; } .mv4 { margin-top: 2rem; margin-bottom: 2rem; } .mv5 { margin-top: 4rem; margin-bottom: 4rem; } .mv6 { margin-top: 8rem; margin-bottom: 8rem; } .mv7 { margin-top: 16rem; margin-bottom: 16rem; } .mh0 { margin-left: 0; margin-right: 0; } .mh1 { margin-left: 0.25rem; margin-right: 0.25rem; } .mh2 { margin-left: 0.5rem; margin-right: 0.5rem; } .mh3 { margin-left: 1rem; margin-right: 1rem; } .mh4 { margin-left: 2rem; margin-right: 2rem; } .mh5 { margin-left: 4rem; margin-right: 4rem; } .mh6 { margin-left: 8rem; margin-right: 8rem; } .mh7 { margin-left: 16rem; margin-right: 16rem; } /* NEGATIVE MARGINS Base: n = negative Modifiers: a = all t = top r = right b = bottom l = left 1 = 1st step in spacing scale 2 = 2nd step in spacing scale 3 = 3rd step in spacing scale 4 = 4th step in spacing scale 5 = 5th step in spacing scale 6 = 6th step in spacing scale 7 = 7th step in spacing scale Media Query Extensions: -ns = not-small -m = medium -l = large */ .na1 { margin: -0.25rem; } .na2 { margin: -0.5rem; } .na3 { margin: -1rem; } .na4 { margin: -2rem; } .na5 { margin: -4rem; } .na6 { margin: -8rem; } .na7 { margin: -16rem; } .nl1 { margin-left: -0.25rem; } .nl2 { margin-left: -0.5rem; } .nl3 { margin-left: -1rem; } .nl4 { margin-left: -2rem; } .nl5 { margin-left: -4rem; } .nl6 { margin-left: -8rem; } .nl7 { margin-left: -16rem; } .nr1 { margin-right: -0.25rem; } .nr2 { margin-right: -0.5rem; } .nr3 { margin-right: -1rem; } .nr4 { margin-right: -2rem; } .nr5 { margin-right: -4rem; } .nr6 { margin-right: -8rem; } .nr7 { margin-right: -16rem; } .nb1 { margin-bottom: -0.25rem; } .nb2 { margin-bottom: -0.5rem; } .nb3 { margin-bottom: -1rem; } .nb4 { margin-bottom: -2rem; } .nb5 { margin-bottom: -4rem; } .nb6 { margin-bottom: -8rem; } .nb7 { margin-bottom: -16rem; } .nt1 { margin-top: -0.25rem; } .nt2 { margin-top: -0.5rem; } .nt3 { margin-top: -1rem; } .nt4 { margin-top: -2rem; } .nt5 { margin-top: -4rem; } .nt6 { margin-top: -8rem; } .nt7 { margin-top: -16rem; } /* CLEARFIX http://tachyons.io/docs/layout/clearfix/ */ /* Nicolas Gallaghers Clearfix solution Ref: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .cl { clear: left; } .cr { clear: right; } .cb { clear: both; } .cn { clear: none; } /* DISPLAY Docs: http://tachyons.io/docs/layout/display Base: d = display Modifiers: n = none b = block ib = inline-block it = inline-table t = table tc = table-cell t-row = table-row t-columm = table-column t-column-group = table-column-group Media Query Extensions: -ns = not-small -m = medium -l = large */ .dn { display: none; } .di { display: inline; } .db { display: block; } .dib { display: inline-block; } .dit { display: inline-table; } .dt { display: table; } .dtc { display: table-cell; } .dt-row { display: table-row; } .dt-row-group { display: table-row-group; } .dt-column { display: table-column; } .dt-column-group { display: table-column-group; } /* This will set table to full width and then all cells will be equal width */ .dt--fixed { table-layout: fixed; width: 100%; } /* WIDTHS Docs: http://tachyons.io/docs/layout/widths/ Base: w = width Modifiers 1 = 1st step in width scale 2 = 2nd step in width scale 3 = 3rd step in width scale 4 = 4th step in width scale 5 = 5th step in width scale -10 = literal value 10% -20 = literal value 20% -25 = literal value 25% -30 = literal value 30% -33 = literal value 33% -34 = literal value 34% -40 = literal value 40% -50 = literal value 50% -60 = literal value 60% -70 = literal value 70% -75 = literal value 75% -80 = literal value 80% -90 = literal value 90% -100 = literal value 100% -third = 100% / 3 (Not supported in opera mini or IE8) -two-thirds = 100% / 1.5 (Not supported in opera mini or IE8) -auto = string value auto Media Query Extensions: -ns = not-small -m = medium -l = large */ /* Width Scale */ .w1 { width: 1rem; } .w2 { width: 2rem; } .w3 { width: 4rem; } .w4 { width: 8rem; } .w5 { width: 16rem; } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-33 { width: 33%; } .w-34 { width: 34%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .w-third { width: calc(100% / 3); } .w-two-thirds { width: calc(100% / 1.5); } .w-auto { width: auto; } @media screen and (min-width: 540px) { .w1-ns { width: 1rem; } .w2-ns { width: 2rem; } .w3-ns { width: 4rem; } .w4-ns { width: 8rem; } .w5-ns { width: 16rem; } .w-10-ns { width: 10%; } .w-20-ns { width: 20%; } .w-25-ns { width: 25%; } .w-30-ns { width: 30%; } .w-33-ns { width: 33%; } .w-34-ns { width: 34%; } .w-40-ns { width: 40%; } .w-50-ns { width: 50%; } .w-60-ns { width: 60%; } .w-70-ns { width: 70%; } .w-75-ns { width: 75%; } .w-80-ns { width: 80%; } .w-90-ns { width: 90%; } .w-100-ns { width: 100%; } .w-third-ns { width: calc(100% / 3); } .w-two-thirds-ns { width: calc(100% / 1.5); } .w-auto-ns { width: auto; } } @media screen and (min-width: 540px) and (max-width: 959px) { .w1-m { width: 1rem; } .w2-m { width: 2rem; } .w3-m { width: 4rem; } .w4-m { width: 8rem; } .w5-m { width: 16rem; } .w-10-m { width: 10%; } .w-20-m { width: 20%; } .w-25-m { width: 25%; } .w-30-m { width: 30%; } .w-33-m { width: 33%; } .w-34-m { width: 34%; } .w-40-m { width: 40%; } .w-50-m { width: 50%; } .w-60-m { width: 60%; } .w-70-m { width: 70%; } .w-75-m { width: 75%; } .w-80-m { width: 80%; } .w-90-m { width: 90%; } .w-100-m { width: 100%; } .w-third-m { width: calc(100% / 3); } .w-two-thirds-m { width: calc(100% / 1.5); } .w-auto-m { width: auto; } } @media screen and (min-width: 960px) { .w1-l { width: 1rem; } .w2-l { width: 2rem; } .w3-l { width: 4rem; } .w4-l { width: 8rem; } .w5-l { width: 16rem; } .w-10-l { width: 10%; } .w-20-l { width: 20%; } .w-25-l { width: 25%; } .w-30-l { width: 30%; } .w-33-l { width: 33%; } .w-34-l { width: 34%; } .w-40-l { width: 40%; } .w-50-l { width: 50%; } .w-60-l { width: 60%; } .w-70-l { width: 70%; } .w-75-l { width: 75%; } .w-80-l { width: 80%; } .w-90-l { width: 90%; } .w-100-l { width: 100%; } .w-third-l { width: calc(100% / 3); } .w-two-thirds-l { width: calc(100% / 1.5); } .w-auto-l { width: auto; } } /* SKINS Docs: http://tachyons.io/docs/themes/skins/ Classes for setting foreground and background colors on elements. If you haven't declared a border color, but set border on an element, it will be set to the current text color. */ /* Text colors */ .black-90 { color: rgba(0, 0, 0, 0.9); } .black-80 { color: rgba(0, 0, 0, 0.8); } .black-70 { color: rgba(0, 0, 0, 0.7); } .black-60 { color: rgba(0, 0, 0, 0.6); } .black-50 { color: rgba(0, 0, 0, 0.5); } .black-40 { color: rgba(0, 0, 0, 0.4); } .black-30 { color: rgba(0, 0, 0, 0.3); } .black-20 { color: rgba(0, 0, 0, 0.2); } .black-10 { color: rgba(0, 0, 0, 0.1); } .black-05 { color: rgba(0, 0, 0, 0.05); } .white-90 { color: rgba(255, 255, 255, 0.9); } .white-80 { color: rgba(255, 255, 255, 0.8); } .white-70 { color: rgba(255, 255, 255, 0.7); } .white-60 { color: rgba(255, 255, 255, 0.6); } .white-50 { color: rgba(255, 255, 255, 0.5); } .white-40 { color: rgba(255, 255, 255, 0.4); } .white-30 { color: rgba(255, 255, 255, 0.3); } .white-20 { color: rgba(255, 255, 255, 0.2); } .white-10 { color: rgba(255, 255, 255, 0.1); } .black { color: #000; } .near-black { color: #111; } .dark-gray { color: #333; } .mid-gray { color: #555; } .gray { color: #777; } .silver { color: #999; } .light-silver { color: #AAA; } .moon-gray { color: #CCC; } .light-gray { color: #EEE; } .near-white { color: #F4F4F4; } .white { color: #FFF; } .dark-red { color: #E7040F; } .red { color: #FF4136; } .light-red { color: #FF725C; } .orange { color: #FF6300; } .gold { color: #FFB700; } .yellow { color: #FFD700; } .light-yellow { color: #FBF1A9; } .purple { color: #5E2CA5; } .light-purple { color: #A463F2; } .dark-pink { color: #D5008F; } .hot-pink { color: #FF41B4; } .pink { color: #FF80CC; } .light-pink { color: #FFA3D7; } .dark-green { color: #137752; } .green { color: #19A974; } .light-green { color: #9EEBCF; } .navy { color: #001B44; } .dark-blue { color: #00449E; } .blue { color: #357EDD; } .light-blue { color: #96CCFF; } .lightest-blue { color: #CDECFF; } .washed-blue { color: #F6FFFE; } .washed-green { color: #E8FDF5; } .washed-yellow { color: #FFFCEB; } .washed-red { color: #FFDFDF; } .color-inherit { color: inherit; } .bg-black-90 { background-color: rgba(0, 0, 0, 0.9); } .bg-black-80 { background-color: rgba(0, 0, 0, 0.8); } .bg-black-70 { background-color: rgba(0, 0, 0, 0.7); } .bg-black-60 { background-color: rgba(0, 0, 0, 0.6); } .bg-black-50 { background-color: rgba(0, 0, 0, 0.5); } .bg-black-40 { background-color: rgba(0, 0, 0, 0.4); } .bg-black-30 { background-color: rgba(0, 0, 0, 0.3); } .bg-black-20 { background-color: rgba(0, 0, 0, 0.2); } .bg-black-10 { background-color: rgba(0, 0, 0, 0.1); } .bg-black-05 { background-color: rgba(0, 0, 0, 0.05); } .bg-white-90 { background-color: rgba(255, 255, 255, 0.9); } .bg-white-80 { background-color: rgba(255, 255, 255, 0.8); } .bg-white-70 { background-color: rgba(255, 255, 255, 0.7); } .bg-white-60 { background-color: rgba(255, 255, 255, 0.6); } .bg-white-50 { background-color: rgba(255, 255, 255, 0.5); } .bg-white-40 { background-color: rgba(255, 255, 255, 0.4); } .bg-white-30 { background-color: rgba(255, 255, 255, 0.3); } .bg-white-20 { background-color: rgba(255, 255, 255, 0.2); } .bg-white-10 { background-color: rgba(255, 255, 255, 0.1); } /* Background colors */ .bg-black { background-color: #000; } .bg-near-black { background-color: #111; } .bg-dark-gray { background-color: #333; } .bg-mid-gray { background-color: #555; } .bg-gray { background-color: #777; } .bg-silver { background-color: #999; } .bg-light-silver { background-color: #AAA; } .bg-moon-gray { background-color: #CCC; } .bg-light-gray { background-color: #EEE; } .bg-near-white { background-color: #F4F4F4; } .bg-white { background-color: #FFF; } .bg-transparent { background-color: transparent; } .bg-dark-red { background-color: #E7040F; } .bg-red { background-color: #FF4136; } .bg-light-red { background-color: #FF725C; } .bg-orange { background-color: #FF6300; } .bg-gold { background-color: #FFB700; } .bg-yellow { background-color: #FFD700; } .bg-light-yellow { background-color: #FBF1A9; } .bg-purple { background-color: #5E2CA5; } .bg-light-purple { background-color: #A463F2; } .bg-dark-pink { background-color: #D5008F; } .bg-hot-pink { background-color: #FF41B4; } .bg-pink { background-color: #FF80CC; } .bg-light-pink { background-color: #FFA3D7; } .bg-dark-green { background-color: #137752; } .bg-green { background-color: #19A974; } .bg-light-green { background-color: #9EEBCF; } .bg-navy { background-color: #001B44; } .bg-dark-blue { background-color: #00449E; } .bg-blue { background-color: #357EDD; } .bg-light-blue { background-color: #96CCFF; } .bg-lightest-blue { background-color: #CDECFF; } .bg-washed-blue { background-color: #F6FFFE; } .bg-washed-green { background-color: #E8FDF5; } .bg-washed-yellow { background-color: #FFFCEB; } .bg-washed-red { background-color: #FFDFDF; } .bg-inherit { background-color: inherit; } /* SKINS:PSEUDO Customize the color of an element when it is focused or hovered over. */ .hover-black:hover { color: #000; } .hover-black:focus { color: #000; } .hover-near-black:hover { color: #111; } .hover-near-black:focus { color: #111; } .hover-dark-gray:hover { color: #333; } .hover-dark-gray:focus { color: #333; } .hover-mid-gray:hover { color: #555; } .hover-mid-gray:focus { color: #555; } .hover-gray:hover { color: #777; } .hover-gray:focus { color: #777; } .hover-silver:hover { color: #999; } .hover-silver:focus { color: #999; } .hover-light-silver:hover { color: #AAA; } .hover-light-silver:focus { color: #AAA; } .hover-moon-gray:hover { color: #CCC; } .hover-moon-gray:focus { color: #CCC; } .hover-light-gray:hover { color: #EEE; } .hover-light-gray:focus { color: #EEE; } .hover-near-white:hover { color: #F4F4F4; } .hover-near-white:focus { color: #F4F4F4; } .hover-white:hover { color: #FFF; } .hover-white:focus { color: #FFF; } .hover-black-90:hover { color: rgba(0, 0, 0, 0.9); } .hover-black-90:focus { color: rgba(0, 0, 0, 0.9); } .hover-black-80:hover { color: rgba(0, 0, 0, 0.8); } .hover-black-80:focus { color: rgba(0, 0, 0, 0.8); } .hover-black-70:hover { color: rgba(0, 0, 0, 0.7); } .hover-black-70:focus { color: rgba(0, 0, 0, 0.7); } .hover-black-60:hover { color: rgba(0, 0, 0, 0.6); } .hover-black-60:focus { color: rgba(0, 0, 0, 0.6); } .hover-black-50:hover { color: rgba(0, 0, 0, 0.5); } .hover-black-50:focus { color: rgba(0, 0, 0, 0.5); } .hover-black-40:hover { color: rgba(0, 0, 0, 0.4); } .hover-black-40:focus { color: rgba(0, 0, 0, 0.4); } .hover-black-30:hover { color: rgba(0, 0, 0, 0.3); } .hover-black-30:focus { color: rgba(0, 0, 0, 0.3); } .hover-black-20:hover { color: rgba(0, 0, 0, 0.2); } .hover-black-20:focus { color: rgba(0, 0, 0, 0.2); } .hover-black-10:hover { color: rgba(0, 0, 0, 0.1); } .hover-black-10:focus { color: rgba(0, 0, 0, 0.1); } .hover-white-90:hover { color: rgba(255, 255, 255, 0.9); } .hover-white-90:focus { color: rgba(255, 255, 255, 0.9); } .hover-white-80:hover { color: rgba(255, 255, 255, 0.8); } .hover-white-80:focus { color: rgba(255, 255, 255, 0.8); } .hover-white-70:hover { color: rgba(255, 255, 255, 0.7); } .hover-white-70:focus { color: rgba(255, 255, 255, 0.7); } .hover-white-60:hover { color: rgba(255, 255, 255, 0.6); } .hover-white-60:focus { color: rgba(255, 255, 255, 0.6); } .hover-white-50:hover { color: rgba(255, 255, 255, 0.5); } .hover-white-50:focus { color: rgba(255, 255, 255, 0.5); } .hover-white-40:hover { color: rgba(255, 255, 255, 0.4); } .hover-white-40:focus { color: rgba(255, 255, 255, 0.4); } .hover-white-30:hover { color: rgba(255, 255, 255, 0.3); } .hover-white-30:focus { color: rgba(255, 255, 255, 0.3); } .hover-white-20:hover { color: rgba(255, 255, 255, 0.2); } .hover-white-20:focus { color: rgba(255, 255, 255, 0.2); } .hover-white-10:hover { color: rgba(255, 255, 255, 0.1); } .hover-white-10:focus { color: rgba(255, 255, 255, 0.1); } .hover-inherit:hover, .hover-inherit:focus { color: inherit; } .hover-bg-black:hover { background-color: #000; } .hover-bg-black:focus { background-color: #000; } .hover-bg-near-black:hover { background-color: #111; } .hover-bg-near-black:focus { background-color: #111; } .hover-bg-dark-gray:hover { background-color: #333; } .hover-bg-dark-gray:focus { background-color: #333; } .hover-bg-mid-gray:hover { background-color: #555; } .hover-bg-mid-gray:focus { background-color: #555; } .hover-bg-gray:hover { background-color: #777; } .hover-bg-gray:focus { background-color: #777; } .hover-bg-silver:hover { background-color: #999; } .hover-bg-silver:focus { background-color: #999; } .hover-bg-light-silver:hover { background-color: #AAA; } .hover-bg-light-silver:focus { background-color: #AAA; } .hover-bg-moon-gray:hover { background-color: #CCC; } .hover-bg-moon-gray:focus { background-color: #CCC; } .hover-bg-light-gray:hover { background-color: #EEE; } .hover-bg-light-gray:focus { background-color: #EEE; } .hover-bg-near-white:hover { background-color: #F4F4F4; } .hover-bg-near-white:focus { background-color: #F4F4F4; } .hover-bg-white:hover { background-color: #FFF; } .hover-bg-white:focus { background-color: #FFF; } .hover-bg-transparent:hover { background-color: transparent; } .hover-bg-transparent:focus { background-color: transparent; } .hover-bg-black-90:hover { background-color: rgba(0, 0, 0, 0.9); } .hover-bg-black-90:focus { background-color: rgba(0, 0, 0, 0.9); } .hover-bg-black-80:hover { background-color: rgba(0, 0, 0, 0.8); } .hover-bg-black-80:focus { background-color: rgba(0, 0, 0, 0.8); } .hover-bg-black-70:hover { background-color: rgba(0, 0, 0, 0.7); } .hover-bg-black-70:focus { background-color: rgba(0, 0, 0, 0.7); } .hover-bg-black-60:hover { background-color: rgba(0, 0, 0, 0.6); } .hover-bg-black-60:focus { background-color: rgba(0, 0, 0, 0.6); } .hover-bg-black-50:hover { background-color: rgba(0, 0, 0, 0.5); } .hover-bg-black-50:focus { background-color: rgba(0, 0, 0, 0.5); } .hover-bg-black-40:hover { background-color: rgba(0, 0, 0, 0.4); } .hover-bg-black-40:focus { background-color: rgba(0, 0, 0, 0.4); } .hover-bg-black-30:hover { background-color: rgba(0, 0, 0, 0.3); } .hover-bg-black-30:focus { background-color: rgba(0, 0, 0, 0.3); } .hover-bg-black-20:hover { background-color: rgba(0, 0, 0, 0.2); } .hover-bg-black-20:focus { background-color: rgba(0, 0, 0, 0.2); } .hover-bg-black-10:hover { background-color: rgba(0, 0, 0, 0.1); } .hover-bg-black-10:focus { background-color: rgba(0, 0, 0, 0.1); } .hover-bg-white-90:hover { background-color: rgba(255, 255, 255, 0.9); } .hover-bg-white-90:focus { background-color: rgba(255, 255, 255, 0.9); } .hover-bg-white-80:hover { background-color: rgba(255, 255, 255, 0.8); } .hover-bg-white-80:focus { background-color: rgba(255, 255, 255, 0.8); } .hover-bg-white-70:hover { background-color: rgba(255, 255, 255, 0.7); } .hover-bg-white-70:focus { background-color: rgba(255, 255, 255, 0.7); } .hover-bg-white-60:hover { background-color: rgba(255, 255, 255, 0.6); } .hover-bg-white-60:focus { background-color: rgba(255, 255, 255, 0.6); } .hover-bg-white-50:hover { background-color: rgba(255, 255, 255, 0.5); } .hover-bg-white-50:focus { background-color: rgba(255, 255, 255, 0.5); } .hover-bg-white-40:hover { background-color: rgba(255, 255, 255, 0.4); } .hover-bg-white-40:focus { background-color: rgba(255, 255, 255, 0.4); } .hover-bg-white-30:hover { background-color: rgba(255, 255, 255, 0.3); } .hover-bg-white-30:focus { background-color: rgba(255, 255, 255, 0.3); } .hover-bg-white-20:hover { background-color: rgba(255, 255, 255, 0.2); } .hover-bg-white-20:focus { background-color: rgba(255, 255, 255, 0.2); } .hover-bg-white-10:hover { background-color: rgba(255, 255, 255, 0.1); } .hover-bg-white-10:focus { background-color: rgba(255, 255, 255, 0.1); } .hover-dark-red:hover { color: #E7040F; } .hover-dark-red:focus { color: #E7040F; } .hover-red:hover { color: #FF4136; } .hover-red:focus { color: #FF4136; } .hover-light-red:hover { color: #FF725C; } .hover-light-red:focus { color: #FF725C; } .hover-orange:hover { color: #FF6300; } .hover-orange:focus { color: #FF6300; } .hover-gold:hover { color: #FFB700; } .hover-gold:focus { color: #FFB700; } .hover-yellow:hover { color: #FFD700; } .hover-yellow:focus { color: #FFD700; } .hover-light-yellow:hover { color: #FBF1A9; } .hover-light-yellow:focus { color: #FBF1A9; } .hover-purple:hover { color: #5E2CA5; } .hover-purple:focus { color: #5E2CA5; } .hover-light-purple:hover { color: #A463F2; } .hover-light-purple:focus { color: #A463F2; } .hover-dark-pink:hover { color: #D5008F; } .hover-dark-pink:focus { color: #D5008F; } .hover-hot-pink:hover { color: #FF41B4; } .hover-hot-pink:focus { color: #FF41B4; } .hover-pink:hover { color: #FF80CC; } .hover-pink:focus { color: #FF80CC; } .hover-light-pink:hover { color: #FFA3D7; } .hover-light-pink:focus { color: #FFA3D7; } .hover-dark-green:hover { color: #137752; } .hover-dark-green:focus { color: #137752; } .hover-green:hover { color: #19A974; } .hover-green:focus { color: #19A974; } .hover-light-green:hover { color: #9EEBCF; } .hover-light-green:focus { color: #9EEBCF; } .hover-navy:hover { color: #001B44; } .hover-navy:focus { color: #001B44; } .hover-dark-blue:hover { color: #00449E; } .hover-dark-blue:focus { color: #00449E; } .hover-blue:hover { color: #357EDD; } .hover-blue:focus { color: #357EDD; } .hover-light-blue:hover { color: #96CCFF; } .hover-light-blue:focus { color: #96CCFF; } .hover-lightest-blue:hover { color: #CDECFF; } .hover-lightest-blue:focus { color: #CDECFF; } .hover-washed-blue:hover { color: #F6FFFE; } .hover-washed-blue:focus { color: #F6FFFE; } .hover-washed-green:hover { color: #E8FDF5; } .hover-washed-green:focus { color: #E8FDF5; } .hover-washed-yellow:hover { color: #FFFCEB; } .hover-washed-yellow:focus { color: #FFFCEB; } .hover-washed-red:hover { color: #FFDFDF; } .hover-washed-red:focus { color: #FFDFDF; } .hover-bg-dark-red:hover { background-color: #E7040F; } .hover-bg-dark-red:focus { background-color: #E7040F; } .hover-bg-red:hover { background-color: #FF4136; } .hover-bg-red:focus { background-color: #FF4136; } .hover-bg-light-red:hover { background-color: #FF725C; } .hover-bg-light-red:focus { background-color: #FF725C; } .hover-bg-orange:hover { background-color: #FF6300; } .hover-bg-orange:focus { background-color: #FF6300; } .hover-bg-gold:hover { background-color: #FFB700; } .hover-bg-gold:focus { background-color: #FFB700; } .hover-bg-yellow:hover { background-color: #FFD700; } .hover-bg-yellow:focus { background-color: #FFD700; } .hover-bg-light-yellow:hover { background-color: #FBF1A9; } .hover-bg-light-yellow:focus { background-color: #FBF1A9; } .hover-bg-purple:hover { background-color: #5E2CA5; } .hover-bg-purple:focus { background-color: #5E2CA5; } .hover-bg-light-purple:hover { background-color: #A463F2; } .hover-bg-light-purple:focus { background-color: #A463F2; } .hover-bg-dark-pink:hover { background-color: #D5008F; } .hover-bg-dark-pink:focus { background-color: #D5008F; } .hover-bg-hot-pink:hover { background-color: #FF41B4; } .hover-bg-hot-pink:focus { background-color: #FF41B4; } .hover-bg-pink:hover { background-color: #FF80CC; } .hover-bg-pink:focus { background-color: #FF80CC; } .hover-bg-light-pink:hover { background-color: #FFA3D7; } .hover-bg-light-pink:focus { background-color: #FFA3D7; } .hover-bg-dark-green:hover { background-color: #137752; } .hover-bg-dark-green:focus { background-color: #137752; } .hover-bg-green:hover { background-color: #19A974; } .hover-bg-green:focus { background-color: #19A974; } .hover-bg-light-green:hover { background-color: #9EEBCF; } .hover-bg-light-green:focus { background-color: #9EEBCF; } .hover-bg-navy:hover { background-color: #001B44; } .hover-bg-navy:focus { background-color: #001B44; } .hover-bg-dark-blue:hover { background-color: #00449E; } .hover-bg-dark-blue:focus { background-color: #00449E; } .hover-bg-blue:hover { background-color: #357EDD; } .hover-bg-blue:focus { background-color: #357EDD; } .hover-bg-light-blue:hover { background-color: #96CCFF; } .hover-bg-light-blue:focus { background-color: #96CCFF; } .hover-bg-lightest-blue:hover { background-color: #CDECFF; } .hover-bg-lightest-blue:focus { background-color: #CDECFF; } .hover-bg-washed-blue:hover { background-color: #F6FFFE; } .hover-bg-washed-blue:focus { background-color: #F6FFFE; } .hover-bg-washed-green:hover { background-color: #E8FDF5; } .hover-bg-washed-green:focus { background-color: #E8FDF5; } .hover-bg-washed-yellow:hover { background-color: #FFFCEB; } .hover-bg-washed-yellow:focus { background-color: #FFFCEB; } .hover-bg-washed-red:hover { background-color: #FFDFDF; } .hover-bg-washed-red:focus { background-color: #FFDFDF; } .hover-bg-inherit:hover, .hover-bg-inherit:focus { background-color: inherit; } /* Toegevoegde kleurenreeksen */ .hover-black:focus, .hover-black:hover { color: #000; } .hover-near-black:focus, .hover-near-black:hover { color: #212529; } .hover-dark-gray:focus, .hover-dark-gray:hover { color: #868E96; } .hover-mid-gray:focus, .hover-mid-gray:hover { color: #495057; } .hover-gray:focus, .hover-gray:hover { color: #343A40; } .hover-silver:focus, .hover-silver:hover { color: #ADB5BD; } .hover-light-silver:focus, .hover-light-silver:hover { color: #CED4DA; } .hover-moon-gray:focus, .hover-moon-gray:hover { color: #DEE2E6; } .hover-light-gray:focus, .hover-light-gray:hover { color: #CED4DA; } .hover-near-white:focus, .hover-near-white:hover { color: #F8F9FA; } .hover-white:focus, .hover-white:hover { color: #FFF; } .hover-black-90:focus, .hover-black-90:hover { color: rgba(33, 37, 41, 0.9); } .hover-black-80:focus, .hover-black-80:hover { color: rgba(33, 37, 41, 0.8); } .hover-black-70:focus, .hover-black-70:hover { color: rgba(33, 37, 41, 0.7); } .hover-black-60:focus, .hover-black-60:hover { color: rgba(33, 37, 41, 0.6); } .hover-black-50:focus, .hover-black-50:hover { color: rgba(33, 37, 41, 0.5); } .hover-black-40:focus, .hover-black-40:hover { color: rgba(33, 37, 41, 0.4); } .hover-black-30:focus, .hover-black-30:hover { color: rgba(33, 37, 41, 0.3); } .hover-black-20:focus, .hover-black-20:hover { color: rgba(33, 37, 41, 0.2); } .hover-black-10:focus, .hover-black-10:hover { color: rgba(33, 37, 41, 0.1); } .hover-white-90:focus, .hover-white-90:hover { color: rgba(248, 249, 250, 0.9); } .hover-white-80:focus, .hover-white-80:hover { color: rgba(248, 249, 250, 0.8); } .hover-white-70:focus, .hover-white-70:hover { color: rgba(248, 249, 250, 0.7); } .hover-white-60:focus, .hover-white-60:hover { color: rgba(248, 249, 250, 0.6); } .hover-white-50:focus, .hover-white-50:hover { color: rgba(248, 249, 250, 0.5); } .hover-white-40:focus, .hover-white-40:hover { color: rgba(248, 249, 250, 0.4); } .hover-white-30:focus, .hover-white-30:hover { color: rgba(248, 249, 250, 0.3); } .hover-white-20:focus, .hover-white-20:hover { color: rgba(248, 249, 250, 0.2); } .hover-white-10:focus, .hover-white-10:hover { color: rgba(248, 249, 250, 0.1); } .hover-inherit:focus, .hover-inherit:hover { color: inherit; } .hover-bg-black:focus, .hover-bg-black:hover { background-color: #000; } .hover-bg-near-black:focus, .hover-bg-near-black:hover { background-color: #212529; } .hover-bg-dark-gray:focus, .hover-bg-dark-gray:hover { background-color: #868E96; } .hover-bg-dark-gray:focus, .hover-bg-mid-gray:hover { background-color: #495057; } .hover-bg-gray:focus, .hover-bg-gray:hover { background-color: #343A40; } .hover-bg-silver:focus, .hover-bg-silver:hover { background-color: #ADB5BD; } .hover-bg-light-silver:focus, .hover-bg-light-silver:hover { background-color: #CED4DA; } .hover-bg-moon-gray:focus, .hover-bg-moon-gray:hover { background-color: #DEE2E6; } .hover-bg-light-gray:focus, .hover-bg-light-gray:hover { background-color: #CED4DA; } .hover-bg-white:focus, .hover-bg-white:hover { background-color: #FFF; } .hover-bg-transparent:focus, .hover-bg-transparent:hover { background-color: rgba(33, 37, 41, 0); } .hover-bg-black-90:focus, .hover-bg-black-90:hover { background-color: rgba(33, 37, 41, 0.9); } .hover-bg-black-80:focus, .hover-bg-black-80:hover { background-color: rgba(33, 37, 41, 0.8); } .hover-bg-black-70:focus, .hover-bg-black-70:hover { background-color: rgba(33, 37, 41, 0.7); } .hover-bg-black-60:focus, .hover-bg-black-60:hover { background-color: rgba(33, 37, 41, 0.6); } .hover-bg-black-50:focus, .hover-bg-black-50:hover { background-color: rgba(33, 37, 41, 0.5); } .hover-bg-black-40:focus, .hover-bg-black-40:hover { background-color: rgba(33, 37, 41, 0.4); } .hover-bg-black-30:focus, .hover-bg-black-30:hover { background-color: rgba(33, 37, 41, 0.3); } .hover-bg-black-20:focus, .hover-bg-black-20:hover { background-color: rgba(33, 37, 41, 0.2); } .hover-bg-black-10:focus, .hover-bg-black-10:hover { background-color: rgba(33, 37, 41, 0.1); } .hover-bg-white-90:focus, .hover-bg-white-90:hover { background-color: rgba(248, 249, 250, 0.9); } .hover-bg-white-80:focus, .hover-bg-white-80:hover { background-color: rgba(248, 249, 250, 0.8); } .hover-bg-white-70:focus, .hover-bg-white-70:hover { background-color: rgba(248, 249, 250, 0.7); } .hover-bg-white-60:focus, .hover-bg-white-60:hover { background-color: rgba(248, 249, 250, 0.6); } .hover-bg-white-50:focus, .hover-bg-white-50:hover { background-color: rgba(248, 249, 250, 0.5); } .hover-bg-white-40:focus, .hover-bg-white-40:hover { background-color: rgba(248, 249, 250, 0.4); } .hover-bg-white-30:focus, .hover-bg-white-30:hover { background-color: rgba(248, 249, 250, 0.3); } .hover-bg-white-20:focus, .hover-bg-white-20:hover { background-color: rgba(248, 249, 250, 0.2); } .hover-bg-white-10:focus, .hover-bg-white-10:hover { background-color: rgba(248, 249, 250, 0.1); } .hover-dark-red:focus, .hover-dark-red:hover { color: #F03E3E; } .hover-light-red:focus, .hover-light-red:hover { color: #FF8787; } .hover-gold:focus, .hover-gold:hover { color: #FCC419; } .hover-light-yellow:focus, .hover-light-yellow:hover { color: #FFE066; } .hover-purple:focus, .hover-purple:hover { color: #7950F2; } .hover-light-purple:focus, .hover-light-purple:hover { color: #9775FA; } .hover-dark-pink:focus, .hover-dark-pink:hover { color: #F06595; } .hover-hot-pink:focus, .hover-hot-pink:hover { color: #C2255C; } .hover-light-pink:focus, .hover-light-pink:hover { color: #FAA2C1; } .hover-dark-green:focus, .hover-dark-green:hover { color: #37B24D; } .hover-light-green:focus, .hover-light-green:hover { color: #69DB7C; } .hover-navy:focus, .hover-navy:hover { color: #1862AB; } .hover-dark-blue:focus, .hover-dark-blue:hover { color: #1C7CD6; } .hover-light-blue:focus, .hover-light-blue:hover { color: #4DADF7; } .hover-lightest-blue:focus, .hover-lightest-blue:hover { color: #CCEDFF; } .hover-washed-blue:focus, .hover-washed-blue:hover { color: #E8F7FF; } .hover-washed-green:focus, .hover-washed-green:hover { color: #EBFBEE; } .hover-washed-yellow:focus, .hover-washed-yellow:hover { color: #FFF9DB; } .hover-washed-red:focus, .hover-washed-red:hover { color: #FFF5F5; } .hover-bg-dark-red:focus, .hover-bg-dark-red:hover { background-color: #F03E3E; } .hover-bg-light-red:focus, .hover-bg-light-red:hover { background-color: #FF8787; } .hover-bg-gold:focus, .hover-bg-gold:hover { background-color: #FCC419; } .hover-bg-light-yellow:focus, .hover-bg-light-yellow:hover { background-color: #FFE066; } .hover-bg-purple:focus, .hover-bg-purple:hover { background-color: #7950F2; } .hover-bg-light-purple:focus, .hover-bg-light-purple:hover { background-color: #9775FA; } .hover-bg-dark-pink:focus, .hover-bg-dark-pink:hover { background-color: #F06595; } .hover-bg-hot-pink:focus, .hover-bg-hot-pink:hover { background-color: #C2255C; } .hover-bg-light-pink:focus, .hover-bg-light-pink:hover { background-color: #FAA2C1; } .hover-bg-dark-green:focus, .hover-bg-dark-green:hover { background-color: #37B24D; } .hover-bg-light-green:focus, .hover-bg-light-green:hover { background-color: #69DB7C; } .hover-bg-navy:focus, .hover-bg-navy:hover { background-color: #1862AB; } .hover-bg-dark-blue:focus, .hover-bg-dark-blue:hover { background-color: #1C7CD6; } .hover-bg-light-blue:focus, .hover-bg-light-blue:hover { background-color: #4DADF7; } .hover-bg-lightest-blue:focus, .hover-bg-lightest-blue:hover { background-color: #CCEDFF; } .hover-bg-washed-blue:focus, .hover-bg-washed-blue:hover { background-color: #E8F7FF; } .hover-bg-washed-green:focus, .hover-bg-washed-green:hover { background-color: #EBFBEE; } .hover-bg-washed-yellow:focus, .hover-bg-washed-yellow:hover { background-color: #FFF9DB; } .hover-bg-washed-red:focus, .hover-bg-washed-red:hover { background-color: #FFF5F5; } .hover-bg-inherit:focus, .hover-bg-inherit:hover { background-color: inherit; } .hover-gray0:focus, .hover-gray0:hover { color: #F8F9FA; } .hover-gray1:focus, .hover-gray1:hover { color: #F1F3F5; } .hover-gray2:focus, .hover-gray2:hover { color: #E9ECEF; } .hover-gray3:focus, .hover-gray3:hover { color: #DEE2E6; } .hover-gray4:focus, .hover-gray4:hover { color: #CED4DA; } .hover-gray5:focus, .hover-gray5:hover { color: #ADB5BD; } .hover-gray6:focus, .hover-gray6:hover { color: #868E96; } .hover-gray7:focus, .hover-gray7:hover { color: #495057; } .hover-gray8:focus, .hover-gray8:hover { color: #343A40; } .hover-gray9:focus, .hover-gray9:hover { color: #212529; } .hover-red:focus, .hover-red:hover { color: #FA5252; } .hover-red0:focus, .hover-red0:hover { color: #FFF5F5; } .hover-red1:focus, .hover-red1:hover { color: #FFE3E3; } .hover-red2:focus, .hover-red2:hover { color: #FFC9C9; } .hover-red3:focus, .hover-red3:hover { color: #FFA8A8; } .hover-red4:focus, .hover-red4:hover { color: #FF8787; } .hover-red5:focus, .hover-red5:hover { color: #FF6B6B; } .hover-red6:focus, .hover-red6:hover { color: #FA5252; } .hover-red7:focus, .hover-red7:hover { color: #F03E3E; } .hover-red8:focus, .hover-red8:hover { color: #E03131; } .hover-red9:focus, .hover-red9:hover { color: #C92A2A; } .hover-orange:focus, .hover-orange:hover { color: #FD7E14; } .hover-orange0:focus, .hover-orange0:hover { color: #FFF4E6; } .hover-orange1:focus, .hover-orange1:hover { color: #FFE8CC; } .hover-orange2:focus, .hover-orange2:hover { color: #FFD8A8; } .hover-orange3:focus, .hover-orange3:hover { color: #FFC078; } .hover-orange4:focus, .hover-orange4:hover { color: #FFA94D; } .hover-orange5:focus, .hover-orange5:hover { color: #FF922B; } .hover-orange6:focus, .hover-orange6:hover { color: #FD7E14; } .hover-orange7:focus, .hover-orange7:hover { color: #F76707; } .hover-orange8:focus, .hover-orange8:hover { color: #E8590C; } .hover-orange9:focus, .hover-orange9:hover { color: #D9480F; } .hover-yellow:focus, .hover-yellow:hover { color: #FFD43B; } .hover-yellow0:focus, .hover-yellow0:hover { color: #FFF9DB; } .hover-yellow1:focus, .hover-yellow1:hover { color: #FFF3BF; } .hover-yellow2:focus, .hover-yellow2:hover { color: #FFEC99; } .hover-yellow3:focus, .hover-yellow3:hover { color: #FFE066; } .hover-yellow4:focus, .hover-yellow4:hover { color: #FFD43B; } .hover-yellow5:focus, .hover-yellow5:hover { color: #FCC419; } .hover-yellow6:focus, .hover-yellow6:hover { color: #FAB005; } .hover-yellow7:focus, .hover-yellow7:hover { color: #F59F00; } .hover-yellow8:focus, .hover-yellow8:hover { color: #F08C00; } .hover-yellow9:focus, .hover-yellow9:hover { color: #E67700; } .hover-green:focus, .hover-green:hover { color: #40C057; } .hover-green0:focus, .hover-green0:hover { color: #EBFBEE; } .hover-green1:focus, .hover-green1:hover { color: #D3F9D8; } .hover-green2:focus, .hover-green2:hover { color: #B2F2BB; } .hover-green3:focus, .hover-green3:hover { color: #8CE99A; } .hover-green4:focus, .hover-green4:hover { color: #69DB7C; } .hover-green5:focus, .hover-green5:hover { color: #51CF66; } .hover-green6:focus, .hover-green6:hover { color: #40C057; } .hover-green7:focus, .hover-green7:hover { color: #37B24D; } .hover-green8:focus, .hover-green8:hover { color: #2F9E44; } .hover-green9:focus, .hover-green9:hover { color: #2B8A3E; } .hover-lime:focus, .hover-lime:hover { color: #82C91E; } .hover-lime0:focus, .hover-lime0:hover { color: #F4FCE3; } .hover-lime1:focus, .hover-lime1:hover { color: #E9FAC8; } .hover-lime2:focus, .hover-lime2:hover { color: #D8F5A2; } .hover-lime3:focus, .hover-lime3:hover { color: #C0EB75; } .hover-lime4:focus, .hover-lime4:hover { color: #A9E34B; } .hover-lime5:focus, .hover-lime5:hover { color: #94D82D; } .hover-lime6:focus, .hover-lime6:hover { color: #82C91E; } .hover-lime7:focus, .hover-lime7:hover { color: #74B816; } .hover-lime8:focus, .hover-lime8:hover { color: #66A80F; } .hover-lime9:focus, .hover-lime9:hover { color: #5C940D; } .hover-teal:focus, .hover-teal:hover { color: #12B886; } .hover-teal0:focus, .hover-teal0:hover { color: #E6FCF5; } .hover-teal1:focus, .hover-teal1:hover { color: #C3FAE8; } .hover-teal2:focus, .hover-teal2:hover { color: #96F2D7; } .hover-teal3:focus, .hover-teal3:hover { color: #63E6BE; } .hover-teal4:focus, .hover-teal4:hover { color: #38D9A9; } .hover-teal5:focus, .hover-teal5:hover { color: #20C997; } .hover-teal6:focus, .hover-teal6:hover { color: #12B886; } .hover-teal7:focus, .hover-teal7:hover { color: #0CA678; } .hover-teal8:focus, .hover-teal8:hover { color: #099268; } .hover-teal9:focus, .hover-teal9:hover { color: #087F5B; } .hover-cyan:focus, .hover-cyan:hover { color: #15AABF; } .hover-cyan0:focus, .hover-cyan0:hover { color: #E3FAFC; } .hover-cyan1:focus, .hover-cyan1:hover { color: #C5F6FA; } .hover-cyan2:focus, .hover-cyan2:hover { color: #99E9F2; } .hover-cyan3:focus, .hover-cyan3:hover { color: #66D9E8; } .hover-cyan4:focus, .hover-cyan4:hover { color: #3BC9DB; } .hover-cyan5:focus, .hover-cyan5:hover { color: #22B8CF; } .hover-cyan6:focus, .hover-cyan6:hover { color: #15AABF; } .hover-cyan7:focus, .hover-cyan7:hover { color: #1098AD; } .hover-cyan8:focus, .hover-cyan8:hover { color: #0C8599; } .hover-cyan9:focus, .hover-cyan9:hover { color: #0B7285; } .docs-generated .docs-alert h2 a:focus, .docs-generated .docs-alert h2 a:hover, .docs-generated a:focus, .docs-generated a:hover, .hover-blue:focus, .hover-blue:hover { color: #228AE6; } .hover-blue0:focus, .hover-blue0:hover { color: #E8F7FF; } .hover-blue1:focus, .hover-blue1:hover { color: #CCEDFF; } .hover-blue2:focus, .hover-blue2:hover { color: #A3DAFF; } .hover-blue3:focus, .hover-blue3:hover { color: #72C3FC; } .hover-blue4:focus, .hover-blue4:hover { color: #4DADF7; } .hover-blue5:focus, .hover-blue5:hover { color: #329AF0; } .hover-blue6:focus, .hover-blue6:hover { color: #228AE6; } .hover-blue7:focus, .hover-blue7:hover { color: #1C7CD6; } .hover-blue8:focus, .hover-blue8:hover { color: #1B6EC2; } .hover-blue9:focus, .hover-blue9:hover { color: #1862AB; } .hover-indigo:focus, .hover-indigo:hover { color: #4C6EF5; } .hover-indigo0:focus, .hover-indigo0:hover { color: #EDF2FF; } .hover-indigo1:focus, .hover-indigo1:hover { color: #DBE4FF; } .hover-indigo2:focus, .hover-indigo2:hover { color: #BAC8FF; } .hover-indigo3:focus, .hover-indigo3:hover { color: #91A7FF; } .hover-indigo4:focus, .hover-indigo4:hover { color: #748FFC; } .hover-indigo5:focus, .hover-indigo5:hover { color: #5C7CFA; } .hover-indigo6:focus, .hover-indigo6:hover { color: #4C6EF5; } .hover-indigo7:focus, .hover-indigo7:hover { color: #4263EB; } .hover-indigo8:focus, .hover-indigo8:hover { color: #3B5BDB; } .hover-indigo9:focus, .hover-indigo9:hover { color: #364FC7; } .hover-violet:focus, .hover-violet:hover { color: #7950F2; } .hover-violet0:focus, .hover-violet0:hover { color: #F3F0FF; } .hover-violet1:focus, .hover-violet1:hover { color: #E5DBFF; } .hover-violet2:focus, .hover-violet2:hover { color: #D0BFFF; } .hover-violet3:focus, .hover-violet3:hover { color: #B197FC; } .hover-violet4:focus, .hover-violet4:hover { color: #9775FA; } .hover-violet5:focus, .hover-violet5:hover { color: #845EF7; } .hover-violet6:focus, .hover-violet6:hover { color: #7950F2; } .hover-violet7:focus, .hover-violet7:hover { color: #7048E8; } .hover-violet8:focus, .hover-violet8:hover { color: #6741D9; } .hover-violet9:focus, .hover-violet9:hover { color: #5F3DC4; } .hover-grape:focus, .hover-grape:hover { color: #BE4BDB; } .hover-grape0:focus, .hover-grape0:hover { color: #F8F0FC; } .hover-grape1:focus, .hover-grape1:hover { color: #F3D9FA; } .hover-grape2:focus, .hover-grape2:hover { color: #EEBEFA; } .hover-grape3:focus, .hover-grape3:hover { color: #E599F7; } .hover-grape4:focus, .hover-grape4:hover { color: #DA77F2; } .hover-grape5:focus, .hover-grape5:hover { color: #CC5DE8; } .hover-grape6:focus, .hover-grape6:hover { color: #BE4BDB; } .hover-grape7:focus, .hover-grape7:hover { color: #AE3EC9; } .hover-grape8:focus, .hover-grape8:hover { color: #9C36B5; } .hover-grape9:focus, .hover-grape9:hover { color: #862E9C; } .hover-pink:focus, .hover-pink:hover { color: #F783AC; } .hover-pink0:focus, .hover-pink0:hover { color: #FFF0F6; } .hover-pink1:focus, .hover-pink1:hover { color: #FFDEEB; } .hover-pink2:focus, .hover-pink2:hover { color: #FCC2D7; } .hover-pink3:focus, .hover-pink3:hover { color: #FAA2C1; } .hover-pink4:focus, .hover-pink4:hover { color: #F783AC; } .hover-pink5:focus, .hover-pink5:hover { color: #F06595; } .hover-pink6:focus, .hover-pink6:hover { color: #E64980; } .hover-pink7:focus, .hover-pink7:hover { color: #D6336C; } .hover-pink8:focus, .hover-pink8:hover { color: #C2255C; } .hover-pink9:focus, .hover-pink9:hover { color: #A61E4D; } .hover-info0:focus, .hover-info0:hover { color: #E8F7FF; } .hover-info1:focus, .hover-info1:hover { color: #CCEDFF; } .hover-info2:focus, .hover-info2:hover { color: #A3DAFF; } .hover-info3:focus, .hover-info3:hover { color: #72C3FC; } .hover-info4:focus, .hover-info4:hover { color: #4DADF7; } .hover-info5:focus, .hover-info5:hover { color: #329AF0; } .hover-info6:focus, .hover-info6:hover { color: #228AE6; } .hover-info7:focus, .hover-info7:hover { color: #1C7CD6; } .hover-info8:focus, .hover-info8:hover { color: #1B6EC2; } .hover-info9:focus, .hover-info9:hover { color: #1862AB; } .hover-success0:focus, .hover-success0:hover { color: #EBFBEE; } .hover-success1:focus, .hover-success1:hover { color: #D3F9D8; } .hover-success2:focus, .hover-success2:hover { color: #B2F2BB; } .hover-success3:focus, .hover-success3:hover { color: #8CE99A; } .hover-success4:focus, .hover-success4:hover { color: #69DB7C; } .hover-success5:focus, .hover-success5:hover { color: #51CF66; } .hover-success6:focus, .hover-success6:hover { color: #40C057; } .hover-success7:focus, .hover-success7:hover { color: #37B24D; } .hover-success8:focus, .hover-success8:hover { color: #2F9E44; } .hover-success9:focus, .hover-success9:hover { color: #2B8A3E; } .hover-danger0:focus, .hover-danger0:hover { color: #FFF5F5; } .hover-danger1:focus, .hover-danger1:hover { color: #FFE3E3; } .hover-danger2:focus, .hover-danger2:hover { color: #FFC9C9; } .hover-danger3:focus, .hover-danger3:hover { color: #FFA8A8; } .hover-danger4:focus, .hover-danger4:hover { color: #FF8787; } .hover-danger5:focus, .hover-danger5:hover { color: #FF6B6B; } .hover-danger6:focus, .hover-danger6:hover { color: #FA5252; } .hover-danger7:focus, .hover-danger7:hover { color: #F03E3E; } .hover-danger8:focus, .hover-danger8:hover { color: #E03131; } .hover-danger9:focus, .hover-danger9:hover { color: #C92A2A; } .hover-warning0:focus, .hover-warning0:hover { color: #FFF9DB; } .hover-warning1:focus, .hover-warning1:hover { color: #FFF3BF; } .hover-warning2:focus, .hover-warning2:hover { color: #FFEC99; } .hover-warning3:focus, .hover-warning3:hover { color: #FFE066; } .hover-warning4:focus, .hover-warning4:hover { color: #FFD43B; } .hover-warning5:focus, .hover-warning5:hover { color: #FCC419; } .hover-warning6:focus, .hover-warning6:hover { color: #FAB005; } .hover-warning7:focus, .hover-warning7:hover { color: #F59F00; } .hover-warning8:focus, .hover-warning8:hover { color: #F08C00; } .hover-warning9:focus, .hover-warning9:hover { color: #E67700; } .hover-bg-gray0:focus, .hover-bg-gray0:hover { background-color: #F8F9FA; } .hover-bg-gray1:focus, .hover-bg-gray1:hover { background-color: #F1F3F5; } .hover-bg-gray2:focus, .hover-bg-gray2:hover { background-color: #E9ECEF; } .hover-bg-gray3:focus, .hover-bg-gray3:hover { background-color: #DEE2E6; } .hover-bg-gray4:focus, .hover-bg-gray4:hover { background-color: #CED4DA; } .hover-bg-gray5:focus, .hover-bg-gray5:hover { background-color: #ADB5BD; } .hover-bg-gray6:focus, .hover-bg-gray6:hover { background-color: #868E96; } .hover-bg-gray7:focus, .hover-bg-gray7:hover { background-color: #495057; } .hover-bg-gray8:focus, .hover-bg-gray8:hover { background-color: #343A40; } .hover-bg-gray9:focus, .hover-bg-gray9:hover { background-color: #212529; } .hover-bg-red:focus, .hover-bg-red:hover { background-color: #FA5252; } .hover-bg-red0:focus, .hover-bg-red0:hover { background-color: #FFF5F5; } .hover-bg-red1:focus, .hover-bg-red1:hover { background-color: #FFE3E3; } .hover-bg-red2:focus, .hover-bg-red2:hover { background-color: #FFC9C9; } .hover-bg-red3:focus, .hover-bg-red3:hover { background-color: #FFA8A8; } .hover-bg-red4:focus, .hover-bg-red4:hover { background-color: #FF8787; } .hover-bg-red5:focus, .hover-bg-red5:hover { background-color: #FF6B6B; } .hover-bg-red6:focus, .hover-bg-red6:hover { background-color: #FA5252; } .hover-bg-red7:focus, .hover-bg-red7:hover { background-color: #F03E3E; } .hover-bg-red8:focus, .hover-bg-red8:hover { background-color: #E03131; } .hover-bg-red9:focus, .hover-bg-red9:hover { background-color: #C92A2A; } .hover-bg-orange:focus, .hover-bg-orange:hover { background-color: #FD7E14; } .hover-bg-orange0:focus, .hover-bg-orange0:hover { background-color: #FFF4E6; } .hover-bg-orange1:focus, .hover-bg-orange1:hover { background-color: #FFE8CC; } .hover-bg-orange2:focus, .hover-bg-orange2:hover { background-color: #FFD8A8; } .hover-bg-orange3:focus, .hover-bg-orange3:hover { background-color: #FFC078; } .hover-bg-orange4:focus, .hover-bg-orange4:hover { background-color: #FFA94D; } .hover-bg-orange5:focus, .hover-bg-orange5:hover { background-color: #FF922B; } .hover-bg-orange6:focus, .hover-bg-orange6:hover { background-color: #FD7E14; } .hover-bg-orange7:focus, .hover-bg-orange7:hover { background-color: #F76707; } .hover-bg-orange8:focus, .hover-bg-orange8:hover { background-color: #E8590C; } .hover-bg-orange9:focus, .hover-bg-orange9:hover { background-color: #D9480F; } .hover-bg-yellow:focus, .hover-bg-yellow:hover { background-color: #FFD43B; } .hover-bg-yellow0:focus, .hover-bg-yellow0:hover { background-color: #FFF9DB; } .hover-bg-yellow1:focus, .hover-bg-yellow1:hover { background-color: #FFF3BF; } .hover-bg-yellow2:focus, .hover-bg-yellow2:hover { background-color: #FFEC99; } .hover-bg-yellow3:focus, .hover-bg-yellow3:hover { background-color: #FFE066; } .hover-bg-yellow4:focus, .hover-bg-yellow4:hover { background-color: #FFD43B; } .hover-bg-yellow5:focus, .hover-bg-yellow5:hover { background-color: #FCC419; } .hover-bg-yellow6:focus, .hover-bg-yellow6:hover { background-color: #FAB005; } .hover-bg-yellow7:focus, .hover-bg-yellow7:hover { background-color: #F59F00; } .hover-bg-yellow8:focus, .hover-bg-yellow8:hover { background-color: #F08C00; } .hover-bg-yellow9:focus, .hover-bg-yellow9:hover { background-color: #E67700; } .hover-bg-green:focus, .hover-bg-green:hover { background-color: #40C057; } .hover-bg-green0:focus, .hover-bg-green0:hover { background-color: #EBFBEE; } .hover-bg-green1:focus, .hover-bg-green1:hover { background-color: #D3F9D8; } .hover-bg-green2:focus, .hover-bg-green2:hover { background-color: #B2F2BB; } .hover-bg-green3:focus, .hover-bg-green3:hover { background-color: #8CE99A; } .hover-bg-green4:focus, .hover-bg-green4:hover { background-color: #69DB7C; } .hover-bg-green5:focus, .hover-bg-green5:hover { background-color: #51CF66; } .hover-bg-green6:focus, .hover-bg-green6:hover { background-color: #40C057; } .hover-bg-green7:focus, .hover-bg-green7:hover { background-color: #37B24D; } .hover-bg-green8:focus, .hover-bg-green8:hover { background-color: #2F9E44; } .hover-bg-green9:focus, .hover-bg-green9:hover { background-color: #2B8A3E; } .hover-bg-lime:focus, .hover-bg-lime:hover { background-color: #82C91E; } .hover-bg-lime0:focus, .hover-bg-lime0:hover { background-color: #F4FCE3; } .hover-bg-lime1:focus, .hover-bg-lime1:hover { background-color: #E9FAC8; } .hover-bg-lime2:focus, .hover-bg-lime2:hover { background-color: #D8F5A2; } .hover-bg-lime3:focus, .hover-bg-lime3:hover { background-color: #C0EB75; } .hover-bg-lime4:focus, .hover-bg-lime4:hover { background-color: #A9E34B; } .hover-bg-lime5:focus, .hover-bg-lime5:hover { background-color: #94D82D; } .hover-bg-lime6:focus, .hover-bg-lime6:hover { background-color: #82C91E; } .hover-bg-lime7:focus, .hover-bg-lime7:hover { background-color: #74B816; } .hover-bg-lime8:focus, .hover-bg-lime8:hover { background-color: #66A80F; } .hover-bg-lime9:focus, .hover-bg-lime9:hover { background-color: #5C940D; } .hover-bg-teal:focus, .hover-bg-teal:hover { background-color: #12B886; } .hover-bg-teal0:focus, .hover-bg-teal0:hover { background-color: #E6FCF5; } .hover-bg-teal1:focus, .hover-bg-teal1:hover { background-color: #C3FAE8; } .hover-bg-teal2:focus, .hover-bg-teal2:hover { background-color: #96F2D7; } .hover-bg-teal3:focus, .hover-bg-teal3:hover { background-color: #63E6BE; } .hover-bg-teal4:focus, .hover-bg-teal4:hover { background-color: #38D9A9; } .hover-bg-teal5:focus, .hover-bg-teal5:hover { background-color: #20C997; } .hover-bg-teal6:focus, .hover-bg-teal6:hover { background-color: #12B886; } .hover-bg-teal7:focus, .hover-bg-teal7:hover { background-color: #0CA678; } .hover-bg-teal8:focus, .hover-bg-teal8:hover { background-color: #099268; } .hover-bg-teal9:focus, .hover-bg-teal9:hover { background-color: #087F5B; } .hover-bg-cyan:focus, .hover-bg-cyan:hover { background-color: #15AABF; } .hover-bg-cyan0:focus, .hover-bg-cyan0:hover { background-color: #E3FAFC; } .hover-bg-cyan1:focus, .hover-bg-cyan1:hover { background-color: #C5F6FA; } .hover-bg-cyan2:focus, .hover-bg-cyan2:hover { background-color: #99E9F2; } .hover-bg-cyan3:focus, .hover-bg-cyan3:hover { background-color: #66D9E8; } .hover-bg-cyan4:focus, .hover-bg-cyan4:hover { background-color: #3BC9DB; } .hover-bg-cyan5:focus, .hover-bg-cyan5:hover { background-color: #22B8CF; } .hover-bg-cyan6:focus, .hover-bg-cyan6:hover { background-color: #15AABF; } .hover-bg-cyan7:focus, .hover-bg-cyan7:hover { background-color: #1098AD; } .hover-bg-cyan8:focus, .hover-bg-cyan8:hover { background-color: #0C8599; } .hover-bg-cyan9:focus, .hover-bg-cyan9:hover { background-color: #0B7285; } .hover-bg-blue:focus, .hover-bg-blue:hover { background-color: #228AE6; } .hover-bg-blue0:focus, .hover-bg-blue0:hover { background-color: #E8F7FF; } .hover-bg-blue1:focus, .hover-bg-blue1:hover { background-color: #CCEDFF; } .hover-bg-blue2:focus, .hover-bg-blue2:hover { background-color: #A3DAFF; } .hover-bg-blue3:focus, .hover-bg-blue3:hover { background-color: #72C3FC; } .hover-bg-blue4:focus, .hover-bg-blue4:hover { background-color: #4DADF7; } .hover-bg-blue5:focus, .hover-bg-blue5:hover { background-color: #329AF0; } .hover-bg-blue6:focus, .hover-bg-blue6:hover { background-color: #228AE6; } .hover-bg-blue7:focus, .hover-bg-blue7:hover { background-color: #1C7CD6; } .hover-bg-blue8:focus, .hover-bg-blue8:hover { background-color: #1B6EC2; } .hover-bg-blue9:focus, .hover-bg-blue9:hover { background-color: #1862AB; } .hover-bg-indigo:focus, .hover-bg-indigo:hover { background-color: #4C6EF5; } .hover-bg-indigo0:focus, .hover-bg-indigo0:hover { background-color: #EDF2FF; } .hover-bg-indigo1:focus, .hover-bg-indigo1:hover { background-color: #DBE4FF; } .hover-bg-indigo2:focus, .hover-bg-indigo2:hover { background-color: #BAC8FF; } .hover-bg-indigo3:focus, .hover-bg-indigo3:hover { background-color: #91A7FF; } .hover-bg-indigo4:focus, .hover-bg-indigo4:hover { background-color: #748FFC; } .hover-bg-indigo5:focus, .hover-bg-indigo5:hover { background-color: #5C7CFA; } .hover-bg-indigo6:focus, .hover-bg-indigo6:hover { background-color: #4C6EF5; } .hover-bg-indigo7:focus, .hover-bg-indigo7:hover { background-color: #4263EB; } .hover-bg-indigo8:focus, .hover-bg-indigo8:hover { background-color: #3B5BDB; } .hover-bg-indigo9:focus, .hover-bg-indigo9:hover { background-color: #364FC7; } .hover-bg-violet:focus, .hover-bg-violet:hover { background-color: #7950F2; } .hover-bg-violet0:focus, .hover-bg-violet0:hover { background-color: #F3F0FF; } .hover-bg-violet1:focus, .hover-bg-violet1:hover { background-color: #E5DBFF; } .hover-bg-violet2:focus, .hover-bg-violet2:hover { background-color: #D0BFFF; } .hover-bg-violet3:focus, .hover-bg-violet3:hover { background-color: #B197FC; } .hover-bg-violet4:focus, .hover-bg-violet4:hover { background-color: #9775FA; } .hover-bg-violet5:focus, .hover-bg-violet5:hover { background-color: #845EF7; } .hover-bg-violet6:focus, .hover-bg-violet6:hover { background-color: #7950F2; } .hover-bg-violet7:focus, .hover-bg-violet7:hover { background-color: #7048E8; } .hover-bg-violet8:focus, .hover-bg-violet8:hover { background-color: #6741D9; } .hover-bg-violet9:focus, .hover-bg-violet9:hover { background-color: #5F3DC4; } .hover-bg-grape:focus, .hover-bg-grape:hover { background-color: #BE4BDB; } .hover-bg-grape0:focus, .hover-bg-grape0:hover { background-color: #F8F0FC; } .hover-bg-grape1:focus, .hover-bg-grape1:hover { background-color: #F3D9FA; } .hover-bg-grape2:focus, .hover-bg-grape2:hover { background-color: #EEBEFA; } .hover-bg-grape3:focus, .hover-bg-grape3:hover { background-color: #E599F7; } .hover-bg-grape4:focus, .hover-bg-grape4:hover { background-color: #DA77F2; } .hover-bg-grape5:focus, .hover-bg-grape5:hover { background-color: #CC5DE8; } .hover-bg-grape6:focus, .hover-bg-grape6:hover { background-color: #BE4BDB; } .hover-bg-grape7:focus, .hover-bg-grape7:hover { background-color: #AE3EC9; } .hover-bg-grape8:focus, .hover-bg-grape8:hover { background-color: #9C36B5; } .hover-bg-grape9:focus, .hover-bg-grape9:hover { background-color: #862E9C; } .hover-bg-pink:focus, .hover-bg-pink:hover { background-color: #F783AC; } .hover-bg-pink0:focus, .hover-bg-pink0:hover { background-color: #FFF0F6; } .hover-bg-pink1:focus, .hover-bg-pink1:hover { background-color: #FFDEEB; } .hover-bg-pink2:focus, .hover-bg-pink2:hover { background-color: #FCC2D7; } .hover-bg-pink3:focus, .hover-bg-pink3:hover { background-color: #FAA2C1; } .hover-bg-pink4:focus, .hover-bg-pink4:hover { background-color: #F783AC; } .hover-bg-pink5:focus, .hover-bg-pink5:hover { background-color: #F06595; } .hover-bg-pink6:focus, .hover-bg-pink6:hover { background-color: #E64980; } .hover-bg-pink7:focus, .hover-bg-pink7:hover { background-color: #D6336C; } .hover-bg-pink8:focus, .hover-bg-pink8:hover { background-color: #C2255C; } .hover-bg-pink9:focus, .hover-bg-pink9:hover { background-color: #A61E4D; } .hover-bg-info0:focus, .hover-bg-info0:hover { background-color: #E8F7FF; } .hover-bg-info1:focus, .hover-bg-info1:hover { background-color: #CCEDFF; } .hover-bg-info2:focus, .hover-bg-info2:hover { background-color: #A3DAFF; } .hover-bg-info3:focus, .hover-bg-info3:hover { background-color: #72C3FC; } .hover-bg-info4:focus, .hover-bg-info4:hover { background-color: #4DADF7; } .hover-bg-info5:focus, .hover-bg-info5:hover { background-color: #329AF0; } .hover-bg-info6:focus, .hover-bg-info6:hover { background-color: #228AE6; } .hover-bg-info7:focus, .hover-bg-info7:hover { background-color: #1C7CD6; } .hover-bg-info8:focus, .hover-bg-info8:hover { background-color: #1B6EC2; } .hover-bg-info9:focus, .hover-bg-info9:hover { background-color: #1862AB; } .hover-bg-success0:focus, .hover-bg-success0:hover { background-color: #EBFBEE; } .hover-bg-success1:focus, .hover-bg-success1:hover { background-color: #D3F9D8; } .hover-bg-success2:focus, .hover-bg-success2:hover { background-color: #B2F2BB; } .hover-bg-success3:focus, .hover-bg-success3:hover { background-color: #8CE99A; } .hover-bg-success4:focus, .hover-bg-success4:hover { background-color: #69DB7C; } .hover-bg-success5:focus, .hover-bg-success5:hover { background-color: #51CF66; } .hover-bg-success6:focus, .hover-bg-success6:hover { background-color: #40C057; } .hover-bg-success7:focus, .hover-bg-success7:hover { background-color: #37B24D; } .hover-bg-success8:focus, .hover-bg-success8:hover { background-color: #2F9E44; } .hover-bg-success9:focus, .hover-bg-success9:hover { background-color: #2B8A3E; } .hover-bg-danger0:focus, .hover-bg-danger0:hover { background-color: #FFF5F5; } .hover-bg-danger1:focus, .hover-bg-danger1:hover { background-color: #FFE3E3; } .hover-bg-danger2:focus, .hover-bg-danger2:hover { background-color: #FFC9C9; } .hover-bg-danger3:focus, .hover-bg-danger3:hover { background-color: #FFA8A8; } .hover-bg-danger4:focus, .hover-bg-danger4:hover { background-color: #FF8787; } .hover-bg-danger5:focus, .hover-bg-danger5:hover { background-color: #FF6B6B; } .hover-bg-danger6:focus, .hover-bg-danger6:hover { background-color: #FA5252; } .hover-bg-danger7:focus, .hover-bg-danger7:hover { background-color: #F03E3E; } .hover-bg-danger8:focus, .hover-bg-danger8:hover { background-color: #E03131; } .hover-bg-danger9:focus, .hover-bg-danger9:hover { background-color: #C92A2A; } .hover-bg-warning0:focus, .hover-bg-warning0:hover { background-color: #FFF9DB; } .hover-bg-warning1:focus, .hover-bg-warning1:hover { background-color: #FFF3BF; } .hover-bg-warning2:focus, .hover-bg-warning2:hover { background-color: #FFEC99; } .hover-bg-warning3:focus, .hover-bg-warning3:hover { background-color: #FFE066; } .hover-bg-warning4:focus, .hover-bg-warning4:hover { background-color: #FFD43B; } .hover-bg-warning5:focus, .hover-bg-warning5:hover { background-color: #FCC419; } .hover-bg-warning6:focus, .hover-bg-warning6:hover { background-color: #FAB005; } .hover-bg-warning7:focus, .hover-bg-warning7:hover { background-color: #F59F00; } .hover-bg-warning8:focus, .hover-bg-warning8:hover { background-color: #F08C00; } .hover-bg-warning9:focus, .hover-bg-warning9:hover { background-color: #E67700; } .hover-b--black:focus, .hover-b--black:hover { border-color: #000; } .hover-b--black-030:focus, .hover-b--black-030:hover { border-color: rgba(33, 37, 41, 0.03); } .hover-b--black-020:focus, .hover-b--black-020:hover { border-color: rgba(33, 37, 41, 0.02); } .hover-b--white:focus, .hover-b--white:hover { border-color: #FFF; } .hover-b--white-030:focus, .hover-b--white-030:hover { border-color: rgba(248, 249, 250, 0.03); } .hover-b--white-020:focus, .hover-b--white-020:hover { border-color: rgba(248, 249, 250, 0.02); } .hover-b--gray0:focus, .hover-b--gray0:hover { border-color: #F8F9FA; } .hover-b--gray1:focus, .hover-b--gray1:hover { border-color: #F1F3F5; } .hover-b--gray2:focus, .hover-b--gray2:hover { border-color: #E9ECEF; } .hover-b--gray3:focus, .hover-b--gray3:hover { border-color: #DEE2E6; } .hover-b--gray4:focus, .hover-b--gray4:hover { border-color: #CED4DA; } .hover-b--gray5:focus, .hover-b--gray5:hover { border-color: #ADB5BD; } .hover-b--gray6:focus, .hover-b--gray6:hover { border-color: #868E96; } .hover-b--gray7:focus, .hover-b--gray7:hover { border-color: #495057; } .hover-b--gray8:focus, .hover-b--gray8:hover { border-color: #343A40; } .hover-b--gray9:focus, .hover-b--gray9:hover { border-color: #212529; } .hover-b--red:focus, .hover-b--red:hover { border-color: #FA5252; } .hover-b--red0:focus, .hover-b--red0:hover { border-color: #FFF5F5; } .hover-b--red1:focus, .hover-b--red1:hover { border-color: #FFE3E3; } .hover-b--red2:focus, .hover-b--red2:hover { border-color: #FFC9C9; } .hover-b--red3:focus, .hover-b--red3:hover { border-color: #FFA8A8; } .hover-b--red4:focus, .hover-b--red4:hover { border-color: #FF8787; } .hover-b--red5:focus, .hover-b--red5:hover { border-color: #FF6B6B; } .hover-b--red6:focus, .hover-b--red6:hover { border-color: #FA5252; } .hover-b--red7:focus, .hover-b--red7:hover { border-color: #F03E3E; } .hover-b--red8:focus, .hover-b--red8:hover { border-color: #E03131; } .hover-b--red9:focus, .hover-b--red9:hover { border-color: #C92A2A; } .hover-b--orange:focus, .hover-b--orange:hover { border-color: #FD7E14; } .hover-b--orange0:focus, .hover-b--orange0:hover { border-color: #FFF4E6; } .hover-b--orange1:focus, .hover-b--orange1:hover { border-color: #FFE8CC; } .hover-b--orange2:focus, .hover-b--orange2:hover { border-color: #FFD8A8; } .hover-b--orange3:focus, .hover-b--orange3:hover { border-color: #FFC078; } .hover-b--orange4:focus, .hover-b--orange4:hover { border-color: #FFA94D; } .hover-b--orange5:focus, .hover-b--orange5:hover { border-color: #FF922B; } .hover-b--orange6:focus, .hover-b--orange6:hover { border-color: #FD7E14; } .hover-b--orange7:focus, .hover-b--orange7:hover { border-color: #F76707; } .hover-b--orange8:focus, .hover-b--orange8:hover { border-color: #E8590C; } .hover-b--orange9:focus, .hover-b--orange9:hover { border-color: #D9480F; } .hover-b--yellow:focus, .hover-b--yellow:hover { border-color: #FFD43B; } .hover-b--yellow0:focus, .hover-b--yellow0:hover { border-color: #FFF9DB; } .hover-b--yellow1:focus, .hover-b--yellow1:hover { border-color: #FFF3BF; } .hover-b--yellow2:focus, .hover-b--yellow2:hover { border-color: #FFEC99; } .hover-b--yellow3:focus, .hover-b--yellow3:hover { border-color: #FFE066; } .hover-b--yellow4:focus, .hover-b--yellow4:hover { border-color: #FFD43B; } .hover-b--yellow5:focus, .hover-b--yellow5:hover { border-color: #FCC419; } .hover-b--yellow6:focus, .hover-b--yellow6:hover { border-color: #FAB005; } .hover-b--yellow7:focus, .hover-b--yellow7:hover { border-color: #F59F00; } .hover-b--yellow8:focus, .hover-b--yellow8:hover { border-color: #F08C00; } .hover-b--yellow9:focus, .hover-b--yellow9:hover { border-color: #E67700; } .hover-b--green:focus, .hover-b--green:hover { border-color: #40C057; } .hover-b--green0:focus, .hover-b--green0:hover { border-color: #EBFBEE; } .hover-b--green1:focus, .hover-b--green1:hover { border-color: #D3F9D8; } .hover-b--green2:focus, .hover-b--green2:hover { border-color: #B2F2BB; } .hover-b--green3:focus, .hover-b--green3:hover { border-color: #8CE99A; } .hover-b--green4:focus, .hover-b--green4:hover { border-color: #69DB7C; } .hover-b--green5:focus, .hover-b--green5:hover { border-color: #51CF66; } .hover-b--green6:focus, .hover-b--green6:hover { border-color: #40C057; } .hover-b--green7:focus, .hover-b--green7:hover { border-color: #37B24D; } .hover-b--green8:focus, .hover-b--green8:hover { border-color: #2F9E44; } .hover-b--green9:focus, .hover-b--green9:hover { border-color: #2B8A3E; } .hover-b--lime:focus, .hover-b--lime:hover { border-color: #82C91E; } .hover-b--lime0:focus, .hover-b--lime0:hover { border-color: #F4FCE3; } .hover-b--lime1:focus, .hover-b--lime1:hover { border-color: #E9FAC8; } .hover-b--lime2:focus, .hover-b--lime2:hover { border-color: #D8F5A2; } .hover-b--lime3:focus, .hover-b--lime3:hover { border-color: #C0EB75; } .hover-b--lime4:focus, .hover-b--lime4:hover { border-color: #A9E34B; } .hover-b--lime5:focus, .hover-b--lime5:hover { border-color: #94D82D; } .hover-b--lime6:focus, .hover-b--lime6:hover { border-color: #82C91E; } .hover-b--lime7:focus, .hover-b--lime7:hover { border-color: #74B816; } .hover-b--lime8:focus, .hover-b--lime8:hover { border-color: #66A80F; } .hover-b--lime9:focus, .hover-b--lime9:hover { border-color: #5C940D; } .hover-b--teal:focus, .hover-b--teal:hover { border-color: #12B886; } .hover-b--teal0:focus, .hover-b--teal0:hover { border-color: #E6FCF5; } .hover-b--teal1:focus, .hover-b--teal1:hover { border-color: #C3FAE8; } .hover-b--teal2:focus, .hover-b--teal2:hover { border-color: #96F2D7; } .hover-b--teal3:focus, .hover-b--teal3:hover { border-color: #63E6BE; } .hover-b--teal4:focus, .hover-b--teal4:hover { border-color: #38D9A9; } .hover-b--teal5:focus, .hover-b--teal5:hover { border-color: #20C997; } .hover-b--teal6:focus, .hover-b--teal6:hover { border-color: #12B886; } .hover-b--teal7:focus, .hover-b--teal7:hover { border-color: #0CA678; } .hover-b--teal8:focus, .hover-b--teal8:hover { border-color: #099268; } .hover-b--teal9:focus, .hover-b--teal9:hover { border-color: #087F5B; } .hover-b--cyan:focus, .hover-b--cyan:hover { border-color: #15AABF; } .hover-b--cyan0:focus, .hover-b--cyan0:hover { border-color: #E3FAFC; } .hover-b--cyan1:focus, .hover-b--cyan1:hover { border-color: #C5F6FA; } .hover-b--cyan2:focus, .hover-b--cyan2:hover { border-color: #99E9F2; } .hover-b--cyan3:focus, .hover-b--cyan3:hover { border-color: #66D9E8; } .hover-b--cyan4:focus, .hover-b--cyan4:hover { border-color: #3BC9DB; } .hover-b--cyan5:focus, .hover-b--cyan5:hover { border-color: #22B8CF; } .hover-b--cyan6:focus, .hover-b--cyan6:hover { border-color: #15AABF; } .hover-b--cyan7:focus, .hover-b--cyan7:hover { border-color: #1098AD; } .hover-b--cyan8:focus, .hover-b--cyan8:hover { border-color: #0C8599; } .hover-b--cyan9:focus, .hover-b--cyan9:hover { border-color: #0B7285; } .hover-b--blue:focus, .hover-b--blue:hover { border-color: #228AE6; } .hover-b--blue0:focus, .hover-b--blue0:hover { border-color: #E8F7FF; } .hover-b--blue1:focus, .hover-b--blue1:hover { border-color: #CCEDFF; } .hover-b--blue2:focus, .hover-b--blue2:hover { border-color: #A3DAFF; } .hover-b--blue3:focus, .hover-b--blue3:hover { border-color: #72C3FC; } .hover-b--blue4:focus, .hover-b--blue4:hover { border-color: #4DADF7; } .hover-b--blue5:focus, .hover-b--blue5:hover { border-color: #329AF0; } .hover-b--blue6:focus, .hover-b--blue6:hover { border-color: #228AE6; } .hover-b--blue7:focus, .hover-b--blue7:hover { border-color: #1C7CD6; } .hover-b--blue8:focus, .hover-b--blue8:hover { border-color: #1B6EC2; } .hover-b--blue9:focus, .hover-b--blue9:hover { border-color: #1862AB; } .hover-b--indigo:focus, .hover-b--indigo:hover { border-color: #4C6EF5; } .hover-b--indigo0:focus, .hover-b--indigo0:hover { border-color: #EDF2FF; } .hover-b--indigo1:focus, .hover-b--indigo1:hover { border-color: #DBE4FF; } .hover-b--indigo2:focus, .hover-b--indigo2:hover { border-color: #BAC8FF; } .hover-b--indigo3:focus, .hover-b--indigo3:hover { border-color: #91A7FF; } .hover-b--indigo4:focus, .hover-b--indigo4:hover { border-color: #748FFC; } .hover-b--indigo5:focus, .hover-b--indigo5:hover { border-color: #5C7CFA; } .hover-b--indigo6:focus, .hover-b--indigo6:hover { border-color: #4C6EF5; } .hover-b--indigo7:focus, .hover-b--indigo7:hover { border-color: #4263EB; } .hover-b--indigo8:focus, .hover-b--indigo8:hover { border-color: #3B5BDB; } .hover-b--indigo9:focus, .hover-b--indigo9:hover { border-color: #364FC7; } .hover-b--violet:focus, .hover-b--violet:hover { border-color: #7950F2; } .hover-b--violet0:focus, .hover-b--violet0:hover { border-color: #F3F0FF; } .hover-b--violet1:focus, .hover-b--violet1:hover { border-color: #E5DBFF; } .hover-b--violet2:focus, .hover-b--violet2:hover { border-color: #D0BFFF; } .hover-b--violet3:focus, .hover-b--violet3:hover { border-color: #B197FC; } .hover-b--violet4:focus, .hover-b--violet4:hover { border-color: #9775FA; } .hover-b--violet5:focus, .hover-b--violet5:hover { border-color: #845EF7; } .hover-b--violet6:focus, .hover-b--violet6:hover { border-color: #7950F2; } .hover-b--violet7:focus, .hover-b--violet7:hover { border-color: #7048E8; } .hover-b--violet8:focus, .hover-b--violet8:hover { border-color: #6741D9; } .hover-b--violet9:focus, .hover-b--violet9:hover { border-color: #5F3DC4; } .hover-b--grape:focus, .hover-b--grape:hover { border-color: #BE4BDB; } .hover-b--grape0:focus, .hover-b--grape0:hover { border-color: #F8F0FC; } .hover-b--grape1:focus, .hover-b--grape1:hover { border-color: #F3D9FA; } .hover-b--grape2:focus, .hover-b--grape2:hover { border-color: #EEBEFA; } .hover-b--grape3:focus, .hover-b--grape3:hover { border-color: #E599F7; } .hover-b--grape4:focus, .hover-b--grape4:hover { border-color: #DA77F2; } .hover-b--grape5:focus, .hover-b--grape5:hover { border-color: #CC5DE8; } .hover-b--grape6:focus, .hover-b--grape6:hover { border-color: #BE4BDB; } .hover-b--grape7:focus, .hover-b--grape7:hover { border-color: #AE3EC9; } .hover-b--grape8:focus, .hover-b--grape8:hover { border-color: #9C36B5; } .hover-b--grape9:focus, .hover-b--grape9:hover { border-color: #862E9C; } .hover-b--pink:focus, .hover-b--pink:hover { border-color: #F783AC; } .hover-b--pink0:focus, .hover-b--pink0:hover { border-color: #FFF0F6; } .hover-b--pink1:focus, .hover-b--pink1:hover { border-color: #FFDEEB; } .hover-b--pink2:focus, .hover-b--pink2:hover { border-color: #FCC2D7; } .hover-b--pink3:focus, .hover-b--pink3:hover { border-color: #FAA2C1; } .hover-b--pink4:focus, .hover-b--pink4:hover { border-color: #F783AC; } .hover-b--pink5:focus, .hover-b--pink5:hover { border-color: #F06595; } .hover-b--pink6:focus, .hover-b--pink6:hover { border-color: #E64980; } .hover-b--pink7:focus, .hover-b--pink7:hover { border-color: #D6336C; } .hover-b--pink8:focus, .hover-b--pink8:hover { border-color: #C2255C; } .hover-b--pink9:focus, .hover-b--pink9:hover { border-color: #A61E4D; } .hover-b--info0:focus, .hover-b--info0:hover { border-color: #E8F7FF; } .hover-b--info1:focus, .hover-b--info1:hover { border-color: #CCEDFF; } .hover-b--info2:focus, .hover-b--info2:hover { border-color: #A3DAFF; } .hover-b--info3:focus, .hover-b--info3:hover { border-color: #72C3FC; } .hover-b--info4:focus, .hover-b--info4:hover { border-color: #4DADF7; } .hover-b--info5:focus, .hover-b--info5:hover { border-color: #329AF0; } .hover-b--info6:focus, .hover-b--info6:hover { border-color: #228AE6; } .hover-b--info7:focus, .hover-b--info7:hover { border-color: #1C7CD6; } .hover-b--info8:focus, .hover-b--info8:hover { border-color: #1B6EC2; } .hover-b--info9:focus, .hover-b--info9:hover { border-color: #1862AB; } .hover-b--success0:focus, .hover-b--success0:hover { border-color: #EBFBEE; } .hover-b--success1:focus, .hover-b--success1:hover { border-color: #D3F9D8; } .hover-b--success2:focus, .hover-b--success2:hover { border-color: #B2F2BB; } .hover-b--success3:focus, .hover-b--success3:hover { border-color: #8CE99A; } .hover-b--success4:focus, .hover-b--success4:hover { border-color: #69DB7C; } .hover-b--success5:focus, .hover-b--success5:hover { border-color: #51CF66; } .hover-b--success6:focus, .hover-b--success6:hover { border-color: #40C057; } .hover-b--success7:focus, .hover-b--success7:hover { border-color: #37B24D; } .hover-b--success8:focus, .hover-b--success8:hover { border-color: #2F9E44; } .hover-b--success9:focus, .hover-b--success9:hover { border-color: #2B8A3E; } .hover-b--danger0:focus, .hover-b--danger0:hover { border-color: #FFF5F5; } .hover-b--danger1:focus, .hover-b--danger1:hover { border-color: #FFE3E3; } .hover-b--danger2:focus, .hover-b--danger2:hover { border-color: #FFC9C9; } .hover-b--danger3:focus, .hover-b--danger3:hover { border-color: #FFA8A8; } .hover-b--danger4:focus, .hover-b--danger4:hover { border-color: #FF8787; } .hover-b--danger5:focus, .hover-b--danger5:hover { border-color: #FF6B6B; } .hover-b--danger6:focus, .hover-b--danger6:hover { border-color: #FA5252; } .hover-b--danger7:focus, .hover-b--danger7:hover { border-color: #F03E3E; } .hover-b--danger8:focus, .hover-b--danger8:hover { border-color: #E03131; } .hover-b--danger9:focus, .hover-b--danger9:hover { border-color: #C92A2A; } .hover-b--warning0:focus, .hover-b--warning0:hover { border-color: #FFF9DB; } .hover-b--warning1:focus, .hover-b--warning1:hover { border-color: #FFF3BF; } .hover-b--warning2:focus, .hover-b--warning2:hover { border-color: #FFEC99; } .hover-b--warning3:focus, .hover-b--warning3:hover { border-color: #FFE066; } .hover-b--warning4:focus, .hover-b--warning4:hover { border-color: #FFD43B; } .hover-b--warning5:focus, .hover-b--warning5:hover { border-color: #FCC419; } .hover-b--warning6:focus, .hover-b--warning6:hover { border-color: #FAB005; } .hover-b--warning7:focus, .hover-b--warning7:hover { border-color: #F59F00; } .hover-b--warning8:focus, .hover-b--warning8:hover { border-color: #F08C00; } .hover-b--warning9:focus, .hover-b--warning9:hover { border-color: #E67700; } .carbon-poweredby, .carbon-text, .color-inherit, .docs-generated .docs-alert h2 a { color: inherit; } .black-90 { color: rgba(33, 37, 41, 0.9); } .black-80 { color: rgba(33, 37, 41, 0.8); } .black-70 { color: rgba(33, 37, 41, 0.7); } .black-60 { color: rgba(33, 37, 41, 0.6); } .black-50 { color: rgba(33, 37, 41, 0.5); } .black-40 { color: rgba(33, 37, 41, 0.4); } .black-30 { color: rgba(33, 37, 41, 0.3); } .black-20 { color: rgba(33, 37, 41, 0.2); } .black-10 { color: rgba(33, 37, 41, 0.1); } .black-05 { color: rgba(33, 37, 41, 0.05); } .white-90 { color: rgba(248, 249, 250, 0.9); } .white-80 { color: rgba(248, 249, 250, 0.8); } .white-70 { color: rgba(248, 249, 250, 0.7); } .white-60 { color: rgba(248, 249, 250, 0.6); } .white-50 { color: rgba(248, 249, 250, 0.5); } .white-40 { color: rgba(248, 249, 250, 0.4); } .white-30 { color: rgba(248, 249, 250, 0.3); } .white-20 { color: rgba(248, 249, 250, 0.2); } .white-10 { color: rgba(248, 249, 250, 0.1); } .black { color: #000; } .near-black { color: #212529; } .dark-gray { color: #868E96; } .mid-gray { color: #495057; } .gray { color: #343A40; } .silver { color: #ADB5BD; } .light-silver { color: #CED4DA; } .moon-gray { color: #DEE2E6; } .light-gray { color: #CED4DA; } .near-white { color: #F8F9FA; } .white { color: #FFF; } .dark-red { color: #F03E3E; } .light-red { color: #FF8787; } .gold { color: #FCC419; } .light-yellow { color: #FFE066; } .purple { color: #7950F2; } .light-purple { color: #9775FA; } .dark-pink { color: #F06595; } .hot-pink { color: #C2255C; } .light-pink { color: #FAA2C1; } .dark-green { color: #37B24D; } .light-green { color: #69DB7C; } .navy { color: #1862AB; } .dark-blue { color: #1C7CD6; } .light-blue { color: #4DADF7; } .lightest-blue { color: #CCEDFF; } .washed-blue { color: #E8F7FF; } .washed-green { color: #EBFBEE; } .washed-yellow { color: #FFF9DB; } .washed-red { color: #FFF5F5; } .bg-black-90 { background-color: rgba(33, 37, 41, 0.9); } .bg-black-80 { background-color: rgba(33, 37, 41, 0.8); } .bg-black-70 { background-color: rgba(33, 37, 41, 0.7); } .bg-black-60 { background-color: rgba(33, 37, 41, 0.6); } .bg-black-50 { background-color: rgba(33, 37, 41, 0.5); } .bg-black-40 { background-color: rgba(33, 37, 41, 0.4); } .bg-black-30 { background-color: rgba(33, 37, 41, 0.3); } .bg-black-20 { background-color: rgba(33, 37, 41, 0.2); } .bg-black-10 { background-color: rgba(33, 37, 41, 0.1); } .bg-black-05, .docs-generated code.inline { background-color: rgba(33, 37, 41, 0.05); } .bg-white-90 { background-color: rgba(248, 249, 250, 0.9); } .bg-white-80 { background-color: rgba(248, 249, 250, 0.8); } .bg-white-70 { background-color: rgba(248, 249, 250, 0.7); } .bg-white-60 { background-color: rgba(248, 249, 250, 0.6); } .bg-white-50 { background-color: rgba(248, 249, 250, 0.5); } .bg-white-40 { background-color: rgba(248, 249, 250, 0.4); } .bg-white-30 { background-color: rgba(248, 249, 250, 0.3); } .bg-white-20 { background-color: rgba(248, 249, 250, 0.2); } .bg-white-10 { background-color: rgba(248, 249, 250, 0.1); } .bg-black { background-color: #000; } .bg-near-black { background-color: #212529; } .bg-dark-gray { background-color: #868E96; } .bg-mid-gray { background-color: #495057; } .bg-gray { background-color: #343A40; } .bg-silver { background-color: #ADB5BD; } .bg-light-silver { background-color: #CED4DA; } .bg-moon-gray { background-color: #DEE2E6; } .bg-light-gray { background-color: #CED4DA; } .bg-white, .docs-generated table { background-color: #FFF; } .bg-transparent { background-color: rgba(33, 37, 41, 0); } .bg-dark-red { background-color: #F03E3E; } .bg-red { background-color: #FA5252; } .bg-light-red { background-color: #FF8787; } .bg-orange { background-color: #FD7E14; } .bg-gold { background-color: #FCC419; } .bg-yellow { background-color: #FFD43B; } .bg-light-yellow { background-color: #FFE066; } .bg-purple { background-color: #7950F2; } .bg-light-purple { background-color: #9775FA; } .bg-dark-pink { background-color: #F06595; } .bg-hot-pink { background-color: #C2255C; } .bg-pink { background-color: #F783AC; } .bg-light-pink { background-color: #FAA2C1; } .bg-dark-green { background-color: #37B24D; } .bg-green { background-color: #40C057; } .bg-light-green { background-color: #69DB7C; } .bg-navy { background-color: #1862AB; } .bg-dark-blue { background-color: #1C7CD6; } .bg-blue { background-color: #228AE6; } .bg-light-blue { background-color: #4DADF7; } .bg-lightest-blue { background-color: #CCEDFF; } .bg-washed-blue { background-color: #E8F7FF; } .bg-washed-green { background-color: #EBFBEE; } .bg-washed-yellow { background-color: #FFF9DB; } .bg-washed-red { background-color: #FFF5F5; } .bg-inherit { background-color: inherit; } .gray0 { color: #F8F9FA; } .gray1 { color: #F1F3F5; } .gray2 { color: #E9ECEF; } .gray3 { color: #DEE2E6; } .gray4 { color: #CED4DA; } .docs-generated h4, .gray5 { color: #ADB5BD; } .gray6 { color: #868E96; } .gray7 { color: #495057; } .gray8 { color: #343A40; } .gray9 { color: #212529; } .red { color: #FA5252; } .red0 { color: #FFF5F5; } .red1 { color: #FFE3E3; } .red2 { color: #FFC9C9; } .red3 { color: #FFA8A8; } .red4 { color: #FF8787; } .red5 { color: #FF6B6B; } .red6 { color: #FA5252; } .red7 { color: #F03E3E; } .red8 { color: #E03131; } .red9 { color: #C92A2A; } .docs-generated code.inline, .orange { color: #FD7E14; } .orange0 { color: #FFF4E6; } .orange1 { color: #FFE8CC; } .orange2 { color: #FFD8A8; } .orange3 { color: #FFC078; } .orange4 { color: #FFA94D; } .orange5 { color: #FF922B; } .orange6 { color: #FD7E14; } .orange7 { color: #F76707; } .orange8 { color: #E8590C; } .orange9 { color: #D9480F; } .yellow { color: #FFD43B; } .yellow0 { color: #FFF9DB; } .yellow1 { color: #FFF3BF; } .yellow2 { color: #FFEC99; } .yellow3 { color: #FFE066; } .yellow4 { color: #FFD43B; } .yellow5 { color: #FCC419; } .yellow6 { color: #FAB005; } .yellow7 { color: #F59F00; } .yellow8 { color: #F08C00; } .yellow9 { color: #E67700; } .green { color: #40C057; } .green0 { color: #EBFBEE; } .green1 { color: #D3F9D8; } .green2 { color: #B2F2BB; } .green3 { color: #8CE99A; } .green4 { color: #69DB7C; } .green5 { color: #51CF66; } .green6 { color: #40C057; } .green7 { color: #37B24D; } .green8 { color: #2F9E44; } .green9 { color: #2B8A3E; } .lime { color: #82C91E; } .lime0 { color: #F4FCE3; } .lime1 { color: #E9FAC8; } .lime2 { color: #D8F5A2; } .lime3 { color: #C0EB75; } .lime4 { color: #A9E34B; } .lime5 { color: #94D82D; } .lime6 { color: #82C91E; } .lime7 { color: #74B816; } .lime8 { color: #66A80F; } .lime9 { color: #5C940D; } .teal { color: #12B886; } .teal0 { color: #E6FCF5; } .teal1 { color: #C3FAE8; } .teal2 { color: #96F2D7; } .teal3 { color: #63E6BE; } .teal4 { color: #38D9A9; } .teal5 { color: #20C997; } .teal6 { color: #12B886; } .teal7 { color: #0CA678; } .teal8 { color: #099268; } .teal9 { color: #087F5B; } .cyan { color: #15AABF; } .cyan0 { color: #E3FAFC; } .cyan1 { color: #C5F6FA; } .cyan2 { color: #99E9F2; } .cyan3 { color: #66D9E8; } .cyan4 { color: #3BC9DB; } .cyan5 { color: #22B8CF; } .cyan6 { color: #15AABF; } .cyan7 { color: #1098AD; } .cyan8 { color: #0C8599; } .cyan9 { color: #0B7285; } .blue { color: #228AE6; } .blue0 { color: #E8F7FF; } .blue1 { color: #CCEDFF; } .blue2 { color: #A3DAFF; } .blue3 { color: #72C3FC; } .blue4, .docs-generated a { color: #4DADF7; } .blue5 { color: #329AF0; } .blue6 { color: #228AE6; } .blue7 { color: #1C7CD6; } .blue8 { color: #1B6EC2; } .blue9 { color: #1862AB; } .indigo { color: #4C6EF5; } .indigo0 { color: #EDF2FF; } .indigo1 { color: #DBE4FF; } .indigo2 { color: #BAC8FF; } .indigo3 { color: #91A7FF; } .indigo4 { color: #748FFC; } .indigo5 { color: #5C7CFA; } .indigo6 { color: #4C6EF5; } .indigo7 { color: #4263EB; } .indigo8 { color: #3B5BDB; } .indigo9 { color: #364FC7; } .violet { color: #7950F2; } .violet0 { color: #F3F0FF; } .violet1 { color: #E5DBFF; } .violet2 { color: #D0BFFF; } .violet3 { color: #B197FC; } .violet4 { color: #9775FA; } .violet5 { color: #845EF7; } .violet6 { color: #7950F2; } .violet7 { color: #7048E8; } .violet8 { color: #6741D9; } .violet9 { color: #5F3DC4; } .grape { color: #BE4BDB; } .grape0 { color: #F8F0FC; } .grape1 { color: #F3D9FA; } .grape2 { color: #EEBEFA; } .grape3 { color: #E599F7; } .grape4 { color: #DA77F2; } .grape5 { color: #CC5DE8; } .grape6 { color: #BE4BDB; } .grape7 { color: #AE3EC9; } .grape8 { color: #9C36B5; } .grape9 { color: #862E9C; } .pink { color: #F783AC; } .pink0 { color: #FFF0F6; } .pink1 { color: #FFDEEB; } .pink2 { color: #FCC2D7; } .pink3 { color: #FAA2C1; } .pink4 { color: #F783AC; } .pink5 { color: #F06595; } .pink6 { color: #E64980; } .pink7 { color: #D6336C; } .pink8 { color: #C2255C; } .pink9 { color: #A61E4D; } .info0 { color: #E8F7FF; } .info1 { color: #CCEDFF; } .info2 { color: #A3DAFF; } .info3 { color: #72C3FC; } .info4 { color: #4DADF7; } .info5 { color: #329AF0; } .info6 { color: #228AE6; } .info7 { color: #1C7CD6; } .info8 { color: #1B6EC2; } .info9 { color: #1862AB; } .success0 { color: #EBFBEE; } .success1 { color: #D3F9D8; } .success2 { color: #B2F2BB; } .success3 { color: #8CE99A; } .success4 { color: #69DB7C; } .success5 { color: #51CF66; } .success6 { color: #40C057; } .success7 { color: #37B24D; } .success8 { color: #2F9E44; } .success9 { color: #2B8A3E; } .danger0 { color: #FFF5F5; } .danger1 { color: #FFE3E3; } .danger2 { color: #FFC9C9; } .danger3 { color: #FFA8A8; } .danger4 { color: #FF8787; } .danger5 { color: #FF6B6B; } .danger6 { color: #FA5252; } .danger7 { color: #F03E3E; } .danger8 { color: #E03131; } .danger9 { color: #C92A2A; } .warning0 { color: #FFF9DB; } .warning1 { color: #FFF3BF; } .warning2 { color: #FFEC99; } .warning3 { color: #FFE066; } .warning4 { color: #FFD43B; } .warning5 { color: #FCC419; } .warning6 { color: #FAB005; } .warning7 { color: #F59F00; } .warning8 { color: #F08C00; } .warning9 { color: #E67700; } .bg-gray0 { background-color: #F8F9FA; } .bg-gray1 { background-color: #F1F3F5; } .bg-gray2 { background-color: #E9ECEF; } .bg-gray3 { background-color: #DEE2E6; } .bg-gray4 { background-color: #CED4DA; } .bg-gray5 { background-color: #ADB5BD; } .bg-gray6 { background-color: #868E96; } .bg-gray7 { background-color: #495057; } .bg-gray8 { background-color: #343A40; } .bg-gray9 { background-color: #212529; } .bg-red0 { background-color: #FFF5F5; } .bg-red1 { background-color: #FFE3E3; } .bg-red2 { background-color: #FFC9C9; } .bg-red3 { background-color: #FFA8A8; } .bg-red4 { background-color: #FF8787; } .bg-red5 { background-color: #FF6B6B; } .bg-red6 { background-color: #FA5252; } .bg-red7 { background-color: #F03E3E; } .bg-red8 { background-color: #E03131; } .bg-red9 { background-color: #C92A2A; } .bg-orange0 { background-color: #FFF4E6; } .bg-orange1 { background-color: #FFE8CC; } .bg-orange2 { background-color: #FFD8A8; } .bg-orange3 { background-color: #FFC078; } .bg-orange4 { background-color: #FFA94D; } .bg-orange5 { background-color: #FF922B; } .bg-orange6 { background-color: #FD7E14; } .bg-orange7 { background-color: #F76707; } .bg-orange8 { background-color: #E8590C; } .bg-orange9 { background-color: #D9480F; } .bg-yellow0 { background-color: #FFF9DB; } .bg-yellow1 { background-color: #FFF3BF; } .bg-yellow2 { background-color: #FFEC99; } .bg-yellow3 { background-color: #FFE066; } .bg-yellow4 { background-color: #FFD43B; } .bg-yellow5 { background-color: #FCC419; } .bg-yellow6 { background-color: #FAB005; } .bg-yellow7 { background-color: #F59F00; } .bg-yellow8 { background-color: #F08C00; } .bg-yellow9 { background-color: #E67700; } .bg-green0 { background-color: #EBFBEE; } .bg-green1 { background-color: #D3F9D8; } .bg-green2 { background-color: #B2F2BB; } .bg-green3 { background-color: #8CE99A; } .bg-green4 { background-color: #69DB7C; } .bg-green5 { background-color: #51CF66; } .bg-green6 { background-color: #40C057; } .bg-green7 { background-color: #37B24D; } .bg-green8 { background-color: #2F9E44; } .bg-green9 { background-color: #2B8A3E; } .bg-lime { background-color: #82C91E; } .bg-lime0 { background-color: #F4FCE3; } .bg-lime1 { background-color: #E9FAC8; } .bg-lime2 { background-color: #D8F5A2; } .bg-lime3 { background-color: #C0EB75; } .bg-lime4 { background-color: #A9E34B; } .bg-lime5 { background-color: #94D82D; } .bg-lime6 { background-color: #82C91E; } .bg-lime7 { background-color: #74B816; } .bg-lime8 { background-color: #66A80F; } .bg-lime9 { background-color: #5C940D; } .bg-teal { background-color: #12B886; } .bg-teal0 { background-color: #E6FCF5; } .bg-teal1 { background-color: #C3FAE8; } .bg-teal2 { background-color: #96F2D7; } .bg-teal3 { background-color: #63E6BE; } .bg-teal4 { background-color: #38D9A9; } .bg-teal5 { background-color: #20C997; } .bg-teal6 { background-color: #12B886; } .bg-teal7 { background-color: #0CA678; } .bg-teal8 { background-color: #099268; } .bg-teal9 { background-color: #087F5B; } .bg-cyan { background-color: #15AABF; } .bg-cyan0 { background-color: #E3FAFC; } .bg-cyan1 { background-color: #C5F6FA; } .bg-cyan2 { background-color: #99E9F2; } .bg-cyan3 { background-color: #66D9E8; } .bg-cyan4 { background-color: #3BC9DB; } .bg-cyan5 { background-color: #22B8CF; } .bg-cyan6 { background-color: #15AABF; } .bg-cyan7 { background-color: #1098AD; } .bg-cyan8 { background-color: #0C8599; } .bg-cyan9 { background-color: #0B7285; } .bg-blue0 { background-color: #E8F7FF; } .bg-blue1 { background-color: #CCEDFF; } .bg-blue2 { background-color: #A3DAFF; } .bg-blue3 { background-color: #72C3FC; } .bg-blue4 { background-color: #4DADF7; } .bg-blue5 { background-color: #329AF0; } .bg-blue6 { background-color: #228AE6; } .bg-blue7 { background-color: #1C7CD6; } .bg-blue8 { background-color: #1B6EC2; } .bg-blue9 { background-color: #1862AB; } .bg-indigo { background-color: #4C6EF5; } .bg-indigo0 { background-color: #EDF2FF; } .bg-indigo1 { background-color: #DBE4FF; } .bg-indigo2 { background-color: #BAC8FF; } .bg-indigo3 { background-color: #91A7FF; } .bg-indigo4 { background-color: #748FFC; } .bg-indigo5 { background-color: #5C7CFA; } .bg-indigo6 { background-color: #4C6EF5; } .bg-indigo7 { background-color: #4263EB; } .bg-indigo8 { background-color: #3B5BDB; } .bg-indigo9 { background-color: #364FC7; } .bg-violet { background-color: #7950F2; } .bg-violet0 { background-color: #F3F0FF; } .bg-violet1 { background-color: #E5DBFF; } .bg-violet2 { background-color: #D0BFFF; } .bg-violet3 { background-color: #B197FC; } .bg-violet4 { background-color: #9775FA; } .bg-violet5 { background-color: #845EF7; } .bg-violet6 { background-color: #7950F2; } .bg-violet7 { background-color: #7048E8; } .bg-violet8 { background-color: #6741D9; } .bg-violet9 { background-color: #5F3DC4; } .bg-grape { background-color: #BE4BDB; } .bg-grape0 { background-color: #F8F0FC; } .bg-grape1 { background-color: #F3D9FA; } .bg-grape2 { background-color: #EEBEFA; } .bg-grape3 { background-color: #E599F7; } .bg-grape4 { background-color: #DA77F2; } .bg-grape5 { background-color: #CC5DE8; } .bg-grape6 { background-color: #BE4BDB; } .bg-grape7 { background-color: #AE3EC9; } .bg-grape8 { background-color: #9C36B5; } .bg-grape9 { background-color: #862E9C; } .bg-pink0 { background-color: #FFF0F6; } .bg-pink1 { background-color: #FFDEEB; } .bg-pink2 { background-color: #FCC2D7; } .bg-pink3 { background-color: #FAA2C1; } .bg-pink4 { background-color: #F783AC; } .bg-pink5 { background-color: #F06595; } .bg-pink6 { background-color: #E64980; } .bg-pink7 { background-color: #D6336C; } .bg-pink8 { background-color: #C2255C; } .bg-pink9 { background-color: #A61E4D; } .bg-info0 { background-color: #E8F7FF; } .bg-info1 { background-color: #CCEDFF; } .bg-info2 { background-color: #A3DAFF; } .bg-info3 { background-color: #72C3FC; } .bg-info4 { background-color: #4DADF7; } .bg-info5 { background-color: #329AF0; } .bg-info6 { background-color: #228AE6; } .bg-info7 { background-color: #1C7CD6; } .bg-info8 { background-color: #1B6EC2; } .bg-info9 { background-color: #1862AB; } .bg-success0 { background-color: #EBFBEE; } .bg-success1 { background-color: #D3F9D8; } .bg-success2 { background-color: #B2F2BB; } .bg-success3 { background-color: #8CE99A; } .bg-success4 { background-color: #69DB7C; } .bg-success5 { background-color: #51CF66; } .bg-success6 { background-color: #40C057; } .bg-success7 { background-color: #37B24D; } .bg-success8 { background-color: #2F9E44; } .bg-success9 { background-color: #2B8A3E; } .bg-danger0 { background-color: #FFF5F5; } .bg-danger1 { background-color: #FFE3E3; } .bg-danger2 { background-color: #FFC9C9; } .bg-danger3 { background-color: #FFA8A8; } .bg-danger4 { background-color: #FF8787; } .bg-danger5 { background-color: #FF6B6B; } .bg-danger6 { background-color: #FA5252; } .bg-danger7 { background-color: #F03E3E; } .bg-danger8 { background-color: #E03131; } .bg-danger9 { background-color: #C92A2A; } .bg-warning0 { background-color: #FFF9DB; } .bg-warning1 { background-color: #FFF3BF; } .bg-warning2 { background-color: #FFEC99; } .bg-warning3 { background-color: #FFE066; } .bg-warning4 { background-color: #FFD43B; } .bg-warning5 { background-color: #FCC419; } .bg-warning6 { background-color: #FAB005; } .bg-warning7 { background-color: #F59F00; } .bg-warning8 { background-color: #F08C00; } .bg-warning9 { background-color: #E67700; } /* Eigen kleuren */ .infopol-oranje { color: #EC6400; } .infopol-blauw { color: #006699; } .bg-infopol-oranje { color: #EC6400; } .bg-infopol-blauw { color: #006699; } @media screen and (min-width: 540px) { .bg-transparent-ns { background-color: rgba(33, 37, 41, 0); } .bg-inherit-ns { background-color: inherit; } } @media screen and (min-width: 540px) and (max-width: 959px) { .bg-transparent-m { background-color: rgba(33, 37, 41, 0); } .bg-inherit-m { background-color: inherit; } } @media screen and (min-width: 960px) { .bg-transparent-l { background-color: rgba(33, 37, 41, 0); } .bg-inherit-l { background-color: inherit; } }