@font-face{font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_AMS-Regular.woff2?73ea273a72f4aca30ca528cf9117470a) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_AMS-Regular.woff?d562e886c52f12660a41eea8d05af757) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_AMS-Regular.ttf?853be92419a6c3766b9afe7a7c3e32fa) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Bold.woff2?a1abf90dfd72792a577a5a43382bb0e4) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Bold.woff?d757c535a2e5902f1325192d99e0c965) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Bold.ttf?7489a2fbfb9bfe70442031a27fb57a21) format("truetype")}@font-face{font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Regular.woff2?d6484fce1ef428d5bd94a903d7973395) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Regular.woff?db074fa22cf224af93d7b2122b1fab93) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Caligraphic-Regular.ttf?7e873d3833eb108a0758be45cd29e907) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Bold.woff2?931d67ea207ab37ee693ff155ff4d7a6) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Bold.woff?354501bac435c3264834b80301089bad) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Bold.ttf?4c761b3711973ab04edf7ea6f1fbacdc) format("truetype")}@font-face{font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Regular.woff2?172d3529b26f8cedef6b5ddef7546e02) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Regular.woff?6fdf0ac577be0ba82a4c9a89b8eef91b) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Fraktur-Regular.ttf?ed305b5434865e06ffde7da0d28101af) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_Main-Bold.woff2?39890742bc957b368704509bb2f4163c) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Main-Bold.woff?0c3b8929d377c0e9b2f3a9c872e3337b) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Main-Bold.ttf?8169508bf58f8bd92ad8a768ede68a18) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_Main-BoldItalic.woff2?20f389c4120be058d80a3cd6a2f5a9b9) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Main-BoldItalic.woff?428978dc7837d46de0916f266f5a43df) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Main-BoldItalic.ttf?828abcb200061cffbaae1f0498f821a8) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Main-Italic.woff2?fe2176f79edaa716e6212cca53949439) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Main-Italic.woff?fd947498bc16392e76c23adf58513fb3) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Main-Italic.ttf?fa675e5e4bec9eb250b6a8cac09b189b) format("truetype")}@font-face{font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Main-Regular.woff2?f650f111a3b890d116f1ba740b7e3de3) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Main-Regular.woff?4f35fbcc9ee8614c2bcc8c28314db234) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Main-Regular.ttf?9eba1d77abcf2aa6e94e823d52be546b) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_Math-BoldItalic.woff2?dcbcbd93bac0470b462db6f9708a658c) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Math-BoldItalic.woff?3f07ed67f06c720120cedd0bad5f60e2) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Math-BoldItalic.ttf?bf2d440b3a42ea78a998ccd32eb09d88) format("truetype")}@font-face{font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Math-Italic.woff2?6d3d25f4820d0da8f01fa3d2c7cbb8c2) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Math-Italic.woff?96759856b4e70f3a83385d07e0d33b03) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Math-Italic.ttf?8a5f936332e8028c7278a3a25db00925) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Bold.woff2?95591a929f0d32aa282a90ba5acf81f0) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Bold.woff?b9cd458ac6d5889ff9c388cf91b8ad51) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Bold.ttf?5b49f4993ae22d7975b413caed1a4c01) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Italic.woff2?7d393d382f3e7fb1c637280a90a3434b) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Italic.woff?8d593cfaa96238d5e2f8af9e11cc5a68) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Italic.ttf?b257a18c016f37ee45430f59757a0db9) format("truetype")}@font-face{font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Regular.woff2?cd5e231e0cc53b2cb2c029b09b917782) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Regular.woff?02271ec5cb9f5b4588ac53d7efbe6de8) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_SansSerif-Regular.ttf?2f7bc363fc5424ebda5903f74c404a99) format("truetype")}@font-face{font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Script-Regular.woff2?c81d1b2a4b75d3eded6059a210910a6b) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Script-Regular.woff?073b3402d036714b43709614d1da717a) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Script-Regular.ttf?fc9ba5249878cd8f8d885c1f42b0f43d) format("truetype")}@font-face{font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Size1-Regular.woff2?6eec866c69313624be6061a5c86f0944) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Size1-Regular.woff?0108e89c9003e8c14ea3c4e99b09653e) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Size1-Regular.ttf?6de7d4b539221a49e9e241b734653ecf) format("truetype")}@font-face{font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Size2-Regular.woff2?2960900c4f271311eb36d175a209aa0a) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Size2-Regular.woff?3a99e70aee4076660d38b312c7cac2f9) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Size2-Regular.ttf?57f5c1837853986ea1dbadbb8f4f6074) format("truetype")}@font-face{font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Size3-Regular.woff2?e1951519f6f0596f735635e962d5b82c) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Size3-Regular.woff?7947224e8a9914fa332b16515176ce0d) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Size3-Regular.ttf?8d6b6822586eea3d3b2076d171808949) format("truetype")}@font-face{font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Size4-Regular.woff2?e418bf257af1052628d8c981d158674c) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Size4-Regular.woff?aeffd8025cba3647f1a6c07f222d985e) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Size4-Regular.ttf?4ad7c7e8bb8d10a34bb7c4bb567cef92) format("truetype")}@font-face{font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/fonts/vendor/katex/dist/KaTeX_Typewriter-Regular.woff2?c295e7f71970f03c0549228b1c18120a) format("woff2"),url(/fonts/vendor/katex/dist/KaTeX_Typewriter-Regular.woff?4c6b94fd1d07f8beff7cf3364d4d4555) format("woff"),url(/fonts/vendor/katex/dist/KaTeX_Typewriter-Regular.ttf?c5c02d763c89380dcb4ed359e15d0897) format("truetype")}.katex{text-rendering:auto;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.13.24"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-moz-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.27777778em;margin-right:-.55555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.83333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.16666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.66666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.45666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.14666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.71428571em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.85714286em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.14285714em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.28571429em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.42857143em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.71428571em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.05714286em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.46857143em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.96285714em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.55428571em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.55555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.66666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.77777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.88888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.11111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.33333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.30444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.76444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.41666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.58333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.66666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.83333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.72833333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.07333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.34722222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.41666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.48611111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.55555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.69444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.83333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.44027778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.72777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.28935185em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.34722222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.40509259em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.46296296em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.52083333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.69444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.83333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.20023148em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.43981481em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.24108004em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.28929605em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.33751205em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.38572806em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.43394407em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.48216008em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.57859209em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.69431051em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.83317261em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.19961427em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.20096463em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.24115756em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.28135048em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.32154341em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.36173633em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.40192926em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.48231511em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.57877814em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.69453376em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.83360129em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo} @charset "UTF-8"; .text-green { color: #65b84c; } .text-blue { color: #3878bc; } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(45, 96, 150, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(45, 96, 150, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(15, 106, 46, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(15, 106, 46, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.6 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.6 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-blue-100 { --bs-text-opacity: 1; color: #cfe2ff !important; } .text-blue-200 { --bs-text-opacity: 1; color: #9ec5fe !important; } .text-blue-300 { --bs-text-opacity: 1; color: #6ea8fe !important; } .text-blue-400 { --bs-text-opacity: 1; color: #3d8bfd !important; } .text-blue-500 { --bs-text-opacity: 1; color: #0d6efd !important; } .text-blue-600 { --bs-text-opacity: 1; color: #0a58ca !important; } .text-blue-700 { --bs-text-opacity: 1; color: #084298 !important; } .text-blue-800 { --bs-text-opacity: 1; color: #052c65 !important; } .text-blue-900 { --bs-text-opacity: 1; color: #031633 !important; } .text-red-100 { --bs-text-opacity: 1; color: #f8d7da !important; } .text-red-200 { --bs-text-opacity: 1; color: #f1aeb5 !important; } .text-red-300 { --bs-text-opacity: 1; color: #ea868f !important; } .text-red-400 { --bs-text-opacity: 1; color: #e35d6a !important; } .text-red-500 { --bs-text-opacity: 1; color: #dc3545 !important; } .text-red-600 { --bs-text-opacity: 1; color: #b02a37 !important; } .text-red-700 { --bs-text-opacity: 1; color: #842029 !important; } .text-red-800 { --bs-text-opacity: 1; color: #58151c !important; } .text-red-900 { --bs-text-opacity: 1; color: #2c0b0e !important; } .text-orange-100 { --bs-text-opacity: 1; color: #ffe5d0 !important; } .text-orange-200 { --bs-text-opacity: 1; color: #fecba1 !important; } .text-orange-300 { --bs-text-opacity: 1; color: #feb272 !important; } .text-orange-400 { --bs-text-opacity: 1; color: #fd9843 !important; } .text-orange-500 { --bs-text-opacity: 1; color: #fd7e14 !important; } .text-orange-600 { --bs-text-opacity: 1; color: #ca6510 !important; } .text-orange-700 { --bs-text-opacity: 1; color: #984c0c !important; } .text-orange-800 { --bs-text-opacity: 1; color: #653208 !important; } .text-orange-900 { --bs-text-opacity: 1; color: #331904 !important; } .text-yellow-100 { --bs-text-opacity: 1; color: #fff3cd !important; } .text-yellow-200 { --bs-text-opacity: 1; color: #ffe69c !important; } .text-yellow-300 { --bs-text-opacity: 1; color: #ffda6a !important; } .text-yellow-400 { --bs-text-opacity: 1; color: #ffcd39 !important; } .text-yellow-500 { --bs-text-opacity: 1; color: #ffc107 !important; } .text-yellow-600 { --bs-text-opacity: 1; color: #cc9a06 !important; } .text-yellow-700 { --bs-text-opacity: 1; color: #997404 !important; } .text-yellow-800 { --bs-text-opacity: 1; color: #664d03 !important; } .text-yellow-900 { --bs-text-opacity: 1; color: #332701 !important; } .text-green-100 { --bs-text-opacity: 1; color: #d1e7dd !important; } .text-green-200 { --bs-text-opacity: 1; color: #a3cfbb !important; } .text-green-300 { --bs-text-opacity: 1; color: #75b798 !important; } .text-green-400 { --bs-text-opacity: 1; color: #479f76 !important; } .text-green-500 { --bs-text-opacity: 1; color: #198754 !important; } .text-green-600 { --bs-text-opacity: 1; color: #146c43 !important; } .text-green-700 { --bs-text-opacity: 1; color: #0f5132 !important; } .text-green-800 { --bs-text-opacity: 1; color: #0a3622 !important; } .text-green-900 { --bs-text-opacity: 1; color: #051b11 !important; } .text-100 { --bs-text-opacity: 1; color: #f8f9fa !important; } .text-200 { --bs-text-opacity: 1; color: #e9ecef !important; } .text-300 { --bs-text-opacity: 1; color: #dee2e6 !important; } .text-400 { --bs-text-opacity: 1; color: #ced4da !important; } .text-500 { --bs-text-opacity: 1; color: #adb5bd !important; } .text-600 { --bs-text-opacity: 1; color: #6c757d !important; } .text-700 { --bs-text-opacity: 1; color: #495057 !important; } .text-800 { --bs-text-opacity: 1; color: #343a40 !important; } .text-900 { --bs-text-opacity: 1; color: #212529 !important; } .text-pink-100 { --bs-text-opacity: 1; color: #f7d6e6 !important; } .text-pink-200 { --bs-text-opacity: 1; color: #efadce !important; } .text-pink-300 { --bs-text-opacity: 1; color: #e685b5 !important; } .text-pink-400 { --bs-text-opacity: 1; color: #de5c9d !important; } .text-pink-500 { --bs-text-opacity: 1; color: #d63384 !important; } .text-pink-600 { --bs-text-opacity: 1; color: #ab296a !important; } .text-pink-700 { --bs-text-opacity: 1; color: #801f4f !important; } .text-pink-800 { --bs-text-opacity: 1; color: #561435 !important; } .text-pink-900 { --bs-text-opacity: 1; color: #2b0a1a !important; } .text-purple-100 { --bs-text-opacity: 1; color: #e2d9f3 !important; } .text-purple-200 { --bs-text-opacity: 1; color: #c5b3e6 !important; } .text-purple-300 { --bs-text-opacity: 1; color: #a98eda !important; } .text-purple-400 { --bs-text-opacity: 1; color: #8c68cd !important; } .text-purple-500 { --bs-text-opacity: 1; color: #6f42c1 !important; } .text-purple-600 { --bs-text-opacity: 1; color: #59359a !important; } .text-purple-700 { --bs-text-opacity: 1; color: #432874 !important; } .text-purple-800 { --bs-text-opacity: 1; color: #2c1a4d !important; } .text-purple-900 { --bs-text-opacity: 1; color: #160d27 !important; } .text-cyan-100 { --bs-text-opacity: 1; color: #cff4fc !important; } .text-cyan-200 { --bs-text-opacity: 1; color: #9eeaf9 !important; } .text-cyan-300 { --bs-text-opacity: 1; color: #6edff6 !important; } .text-cyan-400 { --bs-text-opacity: 1; color: #3dd5f3 !important; } .text-cyan-500 { --bs-text-opacity: 1; color: #0dcaf0 !important; } .text-cyan-600 { --bs-text-opacity: 1; color: #0aa2c0 !important; } .text-cyan-700 { --bs-text-opacity: 1; color: #087990 !important; } .text-cyan-800 { --bs-text-opacity: 1; color: #055160 !important; } .text-cyan-900 { --bs-text-opacity: 1; color: #032830 !important; } .text-teal-100 { --bs-text-opacity: 1; color: #d2f4ea !important; } .text-teal-200 { --bs-text-opacity: 1; color: #a6e9d5 !important; } .text-teal-300 { --bs-text-opacity: 1; color: #79dfc1 !important; } .text-teal-400 { --bs-text-opacity: 1; color: #4dd4ac !important; } .text-teal-500 { --bs-text-opacity: 1; color: #20c997 !important; } .text-teal-600 { --bs-text-opacity: 1; color: #1aa179 !important; } .text-teal-700 { --bs-text-opacity: 1; color: #13795b !important; } .text-teal-800 { --bs-text-opacity: 1; color: #0d503c !important; } .text-teal-900 { --bs-text-opacity: 1; color: #06281e !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-blue-100 { --bs-bg-opacity: 1; background-color: #cfe2ff !important; } .bg-blue-200 { --bs-bg-opacity: 1; background-color: #9ec5fe !important; } .bg-blue-300 { --bs-bg-opacity: 1; background-color: #6ea8fe !important; } .bg-blue-400 { --bs-bg-opacity: 1; background-color: #3d8bfd !important; } .bg-blue-500 { --bs-bg-opacity: 1; background-color: #0d6efd !important; } .bg-blue-600 { --bs-bg-opacity: 1; background-color: #0a58ca !important; } .bg-blue-700 { --bs-bg-opacity: 1; background-color: #084298 !important; } .bg-blue-800 { --bs-bg-opacity: 1; background-color: #052c65 !important; } .bg-blue-900 { --bs-bg-opacity: 1; background-color: #031633 !important; } .bg-red-100 { --bs-bg-opacity: 1; background-color: #f8d7da !important; } .bg-red-200 { --bs-bg-opacity: 1; background-color: #f1aeb5 !important; } .bg-red-300 { --bs-bg-opacity: 1; background-color: #ea868f !important; } .bg-red-400 { --bs-bg-opacity: 1; background-color: #e35d6a !important; } .bg-red-500 { --bs-bg-opacity: 1; background-color: #dc3545 !important; } .bg-red-600 { --bs-bg-opacity: 1; background-color: #b02a37 !important; } .bg-red-700 { --bs-bg-opacity: 1; background-color: #842029 !important; } .bg-red-800 { --bs-bg-opacity: 1; background-color: #58151c !important; } .bg-red-900 { --bs-bg-opacity: 1; background-color: #2c0b0e !important; } .bg-orange-100 { --bs-bg-opacity: 1; background-color: #ffe5d0 !important; } .bg-orange-200 { --bs-bg-opacity: 1; background-color: #fecba1 !important; } .bg-orange-300 { --bs-bg-opacity: 1; background-color: #feb272 !important; } .bg-orange-400 { --bs-bg-opacity: 1; background-color: #fd9843 !important; } .bg-orange-500 { --bs-bg-opacity: 1; background-color: #fd7e14 !important; } .bg-orange-600 { --bs-bg-opacity: 1; background-color: #ca6510 !important; } .bg-orange-700 { --bs-bg-opacity: 1; background-color: #984c0c !important; } .bg-orange-800 { --bs-bg-opacity: 1; background-color: #653208 !important; } .bg-orange-900 { --bs-bg-opacity: 1; background-color: #331904 !important; } .bg-yellow-100 { --bs-bg-opacity: 1; background-color: #fff3cd !important; } .bg-yellow-200 { --bs-bg-opacity: 1; background-color: #ffe69c !important; } .bg-yellow-300 { --bs-bg-opacity: 1; background-color: #ffda6a !important; } .bg-yellow-400 { --bs-bg-opacity: 1; background-color: #ffcd39 !important; } .bg-yellow-500 { --bs-bg-opacity: 1; background-color: #ffc107 !important; } .bg-yellow-600 { --bs-bg-opacity: 1; background-color: #cc9a06 !important; } .bg-yellow-700 { --bs-bg-opacity: 1; background-color: #997404 !important; } .bg-yellow-800 { --bs-bg-opacity: 1; background-color: #664d03 !important; } .bg-yellow-900 { --bs-bg-opacity: 1; background-color: #332701 !important; } .bg-green-100 { --bs-bg-opacity: 1; background-color: #d1e7dd !important; } .bg-green-200 { --bs-bg-opacity: 1; background-color: #a3cfbb !important; } .bg-green-300 { --bs-bg-opacity: 1; background-color: #75b798 !important; } .bg-green-400 { --bs-bg-opacity: 1; background-color: #479f76 !important; } .bg-green-500 { --bs-bg-opacity: 1; background-color: #198754 !important; } .bg-green-600 { --bs-bg-opacity: 1; background-color: #146c43 !important; } .bg-green-700 { --bs-bg-opacity: 1; background-color: #0f5132 !important; } .bg-green-800 { --bs-bg-opacity: 1; background-color: #0a3622 !important; } .bg-green-900 { --bs-bg-opacity: 1; background-color: #051b11 !important; } .bg-100 { --bs-bg-opacity: 1; background-color: #f8f9fa !important; } .bg-200 { --bs-bg-opacity: 1; background-color: #e9ecef !important; } .bg-300 { --bs-bg-opacity: 1; background-color: #dee2e6 !important; } .bg-400 { --bs-bg-opacity: 1; background-color: #ced4da !important; } .bg-500 { --bs-bg-opacity: 1; background-color: #adb5bd !important; } .bg-600 { --bs-bg-opacity: 1; background-color: #6c757d !important; } .bg-700 { --bs-bg-opacity: 1; background-color: #495057 !important; } .bg-800 { --bs-bg-opacity: 1; background-color: #343a40 !important; } .bg-900 { --bs-bg-opacity: 1; background-color: #212529 !important; } .bg-pink-100 { --bs-bg-opacity: 1; background-color: #f7d6e6 !important; } .bg-pink-200 { --bs-bg-opacity: 1; background-color: #efadce !important; } .bg-pink-300 { --bs-bg-opacity: 1; background-color: #e685b5 !important; } .bg-pink-400 { --bs-bg-opacity: 1; background-color: #de5c9d !important; } .bg-pink-500 { --bs-bg-opacity: 1; background-color: #d63384 !important; } .bg-pink-600 { --bs-bg-opacity: 1; background-color: #ab296a !important; } .bg-pink-700 { --bs-bg-opacity: 1; background-color: #801f4f !important; } .bg-pink-800 { --bs-bg-opacity: 1; background-color: #561435 !important; } .bg-pink-900 { --bs-bg-opacity: 1; background-color: #2b0a1a !important; } .bg-purple-100 { --bs-bg-opacity: 1; background-color: #e2d9f3 !important; } .bg-purple-200 { --bs-bg-opacity: 1; background-color: #c5b3e6 !important; } .bg-purple-300 { --bs-bg-opacity: 1; background-color: #a98eda !important; } .bg-purple-400 { --bs-bg-opacity: 1; background-color: #8c68cd !important; } .bg-purple-500 { --bs-bg-opacity: 1; background-color: #6f42c1 !important; } .bg-purple-600 { --bs-bg-opacity: 1; background-color: #59359a !important; } .bg-purple-700 { --bs-bg-opacity: 1; background-color: #432874 !important; } .bg-purple-800 { --bs-bg-opacity: 1; background-color: #2c1a4d !important; } .bg-purple-900 { --bs-bg-opacity: 1; background-color: #160d27 !important; } .bg-cyan-100 { --bs-bg-opacity: 1; background-color: #cff4fc !important; } .bg-cyan-200 { --bs-bg-opacity: 1; background-color: #9eeaf9 !important; } .bg-cyan-300 { --bs-bg-opacity: 1; background-color: #6edff6 !important; } .bg-cyan-400 { --bs-bg-opacity: 1; background-color: #3dd5f3 !important; } .bg-cyan-500 { --bs-bg-opacity: 1; background-color: #0dcaf0 !important; } .bg-cyan-600 { --bs-bg-opacity: 1; background-color: #0aa2c0 !important; } .bg-cyan-700 { --bs-bg-opacity: 1; background-color: #087990 !important; } .bg-cyan-800 { --bs-bg-opacity: 1; background-color: #055160 !important; } .bg-cyan-900 { --bs-bg-opacity: 1; background-color: #032830 !important; } .bg-teal-100 { --bs-bg-opacity: 1; background-color: #d2f4ea !important; } .bg-teal-200 { --bs-bg-opacity: 1; background-color: #a6e9d5 !important; } .bg-teal-300 { --bs-bg-opacity: 1; background-color: #79dfc1 !important; } .bg-teal-400 { --bs-bg-opacity: 1; background-color: #4dd4ac !important; } .bg-teal-500 { --bs-bg-opacity: 1; background-color: #20c997 !important; } .bg-teal-600 { --bs-bg-opacity: 1; background-color: #1aa179 !important; } .bg-teal-700 { --bs-bg-opacity: 1; background-color: #13795b !important; } .bg-teal-800 { --bs-bg-opacity: 1; background-color: #0d503c !important; } .bg-teal-900 { --bs-bg-opacity: 1; background-color: #06281e !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #3878bc; --bs-secondary: #6c757d; --bs-success: #13853a; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 56, 120, 188; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 19, 133, 58; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #16304b; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #083517; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #d7e4f2; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d0e7d8; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #afc9e4; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a1ceb0; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: "Open Sans", sans-serif; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.6; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #3878bc; --bs-link-color-rgb: 56, 120, 188; --bs-link-decoration: underline; --bs-link-hover-color: #2d6096; --bs-link-hover-color-rgb: 45, 96, 150; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(56, 120, 188, 0.25); --bs-form-valid-color: #13853a; --bs-form-valid-border-color: #13853a; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-emphasis-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-emphasis-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0); --bs-table-active-color: var(--bs-emphasis-color); --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color: var(--bs-emphasis-color); --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid #adb5bd; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #d7e4f2; --bs-table-border-color: #acb6c2; --bs-table-striped-bg: #d7e4f2; --bs-table-striped-color: #000; --bs-table-active-bg: #c2cdda; --bs-table-active-color: #000; --bs-table-hover-bg: #c7d3e0; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #e2e3e5; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d0e7d8; --bs-table-border-color: #a6b9ad; --bs-table-striped-bg: #d0e7d8; --bs-table-striped-color: #000; --bs-table-active-bg: #bbd0c2; --bs-table-active-color: #000; --bs-table-hover-bg: #c0d6c8; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #cff4fc; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #fff3cd; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #f8d7da; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #f8f9fa; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #212529; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.6; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #9cbcde; outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.6em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.6; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.6em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.6em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.6em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.6em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #9cbcde; outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-check { display: block; min-height: 1.6rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.3em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #9cbcde; outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .form-check-input:checked { background-color: #3878bc; border-color: #3878bc; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #3878bc; border-color: #3878bc; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239cbcde'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #3878bc; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #c3d7eb; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #3878bc; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #c3d7eb; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { color: transparent; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.6em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2313853a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.1875rem) center; background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.6em + 0.75rem); background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2313853a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.6em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.6em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.4em + 0.1875rem) center; background-size: calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.6em + 0.75rem); background-position: top calc(0.4em + 0.1875rem) right calc(0.4em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.8em + 0.375rem) calc(0.8em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.6em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.6; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #3878bc; --bs-btn-border-color: #3878bc; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3066a0; --bs-btn-hover-border-color: #2d6096; --bs-btn-focus-shadow-rgb: 86, 140, 198; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2d6096; --bs-btn-active-border-color: #2a5a8d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #3878bc; --bs-btn-disabled-border-color: #3878bc; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #13853a; --bs-btn-border-color: #13853a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #107131; --bs-btn-hover-border-color: #0f6a2e; --bs-btn-focus-shadow-rgb: 54, 151, 88; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0f6a2e; --bs-btn-active-border-color: #0e642c; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #13853a; --bs-btn-disabled-border-color: #13853a; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #3878bc; --bs-btn-border-color: #3878bc; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #3878bc; --bs-btn-hover-border-color: #3878bc; --bs-btn-focus-shadow-rgb: 56, 120, 188; --bs-btn-active-color: #fff; --bs-btn-active-bg: #3878bc; --bs-btn-active-border-color: #3878bc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #3878bc; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #3878bc; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #13853a; --bs-btn-border-color: #13853a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #13853a; --bs-btn-hover-border-color: #13853a; --bs-btn-focus-shadow-rgb: 19, 133, 58; --bs-btn-active-color: #fff; --bs-btn-active-bg: #13853a; --bs-btn-active-border-color: #13853a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #13853a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #13853a; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 86, 140, 198; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: var(--bs-box-shadow); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #3878bc; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #3878bc; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #3878bc; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2316304b' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #3878bc; --bs-pagination-active-border-color: #3878bc; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #3878bc; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #3878bc; --bs-list-group-active-border-color: #3878bc; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(56, 120, 188, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: var(--bs-box-shadow-sm); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.6; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.6; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: var(--bs-box-shadow); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.6; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.6; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(45, 96, 150, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(45, 96, 150, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(15, 106, 46, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(15, 106, 46, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.6 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-blue-100 { --bs-text-opacity: 1; color: #cfe2ff !important; } .text-blue-200 { --bs-text-opacity: 1; color: #9ec5fe !important; } .text-blue-300 { --bs-text-opacity: 1; color: #6ea8fe !important; } .text-blue-400 { --bs-text-opacity: 1; color: #3d8bfd !important; } .text-blue-500 { --bs-text-opacity: 1; color: #0d6efd !important; } .text-blue-600 { --bs-text-opacity: 1; color: #0a58ca !important; } .text-blue-700 { --bs-text-opacity: 1; color: #084298 !important; } .text-blue-800 { --bs-text-opacity: 1; color: #052c65 !important; } .text-blue-900 { --bs-text-opacity: 1; color: #031633 !important; } .text-red-100 { --bs-text-opacity: 1; color: #f8d7da !important; } .text-red-200 { --bs-text-opacity: 1; color: #f1aeb5 !important; } .text-red-300 { --bs-text-opacity: 1; color: #ea868f !important; } .text-red-400 { --bs-text-opacity: 1; color: #e35d6a !important; } .text-red-500 { --bs-text-opacity: 1; color: #dc3545 !important; } .text-red-600 { --bs-text-opacity: 1; color: #b02a37 !important; } .text-red-700 { --bs-text-opacity: 1; color: #842029 !important; } .text-red-800 { --bs-text-opacity: 1; color: #58151c !important; } .text-red-900 { --bs-text-opacity: 1; color: #2c0b0e !important; } .text-orange-100 { --bs-text-opacity: 1; color: #ffe5d0 !important; } .text-orange-200 { --bs-text-opacity: 1; color: #fecba1 !important; } .text-orange-300 { --bs-text-opacity: 1; color: #feb272 !important; } .text-orange-400 { --bs-text-opacity: 1; color: #fd9843 !important; } .text-orange-500 { --bs-text-opacity: 1; color: #fd7e14 !important; } .text-orange-600 { --bs-text-opacity: 1; color: #ca6510 !important; } .text-orange-700 { --bs-text-opacity: 1; color: #984c0c !important; } .text-orange-800 { --bs-text-opacity: 1; color: #653208 !important; } .text-orange-900 { --bs-text-opacity: 1; color: #331904 !important; } .text-yellow-100 { --bs-text-opacity: 1; color: #fff3cd !important; } .text-yellow-200 { --bs-text-opacity: 1; color: #ffe69c !important; } .text-yellow-300 { --bs-text-opacity: 1; color: #ffda6a !important; } .text-yellow-400 { --bs-text-opacity: 1; color: #ffcd39 !important; } .text-yellow-500 { --bs-text-opacity: 1; color: #ffc107 !important; } .text-yellow-600 { --bs-text-opacity: 1; color: #cc9a06 !important; } .text-yellow-700 { --bs-text-opacity: 1; color: #997404 !important; } .text-yellow-800 { --bs-text-opacity: 1; color: #664d03 !important; } .text-yellow-900 { --bs-text-opacity: 1; color: #332701 !important; } .text-green-100 { --bs-text-opacity: 1; color: #d1e7dd !important; } .text-green-200 { --bs-text-opacity: 1; color: #a3cfbb !important; } .text-green-300 { --bs-text-opacity: 1; color: #75b798 !important; } .text-green-400 { --bs-text-opacity: 1; color: #479f76 !important; } .text-green-500 { --bs-text-opacity: 1; color: #198754 !important; } .text-green-600 { --bs-text-opacity: 1; color: #146c43 !important; } .text-green-700 { --bs-text-opacity: 1; color: #0f5132 !important; } .text-green-800 { --bs-text-opacity: 1; color: #0a3622 !important; } .text-green-900 { --bs-text-opacity: 1; color: #051b11 !important; } .text-100 { --bs-text-opacity: 1; color: #f8f9fa !important; } .text-200 { --bs-text-opacity: 1; color: #e9ecef !important; } .text-300 { --bs-text-opacity: 1; color: #dee2e6 !important; } .text-400 { --bs-text-opacity: 1; color: #ced4da !important; } .text-500 { --bs-text-opacity: 1; color: #adb5bd !important; } .text-600 { --bs-text-opacity: 1; color: #6c757d !important; } .text-700 { --bs-text-opacity: 1; color: #495057 !important; } .text-800 { --bs-text-opacity: 1; color: #343a40 !important; } .text-900 { --bs-text-opacity: 1; color: #212529 !important; } .text-pink-100 { --bs-text-opacity: 1; color: #f7d6e6 !important; } .text-pink-200 { --bs-text-opacity: 1; color: #efadce !important; } .text-pink-300 { --bs-text-opacity: 1; color: #e685b5 !important; } .text-pink-400 { --bs-text-opacity: 1; color: #de5c9d !important; } .text-pink-500 { --bs-text-opacity: 1; color: #d63384 !important; } .text-pink-600 { --bs-text-opacity: 1; color: #ab296a !important; } .text-pink-700 { --bs-text-opacity: 1; color: #801f4f !important; } .text-pink-800 { --bs-text-opacity: 1; color: #561435 !important; } .text-pink-900 { --bs-text-opacity: 1; color: #2b0a1a !important; } .text-purple-100 { --bs-text-opacity: 1; color: #e2d9f3 !important; } .text-purple-200 { --bs-text-opacity: 1; color: #c5b3e6 !important; } .text-purple-300 { --bs-text-opacity: 1; color: #a98eda !important; } .text-purple-400 { --bs-text-opacity: 1; color: #8c68cd !important; } .text-purple-500 { --bs-text-opacity: 1; color: #6f42c1 !important; } .text-purple-600 { --bs-text-opacity: 1; color: #59359a !important; } .text-purple-700 { --bs-text-opacity: 1; color: #432874 !important; } .text-purple-800 { --bs-text-opacity: 1; color: #2c1a4d !important; } .text-purple-900 { --bs-text-opacity: 1; color: #160d27 !important; } .text-cyan-100 { --bs-text-opacity: 1; color: #cff4fc !important; } .text-cyan-200 { --bs-text-opacity: 1; color: #9eeaf9 !important; } .text-cyan-300 { --bs-text-opacity: 1; color: #6edff6 !important; } .text-cyan-400 { --bs-text-opacity: 1; color: #3dd5f3 !important; } .text-cyan-500 { --bs-text-opacity: 1; color: #0dcaf0 !important; } .text-cyan-600 { --bs-text-opacity: 1; color: #0aa2c0 !important; } .text-cyan-700 { --bs-text-opacity: 1; color: #087990 !important; } .text-cyan-800 { --bs-text-opacity: 1; color: #055160 !important; } .text-cyan-900 { --bs-text-opacity: 1; color: #032830 !important; } .text-teal-100 { --bs-text-opacity: 1; color: #d2f4ea !important; } .text-teal-200 { --bs-text-opacity: 1; color: #a6e9d5 !important; } .text-teal-300 { --bs-text-opacity: 1; color: #79dfc1 !important; } .text-teal-400 { --bs-text-opacity: 1; color: #4dd4ac !important; } .text-teal-500 { --bs-text-opacity: 1; color: #20c997 !important; } .text-teal-600 { --bs-text-opacity: 1; color: #1aa179 !important; } .text-teal-700 { --bs-text-opacity: 1; color: #13795b !important; } .text-teal-800 { --bs-text-opacity: 1; color: #0d503c !important; } .text-teal-900 { --bs-text-opacity: 1; color: #06281e !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-blue-100 { --bs-bg-opacity: 1; background-color: #cfe2ff !important; } .bg-blue-200 { --bs-bg-opacity: 1; background-color: #9ec5fe !important; } .bg-blue-300 { --bs-bg-opacity: 1; background-color: #6ea8fe !important; } .bg-blue-400 { --bs-bg-opacity: 1; background-color: #3d8bfd !important; } .bg-blue-500 { --bs-bg-opacity: 1; background-color: #0d6efd !important; } .bg-blue-600 { --bs-bg-opacity: 1; background-color: #0a58ca !important; } .bg-blue-700 { --bs-bg-opacity: 1; background-color: #084298 !important; } .bg-blue-800 { --bs-bg-opacity: 1; background-color: #052c65 !important; } .bg-blue-900 { --bs-bg-opacity: 1; background-color: #031633 !important; } .bg-red-100 { --bs-bg-opacity: 1; background-color: #f8d7da !important; } .bg-red-200 { --bs-bg-opacity: 1; background-color: #f1aeb5 !important; } .bg-red-300 { --bs-bg-opacity: 1; background-color: #ea868f !important; } .bg-red-400 { --bs-bg-opacity: 1; background-color: #e35d6a !important; } .bg-red-500 { --bs-bg-opacity: 1; background-color: #dc3545 !important; } .bg-red-600 { --bs-bg-opacity: 1; background-color: #b02a37 !important; } .bg-red-700 { --bs-bg-opacity: 1; background-color: #842029 !important; } .bg-red-800 { --bs-bg-opacity: 1; background-color: #58151c !important; } .bg-red-900 { --bs-bg-opacity: 1; background-color: #2c0b0e !important; } .bg-orange-100 { --bs-bg-opacity: 1; background-color: #ffe5d0 !important; } .bg-orange-200 { --bs-bg-opacity: 1; background-color: #fecba1 !important; } .bg-orange-300 { --bs-bg-opacity: 1; background-color: #feb272 !important; } .bg-orange-400 { --bs-bg-opacity: 1; background-color: #fd9843 !important; } .bg-orange-500 { --bs-bg-opacity: 1; background-color: #fd7e14 !important; } .bg-orange-600 { --bs-bg-opacity: 1; background-color: #ca6510 !important; } .bg-orange-700 { --bs-bg-opacity: 1; background-color: #984c0c !important; } .bg-orange-800 { --bs-bg-opacity: 1; background-color: #653208 !important; } .bg-orange-900 { --bs-bg-opacity: 1; background-color: #331904 !important; } .bg-yellow-100 { --bs-bg-opacity: 1; background-color: #fff3cd !important; } .bg-yellow-200 { --bs-bg-opacity: 1; background-color: #ffe69c !important; } .bg-yellow-300 { --bs-bg-opacity: 1; background-color: #ffda6a !important; } .bg-yellow-400 { --bs-bg-opacity: 1; background-color: #ffcd39 !important; } .bg-yellow-500 { --bs-bg-opacity: 1; background-color: #ffc107 !important; } .bg-yellow-600 { --bs-bg-opacity: 1; background-color: #cc9a06 !important; } .bg-yellow-700 { --bs-bg-opacity: 1; background-color: #997404 !important; } .bg-yellow-800 { --bs-bg-opacity: 1; background-color: #664d03 !important; } .bg-yellow-900 { --bs-bg-opacity: 1; background-color: #332701 !important; } .bg-green-100 { --bs-bg-opacity: 1; background-color: #d1e7dd !important; } .bg-green-200 { --bs-bg-opacity: 1; background-color: #a3cfbb !important; } .bg-green-300 { --bs-bg-opacity: 1; background-color: #75b798 !important; } .bg-green-400 { --bs-bg-opacity: 1; background-color: #479f76 !important; } .bg-green-500 { --bs-bg-opacity: 1; background-color: #198754 !important; } .bg-green-600 { --bs-bg-opacity: 1; background-color: #146c43 !important; } .bg-green-700 { --bs-bg-opacity: 1; background-color: #0f5132 !important; } .bg-green-800 { --bs-bg-opacity: 1; background-color: #0a3622 !important; } .bg-green-900 { --bs-bg-opacity: 1; background-color: #051b11 !important; } .bg-100 { --bs-bg-opacity: 1; background-color: #f8f9fa !important; } .bg-200 { --bs-bg-opacity: 1; background-color: #e9ecef !important; } .bg-300 { --bs-bg-opacity: 1; background-color: #dee2e6 !important; } .bg-400 { --bs-bg-opacity: 1; background-color: #ced4da !important; } .bg-500 { --bs-bg-opacity: 1; background-color: #adb5bd !important; } .bg-600 { --bs-bg-opacity: 1; background-color: #6c757d !important; } .bg-700 { --bs-bg-opacity: 1; background-color: #495057 !important; } .bg-800 { --bs-bg-opacity: 1; background-color: #343a40 !important; } .bg-900 { --bs-bg-opacity: 1; background-color: #212529 !important; } .bg-pink-100 { --bs-bg-opacity: 1; background-color: #f7d6e6 !important; } .bg-pink-200 { --bs-bg-opacity: 1; background-color: #efadce !important; } .bg-pink-300 { --bs-bg-opacity: 1; background-color: #e685b5 !important; } .bg-pink-400 { --bs-bg-opacity: 1; background-color: #de5c9d !important; } .bg-pink-500 { --bs-bg-opacity: 1; background-color: #d63384 !important; } .bg-pink-600 { --bs-bg-opacity: 1; background-color: #ab296a !important; } .bg-pink-700 { --bs-bg-opacity: 1; background-color: #801f4f !important; } .bg-pink-800 { --bs-bg-opacity: 1; background-color: #561435 !important; } .bg-pink-900 { --bs-bg-opacity: 1; background-color: #2b0a1a !important; } .bg-purple-100 { --bs-bg-opacity: 1; background-color: #e2d9f3 !important; } .bg-purple-200 { --bs-bg-opacity: 1; background-color: #c5b3e6 !important; } .bg-purple-300 { --bs-bg-opacity: 1; background-color: #a98eda !important; } .bg-purple-400 { --bs-bg-opacity: 1; background-color: #8c68cd !important; } .bg-purple-500 { --bs-bg-opacity: 1; background-color: #6f42c1 !important; } .bg-purple-600 { --bs-bg-opacity: 1; background-color: #59359a !important; } .bg-purple-700 { --bs-bg-opacity: 1; background-color: #432874 !important; } .bg-purple-800 { --bs-bg-opacity: 1; background-color: #2c1a4d !important; } .bg-purple-900 { --bs-bg-opacity: 1; background-color: #160d27 !important; } .bg-cyan-100 { --bs-bg-opacity: 1; background-color: #cff4fc !important; } .bg-cyan-200 { --bs-bg-opacity: 1; background-color: #9eeaf9 !important; } .bg-cyan-300 { --bs-bg-opacity: 1; background-color: #6edff6 !important; } .bg-cyan-400 { --bs-bg-opacity: 1; background-color: #3dd5f3 !important; } .bg-cyan-500 { --bs-bg-opacity: 1; background-color: #0dcaf0 !important; } .bg-cyan-600 { --bs-bg-opacity: 1; background-color: #0aa2c0 !important; } .bg-cyan-700 { --bs-bg-opacity: 1; background-color: #087990 !important; } .bg-cyan-800 { --bs-bg-opacity: 1; background-color: #055160 !important; } .bg-cyan-900 { --bs-bg-opacity: 1; background-color: #032830 !important; } .bg-teal-100 { --bs-bg-opacity: 1; background-color: #d2f4ea !important; } .bg-teal-200 { --bs-bg-opacity: 1; background-color: #a6e9d5 !important; } .bg-teal-300 { --bs-bg-opacity: 1; background-color: #79dfc1 !important; } .bg-teal-400 { --bs-bg-opacity: 1; background-color: #4dd4ac !important; } .bg-teal-500 { --bs-bg-opacity: 1; background-color: #20c997 !important; } .bg-teal-600 { --bs-bg-opacity: 1; background-color: #1aa179 !important; } .bg-teal-700 { --bs-bg-opacity: 1; background-color: #13795b !important; } .bg-teal-800 { --bs-bg-opacity: 1; background-color: #0d503c !important; } .bg-teal-900 { --bs-bg-opacity: 1; background-color: #06281e !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ""; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges, .daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges, .daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .daterangepicker .ranges ul { width: 240px; } #sidebar-menu { max-width: 230px; } .dashboard-menu a { padding: 8px; color: #212529; display: block; text-decoration: none; display: flex; align-items: center; } .dashboard-menu .icon { margin-right: 15px; min-width: 35px; text-align: center; } .dashboard-menu a:hover { color: #0d6efd; text-decoration: none; } .main .card-header { background: none; } .table.main th { border-top: none; } .achievements-list .achievement-icon { font-size: 45px; align-self: center; } .achievements-list .achievement-item { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); padding: 0.75rem 1.25rem; } .achievements-list .media-body { margin-left: -2rem; } .achievements-list .bottom-right { float: right; min-width: 215px; text-align: center; } .achievements-list .completed { background-color: #eef3ec; color: #373b3e; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .achievements-list .completed .achievement-icon { color: #198754; } #course-dashboard { /* Assignment */ /* Unit Progress and Lessons */ /* Dashboard Overview */ } #course-dashboard #course-tabs-wrap { display: flex; align-items: flex-end; } #course-dashboard #course-view-toggle { margin-left: auto; align-self: center; margin-right: 0.5rem; } #course-dashboard #course-view-toggle ul { border-width: 1px 1px 1px 1px; border-style: solid; border-color: #dee2e6 #dee2e6 transparent #dee2e6; font-size: 1.5rem; display: flex; align-items: center; list-style: none; margin: 0; padding: 0; height: 50px; position: relative; top: 1px; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; background: #f8f9fa; } #course-dashboard #course-view-toggle ul li { border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } #course-dashboard #course-view-toggle ul li:first-child { border-left: none; } #course-dashboard #course-view-toggle ul li:first-child a { border-top-left-radius: 0.3rem; } #course-dashboard #course-view-toggle ul li:last-child { border-right: none; } #course-dashboard #course-view-toggle ul li:last-child a { border-top-right-radius: 0.3rem; } #course-dashboard #course-view-toggle ul li.active { margin-bottom: -2px; z-index: 3; border-bottom: 1px solid transparent; } #course-dashboard #course-view-toggle ul li.active a { color: #3878bc; background: #fff; } #course-dashboard #course-view-toggle a { display: block; padding: 0 1.3rem; font-size: 1.6rem; height: 100%; line-height: 50px; color: #adb5bd; } #course-dashboard #course-view-toggle a:hover { color: #3878bc; } #course-dashboard .progress-chart { height: 125px; width: 250px; margin: 0 0 0 2rem; } #course-dashboard .progress-chart #progress { width: 250px; height: 250px; border: 10px solid #65b84c; border-color: transparent transparent #65b84c #65b84c; } #course-dashboard .progress-chart #groove { width: 250px; height: 250px; border: 10px solid #dee2e6; } #course-dashboard .progress-chart #text { bottom: 60px; font-size: 12px; } #course-dashboard .progress-chart #percent { font-size: 50px; } #course-dashboard #course-activity { max-width: 600px; margin: 0 auto 2rem; } @media (min-width: 992px) { #course-dashboard .grid-container { display: grid; grid-column-gap: 2.5rem; grid-template-columns: 1.5fr 0.5fr; grid-template-areas: "progress intro" "progress listing"; grid-template-rows: 0fr 1fr; } #course-dashboard #course-activity { margin: 0; grid-area: intro; padding-top: 3rem; border-bottom: 1px solid #dee2e6; } #course-dashboard #course-activity .title { padding: 1rem 1.5rem; border: 1px solid #dee2e6; background: #fff; } #course-dashboard #course-activity .title h2, #course-dashboard #course-activity .title .h2 { margin: 0; color: #3878bc; font-weight: bold; font-size: 1.2rem; } #course-dashboard #course-activity .title a { margin-left: auto; } #course-dashboard #course-activity .details { border-width: 0 1px 1px 1px; border-style: solid; border-color: #dee2e6; background: #fff; } #course-dashboard #course-activity .details p:last-child { margin: 0; } #course-dashboard #course-units-progress { grid-area: progress; } #course-dashboard #course-optional-listing { grid-area: listing; padding-top: 3rem; } } #course-dashboard .disabled { color: #ced4da; } #course-dashboard #blocks .card-header { background: #fff; } #course-dashboard #assignment-row { padding: 30px 0; } #course-dashboard #assignment { padding: 0 60px 0 100px; } #course-dashboard #assignment #title { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #ced4da; } #course-dashboard .unit-header-style { color: #495057; } #course-dashboard .unit-icons { font-size: 1.6rem; min-width: 60px; text-align: center; } #course-dashboard .unit-icons button.item { padding: 0; border: none; box-shadow: none; cursor: pointer; background: none; } #course-dashboard .unit-icons button.item:focus, #course-dashboard .unit-icons button.item:active { outline: none; } #course-dashboard .unit-icons button.item:hover { color: #65b84c; } #course-dashboard .unit-icons button.item:active { color: #13853a; } #course-dashboard .unit-icons button.item.disabled { cursor: default; } #course-dashboard .unit-icons button.item.disabled:active, #course-dashboard .unit-icons button.item.disabled:hover { color: #ced4da; } #course-dashboard .unit-icons .icon { color: #3878bc; font-size: 1.6rem; margin-bottom: 5px; } #course-dashboard #course-dash-tabs { position: relative; z-index: 3; top: 1px; } #course-dashboard #course-dash-tabs ul { list-style: none; margin: 0; padding: 0; display: flex; } #course-dashboard #course-dash-tabs ul li { background: #f8f9fa; border-width: 1px 1px 1px 1px; border-color: #dee2e6; border-style: solid; } #course-dashboard #course-dash-tabs ul li:first-child { border-top-left-radius: 0.3rem; } #course-dashboard #course-dash-tabs ul li:last-child { border-top-right-radius: 0.3rem; } #course-dashboard #course-dash-tabs ul li.active { font-weight: 600; background: #fff; border-bottom: 1px solid transparent; } #course-dashboard #course-dash-tabs ul li.active a { color: #3878bc; } #course-dashboard #course-dash-tabs ul li a { height: 50px; padding: 0 2rem; display: block; line-height: 50px; font-size: 1.3rem; color: #adb5bd; } #course-dashboard #course-dash-tabs ul li a:hover { color: #3878bc; text-decoration: none; } #course-dashboard #dashboard-cards .nav-tabs { height: 60px; display: flex; justify-content: center; align-items: flex-end; border-bottom: 1px solid #dee2e6; } #course-dashboard #dashboard-cards .nav-tabs .nav-link { padding: 0 40px; height: 40px; line-height: 40px; background: #E9E9E9; color: #aeaeae; font-weight: 600; } #course-dashboard #dashboard-cards .nav-tabs .nav-link.active { color: #0d6efd; } #course-dashboard .nav-tabs .nav-link:hover, #course-dashboard .nav-tabs .nav-link:focus { border-color: none; } #course-dashboard #dashboard-cards .nav-tabs .nav-item .nav-link { border-bottom: 1px solid #dee2e6; } #course-dashboard #dashboard-cards .nav-tabs .nav-item .nav-link:hover { color: #000; } #course-dashboard #dashboard-cards .nav-tabs .nav-item .nav-link.active { border-bottom: none; } #course-dashboard #dashboard-cards .nav-tabs .nav-link.active, #course-dashboard #dashboard-cards .nav-tabs .nav-item.show .nav-link { background: #fafafa; } #course-dashboard #dashboard-cards .nav-tabs .nav-link.active, #course-dashboard #dashboard-cards .nav-tabs .nav-item.show .nav-link { height: 40px; line-height: 40px; padding: 0px 40px; } #course-dashboard #card-blocks { position: relative; z-index: 2; } #course-dashboard #dashboard-overview { position: relative; z-index: 1; } #course-dashboard #tab-bg { background: #dee2e6; position: absolute; width: 100%; top: 0; left: 0; height: 60px; z-index: 1; border-bottom: 1px solid #dee2e6; } #student-course-select h2, #student-course-select .h2 { color: #3878bc; font-weight: bold; font-size: 1.3rem; } #student-course-select #welcome { font-size: 1.15rem; font-weight: bold; color: #565656; color: #495057; } #course-subjects .nav { max-width: 200px; margin: auto; } #course-subjects .nav-link { display: block; padding: 0.5rem 1rem; color: black; font-size: 1.2rem; padding-left: 0; font-weight: bold; } #course-subjects .nav-link.active { border-bottom: 1px solid #65b84c; color: #65b84c; } #course-subjects .nav-link:hover { border-bottom: 1px solid #4F9F37; color: #4F9F37; } #user-course-subjects .quiz-card { background: #fff; border: 1px solid #dee2e6; padding: 1rem; text-decoration: none; color: #212529; display: block; margin-bottom: 0.8rem; } #user-course-subjects .quiz-card:hover { border-color: #ced4da; } #user-course-subjects .quiz-card:hover .view-results { color: #13853a; } #user-course-subjects .quiz-card:hover .count { background: #e9ecef; color: #6c757d; } #user-course-subjects .quiz-card .view-results { color: #adb5bd; } #user-course-subjects .quiz-card .count { width: 30px; height: 30px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } #all-resources .card { min-height: 500px; } #all-resources .nav-link { font-weight: bold; font-size: 1.2rem; cursor: pointer; color: black; } #all-resources .nav-link.active { border-bottom: 1px solid #65b84c; color: #65b84c; } #all-resources .nav-link:hover { border-bottom: 1px solid #4F9F37; color: #4F9F37; } .progress-chart { overflow: hidden; height: 150px; width: 300px; margin: 0 auto; position: relative; z-index: 1; } .progress-chart #text { display: block; text-align: center; position: absolute; bottom: 75px; width: 100%; text-transform: uppercase; font-size: 13px; z-index: 4; } .progress-chart #percent { display: block; text-align: center; font-size: 60px; line-height: 1em; margin-top: 40px; position: absolute; bottom: 10px; width: 100%; color: #65b84c; z-index: 4; } .progress-chart #progress { position: absolute; left: 0; top: 0; transform: rotate(-45deg); height: 300px; width: 300px; border-radius: 50%; border: 10px solid #65b84c; border-color: transparent transparent #65b84c #65b84c; box-sizing: border-box; z-index: 3; } .progress-chart #groove { width: 300px; height: 300px; border-top-left-radius: 350px; border-top-right-radius: 350px; border: 10px solid #eee; border-bottom: 0; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; } .radial-progress .percent { font-size: 36px; margin-bottom: 2px; line-height: 36px; z-index: 2; } .radial-progress .text { font-size: 13px; z-index: 2; } .radial-progress .donut { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .radial-progress .donut-segment { stroke: #28a745; transition: stroke 500ms 100ms; } .radial-progress .warning .donut-segment { stroke: #ffc107; transition: stroke 500ms 100ms; } .radial-progress .caution .donut-segment { stroke: #d0ce30; transition: stroke 500ms 100ms; } @media (min-width: 992px) { #student-dashboard { padding-top: 3rem; } } .individual-unit { margin-bottom: 1rem; min-height: 200px; border-radius: 0.2rem; border-top-left-radius: 0; border: 1px solid #dee2e6; background: #fff; } .individual-unit:first-child { border-top-left-radius: 0; } .individual-unit:last-child { margin-bottom: 0; } .individual-unit .sub-header { padding: 1rem 0.6rem; font-size: 1.3rem; border-bottom: 1px solid #dee2e6; text-align: center; margin: 0; } .individual-unit #unit-progress-info { background: #fff; border-bottom: 1px solid #dee2e6; overflow-y: hidden; } .individual-unit #unit-progress-info #unit-user-progress-details { flex: 1 0 auto; align-self: center; display: none; } .individual-unit #unit-progress-info #unit-user-progress-details ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; } .individual-unit #unit-progress-info #unit-user-progress-details ul li { padding: 1rem; text-align: center; } .individual-unit #unit-progress-info #unit-user-progress-details ul li:last-child { margin-right: 0; } .individual-unit #unit-progress-info #unit-user-progress-details ul li .label { font-size: 1.1rem; margin-bottom: 0.4rem; } .individual-unit #unit-progress-info #unit-user-progress-details ul li .status { color: #495057; font-size: 3.5rem; line-height: 3.5rem; margin: 0; } .individual-unit #unit-progress-info #unit-progress-info-wrap { position: relative; align-self: flex-end; overflow: hidden; margin: 0 auto; } .individual-unit #unit-progress-info #unit-progress-info-wrap #progress-percent { flex-direction: column; display: flex; align-items: center; justify-content: center; text-align: center; color: #13853a; position: relative; height: 100%; } .individual-unit #unit-progress-info #unit-progress-info-wrap #progress-percent #percent-label { margin-bottom: 0.2rem; font-size: 1.1rem; font-weight: 600; } .individual-unit #unit-progress-info #unit-progress-info-wrap #progress-percent #percent { font-size: 4.5rem; line-height: 4.5rem; margin: 0; } .individual-unit #unit-progress-info #unit-progress-info-wrap .outer-circle { border-radius: 50%; background: #f8f8f8; position: absolute; top: 0; left: 50%; display: none; } .individual-unit #unit-progress-info #unit-progress-info-wrap .inner-circle { display: block; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .individual-unit #unit-progress-info #unit-progress-info-wrap .donut-segment { stroke: #13853a; position: relative; z-index: 2; } .individual-unit #unit-progress-info #unit-progress-info-wrap #unit-progress-radial { transform: rotateX(180deg) rotateY(180deg); position: relative; } @media (min-width: 576px) { .individual-unit #unit-progress-info { padding-top: 1.5rem; } .individual-unit #unit-progress-info #unit-progress-info-wrap { margin: 0 auto 1rem; width: 316px; } .individual-unit #unit-progress-info #unit-progress-info-wrap #progress-percent { padding-top: 37px; } .individual-unit #unit-progress-info #unit-progress-info-wrap .outer-circle { display: block; width: 316px; } .individual-unit #unit-progress-info #unit-user-progress-details { display: block; } .individual-unit #unit-progress-info #unit-user-progress-details ul { flex-direction: row; } } @media (min-width: 992px) { .individual-unit #unit-progress-info { height: 190px; display: flex; padding: 0rem 1rem 0 2rem; } .individual-unit #unit-progress-info #unit-progress-info-wrap { margin-bottom: 0; } .individual-unit #unit-progress-info #unit-user-progress-details { flex: 1 0 auto; padding-left: 2rem; } } #unit-nav-wrap { display: flex; align-items: center; background: #fff; border: 1px solid #dee2e6; border-width: 1px 1px 0 1px; border-style: solid; border-color: #dee2e6; } #unit-nav-wrap ul#unit-nav { list-style: none; margin: 0; width: 100%; display: flex; align-items: center; padding: 0 2rem; height: 60px; justify-content: center; } #unit-nav-wrap ul#unit-nav #unit-title { line-height: 60px; border-width: 1px; border-style: solid; border-color: transparent; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; font-size: 1.2rem; color: #343a40; margin: 0; text-align: center; font-weight: 600; cursor: pointer; overflow: hidden; height: 100%; } #unit-nav-wrap ul#unit-nav #unit-title:hover { color: #3878bc; } #unit-nav-wrap ul#unit-nav #unit-title-wrap { display: inline-block; position: relative; height: 100%; } #unit-nav-wrap ul#unit-nav #unit-title-wrap.dropdown-visible #unit-title { border-color: #dee2e6; color: #3878bc; } #unit-nav-wrap ul#unit-nav #unit-title-wrap:hover #units-dropdown { display: block; } #unit-nav-wrap ul#unit-nav li { text-align: center; position: relative; color: #6c757d; height: 100%; } #unit-nav-wrap ul#unit-nav li .disabled { color: #ced4da; height: 100%; display: flex; align-items: center; } #unit-nav-wrap ul#unit-nav li a { color: #6c757d; } #unit-nav-wrap ul#unit-nav li a:hover { color: #3878bc; text-decoration: none; } #unit-nav-wrap ul#unit-nav li#current-unit { flex: 1; margin: 0 1.5rem; text-align: center; position: relative; white-space: nowrap; } #unit-nav-wrap ul#unit-nav li#current-unit.dropdown-visible { background: #fff; z-index: 4; border: 1px solid #dee2e6; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown { white-space: normal; width: 320px; max-height: 350px; overflow-y: auto; background: #fff; border-radius: 0.3rem; position: absolute; left: 50%; top: 60px; border: 1px solid #dee2e6; margin-left: -160px; z-index: 3; display: none; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul { list-style: none; margin: 0; padding: 0; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li { font-weight: 400; border-bottom: 1px solid #e9ecef; font-size: 1rem; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li.item, #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li .item { display: flex; align-items: center; cursor: pointer; padding: 0.5rem 1rem; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li:hover { background: #f8f9fa; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li a { display: flex; align-items: center; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown ul li a:hover { background: #f8f9fa; } #unit-nav-wrap ul#unit-nav li#current-unit #units-dropdown .unit-title { text-align: left; display: block; flex: 1; margin-right: 1.5rem; } #unit-nav-wrap ul#unit-nav li#prev-unit, #unit-nav-wrap ul#unit-nav li#next-unit { height: 100%; display: flex; align-items: center; } #unit-nav-wrap ul#unit-nav li#prev-unit a, #unit-nav-wrap ul#unit-nav li#next-unit a { display: flex; align-items: center; height: 100%; } #unit-nav-wrap ul#unit-nav li#prev-unit .icon, #unit-nav-wrap ul#unit-nav li#next-unit .icon { font-size: 2rem; cursor: pointer; } #unit-nav-wrap ul#unit-nav li#prev-unit:hover, #unit-nav-wrap ul#unit-nav li#next-unit:hover { color: #3878bc; } #unit-nav-wrap ul#unit-nav li#prev-unit.fade-out, #unit-nav-wrap ul#unit-nav li#next-unit.fade-out { opacity: 0.2; } #unit-nav-wrap ul#unit-nav li#prev-unit.fade-out:hover, #unit-nav-wrap ul#unit-nav li#next-unit.fade-out:hover { cursor: pointer; color: #6c757d; } #unit-nav-wrap ul#unit-nav li:hover .title { color: #41b4e4; } #unit-nav-wrap ul#unit-nav li:hover .line { cursor: pointer; background: #ced4da; } #unit-nav-wrap ul#unit-nav li.complete .title { color: #65b84c; } #manage-course-units .individual-unit { border: none; } #manage-course-units .individual-unit .count { color: #6c757d; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item { display: flex; align-items: center; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ced4da; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item.ghost { border-style: dashed; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item.sortable-chosen .handle:hover { color: #adb5bd; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item:last-child { border-bottom: 1px solid #ced4da; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .title { color: #212529; padding-left: 0.5rem; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .handle { padding: 1rem; cursor: move; color: #adb5bd; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .handle:hover { color: #212529; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .icons { margin-left: auto; display: flex; align-items: center; color: #adb5bd; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .icons .item { padding: 0.5rem 1rem; } #manage-course-units .individual-unit .unit-curriculum .edit-unit-item .icons .item:hover { color: #212529; } #manage-course-units .individual-unit .match { background-color: #FFFFDD; border: 1px solid #e6e6c7; } #manage-course-units .individual-unit .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.025); } #manage-course-units .individual-unit .table-striped tbody tr:nth-of-type(odd).match { background-color: #FFFFDD; } .unit-item { margin-bottom: 0.4rem; box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); list-style: none; margin: 0; padding: 0; } .unit-item > li { border-bottom: 1px solid #dee2e6; } .unit-item > li:last-child { border-bottom: none; } .unit-item .no-results { font-size: 1.2rem; text-align: center; background: #fff; padding: 2rem; } .unit-item .no-results p { margin: 0; } .unit-item .counter { text-align: center; flex: 0 0 auto; padding: 1rem; display: flex; justify-content: center; } .unit-item .counter .number { width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; display: block; } .unit-item .counter .lesson-status-icon { color: #13853a; font-size: 1.9rem; } .unit-item .inner-wrap { flex: 1 1 auto; padding: 1rem; } .unit-item .icons-wrap { display: flex; align-items: center; height: 50px; position: relative; width: 120px; } .unit-item .icons-wrap ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; font-size: 1.8rem; height: 100%; } .unit-item .icons-wrap ul li { width: 60px; text-align: center; } .unit-item .icons-wrap ul li .item { text-align: center; display: block; background: none; border: none; padding: 0; width: 100%; } .unit-item .icons-wrap ul li .item:hover { color: #41b4e4; } .unit-item .action-icons, .unit-item .status-icons { position: absolute; right: 0; top: 0; height: 100%; } .unit-item .action-icons { opacity: 0; } .unit-item a:hover { text-decoration: none; } .unit-item .title { margin: 0; display: flex; align-items: center; font-size: 1.4rem; } .unit-item .active .title { font-weight: 600; } .unit-item .active .title:hover { color: #41b4e4; } .unit-item li.item-wrap { min-height: 50px; padding: 0; background: #fff; z-index: 1; border-bottom: 1px solid #dee2e6; display: flex; } .unit-item li.item-wrap.active .btn { padding: 0.5rem 1.2rem; background: #13853a; } .unit-item li.item-wrap.active .btn:hover { background: #65b84c; } .unit-item li.item-wrap.active .btn-success { color: #fff; } .unit-item li.item-wrap.active .counter .number { background: #13853a; color: #fff; } .unit-item li.item-wrap.complete .counter .number { display: none; } .unit-item li.item-wrap .content { flex: 1; } .unit-item li.item-wrap .content p { margin: 0; } .unit-item li.item-wrap .description { color: #495057; margin-bottom: 1rem; } .unit-item li.item-wrap .item-title { margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #dee2e6; } .unit-item li.item-wrap .item-title h3, .unit-item li.item-wrap .item-title .h3 { margin: 0 0 1rem 0; font-weight: 600; flex-grow: 1; font-size: 1.1rem; } .unit-item li.item-wrap .item-title h3 a, .unit-item li.item-wrap .item-title .h3 a { color: #212529; } .unit-item li.item-wrap .item-title .view-item { font-size: 1rem; margin-left: auto; padding-left: 1.5rem; flex: 1 0 auto; text-align: right; display: flex; align-items: flex-start; list-style: none; padding: 0; margin: 0; flex-direction: column; } .unit-item li.item-wrap .item-title .view-item li { margin-right: 1rem; } .unit-item li.item-wrap .item-title .view-item li:last-child { margin-right: 0; border-right: none; } .unit-item li.item-wrap .item-title .view-item li:last-child .item { padding-right: 0; } .unit-item li.item-wrap .item-title .view-item .item { padding-right: 1rem; padding: 0.3rem 1rem 0.3rem 0; display: inline-block; } .unit-item li.item-wrap .associable-quiz { list-style: none; margin: 0; padding: 0; } .unit-item li.item-wrap .associable-quiz li { display: none; } .unit-item li.item-wrap .associable-quiz li:first-child { display: block; } .unit-item li.item-wrap .item-details { display: flex; align-items: center; } .unit-item li.item-wrap .lesson-quiz-status { padding: 0 2.5rem; text-align: center; } .unit-item li.item-wrap .lesson-quiz-status h6, .unit-item li.item-wrap .lesson-quiz-status .h6 { font-size: 1.2rem; } .unit-item li.item-wrap .lesson-quiz-status p { margin: 0; font-size: 2rem; } .unit-item li.item-wrap .title { margin-bottom: 0.5rem; } @media (min-width: 576px) { .individual-unit .sub-header { text-align: left; } .unit-item .inner-wrap { padding: 0; } .unit-item li.item-wrap { border-bottom: 1px solid #dee2e6; padding: 1rem; } .unit-item li.item-wrap .item-title { display: flex; align-items: center; } .unit-item li.item-wrap .item-title h3, .unit-item li.item-wrap .item-title .h3 { margin: 0; } .unit-item li.item-wrap .item-title .view-item { flex-direction: row; justify-content: flex-end; } .unit-item li.item-wrap .item-title .view-item li { border-right: 1px solid #ced4da; } .unit-item .counter { border: none; padding: 0; margin-right: 1.5rem; margin-top: 0; align-items: flex-start; } } @media (min-width: 992px) { .individual-unit #unit-items-wrap { padding: 1rem; } .unit-item { border: 1px solid #dee2e6; } } #class-add-school-students .add-button button:hover { color: #65b84c; } #class-add-school-students .remove-button button:hover { color: #dc3545; } #class-add-school-students .students-table tr:hover { background: #f8f9fa; } #class-add-school-students .students-table tr td.email { word-break: break-all; } #class-add-school-students #student-class-table tr:hover { background: #f8f9fa; } #class-add-school-students #student-class-table tr td.email { word-break: break-all; } #class-add-school-students #student-class-table th.sortable .sort-arrow { visibility: hidden; } #class-add-school-students #student-class-table th.sortable:hover { cursor: pointer; background: #f8f9fa; } #class-add-school-students #student-class-table th.sortable:hover .sort-arrow { visibility: visible; } #class-add-school-students .add-button, #class-add-school-students .remove-button { padding: 0; cursor: pointer; vertical-align: middle; } #class-add-school-students .add-button button, #class-add-school-students .remove-button button { display: block; background: none; border: none; height: 100%; width: 100%; } #class-add-school-students .add-button button:disabled, #class-add-school-students .remove-button button:disabled { opacity: 0.7; } #class-add-school-students .in-class { opacity: 0.4; } #class-add-school-students #search-students-form { position: relative; } #class-add-school-students #search-students-form #search-results { position: absolute; top: auto; left: 0; z-index: 4; width: 100%; background: #fff; } #class-add-school-students #search-students-form #search-results #search-results-table { padding-bottom: 51px; position: relative; } #class-add-school-students #search-students-form #search-results #search-results-table .students-table { max-height: 300px; overflow-y: auto; } #class-add-school-students #search-students-form #search-results #results-clear-button { padding: 0 1rem; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; border: none; display: block; height: 50px; line-height: 50px; width: 100%; background: #fff; border-top: 1px solid #dee2e6; } #class-add-school-students #search-students-form #search-results #results-clear-button:hover { background: #41b4e4; color: #fff; } #class-add-school-students #search-students-form #student-search { display: flex; align-items: stretch; } #class-add-school-students #search-students-form #student-search input[type=text] { border-color: #dee2e6; border-style: solid; border-width: 1px 0 1px 1px; } #class-add-school-students #search-students-form #student-search button { background: #fff; padding: 0 1rem; border-width: 1px; border-style: solid; border-color: #dee2e6; color: #495057; display: flex; align-items: center; justify-content: center; } #class-add-school-students #search-students-form #student-search button.search-reset { cursor: pointer; font-size: 1.3rem; } #class-add-school-students #search-students-form #student-search button.search-reset:hover { background: #f8f9fa; color: #dc3545; } #class-add-school-students #search-students-form #school-students { position: relative; background: #f8f9fa; border: 1px solid #dee2e6; border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; max-height: 600px; overflow: auto; } #class-add-school-students #search-students-form #school-students.search-in-progress { opacity: 0.3; } #class-add-school-students #search-students-form #school-students > ul { max-height: 250px; overflow-y: scroll; padding: 1rem; background: #fff; margin: 0; } #class-add-school-students #search-students-form .form-control { border-radius: 0.25rem 0 0 0.25rem; } #class-add-school-students #search-students-form .btn-primary { background: none; color: #212529; font-weight: 600; border-radius: 0; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ced4da; border-radius: 0 0.25rem 0.25rem 0; padding: 0.5rem 1.5rem; height: calc(1.6em + 0.75rem + 2px); display: flex; align-items: center; justify-content: center; padding: 0 1.2rem; } #class-add-school-students #search-students-form .btn-primary:hover { color: #13853a; } #teacher-dashboard .blocks-wrap { padding: 1rem; } #teacher-dashboard a { color: #212529; } #teacher-dashboard a:hover { color: #13853a; } #teacher-dashboard .card-header { background: #fff; } #teacher-dashboard .card-footer { background: #fff; } #teacher-dashboard .block { border-radius: 0.4rem; background: #fff; border: 1px solid #ced4da; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #teacher-dashboard .block .block-body { padding: 2rem; } #teacher-dashboard .block .block-header { display: flex; align-items: center; position: relative; padding: 1rem; } #teacher-dashboard .block .block-header h2, #teacher-dashboard .block .block-header .h2 { margin: 0; font-size: 1.2rem; font-weight: 600; padding-left: 60px; } #teacher-dashboard .block .block-header .icon { font-size: 2rem; line-height: 2rem; padding: 1rem; border: 1px solid #ced4da; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); background: #fff; border-radius: 0.4rem; position: absolute; top: -0.5rem; left: -0.5rem; width: 65px; display: flex; align-items: center; justify-content: center; } #teacher-dashboard .block .block-footer { display: flex; align-items: center; justify-content: space-evenly; border-top: 1px solid #ced4da; } #teacher-dashboard .block .block-footer .btn-primary { background: none; color: #212529; border: none; font-weight: 600; display: block; width: 100%; border-radius: 0; padding: 1rem 2rem; } #teacher-dashboard .block .block-footer .btn-primary:hover { color: #13853a; } #teacher-dashboard .block .block-footer .btn { border-right: 1px solid #ced4da; } #teacher-dashboard .block .block-footer .btn:last-child { border-right: none; } #teacher-dashboard .block .block-list .header-wrap { display: flex; align-items: center; padding: 1rem; border-top: 1px solid #ced4da; } #teacher-dashboard .block .block-list .header-wrap .icon { font-size: 1.5rem; margin-right: 1rem; } #teacher-dashboard .block .block-list ol { list-style: none; margin: 0; padding: 0; } #teacher-dashboard .block .block-list ol li { border-bottom: 1px solid #ced4da; } #teacher-dashboard .block .block-list ol li:last-child { border-bottom: none; } #teacher-dashboard .block .block-list ol li a { display: block; padding: 0.8rem 1.3rem; color: #212529; } #teacher-dashboard #classes .class-title span { display: block; } #teacher-dashboard #classes > ul > li { display: flex; align-items: center; justify-content: space-between; } .grouped-layout .grouped-item h6, .grouped-layout .grouped-item .h6 { font-weight: 600; color: #343a40; margin: 0; } .grouped-layout ul.manage-list { list-style: none; margin: 0; padding: 0; background: #fff; } .grouped-layout ul.manage-list .not-published { color: #fd7e14; } .grouped-layout ul.manage-list .unit-tests { padding-left: 1rem; } .grouped-layout ul.manage-list .list-options { position: relative; } .grouped-layout ul.manage-list .list-options:hover ul { display: block; } .grouped-layout ul.manage-list .list-options:hover .menu-button { background: #e9ecef; border-color: #fff; } .grouped-layout ul.manage-list .list-options > ul { display: none; position: absolute; z-index: 1; top: 30px; left: 0px; width: 150px; list-style: none; padding: 0; margin: 0; background: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .grouped-layout ul.manage-list .list-options > ul li { border-bottom: 1px solid #e9ecef; } .grouped-layout ul.manage-list .list-options > ul li:last-child { border-bottom: none; } .grouped-layout ul.manage-list .list-options > ul li a, .grouped-layout ul.manage-list .list-options > ul li button { display: block; padding: 0.5rem 1rem; } .grouped-layout ul.manage-list .list-options > ul li a:hover, .grouped-layout ul.manage-list .list-options > ul li button:hover { text-decoration: none; background: #f8f9fa; color: #65b84c; } .grouped-layout ul.manage-list .list-options > ul li button { width: 100%; text-align: left; } .grouped-layout ul.manage-list .menu-button { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border-width: 1px; border-style: solid; border-color: transparent; } .grouped-layout ul.manage-list a, .grouped-layout ul.manage-list button { color: #212529; } .grouped-layout ul.manage-list a:hover, .grouped-layout ul.manage-list button:hover { color: #65b84c; text-decoration: none; } .grouped-layout ul.manage-list p { margin: 0; } .grouped-layout ul.manage-list > li { padding: 0.75rem 1.25rem; } .grouped-layout ul.manage-list > li:nth-child(odd) { background: #FBFBFB; } .grouped-layout ul.manage-list > li > ul { list-style: none; margin: 0; padding: 0; } .grouped-layout ul.manage-list > li > ul > li { padding: 0.3rem; border-bottom: 1px solid #dee2e6; } .grouped-layout ul.manage-list > li > ul > li:last-child { border-bottom: none; } .grouped-layout .standard-header { display: flex; align-items: center; margin-bottom: 0.5rem; } .grouped-layout .standard-header .header-right { padding: 0; border: none; display: inline-block; text-align: left; box-shadow: none; margin-left: auto; padding-left: 0.5rem; } .grouped-layout .standard-header .header-right > button, .grouped-layout .standard-header .header-right > a, .grouped-layout .standard-header .header-right .btn-link { font-weight: 600; color: #65b84c; } .grouped-layout .standard-header .header-right:hover button, .grouped-layout .standard-header .header-right:hover a, .grouped-layout .standard-header .header-right:hover .btn-link { color: #41b4e4; text-decoration: none; } .grouped-layout .standard-header .header-right button { padding: 0; border: none; display: inline-block; text-align: left; } .grouped-layout .standard-header .header-right .dropdown-wrap { position: relative; } .grouped-layout .standard-header .header-right ul { display: none; width: 160px; background: #fff; border: 1px solid #dee2e6; border-radius: 0.3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; z-index: 1; list-style: none; margin: 0; padding: 0; } .grouped-layout .standard-header .header-right ul li { border-bottom: 1px solid #e9ecef; } .grouped-layout .standard-header .header-right ul li:last-child { border-bottom: none; } .grouped-layout .standard-header .header-right ul a, .grouped-layout .standard-header .header-right ul button { display: block; width: 100%; text-align: left; padding: 0.5rem 1rem; color: #212529; } .grouped-layout .standard-header .header-right ul a:hover, .grouped-layout .standard-header .header-right ul button:hover { background: #f8f9fa; text-decoration: none; } .grouped-layout .standard-header .header-right:hover ul { display: block; } .grouped-layout .details-layout { display: grid; grid-template-columns: 1fr 1fr; background: #fff; border-radius: 0.3rem; } .grouped-layout .details-layout p { margin: 0; } .grouped-layout .details-layout .grouped-item { padding: 1rem; } .grouped-layout .details-layout .grouped-item:nth-child(even) { border-right: none; } .grouped-layout .details-layout .grouped-item:last-child { border-bottom: none; } .grouped-layout .block { background: #fff; padding: 2rem; border-radius: 0.5rem; margin-bottom: 2rem; border: 1px solid #e9ecef; } .grouped-layout .block .sub-title { margin-bottom: 0; font-weight: 600; font-size: 1rem; color: #41b4e4; } .grouped-layout .block .main-list li:nth-child(odd) { background: #FBFBFB; } #dashboard { border-bottom: 1px solid #dee2e6; } #dashboard #dashboard-courses .card-header h1, #dashboard #dashboard-courses .card-header .h1, #dashboard #dashboard-courses .card-header h2, #dashboard #dashboard-courses .card-header .h2, #dashboard #dashboard-courses .card-header h3, #dashboard #dashboard-courses .card-header .h3, #dashboard #dashboard-courses .card-header h4, #dashboard #dashboard-courses .card-header .h4, #dashboard #dashboard-courses .card-header h5, #dashboard #dashboard-courses .card-header .h5, #dashboard #dashboard-courses .card-header h6, #dashboard #dashboard-courses .card-header .h6 { font-size: 1.2rem; font-weight: 600; } #dashboard #dashboard-courses .btn-link { color: #212529; } #dashboard #dashboard-courses .btn-link:hover { color: #3878bc; } #dashboard .dashboard-counters .card-body { text-align: center; padding: 2rem 1rem; } #dashboard .dashboard-counters .title { margin: 0 0 1rem 0; font-size: 1.2rem; } #dashboard .dashboard-counters .number { margin: 0; font-size: 3rem; line-height: 3rem; font-weight: 700; } #dashboard #dashboard-body { border-top: 1px solid #fff; padding-bottom: 1rem; } #dashboard #dashboard-body .main-card { min-height: 100%; } #dashboard #dashboard-body .main-card .card-header h1, #dashboard #dashboard-body .main-card .card-header .h1, #dashboard #dashboard-body .main-card .card-header h2, #dashboard #dashboard-body .main-card .card-header .h2, #dashboard #dashboard-body .main-card .card-header h3, #dashboard #dashboard-body .main-card .card-header .h3, #dashboard #dashboard-body .main-card .card-header h4, #dashboard #dashboard-body .main-card .card-header .h4, #dashboard #dashboard-body .main-card .card-header h5, #dashboard #dashboard-body .main-card .card-header .h5, #dashboard #dashboard-body .main-card .card-header h6, #dashboard #dashboard-body .main-card .card-header .h6 { font-size: 1.1rem; margin: 0; font-weight: 600; } #dashboard #dashboard-body .main-card .card-body-height { min-height: 100%; max-height: 320px; overflow: auto; } #dashboard #main-block { min-height: 100%; padding: 1rem; } #dashboard #side-block { border-left: 1px solid #dee2e6; min-height: 100%; padding: 1rem; } #dashboard #classes > ul li { border-bottom: 1px solid #dee2e6; } #dashboard #classes > ul li:last-child { border-bottom: none; } #dashboard #classes > ul li .item { padding: 0.5rem 1rem; } #dashboard .card .card-header { background: #fff; } #dashboard .card .card-header .icon { font-size: 1.5rem; } #dashboard .card .card-header .card-title { font-size: 1.2rem; margin: 0; font-weight: 600; } #dashboard .card .card-footer { background: #fff; padding: 0; } #dashboard .card .card-footer .btn { display: block; padding: 0.6rem; } #dashboard #admin-dashboard { border: 1px solid #dee2e6; padding: 1rem; border-radius: 0.25rem; } #dashboard #admin-dashboard #admin-dash-header { margin-bottom: 1rem; } #dashboard #admin-dashboard #admin-dash-header form { margin-bottom: 1rem; } #dashboard #admin-dashboard #admin-dash-header form select { margin-bottom: 0.5rem; padding: 0 1rem; } #dashboard #admin-dashboard #admin-dash-header form select.form-control { border-radius: 0.2rem 0 0 0.2rem; } #dashboard #admin-dashboard #admin-dash-header form select .label { margin-right: 0.5rem; } #dashboard #admin-dashboard #admin-dash-header form .btn-success { display: block; width: 100%; border-radius: 0 0.2rem 0.2rem 0; } #dashboard #admin-dashboard #admin-dash-header #data-refresh { text-align: center; } @media (min-width: 576px) { #dashboard #admin-dashboard #admin-dash-header form { display: flex; align-items: center; justify-content: center; } #dashboard #admin-dashboard #admin-dash-header form select { width: auto; margin: 0; } #dashboard #admin-dashboard #admin-dash-header form .btn-success { width: auto; } } @media (min-width: 768px) { #dashboard #admin-dashboard #admin-dash-header { display: flex; align-items: center; justify-content: space-between; } #dashboard #admin-dashboard #admin-dash-header form { margin: 0; } #dashboard #admin-dashboard #admin-dash-header #data-refresh { text-align: left; } } #dashboard-search-students-form { position: relative; } #dashboard-search-students-form #search-results { position: absolute; top: auto; left: 0; z-index: 1; width: 100%; max-height: 250px; overflow-y: auto; background: #fff; } #dashboard-search-students-form #student-search { display: flex; align-items: stretch; } #dashboard-search-students-form #student-search input[type=text] { border-color: #dee2e6; border-style: solid; border-width: 1px 0 1px 1px; } #dashboard-search-students-form #student-search button { background: #fff; padding: 0 1rem; border-width: 1px; border-style: solid; border-color: #dee2e6; color: #495057; display: flex; align-items: center; justify-content: center; } #dashboard-search-students-form #student-search button.search-reset { cursor: pointer; font-size: 1.3rem; } #dashboard-search-students-form #student-search button.search-reset:hover { background: #f8f9fa; color: #dc3545; } #method-learning-dashboard .app-logo { height: 150px; max-width: 300px; } #quiz-view-wrap { margin-bottom: 2rem; padding: 1.5rem; } #quiz-view-wrap #intro ul { list-style: none; margin: 0; padding: 0; margin: 0 auto; } #quiz-view-wrap #intro ul li { margin-bottom: 1rem; } #quiz-view-wrap #intro ul li form { width: 100%; } #quiz-view-wrap #intro ul li form button { width: 100%; } #quiz-view-wrap #intro ul li:last-child { margin-bottom: 0; } #quiz-view-wrap #intro ul li a { display: block; } @media (min-width: 460px) { #quiz-view-wrap #intro ul { display: flex; } #quiz-view-wrap #intro ul li { margin-right: 1rem; margin-bottom: 0; } #quiz-view-wrap #intro ul li:last-child { margin-right: 0; } } @media (min-width: 576px) { #quiz-view-wrap #intro ul { max-width: none; margin: 0; display: flex; align-items: center; } #quiz-view-wrap #intro ul li { margin-right: 1rem; margin-bottom: 0; } #quiz-view-wrap #intro ul li:last-child { margin-right: 0; } } .quiz-dryer-layout.large-cards h4, .quiz-dryer-layout.large-cards .h4 { font-size: 20px; } .quiz-dryer-layout.large-cards h5, .quiz-dryer-layout.large-cards .h5 { font-size: 15px; } .quiz-dryer-layout.large-cards .card { max-width: 350px; width: 350px; } .quiz-dryer-layout.large-cards .detail { font-size: 20px; } .quiz-dryer-layout.large-cards .radial-progress { width: 200px; height: 200px; } .quiz-dryer-layout.large-cards .radial-progress .label { top: 45px; } .quiz-dryer-layout.large-cards .radial-progress .percent { top: 75px; } .quiz-dryer-layout.large-cards .radial-progress .text { top: 125px; } .quiz-dryer-layout.large-cards .radial-progress .answered-label { top: 58px; } .quiz-dryer-layout.large-cards .radial-progress .answered-count { top: 68px; } .quiz-dryer-layout.large-cards .radial-progress .outer-circle { width: 200px; height: 200px; } .quiz-dryer-layout.large-cards .radial-progress .inner-circle { width: 160px; height: 160px; } .quiz-dryer-layout .card { max-width: 265px; min-width: 265px; min-height: 300px; margin-bottom: 2em; margin-right: 10px; } .quiz-dryer-layout .card .card-body { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; } .quiz-dryer-layout .mtp-green-link { background: none; border: none; } .quiz-dryer-layout .attempts-block { margin-left: auto; } .quiz-dryer-layout .attempt-select { cursor: pointer; } .quiz-dryer-layout .disabled { color: #a0a0a0; cursor: default; } .quiz-dryer-layout .detail { font-size: 15px; font-weight: bold; color: #2b2b2b; } .quiz-dryer-layout .radial-progress { width: 150px; height: 150px; display: block; position: relative; margin: 2rem auto; text-align: center; } .quiz-dryer-layout .radial-progress .label, .quiz-dryer-layout .radial-progress .answered-label { position: absolute; top: 25px; left: 0; right: 0; margin: auto; text-align: center; } .quiz-dryer-layout .radial-progress .answered-label { top: 38px; } .quiz-dryer-layout .radial-progress .percent, .quiz-dryer-layout .radial-progress .answered-count, .quiz-dryer-layout .radial-progress .answered-count-small { position: absolute; left: 0; right: 0; margin: 0 auto; font-weight: 600; } .quiz-dryer-layout .radial-progress .percent { top: 50px; font-size: 45px; } .quiz-dryer-layout .radial-progress .answered-count { top: 50px; font-size: 40px; } .quiz-dryer-layout .radial-progress .answered-count-small { top: 54px; font-size: 30px; } .quiz-dryer-layout .radial-progress .text { position: absolute; top: 100px; left: 0; font-weight: 600; right: 0; margin: 0 auto; } .quiz-dryer-layout .radial-progress .outer-circle { width: 150px; height: 150px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); border-radius: 50%; background: #f8f8f8; display: flex; align-items: center; justify-content: center; } .quiz-dryer-layout .radial-progress .inner-circle { display: block; width: 120px; height: 120px; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); background: #fff; } .quiz-dryer-layout .radial-progress .percent { margin-top: 5px; margin-bottom: 5px; font-size: 42px; } .quiz-dryer-layout .text.font-bold { font-size: 16px; } #quiz-show-attempts #quiz-title .item { padding: 1rem; } #quiz-show-attempts #attempts-count { font-size: 3rem; text-align: center; color: #495057; } .quiz-form .test-time-allowed-slider { display: block; width: 100%; } .quiz-form input[type=range]::-webkit-slider-thumb { position: relative; } .quiz-form input[type=range]::-webkit-slider-thumb:after { content: ""; position: absolute; left: 0; bottom: 0; width: 200px; height: 200px; background: #fff; } .test-quiz-dash .sub-title { font-size: 1rem; color: #6c757d; margin-bottom: 0.2rem; display: block; text-transform: uppercase; } .test-quiz-dash ul.details { list-style: none; margin: 0 0 4rem 0; padding: 0; } .test-quiz-dash ul.details li { margin-right: 2rem; border-bottom: 1px solid #ced4da; } .test-quiz-dash ul.details li .item, .test-quiz-dash ul.details li.item { display: flex; align-items: center; color: #212529; font-size: 1.2rem; text-decoration: none; padding: 1rem 2rem; } .test-quiz-dash ul.details li:last-child { border-bottom: none; } .test-quiz-dash ul.details li .fa-circle { font-size: 0.5rem; } .test-quiz-dash ul.details li:last-child { margin-right: 0; } .test-quiz-dash ul.details li .fa-caret-right.icon { min-width: 0; } .test-quiz-dash ul.details li .icon { margin-right: 0.8rem; min-width: 30px; text-align: center; } .test-quiz-dash ul.details li a.item, .test-quiz-dash ul.details li button.item { display: block; } .test-quiz-dash ul.details li a:hover, .test-quiz-dash ul.details li button:hover { color: #65b84c; } .test-quiz-dash ul.details li .green { color: #65b84c; font-size: 1.2rem; margin-right: 0.3rem; } .test-quiz-dash ul.details li button.item { border: none; box-shadow: none; display: block; width: 100%; background: none; text-align: left; } .test-quiz-dash ul.details li button.item:hover { color: #65b84c; } .test-quiz-dash ul.button-options { list-style: none; margin: 0 0 4rem 0; padding: 0; display: flex; align-items: center; justify-content: center; } .test-quiz-dash ul.button-options li { margin-right: 1.5rem; } .test-quiz-dash ul.button-options li:last-child { margin-right: 0; } .test-quiz-dash ul.button-options li:hover .item { color: #13853a; border-color: #13853a; } .test-quiz-dash ul.button-options li:hover .item.disabled { color: #212529; border-color: #ced4da; } .test-quiz-dash ul.button-options button.disabled { opacity: 0.5; } .test-quiz-dash ul.button-options .item { padding: 0; width: 105px; height: 105px; display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 0.5rem; border-width: 2px; border-style: solid; border-color: #65b84c; background: #f8f9fa; text-transform: uppercase; font-size: 0.9rem; color: #65b84c; text-decoration: none; } .test-quiz-dash ul.button-options .item .icon { font-size: 2rem; margin-bottom: 0.6rem; } .test-quiz-dash ul.button-options .item .text { display: block; } .test-quiz-dash ul.button-options .item.disabled { color: #212529; border-color: #ced4da; } .test-quiz-dash #title-header { margin-bottom: 4rem; } .test-quiz-dash #title-header h1, .test-quiz-dash #title-header .h1 { font-size: 3.6rem; text-transform: uppercase; line-height: 3.6rem; margin: 0; color: #495057; margin-bottom: 0.7rem; } .test-quiz-dash #title-header a, .test-quiz-dash #title-header button { text-decoration: none; } .test-quiz-dash #title-header a.action-button .primary, .test-quiz-dash #title-header button.action-button .primary { color: #65b84c; font-size: 2rem; text-decoration: none; text-transform: uppercase; font-weight: 200; line-height: 2rem; display: block; } .test-quiz-dash #title-header a.action-button .primary:hover, .test-quiz-dash #title-header button.action-button .primary:hover { color: #13853a; } .test-quiz-dash #title-header a.action-button .secondary, .test-quiz-dash #title-header button.action-button .secondary { font-size: 1rem; line-height: 1rem; color: #65b84c; } .test-quiz-dash #title-header a.action-button .tertiary, .test-quiz-dash #title-header button.action-button .tertiary { color: #6c757d; font-size: 0.9rem; line-height: 0.9rem; } .test-quiz-dash #title-header a.action-button p, .test-quiz-dash #title-header button.action-button p { margin-bottom: 0.4rem; } .test-quiz-dash #title-header button { border: none; box-shadow: none; background: none; width: 100%; text-align: left; } .test-quiz-dash #title-header button:focus, .test-quiz-dash #title-header button:active { outline: none; } .test-quiz-dash #section-left { padding-right: 0; } .test-quiz-dash #section-left .content { border-right: 1px solid #ced4da; padding: 4rem 2rem 4rem 0; } .test-quiz-dash #section-right { padding: 4rem 0 4rem 2rem; border-left: 1px solid #ced4da; margin-left: -1px; } .test-quiz-dash #section-right ul.details { margin-left: -2rem; } .test-quiz-dash #quiz-attempts { padding: 0.8rem 1rem; border-top: 1px solid #ced4da; color: #6c757d; display: flex; align-items: center; } .test-quiz-dash #quiz-attempts #quiz-last-attempt { text-transform: uppercase; } .test-quiz-dash #quiz-attempts #quiz-last-attempt span#time-diff { text-transform: lowercase; } .test-quiz-dash #quiz-attempts p { margin: 0; } .test-quiz-dash #quiz-attempts a { color: #65b84c; text-decoration: none; text-transform: uppercase; } .test-quiz-dash #quiz-attempts a:hover { color: #13853a; } #quiz-results-header, .results-colored-strip { border-bottom: 2px solid #dee2e6; } #quiz-results-header #score-results, .results-colored-strip #score-results { overflow: hidden; } #quiz-results-header #score-result, .results-colored-strip #score-result { min-height: 320px; } #quiz-results-header #radial-progress, .results-colored-strip #radial-progress { max-width: 320px; height: 320px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; color: #13853a; } #quiz-results-header #radial-progress #score, .results-colored-strip #radial-progress #score { margin-bottom: 2px; z-index: 2; font-size: 4.5rem; line-height: 4.5rem; } #quiz-results-header #radial-progress .text, .results-colored-strip #radial-progress .text { font-size: 1.5rem; z-index: 2; } #quiz-results-header #radial-progress .results-numbers, .results-colored-strip #radial-progress .results-numbers { font-size: 1.5rem; } #quiz-results-header #radial-progress .donut, .results-colored-strip #radial-progress .donut { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #quiz-results-header #radial-progress .donut-segment, .results-colored-strip #radial-progress .donut-segment { stroke: #13853a; } #quiz-results-header #radial-progress .donut-ring, .results-colored-strip #radial-progress .donut-ring { stroke: #dee2e6; } #quiz-results-header #quiz-results-title, .results-colored-strip #quiz-results-title { margin-bottom: 0; padding-bottom: 1rem; border-color: #ced4da; border-style: solid; border-width: 0 0 1px 0; } #quiz-results-header #quiz-results-title .completed-date, .results-colored-strip #quiz-results-title .completed-date { margin: 0; opacity: 0.8; } #quiz-results-header #confetti, .results-colored-strip #confetti { width: 1px; margin: 0 auto; position: relative; display: block; } #quiz-results-header #result-numbers, .results-colored-strip #result-numbers { font-size: 1.5rem; text-align: center; color: #13853a; } #quiz-results-header #quiz-results-menu, .results-colored-strip #quiz-results-menu { text-align: center; } #quiz-results-header #quiz-results-menu ul#list, .results-colored-strip #quiz-results-menu ul#list { list-style: none; margin: 0; padding: 1rem 0; } #quiz-results-header #quiz-results-menu ul#list li.go-back a, .results-colored-strip #quiz-results-menu ul#list li.go-back a { color: #13853a; } #quiz-results-header #quiz-results-menu ul#list li a, .results-colored-strip #quiz-results-menu ul#list li a { display: block; color: #212529; text-decoration: none; } #quiz-results-header #quiz-results-menu ul#list li button, .results-colored-strip #quiz-results-menu ul#list li button { background: none; padding: 0; border: none; box-shadow: none; -webkit-appearance: none; } #quiz-results-header #quiz-results-menu ul#list li button:focus, .results-colored-strip #quiz-results-menu ul#list li button:focus { outline: none; } #quiz-results-header #quiz-results-menu ul#list li .item, #quiz-results-header #quiz-results-menu ul#list li.item, .results-colored-strip #quiz-results-menu ul#list li .item, .results-colored-strip #quiz-results-menu ul#list li.item { padding: 1rem; } #quiz-results-header #quiz-results-menu ul#list li .item .icon, #quiz-results-header #quiz-results-menu ul#list li.item .icon, .results-colored-strip #quiz-results-menu ul#list li .item .icon, .results-colored-strip #quiz-results-menu ul#list li.item .icon { display: block; font-size: 2.5rem; margin-bottom: 0.5rem; position: relative; } #quiz-results-header #quiz-results-menu ul#list li .item .icon::before, #quiz-results-header #quiz-results-menu ul#list li .item .icon::after, #quiz-results-header #quiz-results-menu ul#list li.item .icon::before, #quiz-results-header #quiz-results-menu ul#list li.item .icon::after, .results-colored-strip #quiz-results-menu ul#list li .item .icon::before, .results-colored-strip #quiz-results-menu ul#list li .item .icon::after, .results-colored-strip #quiz-results-menu ul#list li.item .icon::before, .results-colored-strip #quiz-results-menu ul#list li.item .icon::after { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-style: solid; border-width: 2px; border-color: #dee2e6; border-radius: 50%; content: ""; opacity: 0; transition: transform 0.3s, opacity 0.3s; transform: translateX(-50%) translateY(-50%) scale(0.2); } #quiz-results-header #quiz-results-menu ul#list li .item .icon::after, #quiz-results-header #quiz-results-menu ul#list li.item .icon::after, .results-colored-strip #quiz-results-menu ul#list li .item .icon::after, .results-colored-strip #quiz-results-menu ul#list li.item .icon::after { width: 70px; height: 70px; border-width: 6px; transform: translateX(-50%) translateY(-50%) scale(0.8); } #quiz-results-header #quiz-results-menu ul#list li .item .label, #quiz-results-header #quiz-results-menu ul#list li.item .label, .results-colored-strip #quiz-results-menu ul#list li .item .label, .results-colored-strip #quiz-results-menu ul#list li.item .label { display: block; font-size: 0.9rem; text-transform: uppercase; } #quiz-results-header #quiz-results-menu ul#list li .item:hover, #quiz-results-header #quiz-results-menu ul#list li.item:hover, .results-colored-strip #quiz-results-menu ul#list li .item:hover, .results-colored-strip #quiz-results-menu ul#list li.item:hover { border-radius: 0.5rem; color: #13853a; } #quiz-results-header #quiz-results-menu ul#list li .item:hover .icon::before, #quiz-results-header #quiz-results-menu ul#list li .item:hover .icon::after, #quiz-results-header #quiz-results-menu ul#list li .item:hover .icon::before, #quiz-results-header #quiz-results-menu ul#list li .item:hover .icon::after, #quiz-results-header #quiz-results-menu ul#list li.item:hover .icon::before, #quiz-results-header #quiz-results-menu ul#list li.item:hover .icon::after, #quiz-results-header #quiz-results-menu ul#list li.item:hover .icon::before, #quiz-results-header #quiz-results-menu ul#list li.item:hover .icon::after, .results-colored-strip #quiz-results-menu ul#list li .item:hover .icon::before, .results-colored-strip #quiz-results-menu ul#list li .item:hover .icon::after, .results-colored-strip #quiz-results-menu ul#list li .item:hover .icon::before, .results-colored-strip #quiz-results-menu ul#list li .item:hover .icon::after, .results-colored-strip #quiz-results-menu ul#list li.item:hover .icon::before, .results-colored-strip #quiz-results-menu ul#list li.item:hover .icon::after, .results-colored-strip #quiz-results-menu ul#list li.item:hover .icon::before, .results-colored-strip #quiz-results-menu ul#list li.item:hover .icon::after { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); } #quiz-results-header #quiz-results-menu ul#list li .item:hover button, #quiz-results-header #quiz-results-menu ul#list li.item:hover button, .results-colored-strip #quiz-results-menu ul#list li .item:hover button, .results-colored-strip #quiz-results-menu ul#list li.item:hover button { color: #495057; } @media (min-width: 576px) { #quiz-results-header #quiz-results-menu ul#list li, .results-colored-strip #quiz-results-menu ul#list li { padding: 0 1rem; } } @media (min-width: 768px) { #quiz-results-header #score-results, .results-colored-strip #score-results { overflow: visible; } } @media (min-width: 992px) { #quiz-results-header { padding-bottom: 1rem; } } #quiz-results-wrap { padding-top: 2rem; border-top: 1px solid #fff; } #quiz-results { padding: 0; } #quiz-results .question-module { padding: 1rem; } #quiz-results .question-header-wrap { border-bottom: 1px solid #dee2e6; } #quiz-results .question-header { font-size: 1.5rem; text-transform: uppercase; text-align: center; border-bottom: 2px solid #fafafa; padding: 1rem; } #quiz-results ul#question-results { margin: 0; list-style: none; padding: 0; } #quiz-results ul#question-results li.question-result { border-top: 2px solid #fafafa; border-bottom: 1px solid #dee2e6; } #quiz-results ul#question-results li.question-result:first-child { border-top: none; } #quiz-results ul#question-results li.question-result:last-child { border-bottom: 0; } #quiz-results .question-module.incomplete { opacity: 0.9; color: #adb5bd; } #quiz-results .question-module.incomplete .choice { color: #adb5bd; cursor: not-allowed; } #quiz-results .question-module.incomplete .choice .alpha { border-color: #adb5bd; color: #adb5bd; } #quiz-results .question-module.incomplete .choice:hover .alpha { color: #adb5bd; border-color: #adb5bd; } @media (min-width: 992px) { #quiz-results .question-header { padding: 1rem; } } #quiz-stats { background: #fff; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; } #quiz-stats li .label { color: #adb5bd; font-size: 0.9rem; letter-spacing: 0.05rem; font-weight: 700; } #quiz-stats li { padding: 2.5rem 1.5rem; border-right: 1px solid rgba(0, 0, 0, 0.125); min-width: 130px; } #quiz-stats li:last-child { border-right: none; } #quiz-stats .stat { display: block; font-size: 1.1rem; } #quiz-next-nav a { text-decoration: none; } #quiz-bg { background: linear-gradient(to bottom, #fff 365px, #e6e6e6 365px 366px, #fff 366px 367px, #f5f5f5 367px, #fafafa 520px); } .quizzes-passage .question { padding: 2rem; border-top: 1px solid #fff; border-bottom: 1px solid #dee2e6; } .quizzes-passage .question-meta { padding: 1rem; background: #e9ecef; text-transform: uppercase; color: #6c757d; text-align: center; font-size: 0.9rem; border-bottom: 1px solid #dee2e6; } .special-score-box .score { font-size: 4rem; } /** Tests **/ .test-quiz-score { font-size: 3rem; line-height: 3rem; color: #309cc9; } /** Speciality Tests ACT/SAT **/ #act-block .section-score { margin-bottom: 0; font-size: 2rem; } #act-block .total-score.grouped-item { border: 2px solid; border-radius: 2px; } #act-block .total-score .section-score { font-weight: bold; font-size: 6em; } #sat-block .sub-title { margin-bottom: 0; font-weight: 600; font-size: 1rem; color: #3878bc; } #sat-block .section-score { font-size: 3rem; font-weight: bold; margin-top: 10px; } #sat-block .section-sub { font-size: 0.9rem; font-weight: bold; } #sat-block .total-score { font-size: 6rem; font-weight: bold; margin-top: -20px; margin-bottom: -5px; } .edit-grid-in, .edit-text-input { padding: 1.5rem; } .edit-grid-in .add-grid-in-answer, .edit-grid-in .add-text-input-answer, .edit-text-input .add-grid-in-answer, .edit-text-input .add-text-input-answer { text-align: center; color: #65b84c; cursor: pointer; display: flex; align-items: center; justify-content: center; } .edit-grid-in .add-grid-in-answer:hover, .edit-grid-in .add-text-input-answer:hover, .edit-text-input .add-grid-in-answer:hover, .edit-text-input .add-text-input-answer:hover { font-weight: 800; } .grid-in-answers, .text-input-answers { margin-bottom: 1rem; } .grid-in-answers .mb-3, .text-input-answers .mb-3 { display: flex; align-items: center; margin: 0; } .grid-in-answers .label, .text-input-answers .label { margin-right: 0.7rem; flex: 1 0 auto; margin-bottom: 0; } .grid-in-answers .answer-input, .text-input-answers .answer-input { margin-right: 0.3rem; } .grid-in-answers .remove, .text-input-answers .remove { padding: 0.5rem; cursor: pointer; } .grid-in-answers li:nth-child(1) .remove, .text-input-answers li:nth-child(1) .remove { display: none; } .text-input-component .answer-submitted { padding: 1rem; text-align: center; } .text-input-component .answer-submitted .hide-answer { color: #41b4e4; font-size: 1.5rem; } .grid-component .answer-submitted { padding: 1rem; text-align: center; } .grid-component .answer-submitted .hide-answer { color: #41b4e4; font-size: 1.5rem; } .grid-component #grid-in-wrap { background: #fff; width: 202px; margin: 0 auto 1rem; } .grid-component button.number-btn { background: none; width: 25px; padding: 0; -webkit-appearance: none; height: 25px; line-height: 1px; margin: 3px; color: #495057; font-size: 15px; border: 1px solid #adb5bd; border-radius: 50%; transition: background-color 0.1s ease; } .grid-component button.number-btn:focus { outline: 0; border: 1px solid #269bff; } .grid-component button.number-btn:hover { border-color: #41b4e4; color: #41b4e4; } .grid-component button.number-btn.active { background: #343a40; color: #fff; } .grid-component .hidden-button { opacity: 0; cursor: auto; } .grid-component .btn-group-components { width: 50px; border-right: 1px solid #adb5bd; text-align: center; } .grid-component .btn-group-components:last-child { border-right: none; } .grid-component .input-display { height: 47px; width: 50px; font-size: 24px; line-height: 2em; text-align: center; font-weight: bold; } .grid-component .component-group { border-width: 1px 1px 0px 1px; border-style: solid; border-color: #ced4da; clear: both; overflow: hidden; display: flex; } .grid-component .component-group .display { color: #0c63e4; } .grid-component .component-group:last-child { border-bottom: 1px solid #ced4da; } .grid-component .component-group:last-child .btn-group-components { padding: 8px 0; } .grid-component .component-gray { background: #f8f9fa; } #vocabulary-questions .far.fa-check-circle { color: #15844c; font-size: 20px; } #vocabulary-questions .far.fa-times-circle { color: #c44851; font-size: 20px; } #vocabulary-questions .letter-list { text-align: center; margin-top: 2em; } #vocabulary-questions .letter-list-item { color: #41b4e4; font-size: 1.2rem; } #vocabulary-questions .vocabulary-list { padding-left: 0; margin-top: 2rem; } #vocabulary-questions .vocabulary-list li { list-style: none; border-bottom: 1px dashed #41b4e4; margin-bottom: 1.5em; padding-bottom: 0.5em; } #vocabulary-questions .vocabulary-list span.word { font-size: 1.25rem; color: #41b4e4; } #vocabulary-questions .vocabulary-list span.word-type { font-style: italic; margin-left: 5px; } #vocabulary-questions .vocabulary-list .definition { color: #dc3545; } #vocabulary-questions .list-group-item:hover { background-color: #dde4eb; cursor: pointer; } #vocabulary-questions .question-check { color: #12713d; position: absolute; right: 8px; top: -5px; font-size: 34px; } #vocabulary-questions .question-heading { font-weight: bold; } .tooltip-card p { font-size: 18px; } .unit-title-with-menu-wrap { display: grid; grid-template-columns: 1fr auto; align-items: center; } .unit-title-with-menu-wrap a.unit-title-link { padding: 1rem; display: flex; align-items: center; justify-content: space-between; text-decoration: none; } .unit-title-with-menu-wrap .unit-title-links { text-align: right; } .unit-title-with-menu-wrap .unit-title-links a { text-decoration: none; padding: 1rem; display: block; } .unit-title-with-menu-wrap a:hover { background: #f8f9fa; } #course-breadcrumbs a { color: #495057; } #methodize-course-html { overflow: hidden; /* Sidebar */ /* Content Wrap */ } #methodize-course-html #methodize-course-outer-wrap { background: #fff; display: grid; height: 100vh; grid-template-columns: minmax(auto, 270px) 1fr; } #methodize-course-html #methodize-course-sidebar { transform: translateX(-100%); transition: 200ms ease; z-index: 1; position: relative; background: #fff; grid-area: 1/1; border-right: 1px solid #dee2e6; } @media (min-width: 768px) { #methodize-course-html #methodize-course-sidebar { grid-area: 1/1/-1/1; transform: translateX(0%); } #methodize-course-html #methodize-course-sidebar #close-course-sidebar, #methodize-course-html #methodize-course-sidebar #close-course-sidebar-list-item { display: none; } } #methodize-course-html #methodize-course-sidebar.collapsed { transform: translateX(0%); } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs { padding: 1rem; background: #f8f9fa; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol { list-style: none; margin: 0; padding: 0; border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol a { border-bottom: 1px solid #dee2e6; padding: 0.5rem 0.8rem; text-decoration: none; display: block; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol a:hover { color: #212529; border-color: #ced4da; background: #f8f9fa; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol > li:last-child { padding: 0.5rem 0.8rem; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol > ol { list-style: none; margin: 0; padding: 0; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol > ol > li > a { border-left: 5px solid #ced4da; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol > ol > li:last-child { padding: 0; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol .current { color: #6c757d; padding: 0.5rem 0.8rem; } #methodize-course-html #methodize-course-sidebar #course-breadcrumbs > ol .current:before { line-height: 1rem; content: "❯"; font-size: 0.8rem; margin-right: 0.5rem; } #methodize-course-html #methodize-course-sidebar #methodize-course-logo { text-align: center; padding: 1rem; border-bottom: 1px solid #dee2e6; } #methodize-course-html #methodize-course-sidebar #methodize-course-logo svg { width: 100%; } #methodize-course-html #methodize-course-sidebar #methodize-course-logo img, #methodize-course-html #methodize-course-sidebar #methodize-course-logo svg { max-width: 300px; max-height: 300px; min-height: 100px; } #methodize-course-html #methodize-course-sidebar #methodize-course-sidebar-inner { overflow-y: auto; height: 100vh; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu > ul { margin: 0; padding: 0; background: #fff; list-style: none; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu .menu-item { border-top: 1px solid #fff; border-bottom: 2px solid #dee2e6; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu .menu-item.current { border-left: 5px solid #adb5bd; color: #adb5bd; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu .menu-item.current > a { color: #adb5bd; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu .menu-item > a { text-decoration: none; color: #495057; display: block; padding: 0.5rem 0.8rem; } #methodize-course-html #methodize-course-sidebar #methodize-course-top-menu .menu-item > a:hover { background: #f8f9fa; color: #212529; } #methodize-course-html #methodize-course-content-wrap { height: 100vh; display: grid; background: #fff; grid-area: 1/1/-1/-1; grid-template-rows: auto 1fr auto; /* Header */ /* Content */ /* Footer */ } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap { grid-area: 1/2/-1/-1; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header { border-bottom: 1px solid #dee2e6; } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header { display: grid; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #course-title-wrap { border-top: 2px solid #fff; padding: 1.5rem; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #course-title-wrap { flex-direction: row; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #course-title { font-size: 2rem; margin: 0; display: flex; align-items: center; margin-bottom: 1.5rem; } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #course-title { margin: 0; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #show-course-sidebar { display: flex; align-items: center; justify-content: center; width: 100%; padding: 0.8rem; background: #f8f9fa; border: 1px solid #dee2e6; font-weight: 600; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #show-course-sidebar:hover { background: #e9ecef; } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap #methodize-course-content-header #show-course-sidebar { display: none; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content { overflow: auto; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index .course-wrap { padding: 1rem; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index .course-title { color: #495057; margin-bottom: 1rem; font-size: 1.2rem; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index .course-title a { color: #495057; display: block; padding: 1rem; text-decoration: none; border-left: 5px solid #ced4da; border-bottom: 1px solid #ced4da; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index .course-title a:hover { color: #212529; border-color: #6c757d; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content .course-index .course-button > a { font-weight: 600; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar { background: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #ced4da; display: flex; align-items: center; justify-content: flex-end; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar .text-only { height: 70px; line-height: 70px; white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 600; color: #495057; padding: 0 2rem; border: none; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar a, #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar button { height: 70px; line-height: 70px; white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 600; text-transform: uppercase; color: #495057; background: none; padding: 0 2rem; border: none; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar a:hover, #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar button:hover { background: #f8f9fa; color: #212529; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar .dropdown-menu a, #methodize-course-html #methodize-course-content-wrap #methodize-course-content #course-secondary-buttons-bar .dropdown-menu button { height: auto; line-height: normal; white-space: normal; display: block; padding: 1rem; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-footer { border-top: 1px solid #dee2e6; } @media (min-width: 768px) { #methodize-course-html #methodize-course-content-wrap #methodize-course-content-footer { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1rem; } } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-footer .methodize-footer-section { padding: 1rem; } #methodize-course-html #methodize-course-content-wrap #methodize-course-content-footer #methodize-footer-left { display: grid; align-items: center; color: #6c757d; } #methodize-course-index .add-lesson-button { text-transform: uppercase; color: #adb5bd; text-decoration: none; border-style: dashed; border-width: 2px; border-color: #ced4da; display: block; padding: 1rem; font-weight: 600; } #methodize-course-index .add-lesson-button:hover { color: #65b84c; border-color: #65b84c; } #methodize-course-index .admin-unit-title { font-size: 1.2rem; text-decoration: none; color: #212529; } #methodize-course-index .admin-unit-title:hover { color: #65b84c; } #methodize-course-index .lessons-block-wrap { margin-bottom: 1.5rem; border-left: 5px solid #ced4da; } #methodize-course-index .lessons-block-wrap .lessons-block { margin-bottom: 1rem; } .mini-menu-items { display: flex; align-items: center; list-style: none; margin: 0; padding: 0; justify-content: flex-end; } .mini-menu-items .mini-menu-item { border-right: 1px solid #dee2e6; padding: 0.5rem 1rem; } .mini-menu-items .mini-menu-item a { text-decoration: none; } .mini-menu-items .mini-menu-item:last-child { border-right: none; } a.title-link-with-hover { display: flex; align-items: center; text-decoration: none; padding: 1rem; } a.title-link-with-hover:hover { background: #f8f9fa; } ol#course-unit-lessons { list-style: none; margin: 0; padding: 0; } ol#course-unit-lessons > li .complete-check { color: #198754; } ol#course-unit-lessons > li a.lesson-title-wrap { text-decoration: none; } ol#course-unit-lessons > li a.lesson-title-wrap:hover { background: #f8f9fa; } ol#course-unit-lessons > li .lesson-title-wrap { border-bottom: 1px solid #dee2e6; display: flex; align-items: center; justify-content: space-between; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-inner-title-wrap { font-size: 1.1rem; display: flex; align-items: center; font-weight: 400; padding: 1rem; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-title { font-weight: 400; margin: 0 0 0 0.5rem; font-size: 1.1rem; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-header { text-align: left; margin-bottom: 1rem; } @media (min-width: 768px) { ol#course-unit-lessons > li .lesson-title-wrap .lesson-header { width: 80%; margin: 0; } } ol#course-unit-lessons > li .lesson-title-wrap .lesson-complete { color: #198754; text-align: left; } @media (min-width: 768px) { ol#course-unit-lessons > li .lesson-title-wrap .lesson-complete { width: 20%; text-align: right; } } ol#course-unit-lessons > li .lesson-title-wrap .caret { color: #adb5bd; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-link { color: #495057; text-decoration: none; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-link:hover { border-color: #6c757d; color: #212529; } ol#course-unit-lessons > li .lesson-title-wrap .lesson-link:hover .caret { color: #212529; } ol#course-unit-lessons > li .lesson-desc { padding: 1rem 1.2rem; margin: 0; color: #495057; } .lesson-additional-media { border: 1px solid #dee2e6; padding: 1.5rem; border-radius: 0.25rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); margin-top: 2.5rem; text-align: center; } .lesson-additional-media .additional-material-header { margin-bottom: 1.5rem; } .lesson-additional-media .lesson-media-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 1rem; } .module-content-wrap .media-module .media-type-application-pdf { background: none; width: 150px; border: 1px solid #dee2e6; border-radius: 0.5rem; padding: 1.25rem; text-align: center; color: #495057; display: block; text-decoration: none; } .module-content-wrap .media-module .media-type-application-pdf .module-button-icon { display: block; margin-bottom: 0.5rem; font-size: 2rem; } .module-content-wrap .media-module .media-type-application-pdf .module-button-text { display: block; } .module-content-wrap .media-module .media-type-application-pdf:hover { color: #212529; background: #f8f9fa; } .ProseMirror { padding: 1rem; border: 1px solid #dee2e6; background: #fff; min-height: 300px; } .ProseMirror img.ProseMirror-selectednode { border-color: #212529; } .ProseMirror img { padding: 0.5rem; background: #fff; border: 1px solid #dee2e6; } .front-end-editor-text li > p { margin: 0; } .tiptap-toolbar { padding: 0.5rem; border: 1px solid #dee2e6; background: #fff; } .tiptap-toolbar .dropdown { display: inline-block; } .tiptap-toolbar .dropdown button { display: block; width: 100%; text-align: left; } .tiptap-toolbar button { background: none; padding: 0.5rem; border-radius: 0.25rem; border-color: #fff; border-width: 1px; border-style: solid; } .tiptap-toolbar button:disabled { opacity: 0.3; } .tiptap-toolbar button:hover { border-color: #dee2e6; background: #f8f9fa; } .tiptap-toolbar button.is-active { background: #e9ecef; } .tiptap-toolbar button.is-active.ignore-active { background: none; } .tiptap-toolbar .toolbar-svg-icon { height: 1rem; } #test-html-wrap body { background: #fff; } ul#digital-test-menu { list-style: none; margin: 0; padding: 0; } ul#digital-test-menu > li { border-bottom: 1px solid #dee2e6; } ul#digital-test-menu > li.active { background: #f8f9fa; font-weight: bold; } ul#digital-test-menu > li > a { display: block; text-decoration: none; padding: 0.5rem; } ul#digital-test-menu > li > a:hover { background: #f8f9fa; } .score-type-digital-sat .passage-text { text-indent: 0; } #question-number-answer-results .question-number { display: inline-block; width: 45px; padding: 1rem 0; border: 2px solid #dee2e6; text-align: center; margin: 0.5rem; border-radius: 0.5rem; font-weight: 600; text-decoration: none; position: relative; } #question-number-answer-results .question-number .answer-icon { position: absolute; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; top: -11px; right: -7px; background: #fff; border-radius: 50%; } #question-number-answer-results .question-number.no-answer { color: #dee2e6; } #question-number-answer-results .question-number.answered { border-color: #3878bc; color: #3878bc; } #question-number-answer-results .question-number.answered:hover { color: #fff; background: #3878bc; } #question-number-answer-results .question-number.correct { border-color: #13853a; color: #13853a; } #question-number-answer-results .question-number.correct:hover { color: #fff; background: #13853a; } #question-number-answer-results .question-number.correct:hover .answer-icon { color: #13853a; } #question-number-answer-results .question-number.incorrect { border-color: #9c3636; color: #9c3636; } #question-number-answer-results .question-number.incorrect:hover { color: #fff; background: #9c3636; } #question-number-answer-results .question-number.incorrect:hover .answer-icon { color: #9c3636; } #strikeout-answers-button { background: none; padding: 0.3rem 0.5rem; border-radius: 0.25em; border: 1px solid #dee2e6; } #strikeout-answers-button img { height: 0.8rem; } #strikeout-answers-button:hover { background: #e9ecef; } @media (min-width: 992px) { #test-section-attempt-results { display: grid; grid-template-columns: 1.5fr 2fr; } } #test-section-attempt-results .highlight-score-box { padding: 2rem 1.5rem; border: 2px solid #dee2e6; border-radius: 1rem; } #test-section-attempt-results > div { padding: 2rem; border-width: 0 2px 0 0; border-style: solid; border-color: #dee2e6; } #test-section-attempt-results > div:last-child { border: none; } #digital-quiz-form { height: 100%; } #question-navigation-buttons { padding: 1rem; } @media (min-width: 768px) { #question-navigation-buttons { display: flex; justify-content: space-between; align-items: center; } } #question-navigation-buttons #back-button { display: block; margin-bottom: 1rem; } @media (min-width: 768px) { #question-navigation-buttons #back-button { margin: 0; } } #question-navigation-buttons > ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; } #question-navigation-buttons > ul > li { width: 48%; } #question-navigation-buttons > ul > li > a { width: 100%; display: inline-block; font-weight: bold; } #question-navigation-buttons > ul > li:last-child { margin: 0; } @media (min-width: 768px) { #question-navigation-buttons > ul > li { width: auto; margin-right: 1.5rem; } #question-navigation-buttons > ul > li > a { width: auto; display: inline-block; } } #methodize-digital-question-container { justify-content: center; padding: 1rem; height: 100%; max-width: 768px; margin: 0 auto; } #methodize-digital-question-container .digital-question-text { margin-bottom: 1.5rem; } #methodize-digital-question-container #question-header { display: flex; align-items: center; margin-bottom: 1.5rem; border-bottom: 1px solid #dee2e6; } #methodize-digital-question-container #question-header #question-number-title { flex: 1 0 auto; padding: 1rem; font-weight: bold; } #methodize-digital-question-container #question-header #strikeout-answers { flex: 0 0 auto; } #methodize-digital-question-container .question-text-input { width: 150px; } @media (min-width: 768px) { #methodize-digital-question-container.side-by-side .methodize-digital-question-column { width: 50%; } } @media (min-width: 768px) { #methodize-digital-question-container.side-by-side { display: flex; max-width: 1320px; margin: 0 auto; } } #methodize-digital-question-container .methodize-digital-question-column { padding: 1rem; } @media (min-width: 992px) { #methodize-digital-question-container .methodize-digital-question-column { padding: 1rem 0; flex: 0 1 auto; } } @media (min-width: 768px) { #methodize-digital-question-container .methodize-digital-gap { background: linear-gradient(#ced4da, #ced4da) no-repeat center/4px 100%; width: 5px; } } @media (min-width: 992px) { #methodize-digital-question-container .methodize-digital-gap { width: 60px; } } #digital-html-wrap body { background: #fdfdfd; } @media (min-width: 768px) { #digital-html-wrap body { overflow: hidden; } } #digital-directions .btn.dropdown-toggle { border: none; } #digital-directions .btn.dropdown-toggle:active { border: none; } #digital-directions .btn.dropdown-toggle .show { outline: 0; border: none; } #digital-directions #directions-toggle-up-arrow { display: none; } #digital-directions.toggle-menu-dropdown #digital-directions-dropdown { display: block; z-index: 5; } #digital-directions.toggle-menu-dropdown #directions-toggle-down-arrow { display: none; } #digital-directions.toggle-menu-dropdown #directions-toggle-up-arrow { display: inline-block; } #digital-directions #digital-directions-dropdown { background: #fff; overflow: auto; border: 1px solid #dee2e6; background: #fff; display: none; left: 0; z-index: -1; position: absolute; width: 100%; height: 100%; } @media (min-width: 768px) { #digital-directions #digital-directions-dropdown { width: 80%; height: 60%; left: auto; } } @media (min-width: 992px) { #digital-directions #digital-directions-dropdown { width: 50%; height: 50%; left: auto; } } #digital-header { background: #fff; display: grid; padding: 0 1.5rem; border-width: 0 0 1px 0; border-color: #dee2e6; border-style: solid; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1); } #digital-header #test-timer-wrap { text-align: center; } #digital-header #test-timer-wrap #test-timer { font-size: 1.5rem; font-weight: 600; text-align: center; } #digital-header #test-timer-wrap #test-timer-hidden { background: none; font-size: 1.6rem; text-decoration: none; padding: 0.3rem 0.6rem; border: none; border-radius: 0.5rem; } #digital-header #test-timer-wrap #test-timer-hidden:hover { background: #f8f9fa; } #digital-header #test-timer-wrap #toggle-timer { background: none; text-decoration: none; font-size: 0.9rem; padding: 0.3rem 0.6rem; border: none; border-radius: 0.5rem; } #digital-header #test-timer-wrap #toggle-timer:hover { background: #f8f9fa; } #digital-header #digital-header-menu { display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { #digital-header #digital-header-menu { justify-content: flex-end; } } #digital-header #digital-header-menu > ul { text-align: center; list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: flex-end; } #digital-header #digital-header-menu > ul > li { margin-right: 1rem; } #digital-header #digital-header-menu .item { display: inline-block; padding: 0.5rem; } #digital-header #digital-header-menu a { text-decoration: none; color: #212529; } #digital-header #digital-header-menu a:hover { background: #e9ecef; } #digital-header #digital-header-menu button { text-decoration: none; color: #212529; } #digital-header #digital-header-menu button:hover { background: #e9ecef; } #digital-content { overflow: auto; } #digital-content.subtle-bg-color { background-color: #f5f5f5; } #digital-footer { background: #fff; border-width: 2px 0 0 0; border-color: #dee2e6; padding: 1.5rem; text-align: center; border-style: solid; box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.1); } @media (min-width: 768px) { #digital-footer { display: grid; text-align: left; padding: 0 1.5rem; } } #digital-navigation-buttons { display: flex; align-items: center; justify-content: center; } @media (min-width: 768px) { #digital-navigation-buttons { justify-content: flex-end; } } #digital-navigation-buttons .btn { border-radius: 1.5rem; padding: 0.6rem 2rem; } #digital-questions-dropdown { text-align: center; } #digital-questions-dropdown .dropdown-menu { padding: 1rem; } @media (min-width: 768px) { #digital { height: 100vh; display: grid; grid-template-rows: 100px 1fr 100px; } } #digital-questions-review { text-align: center; } #digital-questions-review .question-number { display: inline-block; padding: 0.5rem; border: 2px dashed #adb5bd; text-decoration: none; color: #495057; margin: 0.3rem; width: 40px; text-align: center; } #digital-questions-review .question-number.answered { border-style: solid; background-color: #3878bc; border-color: #3878bc; color: #fff; } #digital-questions-review .question-number.answered.current { background: #265282; border-color: #265282; color: #fff; } #digital-questions-review .question-number.current { border-color: #3878bc; background-color: rgba(56, 120, 188, 0.2); font-weight: bold; color: #3878bc; } #digital-questions-review .question-number:hover { border-color: #3878bc; } #digital-question-options.show-strikeout-inputs .strikeout-button { display: block; width: 10%; } #digital-question-options.show-strikeout-inputs .radio-button { width: 90%; } #digital-question-options.show-strikeout-inputs .strikeout-answer label { opacity: 0.5; } #digital-question-options.show-strikeout-inputs .strikeout-answer .radio-button { position: relative; } #digital-question-options.show-strikeout-inputs .strikeout-answer .radio-button::after { content: ""; position: absolute; margin-top: -3px; top: 50%; height: 1px; left: 0; width: 100%; z-index: 2; border: 1px solid #343a40; } #digital-question-options > ul > li { display: flex; align-items: center; margin-bottom: 0.5rem; position: relative; } #digital-question-options .strikeout-button { text-align: center; vertical-align: middle; display: none; } #digital-question-options.results .answer-icon { width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; margin-left: 0.5rem; color: #9c3636; position: absolute; top: -10px; right: -7px; border-radius: 50%; background: #fff; } #digital-question-options.results .answer .radio-button label { border: 2px solid #9c3636; } #digital-question-options.results .answer .radio-button label .alpha { background: #9c3636; color: #fff; border: 2px solid #9c3636; } #digital-question-options.results .answer .radio-button label:hover .alpha { border-color: #9c3636; } #digital-question-options.results .answer .radio-button label input[type=radio]:focus + label { border-color: #9c3636; } #digital-question-options.results .answer .radio-button input[type=radio]:checked + label { border-color: #9c3636; outline: 2px solid rgba(255, 235, 235, 0.3); } #digital-question-options.results .answer .radio-button input[type=radio]:checked + label:active { outline: #9c3636; } #digital-question-options.results .answer .radio-button input[type=radio]:checked + label .alpha { border-color: #9c3636; background: #9c3636; color: #fff; } #digital-question-options.results .correct .answer-icon { color: #13853a; } #digital-question-options.results .correct .radio-button label { border: 2px solid #13853a; } #digital-question-options.results .correct .radio-button label .alpha { background: #13853a; color: #fff; border: 2px solid #13853a; } #digital-question-options.results .correct .radio-button label:hover .alpha { border-color: #13853a; } #digital-question-options.results .correct .radio-button label input[type=radio]:focus + label { border-color: #13853a; } #digital-question-options.results .correct .radio-button input[type=radio]:checked + label { border-color: #13853a; outline: 2px solid rgba(19, 133, 59, 0.3); } #digital-question-options.results .correct .radio-button input[type=radio]:checked + label:active { outline: #13853a; } #digital-question-options.results .correct .radio-button input[type=radio]:checked + label .alpha { border-color: #13853a; background: #13853a; color: #fff; } #digital-question-options .radio-button { width: 100%; } #digital-question-options .radio-button input[type=radio] { opacity: 0; position: fixed; width: 0; } #digital-question-options .radio-button input[type=radio]:disabled { cursor: default; } #digital-question-options .radio-button input[type=radio]:disabled + label { cursor: default; } #digital-question-options .radio-button input[type=radio]:disabled + label:hover .alpha { border-color: inherit; } #digital-question-options .radio-button input[type=radio]:focus + label { background-color: rgba(56, 120, 188, 0.1); border-color: #3878bc; } #digital-question-options .radio-button input[type=radio]:focus + label .alpha { border: 2px solid #dee2e6; } #digital-question-options .radio-button label { background-color: #fff; padding: 10px 20px; border: 2px solid #dee2e6; border-radius: 4px; margin-bottom: 0; display: flex; align-items: center; cursor: pointer; } #digital-question-options .radio-button label .alpha { padding: 0.5rem; border-radius: 50%; width: 40px; height: 40px; text-align: center; border: 2px solid #dee2e6; margin-right: 1rem; display: flex; flex: 0 0 auto; align-items: center; justify-content: center; } @media (min-width: 992px) { #digital-question-options .radio-button label .alpha { margin-right: 2rem; } } #digital-question-options .radio-button label p { margin: 0; } #digital-question-options .radio-button label:hover .alpha { border-color: #3878bc; } #digital-question-options .radio-button label input[type=radio]:focus + label { border-color: #3878bc; } #digital-question-options .radio-button input[type=radio]:checked + label { border-color: #3878bc; outline: 2px solid rgba(56, 120, 188, 0.3); } #digital-question-options .radio-button input[type=radio]:checked + label:active { outline: #3878bc; } #digital-question-options .radio-button input[type=radio]:checked + label .alpha { border-color: #3878bc; background: #3878bc; color: #fff; } /* General */ #methodize-main-breadcrumbs { border-top: 2px solid #fff; font-weight: 500; border-bottom: 1px solid #ced4da; } #methodize-main-breadcrumbs a { text-decoration: none; color: #3878bc; } #methodize-main-breadcrumbs a:hover { color: #212529; } #methodize-main-breadcrumbs > ol { margin: 0; list-style: none; padding: 0; display: flex; flex-wrap: wrap; } #methodize-main-breadcrumbs > ol > li + li { padding-left: 0.5rem; } #methodize-main-breadcrumbs > ol > li + li:before { float: left; padding-right: 0.5rem; content: "/"; } #methodize-main-breadcrumbs > ol > li:last-child { color: #6c757d; } #methodize-main-container { display: grid; grid-template-columns: 270px minmax(0, 1fr); height: 100%; background: #fff; } #methodize-main-container #secondary-buttons-bar { background: #fff; } #methodize-main-container #methodize-main-sidebar { border-right: 1px solid #dee2e6; } #methodize-main-container #methodize-main-logo { text-align: center; padding: 1rem; border-bottom: 1px solid #dee2e6; } #methodize-main-container #methodize-main-logo svg { width: 100%; } #methodize-main-container #methodize-main-logo img, #methodize-main-container #methodize-main-logo svg { max-width: 100%; max-height: 300px; min-height: 100px; } #methodize-primary-menu, #methodize-top-menu, .methodize-secondary-menu { padding: 1rem; background: #f8f9fa; border-bottom: 1px solid #dee2e6; } #methodize-primary-menu a, #methodize-top-menu a, .methodize-secondary-menu a { color: #495057; } #methodize-primary-menu > ul, #methodize-primary-menu ol, #methodize-top-menu > ul, #methodize-top-menu ol, .methodize-secondary-menu > ul, .methodize-secondary-menu ol { margin: 0; background: #fff; list-style: none; padding: 0; border: 1px solid #dee2e6; } #methodize-primary-menu > ul > li, #methodize-primary-menu ol > li, #methodize-top-menu > ul > li, #methodize-top-menu ol > li, .methodize-secondary-menu > ul > li, .methodize-secondary-menu ol > li { background: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #dee2e6; } #methodize-primary-menu > ul > li.current, #methodize-primary-menu ol > li.current, #methodize-top-menu > ul > li.current, #methodize-top-menu ol > li.current, .methodize-secondary-menu > ul > li.current, .methodize-secondary-menu ol > li.current { border-left: 5px solid #adb5bd; } #methodize-primary-menu > ul > li.has-icon > a, #methodize-primary-menu > ul > li.has-icon button, #methodize-primary-menu ol > li.has-icon > a, #methodize-primary-menu ol > li.has-icon button, #methodize-top-menu > ul > li.has-icon > a, #methodize-top-menu > ul > li.has-icon button, #methodize-top-menu ol > li.has-icon > a, #methodize-top-menu ol > li.has-icon button, .methodize-secondary-menu > ul > li.has-icon > a, .methodize-secondary-menu > ul > li.has-icon button, .methodize-secondary-menu ol > li.has-icon > a, .methodize-secondary-menu ol > li.has-icon button { padding: 0.8rem 0.3rem; display: flex; align-items: center; } #methodize-primary-menu > ul > li > a, #methodize-primary-menu > ul > li button, #methodize-primary-menu ol > li > a, #methodize-primary-menu ol > li button, #methodize-top-menu > ul > li > a, #methodize-top-menu > ul > li button, #methodize-top-menu ol > li > a, #methodize-top-menu ol > li button, .methodize-secondary-menu > ul > li > a, .methodize-secondary-menu > ul > li button, .methodize-secondary-menu ol > li > a, .methodize-secondary-menu ol > li button { text-decoration: none; display: block; padding: 0.8rem; background: none; border: none; width: 100%; text-align: left; } #methodize-primary-menu > ul > li > a:hover, #methodize-primary-menu > ul > li button:hover, #methodize-primary-menu ol > li > a:hover, #methodize-primary-menu ol > li button:hover, #methodize-top-menu > ul > li > a:hover, #methodize-top-menu > ul > li button:hover, #methodize-top-menu ol > li > a:hover, #methodize-top-menu ol > li button:hover, .methodize-secondary-menu > ul > li > a:hover, .methodize-secondary-menu > ul > li button:hover, .methodize-secondary-menu ol > li > a:hover, .methodize-secondary-menu ol > li button:hover { background: #f8f9fa; color: #212529; } #methodize-primary-menu .menu-icon, #methodize-top-menu .menu-icon, .methodize-secondary-menu .menu-icon { width: 40px; text-align: center; } #role-counts { padding: 1.5rem; text-align: center; } #role-counts a.role-link:hover { background: #f8f9fa; } #role-counts a.role-link:hover .next-arrow { display: block; position: absolute; z-index: 2; right: 5px; bottom: 5px; font-size: 1.2rem; } #role-counts .role-link { position: relative; display: block; text-decoration: none; padding: 2rem 1.5rem; border: 1px solid #dee2e6; text-align: center; min-height: 160px; color: #212529; } #role-counts .role-link .role-link-inner { display: flex; align-items: center; justify-content: center; flex-direction: column; } #role-counts .role-link .next-arrow { display: none; } #module-index a, #module-index .btn-link { text-decoration: none; color: #495057; } #module-index a:hover, #module-index .btn-link:hover { color: #212529; } .module-button-options .module-button { background: none; width: 100%; border: 1px solid #dee2e6; border-radius: 0.5rem; padding: 1.25rem; text-align: center; color: #495057; display: block; text-decoration: none; margin: 0 auto; } .module-button-options .module-button .module-button-icon { display: block; margin-bottom: 0.5rem; font-size: 2rem; } .module-button-options .module-button .module-button-text { display: block; } .module-button-options .module-button:hover { color: #212529; background: #f8f9fa; } .methodize-main-body { background: #fff; } #teacher-report-index { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } #teacher-report-index a.report-card { border: 1px solid #dee2e6; padding: 2rem 1rem; text-align: center; text-decoration: none; color: #495057; } #teacher-report-index a.report-card .icon { font-size: 2rem; margin-bottom: 1rem; } #teacher-report-index a.report-card:hover { color: #212529; background: #f8f9fa; } #teacher-report-index a.report-card .report-name { margin: 0; font-weight: 600; } ul#media-button-options { margin: 0 0 1.5rem 0; padding: 0; list-style: none; border: 1px solid #dee2e6; border-radius: 0.25rem; } ul#media-button-options > li { border-bottom: 1px solid #dee2e6; } ul#media-button-options > li:last-child { border-bottom: none; } ul#media-button-options .media-item-button { display: block; width: 100%; padding: 1rem; background: none; border: none; text-align: left; } ul#media-button-options .media-item-button:hover { background: #f8f9fa; } .media-wrapper .media-icon { font-size: 3rem; } #admin-lesson-module-buttons .module-buttons { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; } /* Admin */ html.methodize-admin body { display: grid; height: 100vh; background: #f8f9fa; } html.methodize-admin #methodize-main-container { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background: #fff; } html.content-max-height { overflow: hidden; } html.content-max-height #methodize-main-content { display: grid; height: 100vh; grid-template-rows: auto 1fr; } html.content-max-height #methodize-content-inner { overflow: hidden; display: grid; } html.content-max-height #max-height-responsive { overflow: auto; padding-left: 2rem; padding-right: 2rem; } html.content-max-height .overflow-hidden-grid { overflow: hidden; display: grid; } .sticky-table-header { position: relative; } .sticky-table-header th { position: sticky; top: 0; } .grid-template-row-auto-1fr { grid-template-rows: auto 1fr; } /* Course */ #course-primary-buttons { display: flex; align-items: center; } @media (min-width: 768px) { #course-primary-buttons > a, #course-primary-buttons button, #course-primary-buttons form { margin-left: 2rem; } } #course-primary-buttons > a, #course-primary-buttons button { white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 600; text-transform: uppercase; border-radius: 1rem; padding: 0.5rem 1.5rem; } #course-primary-buttons .dropdown-menu a, #course-primary-buttons .dropdown-menu button, #course-primary-buttons .dropdown-menu form { margin-left: 0; } #course-primary-buttons .dropdown-menu a, #course-primary-buttons .dropdown-menu button { display: block; color: #212529; } #course-primary-buttons .dropdown-menu a:hover, #course-primary-buttons .dropdown-menu button:hover { color: #65b84c; } ul#report-filter-grade-links { list-style: none; margin: 0; padding: 0; } ul#report-filter-grade-links #report-filter-grade-links-dropdown { position: relative; } ul#report-filter-grade-links #report-filter-grade-links-dropdown:hover > ul { display: block; } ul#report-filter-grade-links #report-filter-grade-links-dropdown #report-filter-grade-links-title { padding: 0.5rem; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul { list-style: none; margin: 0; padding: 0; display: none; position: absolute; left: 0; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.5rem; width: 100%; z-index: 1; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul > li { border-bottom: 1px solid #dee2e6; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul > li:last-child { border: none; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul > li.selected { background-color: #f8f9fa; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul a { display: block; padding: 0.5rem 1rem; text-decoration: none; } ul#report-filter-grade-links #report-filter-grade-links-dropdown > ul a:hover { background-color: #f8f9fa; } /* Search Inputs */ .search-input-wrap { position: relative; } .search-input-wrap .search-reset-button { align-items: center; background: #ced4da; border: 1px solid #dee2e6; border-radius: 50%; color: #fff; display: flex; font-size: 1.2rem; font-weight: 600; height: 20px; justify-content: center; line-height: 20px; position: absolute; right: 5px; text-align: center; top: 8px; width: 20px; } #admin-html { height: 100%; } #admin-html #app { height: 100%; } @media (min-width: 1200px) { #admin-html.admin-content-sections-passage #segment-body { padding: 0; } #admin-html.admin-content-sections-passage .segment-row { height: 100%; } #admin-html.admin-content-sections-passage #section-modules-view-inner { height: 800px; overflow: hidden; } #admin-html.admin-content-sections-passage #section-modules-view-inner .main-column { height: 100%; } #admin-html.admin-content-sections-passage #section-modules-view-inner .scroll { height: 100%; overflow-y: scroll; } } #main-methodize-page-title { margin-right: 1.5rem; border-left: 5px solid #495057; padding-left: 1.5rem; } .app-methodlearning #main-methodize-page-title { border-color: #f9cb08; } .app-methodtutoring #main-methodize-page-title { border-color: #1a9e48; } .app-methodize #main-methodize-page-title { border-color: #3878bc; } #admin-class-sidebar .label { color: #495057; text-transform: uppercase; font-size: 0.8rem; } #admin-class-sidebar .value { font-weight: 600; } #admin-class-sidebar .dropdown-menu { width: 100%; padding: 0; background: rgba(255, 255, 255, 0.95); } #admin-class-sidebar .dropdown-menu .dropdown-item { padding: 0; } #admin-class-sidebar .dropdown-menu button.sidebar-item:hover, #admin-class-sidebar .dropdown-menu a.sidebar-item:hover { background: #e9ecef; } #admin-class-sidebar .dropdown-menu button { display: block; background: none; text-align: left; border-right: 0; border-top: 0; border-bottom: 0; } #admin-class-sidebar button.sidebar-item:hover, #admin-class-sidebar a.sidebar-item:hover { background: rgb(248, 249, 250); background: linear-gradient(90deg, rgb(248, 249, 250) 0%, rgb(255, 255, 255) 100%); } #admin-class-sidebar .sidebar-item { padding: 0.8rem 1.2rem; text-align: left; background: none; border: none; } #admin-class-sidebar .sidebar-item.dropdown-toggle::after { position: absolute; right: 1rem; top: 50%; margin-top: -2px; } #admin-class-sidebar .class-status { border-left: 5px solid #495057; } #admin-class-sidebar .class-status-name-active, #admin-class-sidebar .class-status-name-completed { border-color: #198754; } #admin-class-sidebar .class-status-name-cancelled { border-color: #dc3545; } #admin-class-sidebar .class-status-name-pending { border-color: #0d6efd; } #admin-class-sidebar .class-status-name-archived { border-color: #ffc107; } #admin-class-layout { display: grid; grid-template-columns: 4fr 1fr; border: 1px solid #dee2e6; box-shadow: inset 0 2px 0 #fff; grid-gap: 1.5rem; background: rgba(255, 255, 255, 0.8); background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 54%, rgba(238, 238, 238, 0.8) 100%); } #admin-class-layout #admin-class-details { padding: 1.5rem; } #admin-class-layout #admin-class-menu { margin-top: 1rem; } #admin-class-layout #admin-class-menu ul { list-style: none; margin: 0; padding: 0; } #admin-class-layout #admin-class-menu ul li { border-bottom: 1px solid #dee2e6; border-top: 1px solid #fff; } #admin-class-layout #admin-class-menu ul li:first-child { border-top: none; } #admin-class-layout #admin-class-menu ul li:last-child { border-bottom: none; } #admin-class-layout #admin-class-menu ul a, #admin-class-layout #admin-class-menu ul button { border: 0; border-left: 5px solid #ced4da; color: #495057; text-decoration: none; display: block; padding: 0.8rem 1.2rem; width: 100%; text-align: left; background: none; } #admin-class-layout #admin-class-menu ul a:hover, #admin-class-layout #admin-class-menu ul button:hover { background: rgb(248, 249, 250); background: linear-gradient(90deg, rgb(248, 249, 250) 0%, rgb(255, 255, 255) 100%); color: #212529; border-color: #adb5bd; } #admin-title-wrap { border-top: 2px solid #fff; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; } #admin-title { font-weight: 400; font-size: 2rem; margin: 0; display: flex; align-items: center; } .card-sub-title { font-size: 1.2rem; font-weight: 600; } #admin-breadcrumbs { border-top: 2px solid #fff; font-weight: 600; border-bottom: 1px solid #ced4da; } ol.breadcrumb a { text-decoration: none; } #secondary-buttons-bar { background: #e9ecef; border-top: 1px solid #fff; border-bottom: 1px solid #ced4da; display: flex; align-items: center; justify-content: flex-end; } #secondary-buttons-bar .text-only { height: 70px; line-height: 70px; white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 600; color: #495057; padding: 0 2rem; border: none; } #secondary-buttons-bar a, #secondary-buttons-bar button { height: 70px; line-height: 70px; white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 600; text-transform: uppercase; color: #495057; background: none; padding: 0 2rem; border: none; } #secondary-buttons-bar a:hover, #secondary-buttons-bar button:hover { background: rgba(0, 0, 0, 0.05); color: #212529; } #secondary-buttons-bar .dropdown-menu a, #secondary-buttons-bar .dropdown-menu button { height: auto; line-height: normal; white-space: normal; display: block; padding: 1rem; } #admin-primary-buttons { display: flex; align-items: center; } #admin-primary-buttons > a, #admin-primary-buttons button, #admin-primary-buttons form { margin-left: 2rem; } #admin-primary-buttons > a, #admin-primary-buttons button, #admin-primary-buttons a.btn { white-space: nowrap; display: inline-block; text-decoration: none; font-weight: 500; text-transform: uppercase; border-radius: 1rem; padding: 0.5rem 1.5rem; } #admin-primary-buttons .dropdown-menu a, #admin-primary-buttons .dropdown-menu button, #admin-primary-buttons .dropdown-menu form { margin-left: 0; } #admin-primary-buttons .dropdown-menu a, #admin-primary-buttons .dropdown-menu button { display: block; color: #212529; } #admin-primary-buttons .dropdown-menu a:hover, #admin-primary-buttons .dropdown-menu button:hover { color: #65b84c; } .admin-class-index #main { background-image: url("https://media.methodlearning.com/images/admin/hex-background-1.jpg"); background-repeat: no-repeat; background-position: top right; } #admin-wrap { display: grid; grid-template-columns: 240px auto; height: 100%; background: #fff; } #admin-wrap.mini { grid-template-columns: 50px auto; } #admin-wrap.mini #application-menu { padding: 0; } #admin-wrap.mini #admin-sidebar #admin-sidebar-menu { padding: 0; } #admin-wrap.mini #admin-sidebar #admin-sidebar-menu ul a { padding: 0.9rem 0; display: flex; width: 100%; align-items: center; justify-content: center; } #admin-wrap.mini #admin-sidebar #admin-sidebar-menu ul a span { display: none; } #admin-wrap.mini #admin-logo-wrap { display: none; } #admin-wrap.mini #admin-menu-switcher { background: none; box-shadow: none; } #admin-wrap.mini #admin-menu-switcher .mini-menu-button { position: static; display: block; width: 100%; right: auto; top: auto; } #admin-wrap.mini #admin-menu-switcher .mini-menu-button button { display: block; width: 100%; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list { flex-direction: column; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li { border: none; border-radius: 0; margin: 0 0 0.5rem 0; opacity: 1; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li:last-child { margin: 0; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li.current { bottom: auto; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li:hover { bottom: auto; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li a { border-radius: 0; width: 100%; background: none; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li a:hover { background: rgba(0, 0, 0, 0.065); } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li a:hover svg { color: blue; } #admin-wrap.mini #admin-menu-switcher #admin-menu-list li svg { height: 25px; } #admin-wrap #admin-sidebar { height: 100%; border-right: 1px solid #dee2e6; box-shadow: inset -2px -2px 5px 0px rgba(0, 0, 0, 0.1); overflow-y: auto; overflow-x: hidden; background: rgb(249, 249, 249); background: linear-gradient(158deg, rgb(249, 249, 249) 0%, rgb(255, 255, 255) 37%, rgb(244, 244, 244) 56%, rgb(244, 244, 244) 100%); } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu { background: rgba(0, 0, 0, 0.05); padding: 0.8rem; border-left: 8px solid #545454; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu li.inner-menu-wrap:last-child { margin: 0; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu a { background: rgba(255, 255, 255, 0.7); } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu a:hover { background-color: #545454; color: #fff; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu .inner-menu-wrap { margin-bottom: 1rem; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu .inner-menu-wrap > ul { border: 1px solid #dee2e6; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu .inner-menu-wrap > ul > li { border-bottom: 1px solid #dee2e6; border-top: 1px solid #fff; } #admin-wrap #admin-sidebar #admin-sidebar-menu .admin-sub-menu .inner-menu-wrap > ul > li:first-child { border-top: none; } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodlearning .admin-sub-menu { border-color: #f9cb08; } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodlearning .admin-sub-menu a:hover { background-color: #f9cb08; color: rgba(0, 0, 0, 0.7); } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodtutoring .admin-sub-menu { border-color: #1a9e48; } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodtutoring .admin-sub-menu a:hover { background-color: #1a9e48; color: #fff; } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodize .admin-sub-menu { border-color: #3878bc; } #admin-wrap #admin-sidebar #admin-sidebar-menu.app-methodize .admin-sub-menu a:hover { background-color: #3878bc; color: #fff; } #admin-wrap #admin-sidebar #admin-sidebar-menu .divider { border-bottom: 2px solid #dee2e6; } #admin-wrap #admin-sidebar #admin-sidebar-menu .icon { width: 25px; text-align: center; } #admin-wrap #admin-sidebar #admin-sidebar-menu a { display: flex; align-items: center; font-weight: 400; padding: 0.6rem 1rem; color: #6c757d; text-decoration: none; } #admin-wrap #admin-sidebar #admin-sidebar-menu a:hover { color: #343a40; } #admin-wrap #admin-sidebar #admin-sidebar-menu > ul { border-top: 1px solid #fff; } #admin-wrap #admin-sidebar #admin-sidebar-menu > ul > li.current-app-list { border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } #admin-wrap #admin-sidebar #admin-sidebar-menu > ul > li.current-app-list:first-child { border-top: 0; } #admin-wrap #admin-sidebar #admin-sidebar-menu > ul > li.current-app-list > a { background: rgba(255, 255, 255, 0.7); border-bottom: 2px solid rgba(0, 0, 0, 0.1); } #admin-wrap #admin-sidebar #admin-sidebar-menu > ul > li > a:hover { background: rgba(0, 0, 0, 0.05); } #admin-wrap #admin-sidebar #admin-sidebar-menu ul { list-style: none; margin: 0; padding: 0; } #admin-wrap #admin-sidebar #admin-sidebar-menu ul li.current a { font-weight: 600; color: #343a40; } body#admin-body { background: #fff; height: 100%; overflow-y: scroll; } body#admin-body #admin-container { background: #f8f9fa; } body#admin-body #admin-title-badges { display: flex; align-items: center; } body#admin-body .dropdown a, body#admin-body .dropdown button { display: block; width: 100%; } #admin-search-wrap { position: relative; width: 100%; } #admin-search-wrap #admin-search-button { background: rgba(255, 255, 255, 0.8); border-radius: 0 0.25rem 0.25rem 0; padding: 0.5rem 2rem; border-width: 1px 1px 1px 0; border-style: solid; border-color: rgba(0, 0, 0, 0.2); height: 40px; color: rgba(0, 0, 0, 0.7); } #admin-search-wrap #admin-search-button:hover { background: rgba(255, 255, 255, 0.1); } #admin-search-wrap #methodize-search { width: 100%; height: 40px; line-height: 40px; padding-right: 2.5rem; background: rgba(255, 255, 255, 0.8); color: #0b2138; border-color: rgba(0, 0, 0, 0.2); border-radius: 0.2rem 0 0 0.2rem; } #admin-search-wrap #methodize-search::-moz-placeholder { color: rgba(0, 0, 0, 0.5); } #admin-search-wrap #methodize-search::placeholder { color: rgba(0, 0, 0, 0.5); } #admin-search-wrap #search-wrap { position: relative; display: flex; align-items: center; } #admin-search-wrap #search-wrap.searching #methodize-search { border-radius: 0.25rem 0.25rem 0 0; } #admin-search-wrap #search-wrap #get-help, #admin-search-wrap #search-wrap #close-search { position: absolute; height: 25px; width: 25px; line-height: 25px; top: 50%; margin-top: -12.5px; right: 10px; z-index: 3; background: none; padding: 0; border: none; font-size: 1.2rem; color: #3878bc; border-radius: 50%; } #admin-search-wrap #search-wrap #get-help:hover, #admin-search-wrap #search-wrap #close-search:hover { color: #3878bc; } #admin-search-wrap #search-wrap #close-search { font-size: 1.5rem; color: #495057; } #admin-search-wrap #search-wrap #close-search:hover { color: #dc3545; } #admin-search-wrap #methodize-search-results { position: absolute; top: auto; left: 0; max-height: 450px; overflow-y: auto; background: #fff; border: 1px solid #dee2e6; border-radius: 0 0 0.25rem 0.25rem; width: 100%; display: none; z-index: 5; } #admin-search-wrap #methodize-search-results #search-type { color: #6c757d; font-size: 0.95rem; padding: 0.4rem 1rem; border-bottom: 1px solid #dee2e6; margin: 0; } #admin-search-wrap #methodize-search-results.searching, #admin-search-wrap #methodize-search-results.has-results { display: block; } #admin-search-wrap #methodize-search-results .item { padding: 0.5rem; display: block; cursor: pointer; width: 100%; border: none; background: none; text-align: left; text-decoration: none; color: #212529; } #admin-search-wrap #methodize-search-results .item:hover { background: #f8f9fa; } #admin-search-wrap #methodize-search-results .item .badge { background-color: #FFFFDD; font-size: 85%; } #admin-search-wrap #methodize-search-results .item .count { width: 20px; text-align: center; margin-right: 0.5rem; padding: 0 0.3rem; font-size: 0.8rem; color: #495057; } #admin-search-wrap #methodize-search-results #search-results-wrap { padding: 0.5rem; background: #f8f9fa; } #admin-search-wrap #methodize-search-results ul { list-style: none; margin: 0; padding: 0; border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } #admin-search-wrap #methodize-search-results ul li { border-bottom: 1px solid #dee2e6; } #admin-search-wrap #methodize-search-results ul li:last-child { border: none; } #admin-menu-header { padding-right: 1rem; background: rgb(231, 231, 231); background: linear-gradient(158deg, rgb(231, 231, 231) 0%, rgb(255, 255, 255) 37%, rgb(255, 255, 255) 53%, rgb(236, 236, 236) 56%, rgb(244, 244, 244) 100%); border-bottom: 1px solid #ced4da; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2); border-bottom: 5px solid #545454; } #admin-menu-header.app-methodlearning { border-color: #f9cb08; } #admin-menu-header.app-methodtutoring { border-color: #1a9e48; } #admin-menu-header.app-methodize { border-color: #3878bc; } #admin-menu-header #method-admin-icon { font-size: 2rem; margin: 0 1.5rem; } #admin-menu-header .has-dropdown { position: relative; } #admin-menu-header .has-dropdown:hover .menu-dropdown { display: block; } #admin-menu-header .has-dropdown:hover button { border-color: #dee2e6 #dee2e6 #fff #dee2e6; background: #fff; color: #000; } #admin-menu-header .has-dropdown button { background: none; padding: 1rem; border-width: 1px; border-style: solid; border-color: transparent; position: relative; color: #495057; z-index: 6; } #admin-menu-header .has-dropdown .menu-dropdown { display: none; border-width: 1px 1px 1px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); position: absolute; top: auto; right: 0; width: 250px; background: #fff; z-index: 5; margin-top: -1px; } #admin-menu-header .has-dropdown .menu-dropdown ul { list-style: none; margin: 0; padding: 0; } #admin-menu-header .has-dropdown .menu-dropdown ul a { display: block; padding: 0.8rem; text-decoration: none; color: #212529; border-left: 5px solid #f8f9fa; } #admin-menu-header .has-dropdown .menu-dropdown ul a:hover { background: #f8f9fa; border-color: #ced4da; } #admin-menu-switcher { background: rgb(231, 231, 231); background: linear-gradient(158deg, rgb(231, 231, 231) 0%, rgb(255, 255, 255) 37%, rgb(255, 255, 255) 53%, rgb(250, 250, 250) 56%, rgb(244, 244, 244) 100%); position: relative; } #admin-menu-switcher .mini-menu-button { display: none; position: absolute; top: 0; right: 0; z-index: 5; } #admin-menu-switcher .mini-menu-button button { border: 1px solid #dee2e6; padding: 0.6rem 0.8rem; background: rgba(0, 0, 0, 0.05); color: #6c757d; border-radius: 0.25rem 0 0 0.25rem; } #admin-menu-switcher .mini-menu-button button:hover { color: #212529; } #admin-menu-switcher:hover .mini-menu-button { display: block; } #admin-menu-switcher #admin-logo-wrap { padding: 0 2rem; height: 100px; display: flex; align-items: center; justify-content: center; } #admin-menu-switcher #admin-logo-wrap .admin-sub-menu { color: #545454; } #admin-menu-switcher #admin-logo-wrap.app-methodlearning { color: #f9cb08; } #admin-menu-switcher #admin-logo-wrap.app-methodtutoring { color: #1a9e48; } #admin-menu-switcher #admin-logo-wrap.app-methodize { color: #3878bc; } #admin-menu-switcher #admin-logo-wrap svg { height: 60px; margin: 0 auto; } #admin-menu-switcher #admin-logo-wrap svg#method-learning { height: 50px; } #admin-menu-switcher #admin-logo-wrap svg#methodize { height: 100px; } #admin-menu-switcher #application-menu { padding-top: 0.5rem; position: relative; } #admin-menu-switcher #admin-menu-list { display: flex; justify-content: center; border-bottom: 1px solid #dee2e6; } #admin-menu-switcher #admin-menu-list a { color: #0d5280; } #admin-menu-switcher #admin-menu-list li { position: relative; z-index: 1; margin: 0 0.2rem; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ced4da; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; opacity: 0.9; } #admin-menu-switcher #admin-menu-list li:hover { opacity: 1; } #admin-menu-switcher #admin-menu-list li:hover a { background: #fff; } #admin-menu-switcher #admin-menu-list li a { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; background: #fafafa; padding: 0.8rem 0; width: 60px; display: flex; align-items: center; justify-content: center; } #admin-menu-switcher #admin-menu-list li.current { bottom: -1px; z-index: 3; opacity: 1; } #admin-menu-switcher #admin-menu-list li.current a { background: #fff; } #admin-menu-switcher #admin-menu-list li svg { height: 32px; } #admin-menu-switcher #admin-menu-list li:hover { bottom: -1px; background: #fff; z-index: 3; } #admin-course-units a { color: #212529; text-decoration: none; } #admin-course-units a:hover { color: #3878bc; } #course-lesson-complete-count a { text-decoration: none; color: #212529; } #course-lesson-complete-count a:hover { color: #0d5280; } #admin-course .course-counts { border: 1px solid #dee2e6; } #admin-course .course-counts h2, #admin-course .course-counts .h2 { margin: 0; } #admin-course .course-counts .title { font-size: 1.2rem; color: #212529; } #admin-course .course-counts p { font-size: 2.5rem; margin: 0; } #admin-course .course-counts a { text-align: center; display: block; padding: 2rem 1rem; text-decoration: none; border-right: 1px solid #dee2e6; } #admin-course .course-counts a:last-child { border-right: none; } #admin-course .course-counts a:hover { background: #f8f9fa; } .admin-nav-menu-item { display: flex; align-items: center; text-decoration: none; border-left: 1px solid #dee2e6; padding: 0 1.2rem; } .admin-nav-menu-item.dropdown { padding: 0; } .admin-nav-menu-item.dropdown button.dropdown-button { height: 100%; padding: 0 1.2rem; background: none; border: none; } a.admin-nav-menu-item:hover, button.admin-nav-menu-item:hover { background: #f8f9fa; } #course-lessons-completed-count .lesson-progress { height: 5px; background: #13853a; transition: width 200ms; } #method-content-wrapper { padding: 1.5rem; } #model-media-list .media-item { text-align: center; display: flex; align-items: center; text-decoration: none; color: #212529; overflow: hidden; margin: auto; } #model-media-list .media-item:hover { color: #65b84c; } #model-media-list .media-item .media-icon { font-size: 2rem; margin-right: 1rem; } #upload-media-list table { margin: 0; width: 100%; } #upload-media-list table tr { margin-bottom: 0.5rem; } #upload-media-list table td { vertical-align: middle; } #upload-media-list .media-row { position: relative; padding: 1rem; border-radius: 0.25rem; background: #fff; border: 1px solid #dee2e6; margin-bottom: 0.5rem; } #upload-media-list .media-row .progress { height: 5px; position: absolute; bottom: -5px; left: 0; width: 100%; } #upload-media-list .media-icon { text-align: center; font-size: 2rem; } #upload-media-list .media-link { display: flex; align-items: center; justify-content: center; text-decoration: none; color: #212529; } #upload-media-list .media-link:hover { color: #65b84c; } #method-learning-basic-layout { padding: 1.5rem; } #method-learning-basic-layout #logo { padding: 1.5rem; height: 60px; margin-bottom: 1.5rem; text-align: center; display: flex; align-items: center; justify-content: center; } #method-learning-basic-layout #logo svg { display: block; height: 60px; } .price-add-to-cart-wrap { text-align: center; } .price-add-to-cart-wrap > div { margin-bottom: 1rem; } @media (min-width: 576px) { .price-add-to-cart-wrap { text-align: left; display: flex; justify-content: center; align-items: center; } .price-add-to-cart-wrap > div { margin: 0; } .price-add-to-cart-wrap .price { border-right: 1px solid #ced4da; padding-right: 2rem; margin-right: 2rem; } } .method-tutoring-package-products_product { margin-bottom: 1.5rem; padding: 0; list-style-type: none; } @media (min-width: 768px) { .method-tutoring-package-products_product { margin-bottom: 0; } } .method-tutoring-package-products_product > li { margin-bottom: 1rem; } .method-tutoring-package-products_product > li:last-child { margin: 0; } .method-tutoring-package-products_product .package-link { background: #fff; text-decoration: none; color: #212529; display: block; padding: 0.5rem; border: 1px solid #dee2e6; border-radius: 0.25rem; padding: 1rem; } .method-tutoring-package-products_product .package-link.current { color: #adb5bd; border: 1px solid #e9ecef; } .method-tutoring-package-products_product .package-link.current .save-text { opacity: 0.5; } .method-tutoring-package-products_product .package-link .product-title { font-size: 1.7rem; } .method-tutoring-package-products_product .package-link .price { font-size: 1.5rem; margin: 0; } @media (min-width: 768px) { .method-tutoring-package-products_product .package-link { padding: 1.5rem; } } .method-tutoring-package-products_product .package-link .save-text { color: #13853a; font-weight: 600; } .method-tutoring-package-products_product .package-link:hover { background: #13853a; color: #fff; } .method-tutoring-package-products_product .package-link:hover .save-text { color: #fff; } .method-tutoring-package-products_product .package-link:hover .icon-arrow { background: #fff; border-color: #13853a; color: #13853a; } .method-tutoring-package-products_product .package-link .icon-arrow { text-align: right; width: 30px; height: 30px; background: #fff; border: 1px solid #ced4da; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 1.2rem; } .method-tutoring-package-products_product .package-link .icon-arrow .svg-icon { margin-left: 0.2rem; } .dark-links a { text-decoration: none; color: #212529; } .dark-links a:hover { color: #3878bc; } .dark-link { text-decoration: none; color: #212529; } .dark-link:hover { color: #3878bc; text-shadow: 0 0 1px rgba(0, 0, 0, 0.6); } #ml-account-outer { border-top: 2px solid #fff; } #ml-account-main { padding: 1rem 0; } @media (min-width: 992px) { #ml-account-main { display: grid; grid-template-columns: 1.2fr 4fr; grid-gap: 1.5rem; } #ml-account-main.one-column { display: block; } } #ml-account-main #account-menu { margin-bottom: 2rem; } @media (min-width: 992px) { #ml-account-main #account-menu { margin: 0; } } #ml-account-main #account-menu .account-menu-wrap { background: #fff; border-width: 1px; border-color: #dee2e6; border-style: solid; border-radius: 0.25rem; margin-bottom: 1rem; } #ml-account-main #account-menu .account-menu-wrap .ml-title { font-size: 1.2rem; font-weight: 600; border-bottom: 1px solid #dee2e6; margin: 0; } #ml-account-main #account-menu .account-menu-wrap .ml-title .ml-title-inner { display: flex; align-items: center; padding: 1rem; } #ml-account-main #account-menu .account-menu-wrap .ml-title a { text-decoration: none; color: #495057; display: flex; align-items: center; } #ml-account-main #account-menu .account-menu-wrap .ml-title a:hover { background: #3878bc; color: #fff; } #ml-account-main #account-menu ul { margin: 0; padding: 0; align-items: center; list-style: none; } #ml-account-main #account-menu ul li { border-bottom: 1px solid #ced4da; } #ml-account-main #account-menu ul li:first-child a { border-radius: 0.25rem 0.25rem 0 0; } #ml-account-main #account-menu ul li:last-child { border-bottom: 0; } #ml-account-main #account-menu ul li:last-child a { border-radius: 0 0 0.25rem 0.25rem; } #ml-account-main #account-menu ul a { font-size: 1rem; padding: 1rem 1.5rem; text-decoration: none; display: flex; align-items: center; } #ml-account-main #account-menu ul a span { font-weight: 600; } #ml-account-main #account-menu ul a:hover { background: #3878bc; color: #fff; } .top-white-border { border-top: 2px solid #fff; } #method-learning-page-header { background: #f8f9fa; border-bottom: 1px solid #ced4da; display: flex; align-items: center; padding: 1rem 0; } #method-learning-page-header #page-header-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 1rem; } @media (min-width: 768px) { #method-learning-page-header #page-header-title { padding: 0; } } #method-learning-page-header .page-header-title-wrap { overflow: hidden; } #method-learning-page-header .page-header-buttons-wrap { overflow: hidden; } @media (min-width: 768px) { #method-learning-page-header #page-header-buttons { display: flex; align-items: center; justify-content: end; } #method-learning-page-header #page-header-buttons form { margin: 0; } } #method-learning-page-header #page-header-buttons a, #method-learning-page-header #page-header-buttons button, #method-learning-page-header #page-header-buttons .button-item { margin: 0 0 1rem 0; white-space: nowrap; text-decoration: none; font-weight: 600; text-transform: uppercase; display: block; text-align: left; } @media (min-width: 768px) { #method-learning-page-header #page-header-buttons a, #method-learning-page-header #page-header-buttons button, #method-learning-page-header #page-header-buttons .button-item { display: inline-block; width: auto; margin-left: 1rem; } } #order-details { background: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; } #order-details #order-items { border-right: 1px solid #dee2e6; } #order-details #order-header { border-bottom: 1px solid #dee2e6; } @media (min-width: 992px) { #order-details #order-header { border-bottom: 0; } } #sessions-index { border: 1px solid #dee2e6; } #sessions-index .session-item { padding: 1.5rem; background: #fff; border-bottom: 1px solid #dee2e6; } #sessions-index .session-item .piped-items { margin-bottom: 1.5rem; } @media (min-width: 1200px) { #sessions-index .session-item .piped-items { display: flex; align-items: center; } } @media (min-width: 1200px) { #sessions-index .session-item .piped-items > div:after { content: "|"; padding: 0 1rem; opacity: 0.5; } #sessions-index .session-item .piped-items > div:last-child:after { content: ""; } } #method-learning-dashboard .card-title-button-header { padding: 1rem; border-bottom: 1px solid #dee2e6; } @media (min-width: 1200px) { #method-learning-dashboard .card-title-button-header { display: flex; align-items: center; justify-content: space-between; } } #method-learning-dashboard .card-title-button-header .card-title { display: flex; margin-bottom: 1rem; font-size: 1.7rem; } @media (min-width: 1200px) { #method-learning-dashboard .card-title-button-header .card-title { margin: 0; } } #method-learning-dashboard .card-title-button-header .card-title .svg-icon { font-size: 1.2rem; } @media (min-width: 768px) { #method-learning-dashboard .card-title-button-header .card-title .svg-icon { margin-top: 0; } } @media (min-width: 768px) { #method-learning-dashboard .card-title-button-header .card-title { text-align: left; display: flex; align-items: center; } } #method-learning-dashboard .card-title-button-header .card-button { display: flex; align-items: center; width: 100%; } #method-learning-dashboard .card-title-button-header .card-button .svg-icon { font-size: 1rem; margin-right: 0.6rem; } #method-learning-dashboard .card-title-button-header .card-button span { font-weight: 600; } @media (min-width: 576px) { #method-learning-dashboard .card-title-button-header .card-button { width: auto; } } #method-learning-dashboard #alpha { overflow: hidden; position: relative; z-index: 1; background: #3878bc; padding: 3.5rem 1.5rem; } @media (min-width: 992px) { #method-learning-dashboard #alpha { padding: 5rem 1.5rem; } } @media (min-width: 1200px) { #method-learning-dashboard #alpha { padding: 7rem 1.5rem; } } #method-learning-dashboard #alpha h1, #method-learning-dashboard #alpha .h1 { z-index: 3; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, 0.8); position: relative; margin: 0 auto; } @media (min-width: 992px) { #method-learning-dashboard #alpha h1, #method-learning-dashboard #alpha .h1 { width: 768px; margin: 0 auto; } } #method-learning-dashboard #alpha .dark-transparency { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 2; } #method-learning-dashboard #alpha .bg-video { display: none; } @media (min-width: 992px) { #method-learning-dashboard #alpha .bg-video { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; width: 100%; } } #method-learning-dashboard #bravo { background: rgb(255, 255, 255); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 96%, rgba(0, 0, 0, 0.1) 100%); } #method-learning-dashboard #bravo .svg-icon { color: #3878bc; margin-bottom: 1.5rem; font-size: 4rem; } #method-learning-dashboard #bravo .sub-title { color: #3878bc; font-size: 1.6rem; } #method-learning-dashboard #bravo .content-card { background: rgba(255, 255, 255, 0.5); padding: 2rem; border: 1px solid #dee2e6; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); } @media (min-width: 1400px) { #method-learning-dashboard #bravo .content-card { height: 360px; } } #method-learning-dashboard #charlie { overflow: hidden; position: relative; z-index: 1; } @media (min-width: 992px) { #method-learning-dashboard #charlie { height: 560px; } } #method-learning-dashboard #charlie .bg-video-container { position: relative; } @media (min-width: 1400px) { #method-learning-dashboard #charlie .bg-video-container { max-width: 1400px; margin: 0 auto; } } #method-learning-dashboard #charlie .content-card { position: relative; z-index: 4; } #method-learning-dashboard #charlie .white-fade-transparency { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: rgb(255, 255, 255); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 60%); } #method-learning-dashboard #charlie .bg-video { display: none; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } @media (min-width: 768px) { #method-learning-dashboard #charlie .bg-video { display: block; } } .subdomain-ml, .subdomain-www { background: #0d5280; } #method-learning-footer { background: #0d5280; color: #fff; font-size: 0.8rem; } #method-learning-footer a { text-decoration: none; color: #fff; } #method-learning-footer a:hover { text-decoration: underline; } .session-card-view { background: #fff; } .session-card-view .session-card-view-description { border-top: 1px solid #dee2e6; } @media (min-width: 1200px) { .session-card-view .session-card-view-description { border-top: none; } } #tutor-details-bar { margin-bottom: 0.5rem; } @media (min-width: 992px) { #tutor-details-bar { white-space: nowrap; } } .fade-in { animation: fadeIn 5s; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } ul.coupon-list-items { margin: 0; padding: 0; border-bottom: 1px solid #dee2e6; list-style: none; } ul.coupon-list-items li { border-width: 1px 1px 0 1px; border-color: #dee2e6; border-style: solid; } ul.coupon-list-items .remove-coupon-button { padding: 1rem; border-radius: 0; border-right: 1px solid #dee2e6; } ul.coupon-list-items .remove-coupon-button:hover { background: #f8f9fa; } ul.coupon-list-items .coupon-details { padding: 0 1rem 0 1rem; } ul.coupon-list-items .coupon-amount { padding: 0 1rem; } .bundle-product-header { border-left: 5px solid #ced4da; border-bottom: 2px solid #ced4da; margin-bottom: 1.5rem; } .bundle-product-header h1, .bundle-product-header .h1, .bundle-product-header h2, .bundle-product-header .h2, .bundle-product-header h3, .bundle-product-header .h3, .bundle-product-header h4, .bundle-product-header .h4, .bundle-product-header h5, .bundle-product-header .h5, .bundle-product-header h6, .bundle-product-header .h6 { margin: 0; padding: 0.8rem; font-size: 1.5rem; } #todays-sessions a { display: block; padding: 1rem; border-bottom: 1px solid #dee2e6; text-decoration: none; color: #212529; display: block; } #todays-sessions a:hover { background: #f8f9fa; } .session-info-toggle { border-width: 1px; border-style: solid; border-color: transparent; } .session-info-toggle:hover { border-color: #adb5bd; } .session-info-toggle[aria-expanded=true] { color: #3878bc; } .session-info-toggle[aria-expanded=true] .toggle-off { display: none; } .session-info-toggle[aria-expanded=true] .toggle-on { display: inline-block; } .session-info-toggle[aria-expanded=false] { color: #6c757d; } .session-info-toggle[aria-expanded=false] .toggle-off { display: inline-block; } .session-info-toggle[aria-expanded=false] .toggle-on { display: none; } #method-tutoring-dashboard-cards .card-body { padding: 1.5rem; } @media (min-width: 768px) { #method-tutoring-dashboard-cards .card-body { padding: 3rem; } } #admin-method-tutoring-index .image { padding: 10px; background: #fff; border: 1px solid #dee2e6; margin: 0 1rem 1rem 0; width: 220px; height: 220px; } #admin-method-tutoring-index #tutor-show { padding: 2rem; display: grid; grid-template-columns: 2fr 1fr; gap: 2rem; } #admin-method-tutoring-index #tutor-show #tutor-info { margin-bottom: 2rem; } #admin-method-tutoring-index #tutor-sessions .tab-content { border-width: 0 1px 1px 1px; border-color: #dee2e6; border-style: solid; padding: 1rem; } .tutoring-label-value-card .label { font-size: 1rem; color: #6c757d; margin: 0; } #tutor-counts dt { font-weight: normal; font-size: 0.9rem; text-transform: uppercase; color: #6c757d; margin: 0; } #mt-student #student-info .label { font-size: 0.8rem; text-transform: uppercase; color: #6c757d; margin: 0; } #mt-student #student-info p { margin-bottom: 1.2rem; } #mt-student #student-sessions .label { font-size: 0.8rem; text-transform: uppercase; color: #6c757d; margin: 0; } #mt-student #student-sessions p { margin: 0; } #learning-standards-selection .domain:hover .icon { color: #0d6efd; } #learning-standards-selection .clickable:hover { color: #0d6efd; } #learning-standards-selection .remove-standard { color: #adb5bd; padding: 0.3rem; background: none; border: none; } #learning-standards-selection .remove-standard:hover { color: #dc3545; } #edit-post-segment .module-edit-hover-wrap { position: relative; } #edit-post-segment .module-edit-hover-wrap:hover { border-color: #3878bc; } #edit-post-segment .module-edit-hover-wrap:hover .module-edit-toolbar { position: absolute; height: 41px; line-height: 41px; overflow: hidden; white-space: nowrap; top: -41px; left: -1px; z-index: 3; display: flex; align-items: center; } #edit-post-segment .module-edit-hover-wrap:hover .module-content-wrap { position: relative; z-index: 3; } #edit-post-segment .module-edit-hover-wrap:hover .hover-border { opacity: 1; z-index: 2; } #edit-post-segment .module-edit-hover-wrap .hover-border { transition: opacity 200ms; z-index: -1; opacity: 0; position: absolute; top: -10px; left: -10px; width: 100%; height: 100%; padding: 10px; box-sizing: content-box; border: 1px solid #3878bc; background: rgba(255, 255, 255, 0.9); } #edit-post-segment .module-edit-hover-wrap .module-edit-toolbar { display: none; background: #3878bc; border-width: 1px 1px 1px 3px; border-style: solid; border-color: #3878bc; color: #fff; } #edit-post-segment .module-edit-hover-wrap .module-edit-toolbar a.toolbar-item:hover, #edit-post-segment .module-edit-hover-wrap .module-edit-toolbar button.toolbar-item:hover { background: rgba(0, 0, 0, 0.1); } #edit-post-segment .module-edit-hover-wrap .module-edit-toolbar .toolbar-item { text-decoration: none; background: none; border: none; padding: 0 1rem; border-right: 1px solid rgba(255, 255, 255, 0.3); height: 41px; color: #fff; } #edit-post-segment .module-edit-hover-wrap .module-edit-toolbar a { color: #fff; display: block; height: 41px; } #report-index .report-sub-title { margin: 0; font-size: 1.2rem; } #report-index .report-card-title { padding-bottom: 1rem; margin-bottom: 1rem; font-size: 1.5rem; border-bottom: 1px solid #dee2e6; } #report-index .report-item { text-align: center; padding: 2rem; border-radius: 0.25rem; display: block; text-decoration: none; color: #495057; border: 1px solid #dee2e6; } #report-index .report-item:hover { color: #3878bc; } #invoice-item-add { display: block; border-width: 3px; border-color: #dee2e6; border-style: dashed; text-align: center; font-size: 1.2rem; font-weight: 600; text-decoration: none; color: #6c757d; padding: 2.5rem; } #invoice-item-add:hover { color: #65b84c; border-color: #65b84c; } #authless-container { max-width: 1200px; margin: 0 auto; } #authless-container #authless-content { box-shadow: 1rem 0.5rem 2rem rgba(0, 0, 0, 0.3); padding: 1em 3em; margin: 2em 1em; border-bottom: 1px solid #c1e1ef; background: #ecf9ff; background: linear-gradient(-60deg, #ecf9ff 0%, white 70%); } #authless-container #mtp-logo { width: 200px; float: right; margin-bottom: 3em; margin-right: 1em; } .tab-container { background: #f7f7f7; min-width: 25%; } .tab-container .tab { padding: 1rem; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; } .tab-container .tab.active { background: #fff; border-left: none; } .tab-container .tab.active:last-child { border-bottom: none; } #create-assignments h2, #create-assignments .h2 { font-size: 1.25em; font-weight: 600; margin-bottom: 0; } .text-blue { color: #3878bc; } .text-concept-score { color: #00d0ff; font-weight: bold; } .btn-mtp-green { background-color: #65b84c; color: #fff; border-color: #65b84c; } .btn-mtp-green:hover { background-color: #13853a; border-color: #13853a; color: #fff; } .mtp-green-link { color: #65b84c; font-weight: 600; } .mtp-green-link:hover { color: #13853a; text-decoration: none; } .text-success { color: #13853a; } .simple-form { /* The switch - the box around the slider */ /* The slider */ } .simple-form .has-error .validation-icon { display: block; } .simple-form .has-error input, .simple-form .has-error textarea { border-color: #dc3545; color: #dc3545; } .simple-form .has-error input:active, .simple-form .has-error textarea:active { border-color: #dc3545; } .simple-form .has-error input:hover, .simple-form .has-error textarea:hover { border-color: #dc3545; } .simple-form .validation-icon { font-size: 1.5rem; color: #dc3545; margin-right: 1rem; display: none; } .simple-form .text-input { display: flex; align-items: center; } .simple-form .text-area-input { display: flex; } .simple-form input, .simple-form textarea { border: none; background: none; border: none; padding: 0; border-width: 0 0 2px 0; border-style: solid; border-color: transparent; border-radius: 0; display: block; } .simple-form input:focus, .simple-form textarea:focus { outline: none; } .simple-form input:active, .simple-form textarea:active { border-color: #dee2e6; } .simple-form input:hover, .simple-form textarea:hover { border-color: #3878bc; } .simple-form input[type=text] { width: 100%; } .simple-form textarea { width: 100%; } .simple-form select { border: none; background: none; padding: 0; border-radius: 0; display: block; } .simple-form .toggle-switch-wrap { position: relative; display: inline-block; width: 60px; height: 34px; } .simple-form .toggle-switch-wrap input { opacity: 0; width: 0; height: 0; } .simple-form .toggle-switch-wrap input:checked + .slider-toggle-switch { background-color: #198754; } .simple-form .toggle-switch-wrap input:focus + .slider-toggle-switch { box-shadow: 0 0 1px #198754; } .simple-form .toggle-switch-wrap input:checked + .slider-toggle-switch:before { transform: translateX(26px); } .simple-form .slider-toggle-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 200ms; border-radius: 34px; } .simple-form .slider-toggle-switch:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 200ms; border-radius: 50%; } .elevate-form { /* The switch - the box around the slider */ /* The slider */ } .elevate-form .label { text-transform: uppercase; color: #6c757d; font-size: 12px; letter-spacing: 1px; } .elevate-form .label { margin-bottom: 0.5rem; } .elevate-form .form-control { border-bottom: 3px solid #dee2e6; border-radius: 2px; background: #fff; height: calc(1.6em + 0.75rem + 4px); } .elevate-form textarea.form-control { min-height: 160px; } .elevate-form textarea:focus, .elevate-form input:focus { outline: none; box-shadow: none; } .elevate-form .large-text { font-size: 1.5rem; } .elevate-form .mb-3 { margin-bottom: 2.5rem; position: relative; } .elevate-form .form-check { display: flex; align-items: center; padding: 0; } .elevate-form .form-check-input { position: static; margin: 0 1rem 0 0; } .elevate-form ::-moz-placeholder { color: #adb5bd; } .elevate-form ::placeholder { color: #adb5bd; } .elevate-form .form-body { margin-bottom: 3rem; } .elevate-form .form-control:focus { border-color: #9ebbdd; border-bottom: 3px solid #417aba; } .elevate-form input.has-error, .elevate-form textarea.has-error, .elevate-form select.has-error { border-color: #ff9797; border-bottom-color: #d45353; } .elevate-form .toggle-switch-wrap { position: relative; display: inline-block; width: 60px; height: 34px; } .elevate-form .toggle-switch-wrap input { opacity: 0; width: 0; height: 0; } .elevate-form .toggle-switch-wrap input:checked + .slider-toggle-switch { background-color: #198754; } .elevate-form .toggle-switch-wrap input:focus + .slider-toggle-switch { box-shadow: 0 0 1px #198754; } .elevate-form .toggle-switch-wrap input:checked + .slider-toggle-switch:before { transform: translateX(26px); } .elevate-form .slider-toggle-switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: 200ms; border-radius: 34px; } .elevate-form .slider-toggle-switch:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; transition: 200ms; border-radius: 50%; } .hide-file-input:focus + label { outline: 1px auto #000; outline: 1px auto -webkit-focus-ring-color; } .hide-file-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } input.has-error, textarea.has-error, select.has-error { border-color: #ff9797; border-bottom-color: #d45353; } /* import theme style */ /* component style */ .vue-slider-disabled { opacity: 0.5; cursor: not-allowed; } /* rail style */ .vue-slider-rail { background-color: #ccc; border-radius: 15px; } /* process style */ .vue-slider-process { background-color: #41b4e4; border-radius: 15px; } /* mark style */ .vue-slider-mark { z-index: 4; } .vue-slider-mark:first-child .vue-slider-mark-step, .vue-slider-mark:last-child .vue-slider-mark-step { display: none; } .vue-slider-mark-step { width: 100%; height: 100%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.16); } .vue-slider-mark-label { font-size: 14px; white-space: nowrap; } /* dot style */ .vue-slider-dot-handle { cursor: pointer; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; box-sizing: border-box; box-shadow: 0.5px 0.5px 2px 1px rgba(0, 0, 0, 0.32); } .vue-slider-dot-handle-focus { box-shadow: 0px 0px 1px 2px rgba(65, 180, 228, 0.36); } .vue-slider-dot-handle-disabled { cursor: not-allowed; background-color: #ccc; } .vue-slider-dot-tooltip-inner { font-size: 14px; white-space: nowrap; padding: 2px 5px; min-width: 20px; text-align: center; color: #fff; border-radius: 5px; border-color: #41b4e4; background-color: #41b4e4; box-sizing: content-box; } .vue-slider-dot-tooltip-inner::after { content: ""; position: absolute; } .vue-slider-dot-tooltip-inner-top::after { top: 100%; left: 50%; transform: translate(-50%, 0); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-top-color: inherit; } .vue-slider-dot-tooltip-inner-bottom::after { bottom: 100%; left: 50%; transform: translate(-50%, 0); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-bottom-color: inherit; } .vue-slider-dot-tooltip-inner-left::after { left: 100%; top: 50%; transform: translate(0, -50%); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-left-color: inherit; } .vue-slider-dot-tooltip-inner-right::after { right: 100%; top: 50%; transform: translate(0, -50%); height: 0; width: 0; border-color: transparent; border-style: solid; border-width: 5px; border-right-color: inherit; } .vue-slider-dot-tooltip-wrapper { opacity: 0; transition: all 0.3s; } .vue-slider-dot-tooltip-wrapper-show { opacity: 1; } .vue-slider { z-index: 1; } .search-input { display: flex; align-items: stretch; } .search-input input[type=text] { border-color: #dee2e6; border-style: solid; border-width: 1px 0 1px 1px; } .search-input button { background: #fff; padding: 0 1rem; border-width: 1px; border-style: solid; border-color: #dee2e6; color: #495057; display: flex; align-items: center; justify-content: center; } .search-input button.search-reset { cursor: pointer; font-size: 1.3rem; } .search-input button.search-reset:hover { background: #f8f9fa; color: #dc3545; } #text-editor-modal #text-editor-wrap, #text-editor-form #text-editor-wrap { height: 100%; } #text-editor-modal button:focus, #text-editor-modal button:active, #text-editor-form button:focus, #text-editor-form button:active { outline: none; } #text-editor-modal #text-editor-toolbar, #text-editor-form #text-editor-toolbar { display: flex; height: 50px; align-items: center; justify-content: center; border: none; white-space: nowrap; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow { padding: 0; } #text-editor-modal #text-editor-toolbar.ql-snow .ql-icon-picker .ql-picker-item, #text-editor-form #text-editor-toolbar.ql-snow .ql-icon-picker .ql-picker-item { width: 26px; height: 26px; margin: 0 auto; } #text-editor-modal #text-editor-toolbar.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg, #text-editor-form #text-editor-toolbar.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { width: 18px; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow .ql-picker, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow .ql-picker { width: 100%; padding: 0.5rem; height: auto; float: none; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow .ql-picker.ql-header, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow .ql-picker.ql-header { width: 100px; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button { width: auto; padding: 0 0.5rem; border-right: 1px solid #e9ecef; float: none; display: block; text-align: center; height: 50px; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:focus, #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:active, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:focus, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:active { outline: none; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:last-child, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:last-child { border-right: none; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:hover, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button:hover { background: #f8f9fa; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button.katex-open, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow button.toolbar-button.katex-open { background: #e9ecef; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow svg, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow svg { height: 100%; width: 20px; max-height: 25px; } #text-editor-modal #text-editor-toolbar.ql-toolbar.ql-snow .ql-formats, #text-editor-form #text-editor-toolbar.ql-toolbar.ql-snow .ql-formats { height: 50px; display: flex; align-items: center; justify-content: center; white-space: nowrap; } #text-editor-modal #toolbar-wrap, #text-editor-form #toolbar-wrap { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #dee2e6; position: absolute; top: 0; left: 0; width: 100%; background: #fff; z-index: 1; } #text-editor-modal #toolbar-wrap .move-text-editor, #text-editor-form #toolbar-wrap .move-text-editor { cursor: move; } #text-editor-modal #toolbar-wrap .extra-buttons, #text-editor-modal #toolbar-wrap .modal-position, #text-editor-form #toolbar-wrap .extra-buttons, #text-editor-form #toolbar-wrap .modal-position { position: relative; } #text-editor-modal #toolbar-wrap .open-extra-buttons.extra-buttons-open, #text-editor-form #toolbar-wrap .open-extra-buttons.extra-buttons-open { background: #e9ecef; } #text-editor-modal #toolbar-wrap #modal-position-dropdown, #text-editor-form #toolbar-wrap #modal-position-dropdown { position: absolute; left: 0; top: 50px; width: 100%; background: #fff; } #text-editor-modal #toolbar-wrap #modal-position-dropdown button, #text-editor-form #toolbar-wrap #modal-position-dropdown button { width: 100%; padding: 0.5rem; } #text-editor-modal #toolbar-wrap #extra-buttons-dropdown, #text-editor-form #toolbar-wrap #extra-buttons-dropdown { position: absolute; right: 0; top: 48px; background: #fff; border-radius: 0.2rem; z-index: 2; border: 1px solid #e9ecef; display: flex; align-items: center; justify-content: center; } #text-editor-modal #toolbar-wrap #extra-buttons-dropdown button, #text-editor-form #toolbar-wrap #extra-buttons-dropdown button { background: #fff; } #text-editor-modal #toolbar-wrap #katex-dropdown, #text-editor-form #toolbar-wrap #katex-dropdown { position: absolute; width: 520px; right: 0; left: 0; margin: auto; top: 50px; background: #fff; border-radius: 0.2rem; z-index: 2; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-body, #text-editor-form #toolbar-wrap #katex-dropdown #katex-body { padding: 1rem 1rem 0 1rem; } #text-editor-modal #toolbar-wrap #katex-dropdown .render-katex, #text-editor-form #toolbar-wrap #katex-dropdown .render-katex { overflow-x: auto; padding: 1rem; min-height: 40px; text-align: center; } #text-editor-modal #toolbar-wrap #katex-dropdown textarea, #text-editor-form #toolbar-wrap #katex-dropdown textarea { height: 200px; width: 100%; padding: 1rem; border: 1px solid #e9ecef; border-radius: 0.2rem; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer { padding: 0.5rem; border-top: 1px solid #e9ecef; display: flex; align-items: center; justify-content: flex-end; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer button, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer button { float: none; height: auto; width: auto; padding: 0.5rem 1rem; margin-left: 1rem; font-size: 0.8rem; text-transform: uppercase; border-radius: 0.3rem; font-weight: 600; letter-spacing: 1px; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer button.close-button, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer button.close-button { background: #e9ecef; text-transform: uppercase; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer button.close-button:hover, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer button.close-button:hover { background: #d2d4d7; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer button.insert-button, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer button.insert-button { background: #41b4e4; color: #fff; } #text-editor-modal #toolbar-wrap #katex-dropdown #katex-footer button.insert-button:hover, #text-editor-form #toolbar-wrap #katex-dropdown #katex-footer button.insert-button:hover { background: #3ba2cd; } #text-editor-modal #toolbar-wrap .extra-right button, #text-editor-form #toolbar-wrap .extra-right button { border-width: 0 0 0 1px; border-style: solid; border-color: #e9ecef; } #text-editor-modal #toolbar-wrap .extra-left button, #text-editor-form #toolbar-wrap .extra-left button { border-width: 0 1px 0 0; border-style: solid; border-color: #e9ecef; } #text-editor-modal #toolbar-wrap .extra-right, #text-editor-modal #toolbar-wrap .extra-left, #text-editor-form #toolbar-wrap .extra-right, #text-editor-form #toolbar-wrap .extra-left { height: 100%; background: #fff; display: flex; align-items: center; z-index: 1; } #text-editor-modal #toolbar-wrap .extra-right .item, #text-editor-modal #toolbar-wrap .extra-left .item, #text-editor-form #toolbar-wrap .extra-right .item, #text-editor-form #toolbar-wrap .extra-left .item { height: 100%; } #text-editor-modal #toolbar-wrap .extra-right .icon, #text-editor-modal #toolbar-wrap .extra-left .icon, #text-editor-form #toolbar-wrap .extra-right .icon, #text-editor-form #toolbar-wrap .extra-left .icon { max-height: 40px; color: #343a40; } #text-editor-modal #toolbar-wrap .extra-right button, #text-editor-modal #toolbar-wrap .extra-left button, #text-editor-form #toolbar-wrap .extra-right button, #text-editor-form #toolbar-wrap .extra-left button { padding: 0 1rem; height: 100%; border-radius: 0; display: block; background: none; } #text-editor-modal #toolbar-wrap .extra-right button:hover, #text-editor-modal #toolbar-wrap .extra-left button:hover, #text-editor-form #toolbar-wrap .extra-right button:hover, #text-editor-form #toolbar-wrap .extra-left button:hover { background: #f8f9fa; } #text-editor-modal #toolbar-wrap .extra-right button.save, #text-editor-modal #toolbar-wrap .extra-left button.save, #text-editor-form #toolbar-wrap .extra-right button.save, #text-editor-form #toolbar-wrap .extra-left button.save { color: #fff; padding: 0 1.5rem; color: #65b84c; text-transform: uppercase; font-weight: 600; } #text-editor-modal #toolbar-wrap .extra-right button.save:hover, #text-editor-modal #toolbar-wrap .extra-left button.save:hover, #text-editor-form #toolbar-wrap .extra-right button.save:hover, #text-editor-form #toolbar-wrap .extra-left button.save:hover { background-color: #65b84c; color: #fff; } #text-editor-modal #toolbar-wrap .extra-right button.close-text-editor, #text-editor-modal #toolbar-wrap .extra-left button.close-text-editor, #text-editor-form #toolbar-wrap .extra-right button.close-text-editor, #text-editor-form #toolbar-wrap .extra-left button.close-text-editor { font-size: 1.2rem; } #text-editor-modal #toolbar-wrap .extra-right button.close-text-editor:hover, #text-editor-modal #toolbar-wrap .extra-left button.close-text-editor:hover, #text-editor-form #toolbar-wrap .extra-right button.close-text-editor:hover, #text-editor-form #toolbar-wrap .extra-left button.close-text-editor:hover { background-color: #e04958; color: #fff; } @media (min-width: 500px) { #text-editor-modal #toolbar-wrap .extra-right, #text-editor-form #toolbar-wrap .extra-right { position: absolute; top: 0; right: -1px; } #text-editor-modal #toolbar-wrap .extra-left, #text-editor-form #toolbar-wrap .extra-left { position: absolute; top: 0; left: -1px; } } #text-editor-modal #text-editor-scrolling-container, #text-editor-form #text-editor-scrolling-container { height: 100%; min-height: 100%; overflow-y: scroll; padding-top: 50px; scroll-padding: 0 0 4rem 0; } #text-editor-modal #text-editor-body, #text-editor-form #text-editor-body { padding: 2rem; background: #f8f9fa; height: auto; min-height: 100%; } #text-editor-modal #text-editor-body #modal-text-editor, #text-editor-form #text-editor-body #modal-text-editor { background: #fff; border: 1px solid #e9ecef; padding: 2rem; border-radius: 0.2rem; max-width: 600px; margin: 0 auto; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #text-editor-modal #text-editor-footer, #text-editor-form #text-editor-footer { display: flex; align-items: center; justify-content: center; padding: 1rem; border-top: 1px solid #dee2e6; } #text-editor-modal .ql-container.ql-snow, #text-editor-form .ql-container.ql-snow { border: none; } #text-editor-form { position: relative; margin-top: 1em; border: 1px solid #ced4da; border-radius: 0.25rem; } #text-editor-form #text-editor-body #modal-text-editor { max-width: 1000px; } #header { background: #fff; border-bottom: 1px solid #dee2e6; position: relative; } #header.method-tutoring #inner-logo svg.svg-logo { height: 35px; } #header.method-learning #inner-logo svg.svg-logo { height: 35px; } #header.methodize #inner-logo svg.svg-logo { height: 45px; } #header #logo-wrap { display: flex; align-items: stretch; justify-content: space-between; padding-right: 0.5rem; font-size: 1rem; } #header #logo-wrap > a { display: flex; } #header #logo-wrap #inner-logo { display: flex; align-items: center; height: 100%; padding: 0 1rem; background: none; border: none; } #header #logo-wrap #inner-logo .logo-caret { color: #adb5bd; } #header #logo-wrap #inner-logo:hover { background: #f8f9fa; } #header #logo-wrap #inner-logo:hover .logo-caret { color: #212529; } @media (min-width: 768px) { #header #logo-wrap { padding-right: 0; } } #header #logo-wrap #header-menu-button { display: inline-block; padding: 1rem; background: none; color: #3878bc; border: none; } #header #logo-wrap #header-menu-button:hover, #header #logo-wrap #header-menu-button:active { background: #f8f9fa; } @media (min-width: 768px) { #header #logo-wrap #header-menu-button { display: none; } } #header a { color: #212529; text-decoration: none; } #header .caret-down { color: #adb5bd; } #header #primary-list { display: none; } #header #primary-list > li { background: none; box-shadow: none; border-width: 0 1px 0 1px; border-color: #e9ecef; border-style: solid; margin-left: -1px; } #header #primary-list > li:hover { border-color: #dee2e6; } #header #primary-list > li:hover .top-level-item { background: #f8f9fa; text-decoration: none; } @media (min-width: 768px) { #header #primary-list-wrap { display: flex; align-items: stretch; } } #header #primary-list-wrap.toggle-menu-dropdown #primary-list { display: block; } @media (min-width: 768px) { #header #primary-list-wrap #primary-list.menu-row { display: flex; } } #header #primary-list-wrap .menu-list-item { background: none; box-shadow: none; border-width: 0 1px 0 1px; border-color: #e9ecef; border-style: solid; margin-left: -1px; } #header #primary-list-wrap .menu-list-item:hover { border-color: #dee2e6; } #header #primary-list-wrap .menu-list-item:hover .top-level-item { background: #f8f9fa; text-decoration: none; } #header #primary-list-wrap .menu-list-item:focus { outline-color: #dee2e6; } #header #course-nav .menu-row { display: flex; align-items: center; flex-wrap: nowrap; } @media (min-width: 768px) { #header .menu-row { display: flex; align-items: center; flex-wrap: nowrap; } #header .menu-row.top-level-item { display: flex; } } #header .menu-col { flex-basis: 0; flex-grow: 1; max-width: 100%; } #header .menu-col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } #header #menu-search.top-level-item { color: #212529; font-weight: 400; } #header .top-level-item { font-weight: 600; padding: 0 1rem; background: none; border: none; text-decoration: none; color: #3878bc; width: 100%; height: 64px; display: flex; align-items: center; flex-wrap: nowrap; } #header .breadcrumb a:hover { text-decoration: none; color: #3878bc; } #header #course-nav #course-menu-title { max-width: 400px; overflow: hidden; white-space: nowrap; margin-right: 1.5rem; } #header #course-nav #progress-text { color: #13853a; } #header #course-nav #course-progress-bar-wrap { width: 100%; background: #e9ecef; border: 1px solid #dee2e6; border-radius: 0.5rem; } #header #course-nav #course-progress-bar-wrap #course-progress-bar { border-radius: 0.5rem; height: 7px; background: #13853a; } @media (min-width: 768px) { #header #logo { height: 100%; } } #header #logo.toggle-menu-dropdown #logo-dropdown { display: block; } #header #logo #logo-dropdown { position: absolute; left: 0; background-color: #fff; z-index: 10; border-width: 0 1px 1px 1px; border-style: solid; border-color: #dee2e6; display: none; width: 100%; } @media (min-width: 600px) { #header #logo #logo-dropdown { width: 200px; } } #header #logo #logo-dropdown .logo-item { border-bottom: 1px solid #dee2e6; } #header #logo #logo-dropdown .logo-item svg { height: 35px; } #header #logo #logo-dropdown .logo-item:last-child { border-bottom: none; } #header #logo #logo-dropdown .logo-item a { padding: 1rem; display: flex; align-items: center; } #header #logo #logo-dropdown .logo-item a:hover { background-color: #f8f9fa; } #header #logo a.top-level-item { display: flex; align-items: center; justify-content: center; padding: 0 1rem; } #header .svg-logo svg { height: 55px; } #header #menu-wrap #secondary-list .menu-dropdown { left: auto; right: -1px; } @media (min-width: 600px) { #header #menu-wrap #course-nav .menu-dropdown { width: 100%; } } #header #menu-wrap .menu-dropdown { display: none; border-width: 1px; border-style: solid; border-color: #dee2e6; box-shadow: 0 0.5rem 1rem -0.5rem rgba(0, 0, 0, 0.15); background: #f8f9fa; z-index: 10; overflow-y: auto; width: 100%; } #header #menu-wrap .menu-dropdown #course-units a { text-decoration: none; } #header #menu-wrap .menu-dropdown #course-units a:hover { color: #3878bc; } @media (min-width: 768px) { #header #menu-wrap .menu-dropdown { position: absolute; left: -1px; max-height: 500px; width: 400px; } } #header #menu-wrap .menu-dropdown.align-right { left: auto; right: -1px; } #header #menu-wrap .menu-dropdown.two-column { overflow: auto; max-height: 405px; } #header #menu-wrap .menu-dropdown .inner-nav-wrap { border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } #header #menu-wrap .menu-dropdown .inner-nav-wrap .icon { width: 30px; display: inline-block; text-align: center; margin-right: 0.5rem; } #header #menu-wrap .menu-dropdown .inner-nav-wrap button { background: none; border: none; width: 100%; box-shadow: none; text-align: left; } #header #menu-wrap .menu-dropdown .inner-nav-wrap a, #header #menu-wrap .menu-dropdown .inner-nav-wrap button, #header #menu-wrap .menu-dropdown .inner-nav-wrap .nav-item { display: block; padding: 0.6rem 1rem; text-decoration: none; } #header #menu-wrap .menu-dropdown .inner-nav-wrap a.ms-mute-text:hover, #header #menu-wrap .menu-dropdown .inner-nav-wrap button.ms-mute-text:hover, #header #menu-wrap .menu-dropdown .inner-nav-wrap .nav-item.ms-mute-text:hover { color: #adb5bd; } #header #menu-wrap .menu-dropdown .inner-nav-wrap a.menu-row, #header #menu-wrap .menu-dropdown .inner-nav-wrap button.menu-row, #header #menu-wrap .menu-dropdown .inner-nav-wrap .nav-item.menu-row { display: flex; } #header #menu-wrap .menu-dropdown .inner-nav-wrap a:hover, #header #menu-wrap .menu-dropdown .inner-nav-wrap button:hover, #header #menu-wrap .menu-dropdown .inner-nav-wrap .nav-item:hover { text-decoration: none; color: #3878bc; } #header #menu-wrap .menu-dropdown .column { flex-grow: 1; } #header #menu-wrap .menu-dropdown .column ul { list-style: none; margin: 0 0 0.5rem 0; padding: 0; } #header #menu-wrap .menu-dropdown .column ul li { border-bottom: 1px solid #dee2e6; } #header #menu-wrap .menu-dropdown .column ul li a { padding: 0.6rem 1rem; display: block; } #header #menu-wrap .menu-dropdown .column ul li a:hover { text-decoration: none; } #header #menu-wrap .menu-dropdown .column ul li:last-child { border-bottom: none; } #header #menu-wrap .menu-dropdown .column.last-column { display: none; } #header #menu-wrap .menu-dropdown .column-title { font-size: 1rem; text-align: center; font-weight: 600; padding: 0.8rem 1rem; margin: 0; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li { display: flex; align-items: center; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .icon { font-size: 2.5rem; margin-right: 1rem; width: 50px; text-align: center; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .title-link { display: flex; align-items: center; flex-grow: 1; padding: 1rem; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .title-link:hover { color: #13853a; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .title-link:hover .label { color: #13853a; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .title { font-weight: 600; font-size: 1.1rem; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .edit { padding: 1rem; color: #adb5bd; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .edit:hover { color: #212529; } #header #menu-wrap .menu-dropdown .breadcrumbs-list li .label { color: #6c757d; } @media (min-width: 768px) { #header #menu-wrap .menu-dropdown { width: 400px; } #header #menu-wrap .menu-dropdown #course-breadcrumbs > li { display: list-item; } } @media (min-width: 992px) { #header #menu-wrap .menu-dropdown.two-column { width: 600px; overflow: hidden; max-height: none; } #header #menu-wrap .menu-dropdown.two-column:hover { display: flex; } #header #menu-wrap .menu-dropdown.two-column .column { flex-grow: 0; flex: auto; max-height: 405px; overflow: auto; margin-right: 1rem; } #header #menu-wrap .menu-dropdown.two-column .column:last-child { margin-right: 0; } } @media (min-width: 600px) { #header #menu-wrap #course-nav.has-dropdown { position: static; } } @media (min-width: 992px) { #header #menu-wrap #course-nav.has-dropdown { position: relative; } } @media (min-width: 600px) { #header #menu-wrap .has-dropdown { position: relative; } } #header #menu-wrap .has-dropdown.toggle-menu-dropdown .menu-dropdown { display: block; } #header #menu-wrap .has-dropdown:hover .caret-down { color: #212529; } #header #menu-wrap .has-dropdown .menu-dropdown { padding: 1rem; background: #f8f9fa; } @media (min-width: 768px) { #header #menu-wrap .has-dropdown { position: relative; } } #header #menu-wrap .standard-list { padding: 1rem; } #header #menu-wrap .standard-list > ul, #header #menu-wrap .standard-list > ol { list-style: none; margin: 0; padding: 0; border-width: 1px; border-style: solid; border-color: #dee2e6; background: #fff; border-radius: 0.25rem; } #header #menu-wrap .standard-list > ul > li, #header #menu-wrap .standard-list > ol > li { border-bottom: 1px solid #dee2e6; border-top: 1px solid #fff; } #header #menu-wrap .standard-list > ul > li .title, #header #menu-wrap .standard-list > ol > li .title { display: flex; align-items: center; } #header #menu-wrap .standard-list > ul > li .title .label, #header #menu-wrap .standard-list > ol > li .title .label { flex-grow: 1; } #header #menu-wrap .standard-list > ul > li .title .edit, #header #menu-wrap .standard-list > ol > li .title .edit { margin-left: auto; padding: 0 1rem; color: #adb5bd; } #header #menu-wrap .standard-list > ul > li .title .edit:hover, #header #menu-wrap .standard-list > ol > li .title .edit:hover { color: #212529; } #header #menu-wrap .standard-list > ul > li > ul, #header #menu-wrap .standard-list > ul > li > ol, #header #menu-wrap .standard-list > ol > li > ul, #header #menu-wrap .standard-list > ol > li > ol { margin: 0; padding-left: 1rem; list-style: none; } #header #menu-wrap .standard-list > ul > li:first-child, #header #menu-wrap .standard-list > ol > li:first-child { border-radius: 0.25rem 0.25rem 0 0; } #header #menu-wrap .standard-list > ul > li:last-child, #header #menu-wrap .standard-list > ol > li:last-child { border-bottom: none; border-radius: 0 0 0.25rem 0.25rem; } #header #menu-wrap .standard-list > ul > li button, #header #menu-wrap .standard-list > ul > li a, #header #menu-wrap .standard-list > ol > li button, #header #menu-wrap .standard-list > ol > li a { display: flex; align-items: center; padding: 0.8rem 1rem; color: #343a40; background: none; } #header #menu-wrap .standard-list > ul > li button:hover, #header #menu-wrap .standard-list > ul > li a:hover, #header #menu-wrap .standard-list > ol > li button:hover, #header #menu-wrap .standard-list > ol > li a:hover { text-decoration: none; color: #13853a; } #header #menu-wrap .standard-list > ul > li button .icon, #header #menu-wrap .standard-list > ul > li a .icon, #header #menu-wrap .standard-list > ol > li button .icon, #header #menu-wrap .standard-list > ol > li a .icon { flex: 0 0 40px; text-align: center; margin-right: 0.1rem; } #header #menu-wrap .standard-list > ul > li button, #header #menu-wrap .standard-list > ol > li button { border: none; box-shadow: none; width: 100%; } .button-no-style { border: none; margin: 0; padding: 0; width: auto; overflow: visible; background: transparent; /* inherit font & color from ancestor */ color: inherit; font: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: normal; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: none; } .button-no-style:focus { outline: none; } .button-hover-up { position: relative; overflow: hidden; } .button-hover-up p { margin: 0; } .button-hover-up .label { opacity: 1; transition: transform 0.3s, opacity 0.3s; transition-delay: 0.3s; display: block; } .button-hover-up .under-label { position: absolute; top: 100%; left: 0; transition: transform 0.3s; transform: translate3d(0, 100%, 0); } .button-hover-up:hover .label { opacity: 0; transform: translate3d(0, -50%, 0); transition-delay: 0s; } .button-hover-up:hover .under-label { transition-delay: 0.1s; transform: translate3d(0, -2rem, 0); } .text-button { vertical-align: middle; color: #13853a; font-weight: 600; text-decoration: none; } .text-button .icon { margin-left: 0.5rem; } .text-button:hover { text-decoration: none; color: #13853a; } button.text-button, button.black-text-button { background: none; border: none; box-shadow: none; } .black-text-button { color: #212529; font-weight: 400; } .black-text-button:hover { text-decoration: none; color: #13853a; } .btn-outline-mtp-green { color: #13853a; border-color: #13853a; background: none; border-style: solid; border-width: 2px; border-radius: 0.5rem; padding: 0.5rem 1rem; text-decoration: none; } .btn-outline-mtp-green:hover { background: #13853a; border-color: #13853a; color: #fff; } .btn-outline-quiet { color: #FBFBFB; border-color: #fcfcfc; background: none; } .btn-outline-quiet:hover { background: #fafafa; border-color: #eeeeee; color: #e2e2e2; } .confirm-btn, .next-btn, .loading-btn, .standard-btn { background: none; color: #13853a; -webkit-appearance: none; margin: 0; padding: 0; overflow: hidden; text-transform: uppercase; font-weight: 900; border-width: 2px; border-style: solid; border-color: #13853a; border-radius: 5px; text-decoration: none; font-size: 0.8rem; min-width: 35px; position: relative; } .confirm-btn .after, .next-btn .after, .loading-btn .after, .standard-btn .after { padding: 0.5rem 3rem; } .confirm-btn:hover, .next-btn:hover, .loading-btn:hover, .standard-btn:hover { text-decoration: none; } .confirm-btn[disabled], .next-btn[disabled], .loading-btn[disabled], .standard-btn[disabled] { color: #6c757d; border-color: #dee2e6; background: #f8f9fa; } .confirm-btn[disabled]:hover, .next-btn[disabled]:hover, .loading-btn[disabled]:hover, .standard-btn[disabled]:hover { background: #f8f9fa; } .confirm-btn[disabled] .after, .next-btn[disabled] .after, .loading-btn[disabled] .after, .standard-btn[disabled] .after { color: #6c757d; } .confirm-btn[disabled] .after:before, .next-btn[disabled] .after:before, .loading-btn[disabled] .after:before, .standard-btn[disabled] .after:before { color: #6c757d; } .confirm-btn[disabled] .after:after, .next-btn[disabled] .after:after, .loading-btn[disabled] .after:after, .standard-btn[disabled] .after:after { background: none; } .confirm-btn:hover, .next-btn:hover, .loading-btn:hover, .standard-btn:hover { background: #13853a; color: #fff; } .confirm-btn:hover[disabled], .confirm-btn:hover .disabled, .next-btn:hover[disabled], .next-btn:hover .disabled, .loading-btn:hover[disabled], .loading-btn:hover .disabled, .standard-btn:hover[disabled], .standard-btn:hover .disabled { color: #6c757d; } .confirm-btn:hover[disabled] .after, .confirm-btn:hover .disabled .after, .next-btn:hover[disabled] .after, .next-btn:hover .disabled .after, .loading-btn:hover[disabled] .after, .loading-btn:hover .disabled .after, .standard-btn:hover[disabled] .after, .standard-btn:hover .disabled .after { color: #6c757d; } .confirm-btn:hover[disabled] .after:after, .confirm-btn:hover .disabled .after:after, .next-btn:hover[disabled] .after:after, .next-btn:hover .disabled .after:after, .loading-btn:hover[disabled] .after:after, .loading-btn:hover .disabled .after:after, .standard-btn:hover[disabled] .after:after, .standard-btn:hover .disabled .after:after { color: #6c757d; } .confirm-btn:hover[disabled] .after:before, .confirm-btn:hover .disabled .after:before, .next-btn:hover[disabled] .after:before, .next-btn:hover .disabled .after:before, .loading-btn:hover[disabled] .after:before, .loading-btn:hover .disabled .after:before, .standard-btn:hover[disabled] .after:before, .standard-btn:hover .disabled .after:before { color: #6c757d; } .confirm-btn:hover .after, .next-btn:hover .after, .loading-btn:hover .after, .standard-btn:hover .after { color: #fff; } .confirm-btn:hover .after:after, .next-btn:hover .after:after, .loading-btn:hover .after:after, .standard-btn:hover .after:after { color: #fff; } .confirm-btn:hover .after:before, .next-btn:hover .after:before, .loading-btn:hover .after:before, .standard-btn:hover .after:before { color: #fff; } a.next-btn, a.confirm-btn { display: inline-block; } .confirm-btn .after, .next-btn .after, .loading-btn .after, .standard-btn .after { color: #13853a; display: block; text-decoration: none; } .btn-icon { border-radius: 1rem; color: #198754; overflow: hidden; border: 3px solid #198754; font-family: inherit; font-size: inherit; color: #198754; background: none; cursor: pointer; padding: 0 3rem; height: 50px; line-height: 45px; display: inline-block; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; outline: none; position: relative; transition: all 0.1s; box-shadow: 0 3px #198754; } .btn-icon { padding: 0 3.5rem 0 3rem; } .btn-icon.icon-left { padding: 0 3rem 0 3.5rem; } .btn-white { background: white; } #content-modules-sections-edit .ql-formula:hover { background: #FFFFDD; cursor: pointer; } .ql-formula { display: inline-block; } /* Quill General */ .ql-container { box-sizing: border-box; height: 100%; margin: 0px; position: relative; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; cursor: text; height: 100%; outline: none; overflow-y: visible; padding: 0; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor .h1, .ql-editor h2, .ql-editor .h2, .ql-editor h3, .ql-editor .h3, .ql-editor h4, .ql-editor .h4, .ql-editor h5, .ql-editor .h5, .ql-editor h6, .ql-editor .h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: "●"; } .ql-editor li::before { display: inline-block; margin-right: 0.3em; text-align: right; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; } .ql-editor ol li, .ql-editor ul li { padding-left: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-num; } .ql-editor ol li:before { content: counter(list-num, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; pointer-events: none; position: absolute; } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ""; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: "Edit"; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: "Remove"; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: "Save"; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /* Bubble */ /*! * Quill Editor v1.0.0 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-bubble.ql-toolbar:after, .ql-bubble .ql-toolbar:after { clear: both; content: ""; display: table; } .ql-bubble.ql-toolbar button, .ql-bubble .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; outline: none; padding: 3px 5px; width: 28px; color: #ccc; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover { color: #fff; } .ql-bubble.ql-toolbar button svg, .ql-bubble .ql-toolbar button svg { float: left; height: 100%; } .ql-bubble.ql-toolbar input.ql-image[type=file], .ql-bubble .ql-toolbar input.ql-image[type=file] { display: none; } .ql-bubble.ql-toolbar button:hover, .ql-bubble .ql-toolbar button:hover, .ql-bubble.ql-toolbar button.ql-active, .ql-bubble .ql-toolbar button.ql-active, .ql-bubble.ql-toolbar .ql-picker-label:hover, .ql-bubble .ql-toolbar .ql-picker-label:hover, .ql-bubble.ql-toolbar .ql-picker-label.ql-active, .ql-bubble .ql-toolbar .ql-picker-label.ql-active, .ql-bubble.ql-toolbar .ql-picker-item:hover, .ql-bubble .ql-toolbar .ql-picker-item:hover, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected { color: #fff; } .ql-bubble.ql-toolbar button:hover .ql-fill, .ql-bubble .ql-toolbar button:hover .ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #fff; } .ql-bubble.ql-toolbar button:hover .ql-stroke, .ql-bubble .ql-toolbar button:hover .ql-stroke, .ql-bubble.ql-toolbar button.ql-active .ql-stroke, .ql-bubble .ql-toolbar button.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-bubble.ql-toolbar button:hover .ql-stroke-mitter, .ql-bubble .ql-toolbar button:hover .ql-stroke-mitter, .ql-bubble.ql-toolbar button.ql-active .ql-stroke-mitter, .ql-bubble .ql-toolbar button.ql-active .ql-stroke-mitter, .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-mitter, .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-mitter, .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter, .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-mitter, .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-mitter, .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-mitter, .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter, .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-mitter { stroke: #fff; } .ql-bubble { box-sizing: border-box; } .ql-bubble * { box-sizing: border-box; } .ql-bubble .ql-hidden { display: none; } .ql-bubble .ql-out-bottom, .ql-bubble .ql-out-top { visibility: hidden; } .ql-bubble .ql-tooltip { position: absolute; max-width: 400px; padding: 0.5rem; } .ql-bubble .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-bubble .ql-formats { display: inline-block; vertical-align: middle; } .ql-bubble .ql-formats:after { clear: both; content: ""; display: table; } .ql-bubble .ql-toolbar.bubble, .ql-bubble .ql-stroke { fill: none; stroke: #ccc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-bubble .ql-stroke-mitter { fill: none; stroke: #ccc; stroke-mitterlimit: 10; stroke-width: 2; } .ql-bubble .ql-fill, .ql-bubble .ql-stroke.ql-fill { fill: #ccc; } .ql-bubble .ql-empty { fill: none; } .ql-bubble .ql-even { fill-rule: evenodd; } .ql-bubble .ql-thin, .ql-bubble .ql-stroke.ql-thin { stroke-width: 1; } .ql-bubble .ql-transparent { opacity: 0.4; } .ql-bubble .ql-direction svg:last-child { display: none; } .ql-bubble .ql-direction.ql-active svg:last-child { display: inline; } .ql-bubble .ql-direction.ql-active svg:first-child { display: none; } .ql-bubble .ql-editor a { text-decoration: underline; } .ql-bubble .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-bubble .ql-editor code, .ql-bubble .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-bubble .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-bubble .ql-editor code { font-size: 85%; padding-bottom: 2px; padding-top: 2px; } .ql-bubble .ql-editor code:before, .ql-bubble .ql-editor code:after { content: " "; letter-spacing: -2px; } .ql-bubble .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-bubble .ql-editor img { max-width: 100%; } .ql-bubble .ql-picker { color: #ccc; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-bubble .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-bubble .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-bubble .ql-picker-options { background-color: #444; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-bubble .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label { color: #777; z-index: 2; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #777; } .ql-bubble .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-bubble .ql-color-picker, .ql-bubble .ql-icon-picker { width: 28px; } .ql-bubble .ql-color-picker .ql-picker-label, .ql-bubble .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-label svg, .ql-bubble .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-bubble .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-bubble .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-bubble .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-bubble .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-primary-color { margin-bottom: toolbarPadding; } .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""])::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""])::before { content: attr(data-label); } .ql-bubble .ql-picker.ql-header { width: 98px; } .ql-bubble .ql-picker.ql-header .ql-picker-label::before, .ql-bubble .ql-picker.ql-header .ql-picker-item::before { content: "Normal"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: "Heading 1"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: "Heading 2"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: "Heading 3"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: "Heading 4"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: "Heading 5"; } .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: "Heading 6"; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-bubble .ql-picker.ql-font { width: 108px; } .ql-bubble .ql-picker.ql-font .ql-picker-label::before, .ql-bubble .ql-picker.ql-font .ql-picker-item::before { content: "Sans Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: "Serif"; } .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: "Monospace"; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-bubble .ql-picker.ql-size { width: 98px; } .ql-bubble .ql-picker.ql-size .ql-picker-label::before, .ql-bubble .ql-picker.ql-size .ql-picker-item::before { content: "Normal"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: "Small"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: "Large"; } .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: "Huge"; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-bubble .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-bubble .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-bubble .ql-toolbar .ql-formats { margin: 8px 12px 8px 0px; } .ql-bubble .ql-toolbar .ql-formats:first-child { margin-left: 12px; } .ql-bubble .ql-color-picker svg { margin: 1px; } .ql-bubble .ql-color-picker .ql-picker-item.ql-selected, .ql-bubble .ql-color-picker .ql-picker-item:hover { border-color: #fff; } .ql-bubble .ql-tooltip { background-color: #444; border-radius: 25px; color: #fff; margin-top: 10px; } .ql-bubble .ql-tooltip-arrow { border-bottom: 6px solid #444; border-left: 6px solid transparent; border-right: 6px solid transparent; content: " "; display: block; left: 50%; margin-left: -6px; position: absolute; top: -6px; } .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { display: block; } .ql-bubble .ql-tooltip.ql-editing .ql-formats { visibility: hidden; } .ql-bubble .ql-tooltip-editor { display: none; } .ql-bubble .ql-tooltip-editor input[type=text] { background: transparent; border: none; color: #fff; font-size: 13px; height: 100%; outline: none; padding: 10px 20px; position: absolute; width: 100%; } .ql-bubble .ql-tooltip-editor a { top: 10px; position: absolute; right: 20px; } .ql-bubble .ql-tooltip-editor a:before { color: #ccc; content: "×"; font-size: 16px; font-weight: bold; } #reorderModal .list-group-item { cursor: move; } #reorderModal .list-group-item.ghost { border: 1px dashed rgba(0, 0, 0, 0.125); } #reorderModal .list-group-item:hover { background: #f8f9fa; } .select-primary-course { display: block; width: 100%; border: 1px solid #ced4da; background: #fff; border-radius: 0.3rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); padding: 0; text-align: left; color: #212529; } .select-primary-course .primary-course-title { display: flex; color: #212529; align-items: center; } .select-primary-course .primary-course-title h2, .select-primary-course .primary-course-title .h2 { margin: 0; font-size: 1.3rem; flex-grow: 1; } .select-primary-course .primary-course-title h2 a, .select-primary-course .primary-course-title .h2 a { padding: 0.7rem 1.2rem; display: block; color: #212529; text-decoration: none; } .select-primary-course .primary-course-title h2 a:hover, .select-primary-course .primary-course-title .h2 a:hover { color: #65b84c; } .select-primary-course .primary-course-title:hover { color: #212529; text-decoration: none; cursor: pointer; } .select-primary-course .primary-course-title:hover.primary-course .star-icon { color: #fdd430; } .select-primary-course .primary-course-title.primary-course .star-icon { color: #fdd430; } .select-primary-course .primary-course-title.primary-course .star-icon:hover { background: none; } .select-primary-course .primary-course-title .star-icon { cursor: pointer; font-size: 1.2rem; color: #6c757d; padding: 0.7rem 0.8rem; border-right: 1px solid #ced4da; } .select-primary-course .primary-course-title .star-icon:hover { background: #ffed2b; } .select-primary-course .primary-course-modal .modal-title { font-size: 1.2rem; padding: 1rem; padding-bottom: 15px; background: #efefef; border-bottom: 1px solid #c7c7c7; } .select-primary-course .primary-course-modal .content { font-size: 1.2rem; padding: 1.5rem; } #course-listings .header-wrap { margin-bottom: 1rem; } #course-listings .header-wrap h2, #course-listings .header-wrap .h2 { margin: 0 0 0 0.5rem; } #course-listings ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; grid-gap: 1.5rem; } #course-listings ul li { background: #fff; border: 1px solid #ced4da; border-radius: 0.3rem; padding: 2rem; min-width: 0; /* fix grid doesnt overflow on mobile */ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } @media (min-width: 768px) { #course-listings ul { grid-template-columns: 1fr 1fr; } } #course-units-header .dropdown-menu .dropdown-item { white-space: normal; } #course-manage-lesson-search form { position: relative; } #course-manage-lesson-search form #search-input-wrap { position: relative; flex-grow: 1; } #course-manage-lesson-search form #search-input-wrap input { border: 1px solid #ced4da; border-top-right-radius: 0; border-bottom-left-radius: 0; } #course-manage-lesson-search form #search-input-wrap #clear-search { position: absolute; top: 0.2rem; right: 1rem; font-size: 1.5rem; } #course-manage-lesson-search form #search-input-wrap #clear-search:hover { color: #dc3545; text-decoration: none; } #course-manage-lesson-search form button { border-radius: 0 0.2rem 0.2rem 0; width: 120px; border-color: #ced4da; border-width: 1px 1px 1px 0; } #course-checklist-table .complete-status { padding: 0; vertical-align: middle; text-align: center; font-size: 1.5rem; } #course-checklist-table .title { padding: 1rem; width: 80%; } #course-checklist-table .subject { text-align: right; color: #6c757d; } #course-units-list { background: #fff; border: 1px solid #dee2e6; } #course-units-list #course-units-top-section { text-align: center; padding: 1.5rem 0; border-bottom: 1px solid #dee2e6; } #course-units-list #course-units-top-section h2, #course-units-list #course-units-top-section .h2 { margin-bottom: 0.5rem; font-weight: 600; } #course-units-list #course-units-top-section #course-progress-by-unit h4, #course-units-list #course-units-top-section #course-progress-by-unit .h4 { font-size: 1rem; color: #6c757d; margin: 0; } #course-units-list #course-units-top-section #unit-progress { font-size: 3rem; line-height: 3rem; padding: 0 2rem; margin-bottom: 0.2rem; } #course-units-list ol { list-style: none; margin: 0; padding: 0; } #course-units-list ol li { border-bottom: 1px solid #dee2e6; } #course-units-list ol li:last-child { border-bottom: none; } #course-units-list ol li.current { font-weight: 600; } #course-units-list ol li a { display: block; padding: 0.3rem 1.5rem; display: flex; align-items: center; justify-content: center; } #course-units-list ol li a .icon { margin-right: 0.3rem; } #course-units-list ol li a:hover { text-decoration: none; background: #f8f9fa; } #course-list-all ul.tabs { display: flex; align-items: flex-end; list-style: none; margin: 0; padding: 0; position: relative; bottom: -1px; border-left: 1px solid #dee2e6; } #course-list-all ul.tabs li { background: #f8f9fa; border-width: 1px 1px 1px 0px; border-color: #dee2e6; border-style: solid; box-shadow: inset 0 -7px 10px -10px rgba(0, 0, 0, 0.2); } #course-list-all ul.tabs li a { color: #495057; } #course-list-all ul.tabs li:hover { background: #fff; box-shadow: none; } #course-list-all ul.tabs li:first-child { border-top-left-radius: 0.25rem; } #course-list-all ul.tabs li:last-child { border-top-right-radius: 0.25rem; } #course-list-all ul.tabs li.current { background: #fff; font-weight: 600; box-shadow: none; border-bottom: 1px solid #fff; } #course-list-all ul.tabs li.current a { color: #3878bc; } #course-list-all ul.tabs a { display: block; padding: 0.8rem 1.5rem; } #course-list-all ul.tabs a:hover { text-decoration: none; } #course-list-all .list-wrap { background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; border-radius: 0 0.25rem 0.25rem 0.25rem; } #course-list-all .list-wrap ul { list-style: none; margin: 0; padding: 0; } #course-list-all .list-wrap ul li { background: #fff; display: flex; align-items: stretch; border-bottom: 1px solid #dee2e6; } #course-list-all .list-wrap ul li:first-child { border-top-right-radius: 0.25rem; } #course-list-all .list-wrap ul li:last-child { border-bottom: none; } #course-list-all .list-wrap ul li h3, #course-list-all .list-wrap ul li .h3 { font-size: 1.2rem; padding: 1rem 1.5rem; margin: 0; } #course-list-all .list-wrap ul li .icon { color: #65b84c; font-size: 1.3rem; } #course-list-all .list-wrap ul li .item { flex: 0 0 150px; padding: 1rem 1.5rem; border-left: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; flex-direction: column; } #course-list-all .list-wrap ul li .item.title { flex-grow: 1; text-align: left; margin: 0; justify-content: flex-start; flex-direction: row; } #course-list-all .list-wrap ul li .item:first-child { border-left: none; } #course-list-all .list-wrap ul li .item.counter { flex: 0 0 50px; } #course-list-all .list-wrap ul li .label { font-size: 1rem; color: #6c757d; margin-bottom: 0.3rem; } #course-list-all .list-wrap ul li .value { margin: 0; font-weight: 600; font-size: 1.1rem; } #continue-course-button-wrap { padding: 2rem; text-align: center; background: #fff; border-radius: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .course-progress-tooltip { margin: 0; padding: 0; list-style: none; } .course-progress-tooltip li { padding: 0.5rem; border-bottom: 1px solid #dee2e6; } .course-progress-tooltip li:last-child { border: none; } #course-pagination .pagination { justify-content: center; } .action-menu-wrap .menu-icon { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; align-items: center; justify-content: center; display: flex; color: #212529; border: 1px solid transparent; font-size: 1.2rem; outline: none; } .action-menu-wrap .menu-icon:hover { border: 1px solid #e9ecef; background: #f8f9fa; } #course-show #course-unit-progress { position: relative; align-self: stretch; min-height: 300px; flex: 0 0 300px; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; display: flex; align-items: center; justify-content: center; } #course-show #course-intro { margin-bottom: 2rem; } #course-show #course-intro #course-details .btn { display: block; width: 100%; margin-bottom: 1rem; } #course-show #course-intro #course-details .btn:last-child { margin-bottom: 0; } @media (min-width: 576px) { #course-show #course-intro #course-details .btn { display: inline-block; width: auto; margin-bottom: 0; } } #course-show #course-intro #course-details-wrap { padding: 2rem; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; position: relative; } #course-show #course-intro #course-details-wrap #courseOptionDropdownButton { background: none; border: none; } #course-show #course-intro #course-details-wrap #course-option-dropdown { position: absolute; top: 10px; right: 10px; z-index: 2; } @media (min-width: 576px) { #course-show #course-intro #course-details-wrap { padding: 2rem; display: flex; flex: 1 1 auto; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; } } #course-show #course-intro .icon { font-size: 5rem; line-height: 5rem; text-align: center; margin-bottom: 1rem; } @media (min-width: 576px) { #course-show #course-intro .icon { margin-right: 2.2rem; margin-top: 0.5rem; margin-bottom: 0; } } #course-show #course-progress-details { margin-bottom: 2rem; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; } #course-show #course-progress-details ul { list-style: none; margin: 0; padding: 0; } #course-show #course-progress-details ul li { text-align: center; border-bottom: 1px solid #dee2e6; } #course-show #course-progress-details ul li:last-child { border-bottom: none; } #course-show #course-progress-details ul li p.label { margin-bottom: 0.3rem; font-weight: 600; color: #495057; } #course-show #course-progress-details ul li a { padding: 2rem; display: block; text-decoration: none; } #course-show #course-progress-details ul li a:hover { text-decoration: none; color: #65b84c; } #course-show #course-progress-details ul li p.course-progress { margin: 0 0 0.3rem 0; font-size: 3rem; line-height: 3.2rem; color: #212529; } #course-show #course-progress-details ul li p:last-child { margin: 0; } #course-show #course-subject-scores ul { list-style: none; padding: 0; margin: 0; text-align: center; } #course-show #course-subject-scores ul li { text-align: center; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; } #course-show #course-subject-scores ul li a { padding: 2rem; color: #212529; display: block; } #course-show #course-subject-scores ul li a:hover { text-decoration: none; } #course-show #course-subject-scores ul li a:hover .icon { color: #65b84c; } #course-show #course-subject-scores ul li a:hover .link { color: #65b84c; } #course-show #course-subject-scores ul li a:hover h3, #course-show #course-subject-scores ul li a:hover .h3 { color: #65b84c; } #course-show #course-subject-scores ul li h3, #course-show #course-subject-scores ul li .h3 { font-size: 1.5rem; } #course-show #course-subject-scores ul li .icon { font-size: 3rem; } #course-show #course-subject-scores ul li .link { margin: 0; font-weight: 600; color: #3878bc; } #course-show #course-additional ul { list-style: none; padding: 0; margin: 0; } #course-show #course-additional ul li { text-align: center; background: #fff; border-radius: 0.25rem; border: 1px solid #dee2e6; margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; } #course-show #course-additional ul li a { padding: 2rem; color: #212529; display: block; text-decoration: none; } #course-show #course-additional ul li a:hover { text-decoration: none; } #course-show #course-additional ul li a:hover .icon { color: #65b84c; } #course-show #course-additional ul li a:hover .link { color: #65b84c; } #course-show #course-additional ul li a:hover h3, #course-show #course-additional ul li a:hover .h3 { color: #65b84c; } #course-show #course-additional ul li p.description { padding: 0 1rem; } #course-show #course-additional ul li h3, #course-show #course-additional ul li .h3 { font-size: 1.5rem; } #course-show #course-additional ul li .icon { font-size: 3rem; } #course-show #course-additional ul li .link { margin: 0; font-weight: 600; color: #3878bc; } @media (min-width: 992px) { #course-show #course-unit-progress { margin-left: 2rem; } #course-show #course-progress-details ul { display: flex; align-items: center; justify-content: center; } #course-show #course-progress-details ul li { flex: auto; border-bottom: none; border-right: 1px solid #dee2e6; } #course-show #course-progress-details ul li:last-child { border-right: none; } #course-show #course-intro { display: flex; justify-content: center; } #course-show #course-additional ul { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem; } #course-show #course-additional ul li { margin: 0; } #course-show #course-subject-scores ul { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5rem; } #course-show #course-subject-scores ul li { margin: 0; } } #course-info .subject-icon { display: flex; align-items: center; justify-content: center; font-size: 1.5rem; width: 60px; height: 60px; text-align: center; border-radius: 50%; border: 1px solid #ced4da; position: absolute; bottom: -20px; left: 50%; margin-left: -30px; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #course-info .card-body { padding: 2rem 2rem 4rem 2rem; } #course .lesson .fa-square { color: #ced4da; } #course .lesson .fa-check-square { color: #198754; } #course .lesson .complete a { color: #198754; } #course .lesson a { color: #000; } .add-unit.list-card-placeholder { border-top: 2px solid #fff; } .list-card-placeholder { text-align: center; font-weight: 700; color: #198754; margin-bottom: 2rem; } .list-card-placeholder a { display: block; border: 3px dashed #dee2e6; padding: 2rem; color: #adb5bd; text-decoration: none; } .list-card-placeholder a:hover { border: 3px dashed #adb5bd; color: #198754; } .card-body.deleted { background: #fdf3f3; } .course-deleted-label { position: absolute; bottom: 8px; left: 43%; } .radial-progress .info .donut-segment { stroke: #23b4e6; } .radial-progress .info.incomplete .donut-segment { stroke: #a2d6e8; } .donut-progress { position: relative; z-index: 1; align-self: stretch; min-height: 300px; flex: 0 0 300px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .donut-progress .confetti { position: relative; z-index: 3; } .donut-progress .progress-wrap { width: 260px; height: 260px; position: relative; display: flex; align-items: center; justify-content: center; } .donut-progress .progress-percent { flex-direction: column; display: flex; align-items: center; justify-content: center; text-align: center; color: #13853a; width: 224px; height: 224px; margin: 0 auto; z-index: 1; } .donut-progress .progress-percent .correct-total { margin: 0; } .donut-progress .progress-percent .percent-label { margin-bottom: 0.2rem; font-size: 1.1rem; font-weight: 600; } .donut-progress .progress-percent .percent { font-size: 4.5rem; line-height: 4.5rem; margin: 0 0 0.2rem 0; } .donut-progress .outer-circle { border-radius: 50%; background: #f8f8f8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #e9ecef; } .donut-progress .inner-circle { width: 224px; height: 224px; display: block; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .donut-progress .donut-segment { stroke: #13853a; position: relative; z-index: 2; transition: 0.35s stroke-dashoffset; transform: rotate(-90deg); transform-origin: 50% 50%; } .donut-progress .unit-progress-radial { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } #course-subject-list { overflow: auto; max-height: 70vh; } #student-course-layout #intro-outer { min-height: 150px; } #student-course-layout #main-column { background: #fff; } #student-course-layout #intro-wrap { display: flex; justify-content: center; padding: 2.5rem 0 1.5rem 0; } #student-course-layout #intro-wrap #intro { flex-grow: 1; } #student-course-layout #intro-wrap #icon { padding: 1rem; text-align: center; margin-right: 1.5rem; flex: 0 0 130px; } #student-course-layout #intro-wrap #icon .svg-icon { height: auto; } #student-course-layout #intro-wrap #intro-header { display: flex; align-items: center; padding-bottom: 0.5rem; border-bottom: 1px solid #dee2e6; margin-bottom: 1rem; } #student-course-layout #intro-wrap #intro-header h1, #student-course-layout #intro-wrap #intro-header .h1 { margin: 0; } #student-course-layout #intro-wrap #intro-header .manage-button { color: #65b84c; } #student-course-layout #intro-wrap #intro-header .manage-button a { color: #65b84c; } #student-course-layout #intro-wrap #intro-header .manage-button a:hover { text-decoration: none; color: #13853a; } #student-course-layout #sat-block { text-align: center; margin-bottom: 2em; } #student-course-layout h5, #student-course-layout .h5 { font-size: 14px; margin-bottom: 0; } #student-course-layout h4, #student-course-layout .h4 { font-size: 18px; font-weight: bold; margin-bottom: 0; color: #2b2b2b; } #student-course-layout h3, #student-course-layout .h3 { font-size: 18px; } #student-course-layout .title-info { font-size: 18px; display: inline-block; padding-right: 5px; } #student-course-layout .attempts-block { margin-left: auto; } #student-course-layout .attempt-select { cursor: pointer; } #student-course-layout .disabled { color: #a0a0a0; cursor: default; } #student-course-layout .detail { font-size: 15px; font-weight: bold; color: #2b2b2b; } #student-course-layout .radial-progress { width: 150px; height: 150px; display: block; position: relative; margin: 2rem auto; text-align: center; } #student-course-layout .radial-progress .label, #student-course-layout .radial-progress .answered-label { position: absolute; top: 25px; left: 0; right: 0; margin: auto; text-align: center; } #student-course-layout .radial-progress .answered-label { top: 38px; } #student-course-layout .radial-progress .percent, #student-course-layout .radial-progress .answered-count, #student-course-layout .radial-progress .answered-count-small { position: absolute; left: 0; right: 0; margin: 0 auto; font-weight: 600; } #student-course-layout .radial-progress .percent { top: 50px; font-size: 45px; } #student-course-layout .radial-progress .answered-count { top: 50px; font-size: 40px; } #student-course-layout .radial-progress .answered-count-small { top: 54px; font-size: 30px; } #student-course-layout .radial-progress .text { position: absolute; top: 100px; left: 0; font-weight: 600; right: 0; margin: 0 auto; } #student-course-layout .radial-progress .outer-circle { width: 150px; height: 150px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); border-radius: 50%; background: #f8f8f8; display: flex; align-items: center; justify-content: center; } #student-course-layout .radial-progress .inner-circle { display: block; width: 120px; height: 120px; border-radius: 50%; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); background: #fff; } #student-course-layout .radial-progress .percent { margin-top: 5px; margin-bottom: 5px; font-size: 42px; } #student-course-layout .text.font-bold { font-size: 16px; } #student-welcome .group { padding: 1em; } #student-welcome .group .sub-title { font-weight: 600; font-size: 25px; color: #3878bc; margin-bottom: 0.5em; } #student-welcome .group h4, #student-welcome .group .h4 { font-size: 20px; font-weight: 600; margin: 1em 0; } #student-welcome .group h4 svg, #student-welcome .group .h4 svg { font-size: 40px; margin-right: 1rem; } #student-welcome .btn-outline-mtp-green, #student-welcome .btn-mtp-green { font-size: 20px; font-weight: 700; } #student-welcome p { line-height: 2rem; font-size: 1.1rem; } #student-welcome .col-sm { padding: 0 2em; } #student-welcome iframe { max-width: 100%; max-height: 100%; border-radius: 5px; } #welcome-course-select ul { list-style: none; margin: 0; padding: 0; display: block; } #welcome-course-select ul li { margin-bottom: 1rem; } @media (min-width: 768px) { #student-welcome .group { padding: 3rem; } #welcome-course-select ul { grid-template-columns: repeat(2, 1fr); grid-gap: 1.5rem; display: grid; } #welcome-course-select ul li { margin: 0; } } #teacher-welcome #methodize-logo svg { height: 130px; } #teacher-welcome p { line-height: 2rem; font-size: 1.1rem; } #teacher-welcome video { border: 1px solid #ced4da; } #confirmation { background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); padding: 5rem 0; border-bottom: 2px solid #ced4da; } #confirmation .go #checkmark-circle-inner { top: 0px; opacity: 1; transition: top 700ms cubic-bezier(1, -0.6, 0, 1.65), opacity 700ms; } #confirmation .go #title { left: 0; opacity: 1; transition: opacity 500ms 200ms; } #confirmation #title { font-size: 1.5rem; color: #198754; position: relative; opacity: 0; transition: left 500ms cubic-bezier(0.505, 0.805, 0, 1.5) 200ms; left: -100px; } @keyframes fadedown { from { top: -50px; } to { opacity: 1; top: 0px; } } @keyframes fadeinright { from { opacity: 0; right: -100%; } to { opacity: 1; right: 0px; } } #confirmation #card { margin-top: 40px; padding-top: 100px; padding-bottom: 30px; } #confirmation #card .card-body a { color: #495057; text-decoration: underline; } #confirmation #card a:hover { color: #198754; } #confirmation #card #center-btn { position: absolute; bottom: -26px; left: 0; width: 100%; text-align: center; } #confirmation #checkmark { padding: 3rem 3rem 3rem 0; } #confirmation #checkmark-wrap { position: relative; z-index: 1; } #confirmation #confirmation-text { padding: 1rem 2rem; } #confirmation #confirmation-card { border: 2px solid #fff; background: rgba(255, 255, 255, 0.9); background: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(240, 255, 228, 0.9) 100%); } #confirmation #confirmation-card .card-body { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #confirmation #checkmark-container { width: 150px; height: 150px; margin: 0 auto; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; } #confirmation #checkmark-circle-inner { width: 150px; height: 150px; background: #198754; border-radius: 100px; position: absolute; z-index: 1; opacity: 0; left: 50%; margin-left: -75px; top: -140px; border: 1px solid #54a33c; transition: top 700ms; transition-timing-function: cubic-bezier(0.505, 0.805, 0, 1.5); background: rgb(124, 223, 94); background: linear-gradient(145deg, rgb(124, 223, 94) 0%, rgb(101, 184, 76) 64%); } #confirmation #icon { position: relative; z-index: 3; } #confirmation #icon path { stroke-linecap: round; stroke-width: 6; transition: 0; opacity: 0; } #confirmation #icon path.draw { opacity: 1; transition: opacity 200ms, stroke-dashoffset 500ms cubic-bezier(1, 0.2, 0, 1.01); } .nav-stacked-list ul { list-style: none; margin: 0; padding-left: 0; } .nav-stacked-list ul.add-space { border-bottom: 5px solid rgba(0, 0, 0, 0.1); } .nav-stacked-list .nav-with-explanation p { padding: 1.5rem 2.5rem; margin: 0; border-top: 2px solid #fff; } .nav-stacked-list .nav-with-explanation ul li:first-child { border-top: none; } .nav-stacked-list button { background: none; border: none; box-shadow: none; } .nav-stacked-list a, .nav-stacked-list button { display: flex; align-items: center; color: #495057; text-decoration: none; opacity: 0.7; padding: 0.75rem 2rem; width: 100%; } .nav-stacked-list a:hover, .nav-stacked-list button:hover { color: #198754; background: rgba(255, 255, 255, 0.3); } .nav-stacked-list li.list-group-item { background: none; padding: 0; } .nav-stacked-list li { border-top: 2px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .nav-stacked-list li:last-child { border-bottom: none; } .nav-stacked-list a:hover .icon, .nav-stacked-list a:hover .fa-caret-right, .nav-stacked-list a:hover { opacity: 1; } .nav-stacked-list .icon { font-size: 1.5rem; width: 50px; margin-right: 1rem; text-align: center; opacity: 0.9; } .nav-stacked-list .fa-caret-right { opacity: 0.9; } .icon-details-layout #icon { font-size: 4rem; line-height: 4rem; margin-bottom: 1.5rem; text-align: center; } .icon-details-layout #intro-header { display: flex; align-items: center; margin-bottom: 0.5rem; } .icon-details-layout #intro-header h1, .icon-details-layout #intro-header .h1 { margin: 0; } #lesson-view .buttons-wrap a { display: block; margin-bottom: 1rem; } #lesson-view #lesson-quizzes { background: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } #lesson-view #lesson-quizzes > ul { list-style: none; margin: 0; padding: 0; } #lesson-view #lesson-quizzes > ul > li { padding: 0 1.5rem; border-bottom: 1px solid #ced4da; border-top: 2px solid #fafafa; } #lesson-view #lesson-quizzes > ul > li .latest-score { display: flex; justify-content: center; text-align: center; flex-direction: column; padding: 1rem; margin-bottom: 1rem; } #lesson-view #lesson-quizzes > ul > li .latest-score .score { font-size: 2.2rem; line-height: 2.2rem; } #lesson-view #lesson-quizzes > ul > li .latest-score .label { color: #6c757d; } #lesson-view #lesson-quizzes > ul > li .quiz-details { text-align: center; } #lesson-view #lesson-quizzes > ul > li .quiz-end { padding: 1.5rem; text-align: center; } #lesson-view #lesson-quizzes > ul > li .quiz-end .mute-text { color: #adb5bd; } #lesson-view #lesson-quizzes > ul > li .quiz-end a:hover { text-decoration: none; } #lesson-view #lesson-quizzes > ul > li.incomplete .btn-link { color: #fff; } #lesson-view #lesson-quizzes > ul > li.incomplete .btn { padding: 0.6rem 1rem; background: #13853a; } #lesson-view #lesson-quizzes > ul > li.incomplete .btn:hover { background: #65b84c; } #lesson-view #lesson-quizzes > ul > li:last-child { border-bottom: none; } #lesson-view #lesson-quizzes > ul > li .title-wrap .title { font-size: 1.4rem; } #lesson-view #lesson-quizzes > ul > li .title-wrap .title a { color: #212529; } #lesson-view #lesson-quizzes > ul > li .title-wrap .title a:hover { color: #13853a; text-decoration: none; } #lesson-view #lesson-quizzes > ul > li .title-wrap > ul { display: flex; align-items: center; justify-content: center; list-style: none; margin: 0; padding: 0; color: #495057; } #lesson-view #lesson-quizzes > ul > li .title-wrap > ul > li { border-right: 1px solid #ced4da; margin-right: 1.5rem; padding-right: 1.5rem; } #lesson-view #lesson-quizzes > ul > li .title-wrap > ul > li:last-child { margin-right: 0; padding-right: 0; border-right: none; } #lesson-view #lesson-quizzes #lesson-quizzes-title { display: flex; align-items: center; padding: 1.5rem; border-bottom: 1px solid #ced4da; } #lesson-view #lesson-quizzes #lesson-quizzes-title h2, #lesson-view #lesson-quizzes #lesson-quizzes-title .h2 { margin: 0; } #lesson-view #lesson-quizzes #lesson-quizzes-title #quiz-status { margin-left: auto; font-size: 1.1rem; } #lesson-view #lesson-view-wrap { position: relative; } #lesson-view #lesson-view-wrap.icon-details-layout { background: #fff; border: 1px solid #ced4da; padding: 1.5rem 2.5rem; border-radius: 0.25rem; margin-bottom: 1rem; } #lesson-view #lesson-view-wrap #intro-header { display: flex; margin-bottom: 1rem; align-items: center; } #lesson-view #lesson-view-wrap #intro-header h1, #lesson-view #lesson-view-wrap #intro-header .h1 { margin: 0; } #lesson-view #lesson-view-wrap #status-note { margin-bottom: 1rem; } #lesson-view #lesson-view-wrap #status-note.incomplete { display: none; } #lesson-view #lesson-view-wrap #status-note.marked-as-read .text { color: #3878bc; } #lesson-view #lesson-view-wrap #status-note.marked-as-read.complete .text { color: #13853a; } #lesson-view #lesson-view-wrap #status-note .text { font-weight: 600; white-space: nowrap; font-size: 1rem; color: #212529; display: flex; align-items: center; justify-content: center; margin: 0; padding: 0.6rem 1rem; border-radius: 0.25rem; } #lesson-view #lesson-view-wrap #status-note .arrow-left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #0D7B31; position: absolute; bottom: -13px; right: 6px; transform: rotate(45deg); display: none; } #lesson-units { padding: 0.1rem; } #lesson-units ul { list-style: none; margin: 0; padding: 0; } #lesson-units ul li { border-bottom: 1px solid #dee2e6; border-top: 1px solid #fff; } #lesson-units ul li .icon { margin-right: 0.7rem; width: 25px; text-align: center; display: inline-block; color: #dee2e6; font-size: 1.2rem; } #lesson-units ul li .icon.completed, #lesson-units ul li .icon.confirmed { color: #13853a; } #lesson-units ul li:last-child { border-bottom: none; } #lesson-units ul li:first-child { border-top: none; } #lesson-units ul li a { display: flex; align-items: center; padding: 0.6rem 1rem; color: #212529; } #lesson-units ul li a:hover { color: #65b84c; text-decoration: none; } #lesson-content { max-width: 768px; margin: 0 auto; padding: 2rem 0; } #lesson-results .icon { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin: 0 auto 2rem; background: #41b4e4; color: #fff; border-radius: 50%; } #lesson-results .card-body { padding: 2.5rem; } .model-search-results .card-footer { display: flex; justify-content: space-between; background: #fff; } .model-search-results .card { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .model-search-results .add { color: #198754; } .model-search-results .remove { color: #dc3545; } .model-search-results .card.selected { opacity: 0.8; box-shadow: none; } .model-search-results .card .remove { display: none; } .model-search-results .card.selected .remove { display: block; } .model-search-results .card.selected .add { display: none; } .search-filters .btn-link.filter { color: #495057; border: 1px solid #ced4da; background: #fff; } #lesson-cart { z-index: 100; width: 300px; position: fixed; top: 0; right: 0; background: rgba(255, 255, 255, 0.9); background: linear-gradient(145deg, rgba(255, 255, 255, 0.9) 0%, rgba(242, 242, 242, 0.9) 64%); height: 100%; border: 1px solid #dee2e6; overflow: auto; } #lesson-cart li.list-group-item { background: none; } .popover-confirmation-button { padding: 1rem 0 0.3rem 0; } .popover-confirmation-content { padding-bottom: 1rem; } .lesson-cart-popover { display: block; width: 100%; height: 100%; position: absolute; } #lesson-cart-dropdown #continue button { display: block; width: 100%; } #lesson-cart-dropdown #continue button.btn-primary { background: #198754; border: 1px solid #198754; } #lesson-search input { width: 300px; } .animate-pulsate { animation: animate-pulsate 1s ease-in-out infinite both; } @keyframes animate-pulsate { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } @media (min-width: 576px) { .icon-details-layout .wrap-content { display: flex; } .icon-details-layout #icon { font-size: 5rem; line-height: 5rem; margin-top: 0.5rem; margin-bottom: 0; margin-right: 2rem; } } @media (min-width: 768px) { #lesson-units { padding: 0.5rem 1.5rem; } .icon-details-layout #intro-header { padding-right: 7rem; } #lesson-view .buttons-wrap { display: flex; align-items: center; } #lesson-view .buttons-wrap a { margin-right: 1.5rem; } #lesson-view .buttons-wrap a:last-child { margin-right: 0; } #lesson-view #lesson-view-wrap #status-note { margin-left: auto; margin-bottom: 0; position: absolute; top: 10px; right: -15px; padding: 0 0 10px 0; } #lesson-view #lesson-view-wrap #status-note.marked-as-read .text { background: #3878bc; color: #fff; } #lesson-view #lesson-view-wrap #status-note.marked-as-read .arrow-left { border-right: 10px solid #094484; } #lesson-view #lesson-view-wrap #status-note.marked-as-read.complete .text { background: #13853a; color: #fff; } #lesson-view #lesson-view-wrap #status-note.marked-as-read.complete .arrow-left { border-right: 10px solid #076D28; } #lesson-view #lesson-view-wrap #status-note .wrap { position: relative; } #lesson-view #lesson-view-wrap #status-note .text { justify-content: flex-start; border-radius: 0.25rem 0.25rem 0 0.25rem; padding: 0.5rem 1rem; font-size: 0.9rem; } #lesson-view #lesson-view-wrap #status-note .arrow-left { display: block; } #lesson-view #lesson-quizzes > ul > li { display: flex; align-items: center; } #lesson-view #lesson-quizzes > ul > li .title-wrap > ul { justify-content: flex-start; } #lesson-view #lesson-quizzes > ul > li.quiz { padding: 1.5rem 1.5rem 1.5rem 0; } #lesson-view #lesson-quizzes > ul > li .latest-score { margin-right: 2rem; flex: 0 0 120px; margin-bottom: 0; } #lesson-view #lesson-quizzes > ul > li .quiz-details { text-align: left; padding-right: 1.5rem; flex-grow: 1; } #lesson-view #lesson-quizzes > ul > li .quiz-end { margin-left: auto; padding: 0; flex: 0 0 130px; } #lesson-view #lesson-quizzes h2, #lesson-view #lesson-quizzes .h2 { margin-bottom: 0; } } /****** Passage view for passage layout ****/ .passage-number { text-decoration: underline; } .passage-scroll { overflow-x: scroll; } .passage-scroll.margin-bottom-0 { margin-bottom: 0; } .passage-scroll.margin-bottom-1 { margin-bottom: 1.5rem; } .passage-scroll.margin-bottom-2 { margin-bottom: 2.5rem; } .passage-scroll.margin-bottom-3 { margin-bottom: 3.5rem; } .passage-scroll.has-line-numbers.starting-line-1 .line-numbers span:nth-of-type(5n + 1) { visibility: visible; } .passage-scroll.has-line-numbers.starting-line-2 .line-numbers span:nth-of-type(5n + 2) { visibility: visible; } .passage-scroll.has-line-numbers.starting-line-3 .line-numbers span:nth-of-type(5n + 3) { visibility: visible; } .passage-scroll.has-line-numbers.starting-line-4 .line-numbers span:nth-of-type(5n + 4) { visibility: visible; } .passage-scroll.has-line-numbers.starting-line-5 .line-numbers span:nth-of-type(5n + 5) { visibility: visible; } @media (min-width: 576px) { .passage-scroll { overflow-x: visible; } } .content-sections-passage #segment-header #segment-header-container { padding: 0; } @media (min-width: 1200px) { .content-sections-passage { height: 100%; } .content-sections-passage body { overflow: hidden; } .content-sections-passage .pad-container { padding: 0; height: 100%; } .content-sections-passage #impersonating-alert { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 50; } .content-sections-passage #segment-body { margin: 0; } .content-sections-passage #segment-footer { display: none; } .content-sections-passage #segment-header { position: absolute; width: 100%; top: 84px; z-index: 1; } .content-sections-passage #segment-header #segment-header-container { padding: 0; } .content-sections-passage #segment-body { padding-top: 142px; } .content-sections-passage #header { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .content-sections-passage #section-modules-view { padding-bottom: 1rem; height: 100%; } .content-sections-passage #section-modules-view-inner { height: 100%; } .content-sections-passage #main { padding: 0; } .content-sections-passage body, .content-sections-passage #app, .content-sections-passage #main, .content-sections-passage #segment-body, .content-sections-passage .section-container, .content-sections-passage .segment-row, .content-sections-passage .main-column { height: 100%; } .content-sections-passage .scroll { overflow-y: scroll; height: 100%; } .content-sections-passage #footer { display: none; } } /****** Passage edit.vue ******/ #content-modules-sections-edit { /* Highlight the numbers in passage to show what was selected during edit mode to make it easier to see/select if it needs to be removed */ /* End Highlight */ } #content-modules-sections-edit .act-underline .text-highlight { background: #FFFFDD; } #content-modules-sections-edit .passage-square { background: #FFFFDD; } #content-modules-sections-edit .passage-title { padding: 0.8rem; border-bottom: 1px solid #e9ecef; margin-bottom: 1rem; } #content-modules-sections-edit .passage-title p { margin: 0; } #content-modules-sections-edit .layout-passage .segment-row { padding: 0; } #content-modules-sections-edit .passage .character-counter { padding-right: 1em; } #content-modules-sections-edit .section-module .passage .text-editor { /* .ql-editor is required to overwrite the defaul css for quill js .passage-text is used on the view so that the css matches .text-no-editor is used during edit when the editor has not been loaded ( .ql-editor ) */ } #content-modules-sections-edit .section-module .passage .text-editor .ql-container, #content-modules-sections-edit .section-module .passage .text-editor .ql-editor, #content-modules-sections-edit .section-module .passage .text-editor .text-no-editor { font-family: "Times New Roman", Georgia, serif; font-size: 1.2rem; line-height: 2.8rem; } #content-modules-sections-edit .section-module .passage .text-editor .ql-editor, #content-modules-sections-edit .section-module .passage .text-editor .text-no-editor { text-indent: 40px; } #content-modules-sections-edit .section-module .passage .text-editor .text-no-editor p { margin: 0; } #content-modules-sections-edit .section-module .passage.passage-reading .ql-container, #content-modules-sections-edit .section-module .passage.passage-reading .ql-editor, #content-modules-sections-edit .section-module .passage.passage-reading .text-no-editor { line-height: 1.8rem; } /****** Applys to all passages: single layout, passage layout, edit ******/ .column-passage-1 .inner-column { margin: 0 auto; padding: 1rem; } @media (min-width: 768px) { .column-passage-1 .inner-column { padding: 2rem; } } .passage-text { font-family: "Times New Roman", Georgia, serif; font-size: 1.2rem; line-height: 2.8rem; text-indent: 40px; } .inner-column { padding: 1rem; } @media (min-width: 768px) { .inner-column { padding: 2rem; } } .layout-passage { /* Set scroll bars to be flush with the edges */ padding: 0; } .layout-passage #section-modules-view-inner { background: #fff; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .line-numbers { display: none; } .has-line-numbers .passage-overflow { width: 475px; margin: 0 0 0 2.5rem; } @media (min-width: 576px) { .has-line-numbers .passage-overflow { margin: 0 auto; } } .has-line-numbers .line-numbers { display: block; font-family: "Times New Roman", Georgia, serif; line-height: 2.8rem; font-size: 1rem; width: 30px; position: absolute; left: -40px; top: 0; max-height: 98%; overflow: hidden; text-align: right; z-index: 2; padding-right: 0.5rem; } .has-line-numbers .line-numbers span { visibility: hidden; display: block; } .has-line-numbers .passage-reading .line-numbers { line-height: 1.8rem; } .has-line-numbers .passage-container { position: relative; } @media (min-width: 768px) { .has-line-numbers .line-numbers { border-right: none; } } .passage { counter-reset: testNumber; max-width: 600px; margin: 0 auto; } .passage-square[data-number="1"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "1"; margin-right: 0.3rem; } .act-underline[data-number="1"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-1.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="2"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "2"; margin-right: 0.3rem; } .act-underline[data-number="2"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-2.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="3"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "3"; margin-right: 0.3rem; } .act-underline[data-number="3"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-3.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="4"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "4"; margin-right: 0.3rem; } .act-underline[data-number="4"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-4.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="5"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "5"; margin-right: 0.3rem; } .act-underline[data-number="5"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-5.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="6"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "6"; margin-right: 0.3rem; } .act-underline[data-number="6"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-6.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="7"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "7"; margin-right: 0.3rem; } .act-underline[data-number="7"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-7.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="8"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "8"; margin-right: 0.3rem; } .act-underline[data-number="8"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-8.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="9"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "9"; margin-right: 0.3rem; } .act-underline[data-number="9"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-9.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="10"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "10"; margin-right: 0.3rem; } .act-underline[data-number="10"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-10.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="11"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "11"; margin-right: 0.3rem; } .act-underline[data-number="11"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-11.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="12"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "12"; margin-right: 0.3rem; } .act-underline[data-number="12"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-12.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="13"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "13"; margin-right: 0.3rem; } .act-underline[data-number="13"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-13.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="14"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "14"; margin-right: 0.3rem; } .act-underline[data-number="14"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-14.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="15"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "15"; margin-right: 0.3rem; } .act-underline[data-number="15"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-15.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="16"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "16"; margin-right: 0.3rem; } .act-underline[data-number="16"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-16.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="17"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "17"; margin-right: 0.3rem; } .act-underline[data-number="17"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-17.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="18"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "18"; margin-right: 0.3rem; } .act-underline[data-number="18"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-18.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="19"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "19"; margin-right: 0.3rem; } .act-underline[data-number="19"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-19.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="20"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "20"; margin-right: 0.3rem; } .act-underline[data-number="20"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-20.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="21"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "21"; margin-right: 0.3rem; } .act-underline[data-number="21"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-21.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="22"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "22"; margin-right: 0.3rem; } .act-underline[data-number="22"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-22.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="23"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "23"; margin-right: 0.3rem; } .act-underline[data-number="23"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-23.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="24"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "24"; margin-right: 0.3rem; } .act-underline[data-number="24"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-24.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="25"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "25"; margin-right: 0.3rem; } .act-underline[data-number="25"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-25.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="26"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "26"; margin-right: 0.3rem; } .act-underline[data-number="26"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-26.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="27"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "27"; margin-right: 0.3rem; } .act-underline[data-number="27"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-27.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="28"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "28"; margin-right: 0.3rem; } .act-underline[data-number="28"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-28.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="29"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "29"; margin-right: 0.3rem; } .act-underline[data-number="29"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-29.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="30"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "30"; margin-right: 0.3rem; } .act-underline[data-number="30"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-30.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="31"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "31"; margin-right: 0.3rem; } .act-underline[data-number="31"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-31.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="32"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "32"; margin-right: 0.3rem; } .act-underline[data-number="32"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-32.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="33"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "33"; margin-right: 0.3rem; } .act-underline[data-number="33"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-33.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="34"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "34"; margin-right: 0.3rem; } .act-underline[data-number="34"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-34.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="35"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "35"; margin-right: 0.3rem; } .act-underline[data-number="35"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-35.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="36"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "36"; margin-right: 0.3rem; } .act-underline[data-number="36"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-36.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="37"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "37"; margin-right: 0.3rem; } .act-underline[data-number="37"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-37.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="38"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "38"; margin-right: 0.3rem; } .act-underline[data-number="38"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-38.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="39"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "39"; margin-right: 0.3rem; } .act-underline[data-number="39"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-39.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="40"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "40"; margin-right: 0.3rem; } .act-underline[data-number="40"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-40.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="41"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "41"; margin-right: 0.3rem; } .act-underline[data-number="41"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-41.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="42"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "42"; margin-right: 0.3rem; } .act-underline[data-number="42"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-42.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="43"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "43"; margin-right: 0.3rem; } .act-underline[data-number="43"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-43.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="44"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "44"; margin-right: 0.3rem; } .act-underline[data-number="44"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-44.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="45"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "45"; margin-right: 0.3rem; } .act-underline[data-number="45"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-45.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="46"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "46"; margin-right: 0.3rem; } .act-underline[data-number="46"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-46.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="47"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "47"; margin-right: 0.3rem; } .act-underline[data-number="47"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-47.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="48"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "48"; margin-right: 0.3rem; } .act-underline[data-number="48"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-48.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="49"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "49"; margin-right: 0.3rem; } .act-underline[data-number="49"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-49.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="50"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "50"; margin-right: 0.3rem; } .act-underline[data-number="50"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-50.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="51"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "51"; margin-right: 0.3rem; } .act-underline[data-number="51"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-51.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="52"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "52"; margin-right: 0.3rem; } .act-underline[data-number="52"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-52.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="53"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "53"; margin-right: 0.3rem; } .act-underline[data-number="53"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-53.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="54"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "54"; margin-right: 0.3rem; } .act-underline[data-number="54"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-54.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="55"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "55"; margin-right: 0.3rem; } .act-underline[data-number="55"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-55.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="56"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "56"; margin-right: 0.3rem; } .act-underline[data-number="56"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-56.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="57"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "57"; margin-right: 0.3rem; } .act-underline[data-number="57"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-57.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="58"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "58"; margin-right: 0.3rem; } .act-underline[data-number="58"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-58.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="59"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "59"; margin-right: 0.3rem; } .act-underline[data-number="59"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-59.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="60"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "60"; margin-right: 0.3rem; } .act-underline[data-number="60"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-60.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="61"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "61"; margin-right: 0.3rem; } .act-underline[data-number="61"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-61.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="62"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "62"; margin-right: 0.3rem; } .act-underline[data-number="62"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-62.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="63"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "63"; margin-right: 0.3rem; } .act-underline[data-number="63"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-63.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="64"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "64"; margin-right: 0.3rem; } .act-underline[data-number="64"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-64.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="65"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "65"; margin-right: 0.3rem; } .act-underline[data-number="65"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-65.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="66"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "66"; margin-right: 0.3rem; } .act-underline[data-number="66"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-66.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="67"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "67"; margin-right: 0.3rem; } .act-underline[data-number="67"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-67.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="68"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "68"; margin-right: 0.3rem; } .act-underline[data-number="68"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-68.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="69"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "69"; margin-right: 0.3rem; } .act-underline[data-number="69"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-69.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="70"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "70"; margin-right: 0.3rem; } .act-underline[data-number="70"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-70.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="71"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "71"; margin-right: 0.3rem; } .act-underline[data-number="71"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-71.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="72"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "72"; margin-right: 0.3rem; } .act-underline[data-number="72"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-72.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="73"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "73"; margin-right: 0.3rem; } .act-underline[data-number="73"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-73.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="74"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "74"; margin-right: 0.3rem; } .act-underline[data-number="74"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-74.svg) no-repeat 50% 100%; background-size: 30px; } .passage-square[data-number="75"]:before { background: #6c757d; padding: 0 0.5rem; font-weight: 600; color: #fff; content: "75"; margin-right: 0.3rem; } .act-underline[data-number="75"] { background: url(https://images.methodtestprep.com/passage-numbers/passage-number-75.svg) no-repeat 50% 100%; background-size: 30px; } .passage-text p { margin: 0; } .act-underline { text-decoration: underline; position: relative; padding-bottom: 1.2rem; } .act-underline.trigger-highlight .text-highlight { background: #FFFF99; } .passage-reading .passage-text { font-family: "Times New Roman", Georgia, serif; line-height: 1.8rem; } .passage-square.trigger-highlight { background: #FFFF99; } @media (min-width: 576px) { .passage-rotate-notice { display: none; } } #more-options #nav { height: 135px; } #more-options #nav button { color: #6c757d; display: block; text-align: center; text-decoration: none; padding: 0; } #more-options #nav a { color: #6c757d; display: block; height: 135px; width: 146px; display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid #ced4da; border-bottom: 3px solid #ced4da; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-radius: 0.25rem; } #more-options #nav p { margin: 0; } #more-options #nav li { margin-right: 1rem; text-align: center; position: relative; color: #6c757d; } #more-options #nav li:last-child { margin-right: 0; } #more-options #nav li:last-child a { margin-right: 0; } #more-options #nav li:hover a { color: #198754; text-decoration: none; border-bottom: 1px solid #ced4da; } #more-options #nav li:hover { color: #198754; padding-top: 3px; } #more-options #nav li:hover button { color: #198754; } .dropdown-menu { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .slide-button { width: 360px; overflow: hidden; height: 70px; display: block; background: #fff; border: 1px solid #ced4da; position: relative; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .slide-button .left-icon, .slide-button .right-icon { width: 70px; height: 70px; text-align: center; font-size: 2em; display: flex; align-items: center; justify-content: center; } .slide-button .left-icon { border-right: 1px solid #ced4da; } .slide-button .left-icon:before, .slide-button .right-icon:before { line-height: 70px; } .slide-button .text { width: 290px; line-height: 70px; padding-left: 20px; } .slide-button .right-icon { border-left: 1px solid #ced4da; } .slide-button .text-wrap { height: 70px; position: absolute; width: 430px; left: 0; top: 0; display: flex; transition: left 300ms cubic-bezier(0.505, 0.805, 0, 1.5); } .slide-button span { display: inline-block; vertical-align: top; } .slide-button:hover .text-wrap { left: -70px; transition: left 200ms cubic-bezier(0.505, 0.805, 0, 1.5); } .media-wrapper .media-type-pdf > a { text-decoration: none; color: #212529; } .media-wrapper .media-type-pdf > a:hover { color: #65b84c; } .media-wrapper .media-type-pdf .media-icon { display: block; font-size: 2.5rem; margin-bottom: 0.3rem; } .media-wrapper .media-type-pdf .media-label { display: block; } a.media-document-button { text-decoration: none; color: #212529; } a.media-document-button:hover { color: #65b84c; } .media-document-button { text-align: center; } .media-document-button .media-icon { display: block; font-size: 2.5rem; margin-bottom: 0.3rem; } .media-document-button .media-label { display: block; } .video-module .embed-responsive-item { border: 1px solid #ced4da; } .upload-progress { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .upload-progress .progress { width: 90%; height: 10px; } .upload-progress .progress-bar { background: #65b84c; } .media-library-listings .progress { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; width: 90%; height: 10px; } .media-library-listings .progress-bar { background: #65b84c; } .media-library-listings .media-list-header { display: flex; justify-content: flex-end; margin-bottom: 2.5rem; } .media-library-listings .media-listings-wrap { display: flex; flex-wrap: wrap; } .media-library-listings .media-listings { max-width: 1242px; margin: 0 auto; } .media-library-listings .media-listings .loading { color: #dee2e6; } .media-library-listings .doc-block.error { flex-direction: column; text-align: center; font-size: 0.8em; } .media-library-listings .doc-block { display: flex; align-items: center; justify-content: center; width: 160px; height: 160px; background: #e9ecef; margin-bottom: 0.5rem; } .media-library-listings .doc-block .word { color: #2c5898; } .media-library-listings .doc-block .excel { color: #008000; } .media-library-listings .doc-block .pdf { color: #da251c; } .media-library-listings .doc-block .file { color: #6c757d; } .media-library-listings .doc-block .icon { font-size: 3rem; } .media-library-listings .meta { margin: 0; padding: 0; white-space: nowrap; font-size: 0.8rem; } .media-library-listings .meta li.title { color: #495057; } .media-library-listings .meta li { white-space: nowrap; margin-bottom: 0.2rem; } .media-library-listings .meta li:last-child { margin-bottom: 0; } .media-library-listings .media-row { margin-bottom: 1rem; display: flex; justify-content: center; } .media-library-listings .media-item { margin-right: 1rem; padding: 1rem; border-width: 1px; border-style: solid; border-color: #e9ecef; margin-bottom: 1rem; width: 192px; height: 260px; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; position: relative; } .media-library-listings .media-item.selected, .media-library-listings .media-item.selected:hover { border-color: #41b4e4; box-shadow: none; } .media-library-listings .media-item:hover { border-color: #ced4da; box-shadow: none; } .media-library-listings .media-item .meta { overflow: hidden; white-space: normal; } .media-library-listings .media-item:last-child { margin-right: 0; } .media-library-listings img { border: 1px solid #dee2e6; } .media-library-upload .form-control-file { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .media-library-upload .form-control-file + label { cursor: pointer; margin: 0; } .editor-media-modal { padding: 0 !important; } .editor-media-modal .media-library-upload { display: flex; align-items: center; justify-content: center; height: 100%; } .editor-media-modal .media-tab-content { display: none; height: 100%; } .editor-media-modal .media-tab-content.active { display: block; } .editor-media-modal .modal-footer button:disabled { background: #adb5bd; border: 1px solid #adb5bd; } .editor-media-modal .modal-footer .media-library-upload label { padding: 0.375rem 1rem; color: #198754; border: 2px solid #198754; border-radius: 5px; } .editor-media-modal .modal-footer .media-library-upload label:hover { background: #198754; color: #fff; } .editor-media-modal .ms-pagination { text-align: center; display: flex; align-items: center; justify-content: center; } .editor-media-modal .ms-pagination button.prev:disabled, .editor-media-modal .ms-pagination button.next:disabled { color: #dee2e6; border-color: #dee2e6; } .editor-media-modal .ms-pagination .prev, .editor-media-modal .ms-pagination .next { padding: 0.3rem 0.8rem; border-width: 2px; border-color: #41b4e4; border-style: solid; text-decoration: none; color: #41b4e4; } .editor-media-modal .ms-pagination .prev:hover, .editor-media-modal .ms-pagination .next:hover { color: #198754; border-color: #198754; } .editor-media-modal .ms-pagination .prev { text-align: left; } .editor-media-modal .ms-pagination .next { text-align: right; } .editor-media-modal .media-library-listings, .editor-media-modal .container-fluid, .editor-media-modal .container-sm, .editor-media-modal .container-md, .editor-media-modal .container-lg, .editor-media-modal .container-xl, .editor-media-modal .container-xxl, .editor-media-modal .row { height: 100%; } .editor-media-modal .media-details { padding: 1rem; background: #f8f9fa; height: 100%; border-left: 1px solid #dee2e6; } .editor-media-modal .media-details ul { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .editor-media-modal .media-details ul { border: 1px solid #dee2e6; } .editor-media-modal .media-library-listings-wrapper { padding: 2rem; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: auto; } .editor-media-modal .media-library-listings .container-fluid, .editor-media-modal .media-library-listings .container-sm, .editor-media-modal .media-library-listings .container-md, .editor-media-modal .media-library-listings .container-lg, .editor-media-modal .media-library-listings .container-xl, .editor-media-modal .media-library-listings .container-xxl { padding: 0; } .editor-media-modal ul.menu-buttons { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; margin-left: auto; } .editor-media-modal .menu-buttons li { height: 55px; } .editor-media-modal .menu-buttons .media-library-upload label, .editor-media-modal .menu-buttons button.close { padding: 1rem 1.5rem; } .editor-media-modal .menu-buttons li.close-btn { color: #495057; border-top-right-radius: 3px; } .editor-media-modal .menu-buttons li.close-btn button { background: none; border: none; box-shadow: none; } .editor-media-modal .menu-buttons li.close-btn:hover .close { color: #dc3545; opacity: 1; } .editor-media-modal .modal-outer { padding: 1rem; height: 100%; background: #e9ecef; border-radius: 5px; } .editor-media-modal .modal-dialog { max-width: none; margin: 1.75rem; max-height: calc(100% - 3.5rem); height: 100%; } .editor-media-modal .modal-content { height: 100%; border: none; background: none; } .editor-media-modal .modal-header { align-items: center; justify-content: flex-start; height: 55px; padding: 0; background: #e9ecef; border-bottom: none; } .editor-media-modal .modal-header .media-tab.active { background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } .editor-media-modal .modal-header .media-tab { height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 1.5rem; cursor: pointer; } .editor-media-modal .modal-header .close { padding: 0; margin: 0; } .editor-media-modal .modal-body { padding: 0; background: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } @media (min-width: 2500px) { .editor-media-modal .modal-dialog { max-width: 2400px; margin: 1.75rem auto; } } #partner .set-height { max-height: 350px; overflow-y: auto; } .modules-wrap .add-top-column, .modules-wrap .add-bottom-column { width: 10px; background: #e9ecef; flex: 0 0 15px; align-items: center; justify-content: center; padding: 0; } .modules-wrap .drag-drop-add { text-align: center; background: #e9ecef; } .modules-wrap .drag-drop-add svg { height: 100%; } .modules-wrap .add-top-row { height: 30px; } .modules-wrap .add-column { background: #e9ecef; padding: 0.5rem; border: 2px solid #e9ecef; } .modules-wrap .section-column-module { flex-grow: 1; } .modules-wrap .section-column-module .columns { display: flex; align-items: flex-start; flex-grow: 1; } .modules-wrap .section-column-module .columns .column { flex: 1; } .modules-wrap .section-column-module .columns .add-column.column { flex: 0; align-self: center; height: 100%; display: flex; align-items: center; justify-content: center; } .modules-wrap .modules { margin-bottom: 2rem; } .modules-wrap .on-module-drag .module-drag-drop { min-height: 100px; border: 2px dashed #dee2e6; } .modules-wrap .module:hover .module-options-bar { opacity: 1; transition: opacity 200ms; } .modules-wrap .section-module .module-options-bar { position: absolute; top: -10px; width: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 200ms; font-size: 0.9rem; } .modules-wrap .section-module .module-options-bar .options { display: flex; align-items: center; background: #f8f9fa; border: 1px solid #dee2e6; padding: 0.5rem 0; border-radius: 2px; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } .modules-wrap .section-module .module-options-bar .remove-module:hover { color: #dc3545; cursor: pointer; } .modules-wrap .section-module .module-options-bar .options .option { border-right: 1px solid #dee2e6; border-left: 1px solid #fff; padding: 0 1rem; } .modules-wrap .section-module .module-options-bar .options .option:first-child { border-left: none; } .modules-wrap .section-module .module-options-bar .options .option:last-child { border-right: none; } #create-quiz-questions .questions { padding: 1rem 0; border-bottom: #dee2e6; border-top: #fff; } #create-quiz-questions .question:first { border-top: none; } #create-quiz-questions .question:last { border-bottom: none; } .action-menu { display: flex; padding: 0.5rem; justify-content: center; } .action-menu button { border: none; margin: 0 1rem 0 0; padding: 0; width: auto; overflow: visible; background: transparent; /* inherit font & color from ancestor */ color: inherit; font: inherit; /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */ line-height: normal; /* Corrects font smoothing for webkit */ -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; /* Corrects inability to style clickable `input` types in iOS */ -webkit-appearance: none; } .action-menu button:last-child { margin-right: 0; } #reorder-questions .list-group { overflow: hidden; } #reorder-questions .list-group-item { white-space: nowrap; display: flex; align-items: center; cursor: move; } #reorder-questions .dragging .list-group-item:hover { background: none; } #reorder-questions .list-group-item:hover { background: #f8f9fa; } #reorder-questions .sortable-ghost { opacity: 0.4; border: 2px dashed #999; } .markdown-textarea textarea { height: 40px; resize: none; overflow: hidden; } .markdown-textarea .textarea-wrapper { flex: 1; } .markdown-textarea .compiled-markdown-wrap { flex: 1; } .compiled-markdown img { max-width: 100%; height: auto; } .compiled-markdown { padding: 0.375rem 0.75rem; } .markdown-textarea { display: flex; align-items: center; flex: 1; } /* Custom radio select */ .ac-radio .choice:hover label::before { border: 2px solid #0d6efd; } .ac-radio .choice:hover .letter { color: #0d6efd; } .ac-radio .form-check { display: block; padding: 0; } .ac-radio label, .ac-radio.form-check-label { display: block; padding: 1.2rem 1.2rem 1.2rem 4rem; } .ac-radio label::before { content: ""; position: absolute; width: 35px; height: 35px; cursor: pointer; display: block; border: 2px solid #495057; border-radius: 50%; text-align: center; line-height: 35px; left: 0; top: 50%; margin-top: -17.5px; } .ac-radio .letter { position: absolute; width: 35px; height: 35px; top: 0; line-height: 35px; left: 0; top: 50%; margin-top: -17.5px; text-align: center; display: block; } .ac-custom input[type=checkbox], .ac-custom input[type=radio] { opacity: 0; -webkit-appearance: none; display: inline-block; vertical-align: middle; z-index: 100; } /* General SVG and path styles */ .ac-custom svg { position: absolute; width: 30px; height: 30px; top: 50%; margin-top: -15px; left: 3.3px; pointer-events: none; } .ac-custom .form-check-input { position: absolute; } .ac-custom svg path { stroke: #404040; stroke-width: 13px; stroke-linecap: round; stroke-linejoin: round; fill: none; } .cicle-selection { display: flex; align-items: center; justify-content: center; } .ac-circle svg { width: 70px; height: 70px; margin-top: -35px; left: -10px; } .ac-circle svg path { stroke-width: 5px; } /* Box Fill */ .ac-boxfill svg path { stroke-width: 8px; } /* Swirl */ .ac-swirl svg path { stroke-width: 8px; } /* List */ .ac-list ol { list-style: decimal; list-style-position: inside; } .ac-list ol li { font-size: 2em; padding: 1em 1em 0 2em; text-indent: -40px; } .ac-list ol li label { font-size: 1em; text-indent: 0; padding-left: 30px; } .ac-list label::before { display: none; } .ac-list svg { width: 100%; height: 80px; left: 0; top: 1.2em; margin-top: 0px; } .ac-list svg path { stroke-width: 2px; } .answer-choices p { margin: 0; } .answer-choices li { display: flex; align-items: center; } .answer-choices li .text { margin-right: 1rem; } #create-question .compiled-markdown-wrap { background: #FCFCFC; border: 1px solid #dee2e6; min-height: 40px; } #create-question .compiled-markdown-wrap p:last-child { margin: 0; } #create-question .options { display: flex; align-items: center; color: #dee2e6; } #create-question .options .option { margin-left: 1rem; cursor: pointer; } #create-question .sortable-ghost { opacity: 0.4; border: 2px dashed #999; } .underline-wrap { padding: 1rem; position: relative; display: inline-block; } .underline-hover .underline-wrap:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background: #65b84c; height: 2px; width: 0px; transition: width 200ms cubic-bezier(0.505, 0.805, 0, 1.5); } .underline-hover:hover .underline-wrap:after { transition: width 200ms cubic-bezier(0.505, 0.805, 0, 1.5); width: 98%; } .livewire-autocomplete .search-results, .livewire-autocomplete .selected-items { background: #fff; border: 1px solid #dee2e6; } .livewire-autocomplete .search-results ul, .livewire-autocomplete .selected-items ul { list-style: none; margin: 0; padding: 0; } .livewire-autocomplete .search-results ul li, .livewire-autocomplete .selected-items ul li { border-bottom: 1px solid #dee2e6; } .livewire-autocomplete .search-results ul li button, .livewire-autocomplete .selected-items ul li button { display: block; background: none; border: none; width: 100%; text-align: left; padding: 0.5rem 1rem; } .livewire-autocomplete .search-results ul li button.remove, .livewire-autocomplete .selected-items ul li button.remove { font-size: 1.2rem; color: #adb5bd; } .livewire-autocomplete .search-results ul li button.remove:hover, .livewire-autocomplete .selected-items ul li button.remove:hover { color: #dc3545; } .livewire-autocomplete .search-results ul li:last-child, .livewire-autocomplete .selected-items ul li:last-child { border: none; } .livewire-autocomplete .search-results ul li:hover { background: #f8f9fa; } .livewire-autocomplete .search-results ul li:hover button { color: #309cc9; } .livewire-autocomplete .results-wrap { position: relative; } .livewire-autocomplete .search-results { position: absolute; z-index: 1; top: auto; left: 0; width: 100%; max-height: 200px; overflow: auto; } .autocomplete { position: relative; } .autocomplete #tag-selection .search-selected { padding-top: 1rem; } .autocomplete #tag-selection .search-selected .remove { cursor: pointer; } .autocomplete #tag-selection .search-selected .remove:hover { color: #e3342f; } .autocomplete #tag-selection .search-selected a.dashboard-link:hover { color: #417aba; } .autocomplete .list-group-item-part { border-left: 1px solid rgba(0, 0, 0, 0.125); } .autocomplete .list-group-item-part:first-child { border-left: none; } .autocomplete .results-wrap { position: relative; z-index: 5; background: #fff; } .autocomplete ul.search-selected { list-style: none; margin: 0; padding: 0; background: #fff; border: 1px solid #dee2e6; } .autocomplete ul.search-selected li { display: flex; align-items: center; border-bottom: 1px solid #dee2e6; } .autocomplete ul.search-selected li:last-child { border-bottom: none; } .autocomplete ul.search-selected li .title { padding: 0.5rem 1rem; flex: 1; } .autocomplete ul.search-selected li .remove { padding: 0.5rem 1rem; cursor: pointer; } .autocomplete ul.search-selected li .remove:hover { color: #dc3545; } .autocomplete-results { padding: 5px 12px; margin: 0; border: 1px solid #eeeeee; max-height: 200px; overflow: auto; position: absolute; z-index: 5; top: calc(1.6em + 0.75rem + 2px); left: 0; width: 100%; background: #fff; } .autocomplete-result { list-style: none; text-align: left; cursor: pointer; padding: 5px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; } .autocomplete-result:hover { background-color: #65b84c; color: white; } .autocomplete textarea:focus, .autocomplete input:focus, .autocomplete button { outline: none; } #autocomplete-results-wrap { position: relative; } .autocomplete-result.is-active, .autocomplete-result:hover { background-color: #65b84c; color: white; } #subject-scores { background: #fff; border: 1px solid #dee2e6; } #subject-scores li { border-bottom: 1px solid #dee2e6; } #subject-scores li a { display: block; color: #495057; padding: 1.5rem; text-align: center; text-decoration: none; } #subject-scores li.selected a { background: #f8f9fa; } #subject-scores li:hover a { background: #f8f9fa; } #subject-scores .low .label, #subject-scores .low .score-percent { color: #adb5bd; } #subject-scores .up .score-percent { color: #13853a; } #subject-scores .down .score-percent { color: #dc3545; } #user-subject-concept-scores #user-subject-concept-scores-header button { padding: 0; background: none; border: none; font-weight: 600; } #user-subject-concept-scores #user-subject-concept-scores-header button:hover { color: #13853a; } .score-by-concept .loading-toggle { display: none; } .score-by-concept .loading-toggle-wrap.form-switch { padding: 0; } .score-by-concept .loading-toggle-wrap .loading-toggle { width: 2rem; display: block; text-align: center; } .score-by-concept .loading-toggle-wrap .form-check-input { display: none; } .score-by-concept #colorFilter ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 0.25rem; } .score-by-concept #colorFilter ul li { border-right: 1px solid #ced4da; } .score-by-concept #colorFilter ul li:last-child { border-right: none; } .score-by-concept #colorFilter ul li.active { background: #e9ecef; opacity: 0.5; } .score-by-concept #colorFilter ul li button { display: block; background: none; border: none; padding: 0 0.5rem; height: 30px; line-height: 30px; } .score-by-concept .incomplete { color: #6c757d; } .score-by-concept .danger { color: red; } .score-by-concept .warning { color: #fdd430; } .score-by-concept .good { color: green; } #concept-score-tags.tag-show .name { width: 40%; } #concept-score-tags.tag-show .attempted { width: 25%; } #concept-score-tags.tag-show .score { width: 25%; } #concept-score-tags .pagination { margin: 0; } #concept-score-tags .form-check { cursor: pointer; } #concept-score-tags .form-check-input { margin-top: 0; } #concept-score-tags .form-check-label { margin-left: 0.5rem; } #concept-score-tags #concept-score-options { padding: 1rem; background: #fff; border: 1px solid #dee2e6; margin-bottom: 0.5rem; } #concept-score-tags #concept-score-tag-header { font-weight: 600; display: flex; align-items: center; } #concept-score-tags #concept-score-tag-header .dropdown-item.active, #concept-score-tags #concept-score-tag-header .dropdown-item:active { background-color: #e9ecef; color: #212529; } #concept-score-tags #concept-score-tag-header .tag-header { padding: 1rem 0; } #concept-score-tags #concept-score-tag-header .tag-header button { text-decoration: none; color: #212529; padding: 0; background: none; border: none; font-weight: 600; } #concept-score-tags #concept-score-tag-header .tag-header button:hover { color: #13853a; } #concept-score-tags #concept-score-tag-header .tag-header.sortable:hover { color: #13853a; cursor: pointer; } #concept-score-tags .filter { text-align: center; width: 10%; } #concept-score-tags .name { width: 30%; } #concept-score-tags .set-width { text-align: center; } #concept-score-tags .set-width { width: 15%; } .concept-score-tag-wrap { background: #fff; margin-bottom: 0.6rem; border: 1px solid #dee2e6; } .concept-score-tag-wrap .name { font-size: 1rem; } .concept-score-tag-wrap .status-circle { font-size: 1em; } .concept-score-tag-wrap .tag-details { display: flex; width: 100%; align-items: center; padding: 2.5rem 0; } .concept-score-tag-wrap .attempted, .concept-score-tag-wrap .score, .concept-score-tag-wrap .norm { font-weight: 600; } .concept-score-tag-wrap .more a { text-decoration: none; color: #6c757d; } .concept-score-tag-wrap .more a:hover { color: #13853a; } #example-concept-bar.concept-bar .concept-progress-wrap { height: 5px; } .concept-score-dot { background: #fff; width: 15px; height: 15px; border-radius: 50%; border-radius: 100%; display: inline-block; } .concept-score-dot.incomplete { background: #6c757d; } .concept-score-dot.danger { background: red; } .concept-score-dot.warning { background: #fdd430; } .concept-score-dot.good { background: green; } .concept-bar { width: 100%; max-width: 100%; position: relative; margin: 0 auto; } .concept-bar .has-cs-tooltip:hover .cs-tooltip-wrap { display: block; cursor: pointer; z-index: 10; } .concept-bar .has-cs-tooltip .cs-tooltip-wrap { position: relative; display: none; } .concept-bar .has-cs-tooltip .cs-tooltip-wrap .cs-tooltip { position: absolute; width: 100px; height: 50px; padding: 0.5rem; display: flex; overflow: hidden; border: 1px solid #dee2e6; align-items: center; justify-content: center; color: #212529; border-radius: 0.5rem; top: -50px; background: #fff; left: -50px; margin: 0 auto; } .concept-bar .concept-progress-wrap { height: 2px; display: flex; border-radius: 0.25rem; line-height: 0; } .concept-bar .concept-progress-wrap .bg-danger { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .concept-bar .concept-progress-wrap .bg-success { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .concept-bar .concept-score-dot { position: absolute; top: 50%; margin-left: -7.5px; margin-top: -7.5px; display: flex; align-items: center; justify-content: center; transition: left 0.6s ease; } .concept-bar .concept_score_icon { position: absolute; background: #3878bc; width: 5px; height: 20px; margin-left: -2.5px; border-radius: 0.25rem; top: 50%; margin-top: -10px; transition: left 0.6s ease; } .reporting .table td { padding-top: 1.5em; padding-bottom: 1.5em; } .reporting .report-table tr th, .reporting .report-table tr td { vertical-align: middle; } .reporting .report-table .concept-label { padding-left: 0; padding-right: 0; } .reporting .report-table .concept-bar-cell { max-width: 30vw; } .reporting .dropdown-item { position: relative; margin-bottom: 4px; font-size: 1.15em; } .reporting .dropdown-item .label { margin-left: 3em; } .reporting .dropdown-item .icon { top: -3px; } .reporting .dropdown-item:hover { background: #FBFBFB; background: #b5b5b5; } .reporting .dropdown-item:hover.selected { background: #b5b5b5; background: #FBFBFB; } .reporting .dropdown-item.selected { background: #dbdbdb; } .reporting .search-input { padding: 5px; padding-right: 20px; border-radius: 0.25em; width: 350px; } .reporting .search-input-container { position: relative; } .reporting .search-input-container .search-icon { position: absolute; top: 6px; right: 10px; } .reporting .bg-warning { background-color: #fdd430; } .reporting figcaption { font-size: 95%; color: #FBFBFB; max-width: 450px; text-align: center; margin: auto; } .reporting .constrain-text { max-width: 750px; margin: auto; } #score-by-concept-guide .card { padding: 2em 2.5em; margin: 2em; } #score-by-concept-guide h3, #score-by-concept-guide .h3 { line-height: 2em; text-align: center; } .report-percent { font-size: 2em; } .reporting-sortable .direction-icon { visibility: hidden; } .reporting-sortable thead th { font-size: 0.9rem; vertical-align: middle; } .reporting-sortable thead th .sortable { cursor: pointer; position: relative; padding-right: 15px; } .reporting-sortable thead th .sortable .direction-icon { position: absolute; top: 50%; font-size: 1rem; line-height: 1rem; margin-top: -7.5px; right: 0; margin-left: 0.5rem; } .reporting-sortable thead.direction-desc .sortable.active-sort .direction-icon.asc { visibility: visible; } .reporting-sortable thead.direction-desc .sortable:hover .direction-icon.asc { visibility: visible; } .reporting-sortable thead.direction-desc .sortable:hover .direction-icon.asc { visibility: hidden; } .reporting-sortable thead.direction-desc .sortable:hover .direction-icon.desc { visibility: visible; } .reporting-sortable thead.direction-asc .sortable.active-sort .direction-icon.desc { visibility: visible; } .reporting-sortable thead.direction-asc .sortable:hover .direction-icon.desc { visibility: visible; } .reporting-sortable thead.direction-asc .sortable:hover .direction-icon.desc { visibility: hidden; } .reporting-sortable thead.direction-asc .sortable:hover .direction-icon.asc { visibility: visible; } #course-progress-table th { white-space: nowrap; max-width: 200px; } #course-progress-table .dropdown-menu { width: 250px; } #course-progress-table .dropdown-menu.large { width: 500px; } #course-progress-table .dropdown-toggle { text-decoration: none; color: #212529; font-weight: 900; } #content-modules-sections-edit .show-section { display: flex; align-items: center; justify-content: center; cursor: pointer; color: #ced4da; } #content-modules-sections-edit .show-section:hover { color: #65b84c; } #content-modules-sections-edit .select-section-layout .layout-option { min-width: 250px; } #content-modules-sections-edit .add-module-loading { display: flex; align-items: center; justify-content: center; text-align: center; font-size: 1.5rem; height: 102px; } #content-modules-sections-edit .select-module { position: relative; margin-bottom: 1.5rem; } #content-modules-sections-edit .select-module .toggle-module-icons { display: flex; align-items: center; justify-content: center; } #content-modules-sections-edit .select-module .toggle-module-icons .icon { font-size: 2rem; } #content-modules-sections-edit .select-module .toggle-module-icons .icon-wrap { cursor: pointer; text-align: center; padding: 1rem; width: 90px; position: relative; } #content-modules-sections-edit .select-module .toggle-module-icons .icon-wrap:hover { color: #65b84c; } #content-modules-sections-edit #section-layout-select { padding-top: 2rem; padding-bottom: 2rem; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ced4da; background: #fff; } #content-modules-sections-edit #section-layout-select img { border: 2px solid transparent; } #content-modules-sections-edit #section-layout-select .active img { border: 2px solid #65b84c; } #content-modules-sections-edit #section-layout-select .active .circle-selection { color: #65b84c; } #content-modules-sections-edit .module-icons { width: 500px; position: absolute; left: 50%; margin-left: -250px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); border: 1px solid #e9ecef; bottom: 92px; background: #fff; border-radius: 1rem; z-index: 5; color: #000; } #content-modules-sections-edit .module-icons .inner { position: relative; } #content-modules-sections-edit .module-icons .inner:after, #content-modules-sections-edit .module-icons .inner:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } #content-modules-sections-edit .module-icons .inner:after { border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width: 12px; margin-left: -12px; } #content-modules-sections-edit .module-icons .inner:before { border-color: rgba(194, 225, 245, 0); border-top-color: #e9ecef; border-width: 15px; margin-left: -15px; } #content-modules-sections-edit .module-icons .item { text-align: center; padding: 0.5rem 1rem; cursor: pointer; border-radius: 3px; } #content-modules-sections-edit .module-icons .item:hover .icon, #content-modules-sections-edit .module-icons .item:hover .title { color: #65b84c; } #content-modules-sections-edit .module-icons .icon { font-size: 1.5rem; } #content-modules-sections-edit .module-icons .title { text-align: center; } #content-modules-sections-edit .spacer-module { border-bottom: 2px solid #fff; } #content-modules-sections-edit .spacer-module:hover { border-bottom: 2px solid #dee2e6; } #content-modules-sections-edit .spacer-module input[type=number] { border: 2px solid #ced4da; padding: 0.5rem; } #content-modules-sections-edit .spacer-module input[type=number]:focus { outline: none; } #content-modules-sections-edit .ql-clipboard { left: 0; /* Fix issue with sortable.js draggable flying from way off screen */ } #content-modules-sections-edit .move-module { cursor: move; } #content-modules-sections-edit .section-column .layout-menu-wrap, #content-modules-sections-edit .segment-row .layout-menu-wrap { visibility: hidden; } #content-modules-sections-edit .section-column:hover .layout-menu-wrap, #content-modules-sections-edit .segment-row:hover .layout-menu-wrap { visibility: visible; } #content-modules-sections-edit .section-column .layout-menu-button, #content-modules-sections-edit .segment-row .layout-menu-button { text-align: center; cursor: pointer; } #content-modules-sections-edit .section-column .layout-menu-button:hover, #content-modules-sections-edit .segment-row .layout-menu-button:hover { background: #f8f9fa; } #content-modules-sections-edit .section-column .layout-menu-wrap { width: 100%; position: absolute; top: 0; left: 0; } #content-modules-sections-edit .row-modules { padding: 1.5rem 0; } #content-modules-sections-edit .segment-row .layout-menu-button:hover { background: #e9ecef; } #content-modules-sections-edit .katex-helpful-links { text-align: right; margin-bottom: 1rem; } #content-modules-sections-edit .katex-helpful-links a { color: #3878bc; } #content-modules-sections-edit .katex-helpful-links .icon { font-size: 0.8rem; } #content-modules-sections-edit .segment-row { margin-bottom: 1rem; } #content-modules-sections-edit .segment-row:last-child { margin-bottom: 0; } #content-modules-sections-edit .sortable-ghost { opacity: 0.4; border: 2px dashed #999 !important; text-overflow: ellipsis; } #content-modules-sections-edit .section { position: relative; } #content-modules-sections-edit .section:hover .grip-label { display: block; } .tags-wrapper #tags-tabs ul { list-style: none; margin: 0; padding: 0; display: flex; } .tags-wrapper #tags-tabs ul li { margin-right: 0.3rem; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ced4da; } .tags-wrapper #tags-tabs ul li:hover button { background: #e9ecef; } .tags-wrapper #tags-tabs ul li button { border-width: 0 0 1px 0; border-style: solid; border-color: #ced4da; background: #dee2e6; color: #6c757d; padding: 0.6rem 1.2rem; display: block; border-radius: 0; } .tags-wrapper #tags-tabs ul li button:focus { box-shadow: none; } .tags-wrapper #tags-tabs ul li.active button { border-color: #fff; background: #fff; color: #212529; } .tags-wrapper #tags-tab-content { background: #fff; padding: 1rem; border: 1px solid #ced4da; margin-top: -1px; } .tags-wrapper .results-wrap { position: relative; } .tags-wrapper .autocomplete-results { top: 0; padding: 0; } .tags-wrapper .autocomplete-results li { border-bottom: 1px solid #e9ecef; } .tags-wrapper .tag-selection.autocomplete-is-open { opacity: 0.2; } .tags-wrapper .tags-list { margin: 0; padding: 0; } .tags-wrapper .tags-list .icon { font-size: 1.4rem; width: 40px; text-align: center; } .tags-wrapper .tags-list li { padding: 0.5rem; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; } .tags-wrapper .tags-list li:nth-child(odd) { background: #f8f9fa; } .tags-wrapper .tags-list li:hover .icon { color: #65b84c; } .tags-wrapper .tags-list li:after { border-bottom: none; } .tags-wrapper .search-wrap { position: relative; } .tags-wrapper .selected-tags-more-notice { text-align: center; padding: 0.5rem; margin: 0; background: #f8f9fa; border: 1px solid #e9ecef; cursor: pointer; } .tags-wrapper .selected-tags-more-notice:hover { background: #3878bc; color: #fff; } #tag-selection ul { list-style: none; padding: 0; } #tag-selection ul ul { padding-left: 1rem; margin: 0; } #tag-selection label { margin: 0 0 0 10px; } #tag-selection .tree .item.has-children { padding: 10px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #tag-selection .tree ul ul ul li.has-children { padding-top: 10px; } #tag-selection .tree ul ul { margin-bottom: 1rem; } #tag-selection .modal-body > ul > li { margin-bottom: 15px; } #tags-content ul, #educational-standards-list ul { list-style: none; } #tags-content .item, #educational-standards-list .item { display: flex; align-items: center; } #tags-content ul.tree-list, #educational-standards-list ul.tree-list { margin: 0; padding: 0; } #tags-content ul.tree-list ul, #educational-standards-list ul.tree-list ul { margin-left: 1rem; padding: 0; } #tags-content label, #educational-standards-list label { margin-bottom: 0; } #tags-content input[type=checkbox], #educational-standards-list input[type=checkbox] { margin-right: 0.5rem; } #tags-content .icon, #educational-standards-list .icon { padding-top: 1px; padding-right: 0.5rem; color: #6c757d; } #tags-content ul.collapsed-list, #educational-standards-list ul.collapsed-list { display: none; } .tag-hierarchy { max-width: 100%; display: block; font-weight: bold; white-space: nowrap; overflow: hidden; } .tooltip-bottom { top: 135%; left: 50%; margin-left: -60px; } .css-tooltip { /* Container for the tooltip */ position: relative; display: inline-block; } .css-tooltip .css-tooltip-text { /* This is for the tooltip text */ visibility: hidden; position: absolute; top: 100%; left: 50%; margin-left: -50px; /* This makes the margin half of the width to the center */ width: auto; max-width: 400px; min-width: 200px; background-color: #fff; color: #212529; border: 1px solid #dee2e6; padding: 0.8rem; border-radius: 6px; z-index: 1; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity 0.6s; } .css-tooltip:hover .css-tooltip-text { /* Makes tooltip text visible when text is hovered on */ opacity: 1; visibility: visible; } .tutor-image { border-radius: 50%; border: 10px solid #efefef; max-width: 200px; box-shadow: rgba(0, 0, 0, 0.55) 0 0 8px; } .tutor-icon { text-align: center; font-size: 75px; } #section-modules-view .quiz-incomplete.a-hide .choice { cursor: pointer; } #section-modules-view .quiz-incomplete.a-hide .choice.selected:hover .alpha { color: #fff; background: #41b4e4; border-color: #309cc9; } #section-modules-view .quiz-incomplete.a-hide .choice:hover .alpha { border-color: #309cc9; color: #309cc9; } #section-modules-view .quiz-incomplete.a-hide .incomplete .choice .ql-editor { cursor: pointer; } #section-modules-view .choice .ql-editor > * { cursor: pointer; } #section-modules-view .ql-editor { white-space: normal; } #section-modules-view .question-answer-options .ql-editor { cursor: pointer; } #section-modules-view .quiz-complete .choice .ql-editor > * { cursor: default; } /**** All ****/ .question-body { margin-bottom: 1rem; } .question-body p { margin: 0; } .question-text { padding: 1rem; } .question-explanation-wrap .question-explanation { padding: 1rem; } .question-explanation-wrap .explanation-media { list-style: none; padding: 0; margin: 0; } .question-explanation-wrap .explanation-text-wrap { padding: 0.5rem; } .question-explanation-wrap .explanation-and-answer .header { background: #f8f9fa; text-transform: uppercase; font-size: 0.8rem; text-align: center; border: 1px solid #dee2e6; font-weight: 800; height: 30px; display: flex; align-items: center; } .question-explanation-wrap .explanation-and-answer .header .title { flex: 1; padding: 0 1.5rem; } .question-explanation-wrap .explanation-and-answer .content { padding: 0.5rem 0; } .question-explanation-wrap .explanation-and-answer p:last-child { margin: 0; } .question-explanation-wrap .move-modal-button { display: none; } .question-explanation-wrap .question-explantion-footer { border-top: 1px solid #dee2e6; } .question-explanation-wrap .question-explantion-footer .question-explanation-title { padding: 1rem; justify-content: center; align-items: center; } .question-explanation-wrap .question-explanation-title { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } .question-explanation-wrap .question-explanation-title h2, .question-explanation-wrap .question-explanation-title .h2 { text-align: center; font-size: 1.1rem; font-weight: 600; margin: 0; } .question-explanation-wrap .question-explanation-title button { padding: 0; background: none; font-size: 1.5rem; border: none; color: #495057; } .question-explanation-wrap .question-explanation-title button:focus { outline: none; color: #13853a; } .question-explanation-wrap .question-explanation-title button:disabled { color: #e9ecef; } .question-explanation-wrap .question-explanation-title button:disabled:hover { color: #e9ecef; } .question-explanation-wrap .question-explanation-title button:hover { color: #13853a; } .question-explanation-wrap .question-explanation-title-wrap { padding: 1rem; border-bottom: 1px solid #dee2e6; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap { text-align: center; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button { padding: 0.5rem; border: 1px solid #dee2e6; box-shadow: none; border-radius: 0; text-align: center; background: #fff; margin-left: 0.5rem; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:first-child { margin-left: none; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:focus, .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:active { outline: none; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:hover { background: #f8f9fa; } .question-module .question-image { margin-bottom: 1.5rem; text-align: center; } .question-module .question-text-wrap { padding: 1.5rem; } .question-module .question-answer-button { border-width: 2px; font-weight: 600; width: 100%; padding: 0.5rem 1.2rem; } .question-module .submitted-button-options { text-align: center; } .question-module .submitted-button-options .button-item { display: block; vertical-align: middle; } .question-module .submitted-button-options .button-item .btn { display: block; border-width: 2px; font-weight: 600; width: 100%; padding: 0.5rem 1.2rem; } .question-module .submitted-button-options .button-item:last-child { margin-right: 0; } @media (min-width: 450px) { .question-module .question-answer-button { width: auto; margin: 0 0.5rem; } .question-module .submitted-button-options .button-item { display: inline-block; } .question-module .submitted-button-options .button-item .btn { width: auto; } } .question-module .question-unanswered { opacity: 0.5; } .question-module:hover .shake { position: relative; animation-name: shake; animation-duration: 5s; animation-iteration-count: 1; animation-timing-function: ease-in; } .question-module.incomplete .choice { cursor: pointer; } .question-module.incomplete .choice:hover .alpha { border-color: #309cc9; color: #309cc9; } .question-module.incomplete .choice.selected:hover .alpha { color: #fff; } .question-module.complete .show-explanation:hover .icon { color: #fdd430; } .question-module.complete .choice .alpha { cursor: default; } .question-module.complete .choice:hover { cursor: default; } .question-module.complete .choice:hover .alpha { color: #212529; border-color: #212529; } .question-module.complete .choice.correct { color: #13853a; } .question-module.complete .choice.correct .alpha { background: #13853a; border-color: #13853a; color: #fff; } .question-module.complete .choice.selected { color: #309cc9; border-color: #41b4e4; background: #d0e8f2; } .question-module.complete .choice.selected.correct { color: #13853a; border-color: #13853a; background: #edffe8; } .question-module.complete .choice.selected.correct .alpha { background: #13853a; border-color: #13853a; color: #fff; } .question-module.complete .choice.selected.incorrect { color: #9c3636; border-color: #9c3636; background: #ffebeb; } .question-module.complete .choice.selected.incorrect .alpha { background: #9c3636; border-color: #802525; color: #fff; } .question-module.complete .choice.selected .alpha { color: #fff; background: #41b4e4; border-color: #309cc9; } .question-module .choice { border-width: 2px; border-style: solid; border-color: transparent transparent #e9ecef transparent; padding: 1rem 0.5rem; } .question-module .choice:last-child { border-color: transparent; } .question-module .choice .choice-left-buttons .item { padding: 0 0.3rem 0 1rem; } .question-module .choice .choice-image { padding: 1rem; position: relative; display: inline-block; max-width: 800px; } .question-module .choice .choice-image img { border: 1px solid #dee2e6; max-width: 100%; max-height: 100%; } .question-module .choice.selected { color: #41b4e4; border-color: #41b4e4; background: #dbf4ff; } .question-module .choice.selected .alpha { color: #fff; background: #41b4e4; border-color: #309cc9; } .question-module .choice .choice-left-buttons { display: flex; align-items: center; margin-right: 1rem; } .question-module .choice .choice-left-buttons .item { padding: 0 0.3rem; } .question-module .choice .choice-right-buttons { display: flex; align-items: center; list-style: none; margin: 0 0 0 1rem; padding: 0; align-self: stretch; } .question-module .choice .choice-right-buttons li { display: flex; align-items: center; margin-right: 1rem; } .question-module .choice .text-module { margin-bottom: 0; } .question-module .choice .question-choice { flex: 1; align-self: center; } .question-module .choice .question-choice img { max-width: 100%; max-height: 100%; } .question-module .choice .choice-container { display: flex; } .question-module .alpha { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border-width: 2px; border-style: solid; border-color: #212529; color: #212529; cursor: pointer; } .question-module ul.question-media { margin: 0; padding: 0; list-style: none; } .question-module ul.question-media li { text-align: center; } .question-module ul.question-media li:last-child { border-bottom: none; } .question-module .question-media-items .title-outer { position: relative; display: flex; align-items: center; justify-content: center; } .question-module .question-media-items .title-outer .title-inner { position: relative; z-index: 1; background: #fff; padding: 0.5rem 2rem; } .question-module .question-media-items .title-outer .icon { font-size: 1.5rem; margin-right: 0.5rem; vertical-align: middle; color: #fdd430; } .question-module .question-media-items .title-outer .title { font-weight: 600; vertical-align: middle; } .question-module .question-media-items .title-outer:after { content: ""; height: 2px; position: absolute; left: 0; top: 50%; width: 100%; background: #212529; } .question-module .question-media-items .header { background: #f8f9fa; text-transform: uppercase; font-size: 0.8rem; text-align: center; border: 1px solid #dee2e6; font-weight: 800; height: 30px; display: flex; align-items: center; } .question-module .question-media-items .header .title { flex: 1; padding: 0 1.5rem; } .question-module .question-media-items .content { padding: 1rem 0.5rem; } .question-module .question-media-items p:last-child { margin: 0; } /**** Question Set ****/ .question-set-module.show-all .question-module { margin-bottom: 2rem; } .question-set-module.show-all .question-module:last-child { margin-bottom: 0; } .question-set-module .question-answer-button { text-align: center; } .question-set-module .question-header { border-color: #e9ecef; background: #f8f9fa; } .question-set-module .question-header .header { color: #212529; } .question-set-module .question-header .header .icon { border-right: 2px solid #e9ecef; } .question-set-module .question-header .nav .item { border-color: #e9ecef; color: #212529; box-shadow: inset 0 0 3px #fff; } .questions-set-edit .questionable-wrap { padding: 1.5rem; } .questions-set-edit .explanation-text-wrap .menu-wrap, .questions-set-edit .question-text-wrap .menu-wrap { display: flex; } .questions-set-edit .explanation-text-wrap .text-editor, .questions-set-edit .question-text-wrap .text-editor { flex: 1; } .questions-set-edit .explanation-text-wrap .action-menu-wrap, .questions-set-edit .question-text-wrap .action-menu-wrap { margin-top: 0.3rem; margin-left: 1rem; } .questions-set-edit .explanation-text-wrap .action-menu-wrap label, .questions-set-edit .question-text-wrap .action-menu-wrap label { margin: 0; } .questions-set-edit .explanation-text-wrap .action-menu-wrap .icon, .questions-set-edit .question-text-wrap .action-menu-wrap .icon { width: 25px; text-align: center; margin-right: 0.5rem; } /**** Edit ****/ #content-modules-sections-edit .active-module .questions-set-edit .questionable-wrap { border-bottom: 1px solid #e9ecef; } #content-modules-sections-edit .add-question { font-weight: 400; color: #65b84c; padding: 1.5rem 1rem; border-top: 2px solid #e9ecef; display: flex; align-items: center; justify-content: center; } #content-modules-sections-edit .add-question:hover { font-weight: 600; } #content-modules-sections-edit .active-module .choice:hover { border-color: #e9ecef; } #content-modules-sections-edit .active-module .choice:hover .move-module { visibility: visible; } #content-modules-sections-edit .active-module .choice:hover .remove-choice { visibility: visible; } #content-modules-sections-edit .active-module .choice:hover .image-upload-choice { visibility: visible; } #content-modules-sections-edit .active-module .choice:hover .choice-right-buttons { visibility: visible; } #content-modules-sections-edit .active-module .question-media li:hover .remove-question-media { visibility: visible; } #content-modules-sections-edit .question-module .choice { padding: 1rem 0; } #content-modules-sections-edit .question-module .choice:hover .alpha { border-color: #309cc9; color: #309cc9; } #content-modules-sections-edit .question-module .choice.correct:hover .alpha { border-color: #13853a; color: #fff; background: #13853a; } #content-modules-sections-edit .question-module .choice-right-buttons li { border-left: 1px solid transparent; display: flex; align-items: center; cursor: pointer; } #content-modules-sections-edit .question-module .choice-right-buttons li:hover .icon { color: #13853a; } #content-modules-sections-edit .question-module .choice-right-buttons li .icon { color: #495057; font-size: 1.2rem; } #content-modules-sections-edit .question-module .question-media li .header .remove-question-media { padding: 0 1rem; border-left: 1px solid #dee2e6; margin-left: auto; cursor: pointer; align-self: stretch; display: flex; align-items: center; justify-content: center; } #content-modules-sections-edit .question-module .question-media li .header:hover .footer { visibility: visible; } #content-modules-sections-edit .question-module .question-media li .footer { text-align: center; margin-bottom: 1rem; cursor: pointer; visibility: hidden; } #content-modules-sections-edit .question-module .remove-choice, #content-modules-sections-edit .question-module .image-upload-choice, #content-modules-sections-edit .question-module .show-if-active { visibility: hidden; cursor: pointer; } #content-modules-sections-edit .question-module .remove-choice:hover { color: #dc3545; } #content-modules-sections-edit .question-module .remove-choice-image, #content-modules-sections-edit .question-module .remove-question-media { color: #6c757d; } #content-modules-sections-edit .question-module .remove-choice-image:hover, #content-modules-sections-edit .question-module .remove-question-media:hover { color: #dc3545; } #content-modules-sections-edit .question-module .text-module { flex-grow: 1; } #content-modules-sections-edit .question-module .choice { border-width: 2px; border-style: solid; border-color: transparent transparent #e9ecef transparent; } #content-modules-sections-edit .question-module .choice.correct { color: #13853a; border-color: #13853a; background: #edffe8; } #content-modules-sections-edit .question-module .choice.correct .alpha { background: #13853a; border-color: #13853a; color: #fff; } #content-modules-sections-edit .question-module .choice .move-module { visibility: hidden; } #content-modules-sections-edit .question-module .choice .move-module .icon { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; } #content-modules-sections-edit .question-module .choice-toolbar .item { margin-left: 1rem; font-size: 1.1rem; cursor: pointer; } #content-modules-sections-edit .question-module .choice-button-options { display: flex; align-items: center; } @keyframes roll { 100% { transform: rotate(-360deg); } } #content-modules-sections-edit .question-module .choice-button-options .roll-dice { margin-left: auto; color: #212529; font-size: 1.5rem; padding: 0.5rem; } #content-modules-sections-edit .question-module .choice-button-options .roll-dice.rolling { animation: roll 500ms; } #content-modules-sections-edit .question-module .choice-button-options .roll-dice:hover { color: #65b84c; } #content-modules-sections-edit .question-module .add-choice { margin-left: 2rem; padding: 0.5rem 0; cursor: pointer; color: #65b84c; } #content-modules-sections-edit .question-module .add-choice input { background: none; border: none; } #content-modules-sections-edit .question-module .add-choice ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #65b84c; opacity: 1; /* Firefox */ } #content-modules-sections-edit .question-module .add-choice ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #65b84c; opacity: 1; /* Firefox */ } #content-modules-sections-edit .question-module .add-choice :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #65b84c; } #content-modules-sections-edit .question-module .add-choice ::-ms-input-placeholder { /* Microsoft Edge */ color: #65b84c; } #content-modules-sections-edit .question-module .question-tag-wrap { margin-left: 1rem; padding: 0.5rem 2rem; } #content-modules-sections-edit .questions-wrap { padding-bottom: 1rem; border-bottom: 2px solid #dee2e6; } @media (min-width: 992px) { .question-module .explanation-and-answer .content { padding: 1.5rem; } .question-explanation-wrap .question-explanation { padding: 1rem 4rem; } .question-explanation-wrap .explanation-text-wrap { padding: 1.5rem; } .question-explanation-wrap .move-modal-button { display: block; } .question-explanation-wrap .question-explanation-title { margin: 0; justify-content: flex-start; } .question-explanation-wrap .question-explanation-title h2, .question-explanation-wrap .question-explanation-title .h2 { text-align: left; font-size: 1.1rem; margin: 0; } .question-explanation-wrap .question-explanation-title-wrap { padding: 1rem 2rem; display: flex; align-items: center; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap { margin-left: auto; display: flex; align-items: center; text-align: left; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button { padding: 0.5rem 1.5rem; border: 1px solid #dee2e6; box-shadow: none; border-radius: 0; text-align: center; background: #fff; margin-left: 0.5rem; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:focus, .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:active { outline: none; } .question-explanation-wrap .question-explanation-title-wrap .button-wrap button:hover { background: #f8f9fa; } } .section-module.module-type-image, .section-module.module-type-video, .section-module.module-type-audio, .section-module.module-type-media, .section-module.module-type-questions { margin-bottom: 2rem; } .section-module.module-type-image:last-child, .section-module.module-type-video:last-child, .section-module.module-type-audio:last-child, .section-module.module-type-media:last-child, .section-module.module-type-questions:last-child { padding-bottom: 0; } .section-module.module-type-html .text-module { text-align: center; } #section-modules-view .figure-caption { padding: 0.5rem; } #section-modules-view .figure { margin: 0; } #section-modules-view .media-module { text-align: center; } #section-modules-view .media-module img { max-width: 100%; } #section-modules-view .media-module video { max-width: 100%; } #section-modules-view.quiz-attempt-completed { padding-top: 5rem; position: relative; } /**** Edit Modules ****/ .modal-open #content-modules-sections-edit .section-module.active-module { z-index: auto; } .modal-open #content-modules-sections-edit .section-module .active-editor { z-index: auto; } .modal-open #content-modules-sections-edit .section-module:hover { z-index: auto; } .v-modal-open #content-modules-sections-edit .section-module { z-index: auto; } .v-modal-open #content-modules-sections-edit .section-module:hover { z-index: auto; } .v-modal-open #content-modules-sections-edit .section-module:hover .editor-bar { display: none; } .v-modal-open #content-modules-sections-edit .section-module.active-module { z-index: auto; } .v-modal-open #content-modules-sections-edit .section-title-optional-menu { z-index: auto; } .v-modal-open #content-modules-sections-edit .header-bar.editor-bar { z-index: auto; } .v-modal-open #content-modules-sections-edit .active-module .header-bar.editor-bar { display: none; } #content-modules-sections-edit #segment-header #segment-title-dropdown { white-space: nowrap; } #content-modules-sections-edit .section-column .adjust-columns { width: 320px; margin: 0 auto; display: none; padding: 1rem 0 0 0; /* Columns Range */ } #content-modules-sections-edit .section-column .adjust-columns .match-passage-width { text-align: center; margin-bottom: 1rem; } #content-modules-sections-edit .section-column .adjust-columns .dropdown button { background: none; padding: 0; border: none; box-shadow: none; margin-right: 1rem; } #content-modules-sections-edit .section-column .adjust-columns .dropdown button .icon { font-size: 1rem; } #content-modules-sections-edit .section-column .adjust-columns .dropdown button .icon:hover { color: #65b84c; } #content-modules-sections-edit .section-column .adjust-columns input[type=range] { height: 25px; -webkit-appearance: none; width: 100%; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]:hover input[type=range]::-webkit-slider-thumb { background: #65b84c; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]:focus { outline: none; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 1px; cursor: pointer; background: #000000; border-radius: 0px; border: 0px solid #000101; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-webkit-slider-thumb { border: 1px solid #000000; height: 8px; width: 40px; border-radius: 40px; background: none; cursor: pointer; -webkit-appearance: none; margin-top: -3.5px; background: #fff; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]:focus::-webkit-slider-runnable-track { background: #212121; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-moz-range-track { width: 100%; height: 1px; cursor: pointer; background: #000000; border-radius: 0px; border: none; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-moz-range-thumb { border: 1px solid #000000; height: 8px; width: 40px; border-radius: 50%; background: #ffffff; cursor: pointer; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-ms-track { width: 100%; height: 1px; cursor: pointer; background: transparent; border-color: transparent; color: transparent; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-ms-fill-lower { background: #000000; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-ms-fill-upper { background: #000000; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]::-ms-thumb { height: 8px; width: 40px; border-radius: 50%; background: #ffffff; cursor: pointer; height: 1px; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]:focus::-ms-fill-lower { background: #000000; } #content-modules-sections-edit .section-column .adjust-columns input[type=range]:focus::-ms-fill-upper { background: #212121; } #content-modules-sections-edit .section.modify-columns .section-column .adjust-columns { display: block; } #content-modules-sections-edit .section .title-header .dropdown-menu .icon { flex: auto; font-size: 1.5rem; margin-right: 0.8rem; width: 30px; text-align: center; display: inline-block; line-height: 1px; vertical-align: middle; } #content-modules-sections-edit .section .title-header .dropdown-menu .label { display: inline-block; } #content-modules-sections-edit .katex-input textarea { height: 250px; } #content-modules-sections-edit .text-no-editor { cursor: text; } #content-modules-sections-edit .text-no-editor > div:focus { outline: none; } #content-modules-sections-edit .text-no-editor p { margin: 0; } #content-modules-sections-edit .ql-snow .toolbar-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0.5rem; } #content-modules-sections-edit .ql-snow .toolbar-wrap .ql-formats { display: flex; align-items: center; } #content-modules-sections-edit .ql-snow .toolbar-wrap .fix-alignment .ql-picker-label { display: flex; align-items: center; justify-content: center; } #content-modules-sections-edit .ql-snow .toolbar-wrap .fix-alignment .ql-picker-label svg { width: 100%; height: 100%; } #content-modules-sections-edit .section-module { position: relative; min-height: 20px; background: #fff; z-index: 1; } #content-modules-sections-edit .section-module.module-type-select:hover { /* If the default select module is showing hide the active box so you don't have to click/unlock it */ } #content-modules-sections-edit .section-module.module-type-select:hover .active-box { z-index: -1; } #content-modules-sections-edit .section-module .module-edit-button.shake { position: relative; animation-name: shake; animation-duration: 5s; animation-iteration-count: 1; animation-timing-function: ease-in; } #content-modules-sections-edit .section-module .text-editor .ql-container { font-size: 1rem; } #content-modules-sections-edit .section-module .text-editor .ql-container.ql-snow { border: none; } #content-modules-sections-edit .section-module:hover { z-index: 101; } #content-modules-sections-edit .section-module:hover .active-box { display: block; background: #fff; opacity: 0.5; z-index: 10; } #content-modules-sections-edit .section-module:hover .active-box.unlocked { z-index: -1; } #content-modules-sections-edit .section-module .active-box { display: none; position: absolute; width: 100%; left: -1.1rem; height: 100%; padding: 1rem; box-sizing: content-box; top: -1.1rem; z-index: -1; border-width: 0.1rem; border-style: solid; border-color: #dee2e6; } #content-modules-sections-edit .section-module .module-lock { display: none; } #content-modules-sections-edit .section-module:last-child { margin: 0; } #content-modules-sections-edit .section-module .ql-snow .toolbar { position: absolute; width: calc(100% + 2.2rem); left: -1.1rem; bottom: 1rem; display: none; background: #fff; } #content-modules-sections-edit .section-module .active-editor { background: #fff; position: relative; z-index: 1; } #content-modules-sections-edit .section-module .active-editor .toolbar { display: block; } #content-modules-sections-edit .section-module.active-module { z-index: 101; } #content-modules-sections-edit .section-module.active-module .active-box { display: block; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background: #fff; opacity: 1; z-index: -1; } #content-modules-sections-edit .section-module.active-module .active-editor .active-box { border: 0.1rem solid #000; } #content-modules-sections-edit .section-module.active-module .deactivate-module { display: block; } #content-modules-sections-edit .section-module .deactivate-module { display: none; position: absolute; top: -27px; right: -2px; width: 25px; height: 25px; line-height: 25px; z-index: 3; text-align: center; color: #6c757d; border-style: solid; border-width: 2px; border-color: #e9ecef; cursor: pointer; } #content-modules-sections-edit .section-module .deactivate-module:hover { color: #000; border-color: #000; } #content-modules-sections-edit .section-module .title-header { visibility: hidden; margin: 0; } #content-modules-sections-edit .section-module .title-header .title { font-size: 0.8rem; } #content-modules-sections-edit .section-module .title-header .dropdown { width: 250px; margin: 0 auto; } #content-modules-sections-edit .section-module .title-header .dropdown-menu { width: 250px; left: 50% !important; margin-left: -125px !important; } #content-modules-sections-edit .section-module:hover .title-header { visibility: visible; } #content-modules-sections-edit .section-module:hover .title-header .menu-button { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075), inset 0 0 0 1px #ced4da; background: #fff; width: 100%; } #content-modules-sections-edit .question-all .question { border-bottom: 1px solid #dee2e6; padding: 1rem 0; } #content-modules-sections-edit .question-all .question:last-child { border-bottom: none; } /**** View ****/ /***** All *****/ .header-bar { height: 3rem; display: flex; align-items: center; border-width: 2px; border-color: #dee2e6; border-style: solid; background: #f8f9fa; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently */ } .header-bar .move-module { margin-right: 0.5rem; } .header-bar .has-dropdown { position: relative; } .header-bar .has-dropdown:hover .menu-dropdown { display: block; } .header-bar .has-dropdown ul.menu-dropdown { display: none; } .header-bar ul.menu-dropdown { list-style: none; margin: 0; padding: 0; position: absolute; left: 0; top: 3rem; z-index: 5; border-width: 1px; border-color: #212529; border-style: solid; background: #212529; box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.4); color: #fff; } .header-bar ul.menu-dropdown li.dropdown-item { padding: 0.7rem 1rem; border-top: 1px solid #495057; border-bottom: 2px solid #000; color: #fff; } .header-bar ul.menu-dropdown li.dropdown-item:hover { color: #fff; text-decoration: none; background-color: #343a40; } .header-bar ul.menu-dropdown li.dropdown-item:first-child { border-top: none; } .header-bar ul.menu-dropdown li.dropdown-item:last-child { border-bottom: none; } .header-bar ul.menu-dropdown li.dropdown-item input { display: block; } .header-bar ul.menu-dropdown li.dropdown-item p.label { display: block; margin: 0 0 0.5rem 0; } .header-bar button { background: none; border: none; } .header-bar button.disabled { color: #dee2e6; } .header-bar .header { display: flex; align-items: center; color: #212529; align-self: stretch; } .header-bar .header .icon { font-size: 1.5rem; padding: 0 1rem; display: flex; align-items: center; justify-content: center; border-right: 2px solid #dee2e6; } .header-bar .menu-icon { font-size: 1.5rem; } .header-bar .nav { align-self: stretch; } .header-bar .nav.left .item { border-width: 0 2px 0 0; } .header-bar .nav.left .item:last-child { border-width: 0; } .header-bar .nav.right { margin-left: auto; } .header-bar .nav .items, .header-bar .nav ul.items { display: flex; align-items: center; align-self: stretch; list-style: none; margin: 0; padding: 0; } .header-bar .nav .title { text-transform: uppercase; font-size: 0.8rem; font-weight: 600; } .header-bar .nav button { align-self: stretch; border: none; } .header-bar .nav .dropdown-menu { max-height: 300px; overflow-y: auto; } .header-bar .nav .dropdown-menu .dropdown-item { display: flex; align-items: center; } .header-bar .nav .dropdown-menu .dropdown-item.no-flex { display: block; } .header-bar .nav .dropdown-menu .icon { margin-right: 0.5rem; } .header-bar .nav .dropdown-menu .icon .answered { color: #65b84c; } .header-bar .nav .item { border-width: 0 0 0 2px; border-style: solid; cursor: pointer; border-color: #dee2e6; color: #212529; display: flex; align-items: center; align-self: stretch; } .header-bar .nav .item button, .header-bar .nav .item span.text { padding: 0 1.2rem; display: block; } .header-bar .nav .item .parent .child { display: inline-block; vertical-align: middle; } .header-bar .nav .item .label { margin-left: 0.4rem; } .header-bar .nav .item.title { box-shadow: none; cursor: default; } .header-bar .nav .item.title:hover { background: none; } .header-bar .nav .item:focus { outline: none; } .header-bar .nav .item button { box-shadow: inset 0 0 3px #fff; } .header-bar .nav .item:hover button { background: #e9ecef; box-shadow: none; } .header-bar .nav .item:hover button.disabled { background: none; } /***** Edit *****/ #content-modules-sections-edit .loading-header-bar { border-color: #212529; border-style: solid; border-width: 2px; background: #343a40; box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.4); color: #fff; padding: 1rem; text-transform: uppercase; } #content-modules-sections-edit .loading-header-bar h3, #content-modules-sections-edit .loading-header-bar .h3 { font-size: 0.8rem; margin: 0; font-weight: 600; } #content-modules-sections-edit .active-module .header-bar.editor-bar { display: flex; top: -4.1rem; } #content-modules-sections-edit .section-module:hover .header-bar.editor-bar { display: flex; top: -4.1rem; transition: top 100ms ease; } #content-modules-sections-edit .section-module .active-box { border-color: #212529; } #content-modules-sections-edit .header-bar.editor-bar { z-index: 11; position: absolute; width: calc(100% + 1.95rem); left: -1.1rem; box-sizing: content-box; top: -1rem; border-color: #212529; border-style: solid; background: #343a40; display: none; box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.4); } #content-modules-sections-edit .header-bar.editor-bar button, #content-modules-sections-edit .header-bar.editor-bar .text { color: #fff; } #content-modules-sections-edit .header-bar.editor-bar .nav .item { border-color: #212529; } #content-modules-sections-edit .header-bar.editor-bar .nav .item button { box-shadow: inset 0 0 3px #6c757d; } #content-modules-sections-edit .header-bar.editor-bar .nav .item button:disabled { background: none; opacity: 0.3; } #content-modules-sections-edit .header-bar.editor-bar .nav .item:hover button { background: #212529; box-shadow: none; } #content-modules-sections-edit .header-bar.editor-bar .nav .item:hover button:disabled { background: none; } #content-modules-sections-edit .header-bar.editor-bar .nav .item:hover .dropdown-menu button { color: #212529; background: none; } #content-modules-sections-edit .header-bar.editor-bar .nav .item .dropdown-menu button { padding: 0; box-shadow: none; color: #212529; } #content-modules-sections-edit .header-bar.editor-bar .nav .item .dropdown-menu button:active { color: #fff; } .text-module { margin-bottom: 1.5rem; } .text-module.margin-bottom-0 { margin-bottom: 0; } .text-module.margin-bottom-1 { margin-bottom: 1.5rem; } .text-module.margin-bottom-2 { margin-bottom: 2.5rem; } .text-module.margin-bottom-3 { margin-bottom: 3.5rem; } #page-title-header { position: relative; padding: 2rem 0; } #page-title-header:after { border-top: 1px solid #ced4da; border-bottom: 2px solid #fff; content: ""; width: 100%; top: 50%; margin-top: -1.5px; left: 0; position: absolute; z-index: -1; } #page-title-header .title { font-size: 1rem; text-transform: uppercase; margin: 0; } #page-title-header .title span { letter-spacing: 0.06rem; padding: 2rem 4rem; background: #fafafa; } .default-modal .card-header { padding: 0; } .default-modal .card-header .title { padding: 1rem; margin: 0; } .default-modal .card-header .btn-close { padding: 1rem; margin-left: auto; } .default-modal .card-footer { display: flex; align-items: center; } .default-modal .card-footer .action { margin-left: auto; } .default-modal.v--modal-overlay { background: rgba(0, 0, 0, 0.5); } .card-list-title { text-align: center; text-transform: uppercase; margin-bottom: 2rem; } .card-list-title h1, .card-list-title .h1 { font-size: 1.5rem; margin: 0; } ul.card-list { list-style: none; margin: 0; padding: 0; } ul.card-list > li { background: #fff; border-radius: 0.3rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border: 1px solid #dee2e6; margin-bottom: 1rem; display: flex; align-items: center; } ul.card-list > li .title { display: inline-block; font-size: 1.2rem; margin-bottom: 0.3rem; } ul.card-list > li .primary { padding: 1rem 1.5rem; flex: 1; } ul.card-list > li .secondary { margin-left: auto; align-self: stretch; border-left: 1px solid #dee2e6; } ul.card-list > li .secondary a { text-decoration: none; } ul.card-list > li .secondary .primary-icon { height: 100%; padding: 0 1rem; display: flex; align-items: center; justify-content: center; } ul.card-list > li .secondary button { background: none; box-shadow: none; padding: 0; border: none; } ul.card-list > li .secondary button:focus { outline: none; } ul.card-list > li .secondary button:hover { background: #f8f9fa; } ul.card-list > li .secondary .arrow { border-left: 3px solid #fafafa; font-size: 1.5rem; color: #adb5bd; } ul.card-list > li .secondary .arrow:hover { border-radius: 0.5rem; color: #13853a; } ul.card-list > li .tertiary { align-self: stretch; border-right: 1px solid #dee2e6; } ul.card-list > li .tertiary .icon { height: 100%; padding: 0 1rem; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; } ul.card-list > li .tertiary .icon.confirmed { color: #65b84c; } ul.card-list > li .tertiary .icon.complete { color: #65b84c; } ul.card-list > li .tertiary .icon.incomplete { color: #ced4da; } ul.card-list > li .meta { text-transform: uppercase; font-size: 0.8rem; } ul.card-list > li .quizzes-count { color: #6c757d; } #results-list-view-menu { margin-bottom: 2rem; background: #fff; border: 1px solid #dee2e6; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); display: flex; } #results-list-view-menu a, #results-list-view-menu button { color: #212529; text-decoration: none; } #results-list-view-menu ul#main-list, #results-list-view-menu ul#secondary-list { list-style: none; margin: 0; padding: 0; display: flex; } #results-list-view-menu ul#main-list > li .item, #results-list-view-menu ul#secondary-list > li .item { padding: 0 1.2rem; display: block; margin: 0; height: 3rem; line-height: 3rem; white-space: nowrap; } #results-list-view-menu ul#main-list > li { border-right: 1px solid #dee2e6; } #results-list-view-menu ul#secondary-list { margin-left: auto; } #results-list-view-menu ul#secondary-list > li { border-left: 1px solid #dee2e6; } #results-list-view-menu ul#secondary-list > li:last-child { border-right: none; } #results-list-view-menu ul#secondary-list #create a:hover { background: #65b84c; color: #fff; } #results-list-view-menu #filter-results-nav a { display: block; } #results-list-view-menu li.dropdown { position: relative; overflow: visible; z-index: 3; } #results-list-view-menu li.dropdown:hover ul { display: block; } #results-list-view-menu li.dropdown ul { display: none; position: absolute; top: 3rem; left: 0; width: 200px; list-style: none; margin: 0; padding: 0; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border: 1px solid #dee2e6; } #results-list-view-menu li.dropdown ul li { border-bottom: 1px solid #dee2e6; } #results-list-view-menu li.dropdown ul li:last-child { border-bottom: none; } #results-list-view-menu li.dropdown ul a { display: block; padding: 0.5rem 1rem; } #results-list-view-menu li.dropdown ul a.active { color: #6c757d; } #results-list-view-menu li.dropdown ul a.active:hover { color: #6c757d; background: none; } #results-list-view-menu li.dropdown ul a:hover { background: #65b84c; color: #fff; } .list-accordion .accordion-body { display: none; } .list-accordion .active .accordion-body { display: flex; flex-direction: column; } .list-accordion .description { max-width: 400px; margin: 0 auto; order: 2; } .list-accordion .description .content { padding: 1rem; } .list-accordion .chart { order: 1; } .list-accordion .chart .content { padding: 0 1rem; } .list-accordion .accordion-title { cursor: pointer; border-bottom: 1px solid #e9ecef; display: flex; } .list-accordion .accordion-title:hover { background: #f8f9fa; } .list-accordion .accordion-title .title { padding: 0.5rem 1.5rem; margin: 0; font-size: 1.2rem; } .list-accordion .accordion-title .icon { font-size: 1.25rem; width: 60px; text-align: center; border-right: 1px solid #e9ecef; padding: 0.8em; } .list-accordion .title { margin-left: 1em; font-weight: bold; } .list-accordion .accordion-item { position: relative; } .list-accordion .radial-progress { width: 250px; height: 250px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; } .list-accordion .radial-progress .percent { font-size: 50px; margin-bottom: 14px; line-height: 50px; z-index: 2; } .list-accordion .radial-progress .text { font-size: 18px; z-index: 2; } .list-accordion .content-buttons .btn { font-size: 1rem; font-weight: bold; border-width: 2px; display: block; margin-bottom: 1rem; width: 100%; } .list-accordion .content-buttons .btn-outline-mtp-green:hover { background: #13853a; color: #fff; } .list-accordion .content-buttons .btn-outline-quiet:hover .fa-star { color: #fdd430; font-weight: 900; } .list-accordion #dashboard-cards { margin-top: 2.5em; } @media (min-width: 992px) { .list-accordion .active .accordion-body { flex-direction: row; } .list-accordion .chart { order: 2; } .list-accordion .description { flex: 1; max-width: none; order: 1; } .list-accordion .description .content { padding: 2rem; } .list-accordion .content-buttons .btn { margin: 0; display: inline-block; width: auto; } } .list-module { margin-bottom: 1.5rem; /* Border */ } .list-module ul#main-list { list-style-type: none; margin: 0 0 0 1.2rem; padding: 0; /* List Type */ /* No list type, adjust padding */ /* Padding */ /* Margin */ } .list-module ul#main-list .item-wrap { display: flex; align-items: center; } .list-module ul#main-list .item-wrap .item { flex: 1; } .list-module ul#main-list.list-type-1, .list-module ul#main-list.list-type-7 { margin: 0; } .list-module ul#main-list.list-type-2 { list-style-type: disc; } .list-module ul#main-list.list-type-3 { list-style-type: circle; } .list-module ul#main-list.list-type-4 { list-style-type: square; } .list-module ul#main-list.list-type-5 { list-style-type: upper-roman; } .list-module ul#main-list.list-type-6 { list-style-type: lower-alpha; } .list-module ul#main-list.list-type-7 { list-style-type: none; } .list-module ul#main-list.list-type-7 .item-wrap { align-items: flex-start; } .list-module ul#main-list.list-type-7 .item-wrap:before { font-family: "Font Awesome 5 Pro"; content: "\f00c"; font-weight: 400; font-size: 0.8rem; margin-right: 0.5rem; margin-top: 0.2rem; line-height: 1.6; } .list-module ul#main-list.list-type-1.padding-id-3 li.list-item { padding: 1rem 0.5rem; } .list-module ul#main-list.list-type-1.padding-id-4 li.list-item { padding: 1.5rem 1rem; } .list-module ul#main-list.padding-id-1 li.list-item { padding: 0.2rem 0; } .list-module ul#main-list.padding-id-2 li.list-item { padding: 0.5rem 0; } .list-module ul#main-list.padding-id-3 li.list-item { padding: 1rem 0; } .list-module ul#main-list.padding-id-4 li.list-item { padding: 1.5rem 0; } .list-module ul#main-list.margin-id-1 li.list-item { margin-bottom: 0.2rem; } .list-module ul#main-list.margin-id-2 li.list-item { margin-bottom: 0.5rem; } .list-module ul#main-list.margin-id-3 li.list-item { margin-bottom: 0.8rem; } .list-module.list-border-1 li.list-item { border-bottom: 1px solid #dee2e6; } .list-module.list-border-2 li.list-item { border-bottom: 2px solid #dee2e6; } .list-module.list-border-3 li.list-item { border-bottom: 3px solid #dee2e6; } .list-module .add-list-item { display: none; cursor: pointer; color: #65b84c; } .list-module .add-list-item input { background: none; border: none; } .list-module .add-list-item ::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #65b84c; opacity: 1; /* Firefox */ } .list-module .add-list-item ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #65b84c; opacity: 1; /* Firefox */ } .list-module .add-list-item :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #65b84c; } .list-module .add-list-item ::-ms-input-placeholder { /* Microsoft Edge */ color: #65b84c; } #section-modules-view .list-module { margin-bottom: 1.5rem; } #content-modules-sections-edit .active-module .list-module ul#main-list li.list-item:hover ul.menu-right, #content-modules-sections-edit .active-module .list-module ul#main-list li.list-item.active-list-item ul.menu-right { visibility: visible; } #content-modules-sections-edit .active-module .list-module ul#main-list li.list-item:hover ul.menu-right .remove-item:hover, #content-modules-sections-edit .active-module .list-module ul#main-list li.list-item.active-list-item ul.menu-right .remove-item:hover { color: #dc3545; } #content-modules-sections-edit .active-module .list-module .add-list-item { display: block; } #content-modules-sections-edit .list-module { padding: 0; } #content-modules-sections-edit .list-module ul#main-list ul.menu-right { visibility: hidden; list-style: none; margin: 0 0 0 1rem; padding: 0; } #content-modules-sections-edit .list-module ul#main-list ul.menu-right .item { padding: 0 1rem; cursor: pointer; } .edit-view #description { min-height: 150px; } .edit-view .block { background: #fff; padding: 2rem; border-radius: 0.5rem; margin-bottom: 2rem; border: 1px solid #e9ecef; } .edit-view .block .sub-title { margin-bottom: 0; font-weight: 600; font-size: 1rem; color: #41b4e4; } .edit-view .block .main-list li:nth-child(odd) { background: #FBFBFB; } .edit-view .standard-header { display: flex; align-items: center; margin-bottom: 0.5rem; } .edit-view .standard-header .header-right { padding: 0; border: none; display: inline-block; text-align: left; box-shadow: none; margin-left: auto; padding-left: 0.5rem; } .edit-view .standard-header .header-right > button, .edit-view .standard-header .header-right > a, .edit-view .standard-header .header-right .btn-link { font-weight: 600; color: #65b84c; } .edit-view .standard-header .header-right:hover button, .edit-view .standard-header .header-right:hover a, .edit-view .standard-header .header-right:hover .btn-link { color: #41b4e4; text-decoration: none; } .edit-view .standard-header .header-right button { padding: 0; border: none; display: inline-block; text-align: left; } .edit-view .standard-header .header-right .dropdown-wrap { position: relative; } .edit-view .standard-header .header-right ul { display: none; width: 160px; background: #fff; border: 1px solid #dee2e6; border-radius: 0.3rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); position: absolute; top: 0; left: 0; z-index: 1; list-style: none; margin: 0; padding: 0; } .edit-view .standard-header .header-right ul li { border-bottom: 1px solid #e9ecef; } .edit-view .standard-header .header-right ul li:last-child { border-bottom: none; } .edit-view .standard-header .header-right ul a, .edit-view .standard-header .header-right ul button { display: block; width: 100%; text-align: left; padding: 0.5rem 1rem; color: #212529; } .edit-view .standard-header .header-right ul a:hover, .edit-view .standard-header .header-right ul button:hover { background: #f8f9fa; text-decoration: none; } .edit-view .standard-header .header-right:hover ul { display: block; } .course-layout .grouped-item h6, .course-layout .grouped-item .h6 { font-weight: 600; color: #343a40; margin: 0; } .course-layout .grouped-item .description { line-height: 1.75rem; } .course-layout #course-layout .grid-layout { grid-template-columns: 2fr 1.2fr; } .course-layout #main-container { padding-top: 2rem; } .course-layout #course-content-sidebar-layout { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 3rem; } .course-layout .details-layout { display: grid; grid-template-columns: 1fr 1fr; background: #fff; border-radius: 0.3rem; } .course-layout .details-layout p { margin: 0; } .course-layout .details-layout .grouped-item { padding: 1rem; } .course-layout .details-layout .grouped-item:nth-child(even) { border-right: none; } .course-layout .details-layout .grouped-item:last-child { border-bottom: none; } #manage-header { padding-bottom: 1.5rem; border-bottom: 1px solid #dee2e6; } #manage-header #manage-options-right { margin-left: auto; } #manage-header #manage-options-right ul { border-radius: 0.5rem; list-style: none; margin: 0; padding: 0; min-width: 160px; display: flex; } #manage-header #manage-options-right ul li { flex: 1; border: 1px solid #ced4da; margin-left: 0.6rem; border-radius: 0.25rem; box-shadow: inset 0 0 0 1px #fff; } #manage-header #manage-options-right ul li:first-child { margin-left: 0; } #manage-header #manage-options-right ul li form { height: 100%; } #manage-header #manage-options-right ul a, #manage-header #manage-options-right ul button { padding: 0.5rem 2rem; } #manage-header #manage-options-right ul a:hover, #manage-header #manage-options-right ul button:hover { background: #f8f9fa; border-radius: 0.5rem; } #manage-header #manage-options-right button { border: none; background: none; box-shadow: none; } #manage-header #manage-options-right .icon { display: block; font-size: 2rem; } #manage-header #manage-options-right a, #manage-header #manage-options-right button { color: #212529; padding: 0.5rem; display: block; width: 100%; text-transform: uppercase; white-space: nowrap; } #manage-header #manage-options-right a:hover, #manage-header #manage-options-right button:hover { text-decoration: none; } #manage-header p.label { text-transform: uppercase; margin-bottom: 0; font-size: 1rem; } #manage-header p.label .complete-icon { font-size: 1.3rem; margin-right: 0.2rem; } #manage-header p.label span { vertical-align: middle; } #manage-header #manage-title.has-sub-title { margin-bottom: 0; } #manage-header #manage-description { padding-top: 0.5rem; font-size: 1.1rem; } #manage-header h1, #manage-header .h1 { font-size: 1.8rem; margin: 0; } #manage-header #sub-title { font-size: 1rem; text-transform: uppercase; } #manage-header #manage-left { display: none; } #manage-header #manage-info-wrap { flex: 1; padding-right: 3rem; } #segment-body { margin-bottom: 2rem; } #segment-modal .drop-down-enter-active, #segment-modal .drop-down-leave-active { transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275); } #segment-modal .drop-down-enter, #segment-modal .drop-down-leave-active { opacity: 0; transform: translateY(-24px); } #segment-modal .v--modal-box.v--modal { overflow: visible; } #segment-modal .top-icon { border-radius: 50%; background: #fff; width: 80px; height: 80px; position: absolute; top: -20px; left: 50%; margin-left: -40px; display: flex; justify-content: center; z-index: 1; font-size: 3rem; color: #65b84c; } #segment-modal .top-icon.error { color: #dc3545; } #segment-modal .top-icon svg { margin-top: 0.7rem; } #segment-modal .top-section { padding: 4rem 2rem 0.5rem 2rem; text-align: center; } #segment-modal .top-section.success p { color: #65b84c; font-weight: 600; } #segment-modal .bottom-section { padding: 1rem; text-align: center; } #segment-modal .bottom-section .btn { padding: 0.6rem 1.2rem; } #segment-top-title { text-align: center; margin-bottom: 1rem; padding: 0 1rem; } #segment-footer { position: sticky; opacity: 0; transition: opacity 300ms; text-align: center; display: none; } #segment-footer .has-dropdown { position: relative; } #segment-footer .has-dropdown:hover .segment-dropdown { display: block; } #segment-footer.isSticky { background: #f2f5f7; bottom: -1px; z-index: 11; left: 0; width: 100%; border-top: 1px solid #ced4da; box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.2); border-top: 1px solid #ced4da; } #segment-footer.isSticky .segment-menu > ul { border: none; } #segment-footer .segment-menu { padding: 0; justify-content: center; } #segment-footer .segment-menu .segment-item { padding: 0.5rem 1rem; } #segment-footer .segment-menu .segment-dropdown { left: 0; right: auto; bottom: 100%; box-shadow: none; } #segment-footer .segment-menu .segment-dropdown .segment-item:hover { background: #e9ecef; } #segment-footer .segment-menu .segment-main-button .wrap { border-width: 1px; border-color: #fff; border-style: solid; } #segment-footer .segment-menu .segment-main-button .segment-item { border-width: 0; } #segment-footer .segment-menu > ul { width: 100%; border-width: 1px; justify-content: center; } #segment-footer .segment-menu > ul > li { border-width: 0 1px 0 1px; border-style: solid; border-color: #ced4da; } #segment-footer .segment-menu > ul > li .segment-item { border-width: 1px; border-color: #fff; border-style: solid; } #segment-footer .segment-questions-dropdown { display: none; } @media (min-width: 576px) { #segment-footer .segment-menu { padding: 0 15px; } } .segmentHeaderScroll #segment-footer { opacity: 1; transition: bottom 100ms, opacity 200ms; display: block; } .segment-menu { display: flex; } .segment-menu > ul { list-style: none; height: 100%; margin: 0; padding: 0; display: flex; align-items: stretch; border-width: 1px; border-color: #ced4da; border-style: solid; background: #f2f5f7; height: 52px; } .segment-menu > ul > li { display: flex; align-items: stretch; border-left: 1px solid #ced4da; } .segment-menu > ul > li:first-child { border-left: 1px solid #ced4da; } .segment-menu > ul > li:first-child .segment-item { border-width: 0 1px 0 1px; border-color: #fff; } .segment-menu > ul > li:hover { background: #e9ecef; } .segment-menu .has-dropdown { position: relative; } .segment-menu .has-dropdown:hover .segment-dropdown { display: block; z-index: 2; } .segment-menu .segment-item { background: none; border-style: solid; border-width: 0 1px 0 0; border-color: transparent #fff transparent transparent; padding: 0.3rem 1rem; display: flex; align-items: center; justify-content: center; z-index: 2; height: 100%; color: #212529; text-decoration: none; } .segment-menu .segment-item .icon { margin-right: 0.5rem; } .segment-menu .segment-main-button { margin: 0 auto; } .segment-menu .segment-main-button .wrap { padding: 0.5rem; position: relative; height: 100%; } .segment-menu .segment-main-button .segment-item { background: #13853a; color: #fff; border: none; padding: 0 1rem; border-radius: 0.25rem; min-width: 140px; height: 35px; position: relative; text-align: center; } .segment-menu .segment-main-button .segment-item.disabled-button { background: #dee2e6; color: #adb5bd; } .segment-menu .segment-main-button .segment-item.disabled-button:hover { background: #dee2e6; color: #adb5bd; } .segment-menu .segment-main-button .segment-item:hover { text-decoration: none; background: #65b84c; } .segment-menu .segment-main-button .segment-item .not-saving, .segment-menu .segment-main-button .segment-item .is-saving { display: flex; align-items: center; justify-content: center; } .segment-menu .segment-main-button .segment-upload-media-progress-bar { position: absolute; top: 0; left: 0; height: 100%; z-index: 1; background: #65b84c; transition: background-color 500ms, width 500ms; } .segment-menu #segment-audio-container.segment-dropdown { width: 330px; } .segment-menu #segment-audio-container audio:focus { outline-color: #ced4da; } .segment-menu #audio-button-container { height: 100%; } .segment-menu #audio-button-container .segment-dropdown { width: auto; } .segment-menu #audio-button-container .segment-item { /* Keep it from changing its width when playing/pausing */ width: 132px; } .segment-menu #audio-button-container .segment-item:focus { outline-color: #ced4da; } .segment-menu .segment-dropdown { display: none; position: absolute; right: 0; max-height: 400px; overflow-y: auto; background: #fff; width: 230px; border: 1px solid #ced4da; border-radius: 0.25rem 0 0.25rem 0.25rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); background: #e9ecef; padding: 0.5rem; } .segment-menu .segment-dropdown ul { list-style: none; margin: 0; padding: 0; background: #f8f9fa; border: 1px solid #ced4da; } .segment-menu .segment-dropdown ul li { border-bottom: 1px solid #ced4da; } .segment-menu .segment-dropdown ul li:hover .item, .segment-menu .segment-dropdown ul li:hover.item { background: #e9ecef; } .segment-menu .segment-dropdown ul li:last-child { border-bottom: none; } .segment-menu .segment-dropdown ul li.item, .segment-menu .segment-dropdown ul li .item { padding: 0.6rem 1rem; display: block; width: 100%; text-align: left; border: none; box-shadow: none; background: none; color: #212529; } .segment-menu .segment-dropdown ul li button.item:focus { outline-color: #ced4da; } .segment-menu .segment-dropdown ul li .icon { margin-right: 0.5rem; } @media (min-width: 1200px) { #segment-header { height: 58px; } } #segment-header .segment-menu { flex-grow: 1; } #segment-header .segment-menu > ul { display: none; } #segment-header #segment-menu-wrap { display: flex; background: #fff; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #ced4da; } #segment-header #segment-header-wrap { display: none; align-items: center; border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem; } #segment-header #segment-title-wrap { background: #fff; padding: 0.5rem 1rem; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; align-self: stretch; display: flex; align-items: center; border-width: 1px 1px 1px 1px; border-color: #ced4da #ced4da #fff #ced4da; border-style: solid; box-shadow: 0 -0.25rem 0.25rem rgba(0, 0, 0, 0.075); position: relative; bottom: -1px; } #segment-header #segment-title h1, #segment-header #segment-title .h1 { font-size: 1.2rem; margin: 0; } @media (min-width: 992px) { #segment-top-title { display: none; } #segment-header .segment-main-button { margin: 0; } #segment-header .segment-main-button .wrap { border-width: 1px 1px 1px 0; border-color: #ced4da; border-style: solid; background: #f2f5f7; border-radius: 0 0.25rem 0 0; box-shadow: inset 0 -7px 10px -10px rgba(0, 0, 0, 0.2); } #segment-header #segment-menu-wrap { flex-grow: 1; background: none; border: none; } #segment-header #segment-header-container { display: flex; } #segment-header #segment-header-wrap { display: flex; } #segment-header .segment-menu { padding: 0.4rem 0 0 0; } #segment-header .segment-menu > ul { justify-content: flex-end; box-shadow: inset 0 -7px 10px -10px rgba(0, 0, 0, 0.2); flex: 1 1 auto; display: flex; } } .layout-one-column { margin-bottom: 2rem; } .layout-one-column:last-child { margin-bottom: 0; } .layout-one-column:last-child .module:last-child { margin-bottom: 0; } .layout-one-column .segment-row { justify-content: center; margin-bottom: 2rem; } .layout-one-column .segment-row:last-child { margin-bottom: 0; } .segment-row { background: #fff; border-width: 1px 1px 1px 1px; border-color: #ced4da; border-style: solid; border-radius: 0.25rem; } .segment-row:first-child { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .segment-row:first-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #segment-ordering .segment-block { display: flex; align-items: center; border-width: 1px 1px 0 1px; border-style: solid; border-color: #ced4da; justify-content: space-between; padding-right: 20px; } #segment-ordering .segment-block.ghost { border-style: dashed; } #segment-ordering .segment-block.sortable-chosen .handle:hover { color: #adb5bd; } #segment-ordering .segment-block:last-child { border-bottom: 1px solid #ced4da; } #segment-ordering .segment-block .title { color: #212529; padding-left: 0.5rem; } #segment-ordering .segment-block .small-label { color: #adb5bd; padding-left: 0.25rem; } #segment-ordering .segment-block .handle { padding: 1rem; cursor: move; color: #adb5bd; } #segment-ordering .segment-block .handle:hover { color: #212529; } #login-layout a { color: #39a1c1; } #login-layout #top-section { flex-grow: 1; display: flex; align-items: stretch; flex-direction: column; justify-content: center; padding: 2rem 0; border-bottom: 1px solid #c1e1ef; } #login-layout form { padding: 1.5rem; } #login-layout form label { color: #39a1c1; } #login-layout form input[type=password], #login-layout form input[type=text] { background: none; border-width: 0 0 1px 0; border-color: #cfecf7; border-radius: 0; } #login-layout form input[type=password]::-moz-placeholder, #login-layout form input[type=text]::-moz-placeholder { color: #39a1c1; opacity: 1; /* Firefox */ } #login-layout form input[type=password]::placeholder, #login-layout form input[type=text]::placeholder { color: #39a1c1; opacity: 1; /* Firefox */ } #login-layout form input[type=password]:-ms-input-placeholder, #login-layout form input[type=text]:-ms-input-placeholder { color: #39a1c1; } #login-layout form input[type=password]::-ms-input-placeholder, #login-layout form input[type=text]::-ms-input-placeholder { color: #39a1c1; } #login-layout form input[type=password].is-invalid, #login-layout form input[type=text].is-invalid { border-color: #dc3545; } #login-layout form #login-button { max-width: 180px; min-width: 140px; margin: 0 auto; } #login-layout form button[type=submit] { padding: 0.5rem 0; display: block; width: 100%; margin-bottom: 0.6rem; } #login-layout form #remember-me-wrap { display: flex; align-items: center; padding: 0.2rem; margin: 0; } #login-layout form #remember-me-wrap input { margin-right: 0.5rem; } #login-layout form #remember-me-wrap label { margin: 0; } #login-layout form #login-form-footer #password-reset { padding: 1rem; margin: 0; text-align: center; } #login-layout #methodize-logo, #login-layout #method-learning-logo, #login-layout #method-tutoring-logo, #login-layout #method-admin-logo { margin: 0 auto 2.5rem; max-width: 320px; max-height: 200px; } #login-layout #methodize-logo .svg-icon, #login-layout #method-learning-logo .svg-icon, #login-layout #method-tutoring-logo .svg-icon, #login-layout #method-admin-logo .svg-icon { height: auto; } #login-layout #left-side { background: rgb(236, 249, 255); background: linear-gradient(-45deg, rgb(236, 249, 255) 0%, rgb(255, 255, 255) 70%); position: relative; border-bottom: 1px solid #c1e1ef; display: flex; align-items: stretch; justify-content: center; flex-direction: column; } #login-layout #right-side { padding: 2rem; border-bottom: 1px solid #c1e1ef; background: rgb(236, 249, 255); background: linear-gradient(-45deg, rgb(236, 249, 255) 0%, rgb(255, 255, 255) 70%); } #login-layout #bottom-section #divider { text-align: center; margin-bottom: 0; align-items: center; display: flex; } #login-layout #bottom-section #divider #text { height: 35px; text-align: center; display: inline-block; line-height: 35px; color: #39a1c1; width: 20%; } #login-layout #bottom-section #divider #left, #login-layout #bottom-section #divider #right { display: inline-block; position: relative; width: 40%; height: 35px; } #login-layout #bottom-section #divider #left:before, #login-layout #bottom-section #divider #right:before { width: 1px; height: 1px; background: #cfecf7; position: absolute; left: 0; top: 50%; width: 100%; content: ""; } #login-layout #bottom-section #divider #left:after, #login-layout #bottom-section #divider #right:after { width: 1px; height: 1px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: 1px; width: 100%; content: ""; } #login-layout #bottom-section #social-logins { padding: 1.5rem 3rem; border-bottom: 1px solid #cfecf7; } #login-layout #bottom-section #social-logins #buttons-wrap { max-width: 400px; margin: 0 auto; } #login-layout #bottom-section #social-logins #buttons-wrap button { margin-bottom: 1rem; display: block; width: 100%; } #login-layout #bottom-section #social-logins #buttons-wrap button:last-child { margin-bottom: 0; } #login-layout #bottom-section #class-code { padding: 1.5rem; border-top: 1px solid #fff; font-size: 1.1rem; text-align: center; } #login-layout #bottom-section #class-code a { display: block; padding: 0.5rem; } #login-layout #login-footer { text-align: center; padding: 1.5rem; } #login-layout #login-footer #mtp-logo { width: 200px; display: inline-block; } #login-layout #login-footer #mtp-logo .svg-icon { height: auto; } @media (min-width: 460px) { #login-layout form { width: 400px; margin: 0 auto; padding: 0; } #login-layout form #login-form-footer { display: flex; justify-content: space-between; } #login-layout form #login-form-footer #login-button { width: 50%; margin: 0 auto 1rem; } #login-layout form #login-form-footer #password-reset { width: 50%; padding: 0.5rem 1rem; margin: 0; text-align: right; } } @media (min-width: 600px) { #login-layout #right-side #intro-text { font-size: 1.1rem; line-height: 1.7rem; color: #495057; max-width: 450px; margin: 0 auto; } #login-layout #bottom-section #social-logins #buttons-wrap { display: flex; align-items: center; justify-content: space-around; max-width: 400px; margin: 0 auto; } #login-layout #bottom-section #social-logins #buttons-wrap button { width: auto; margin: 0; display: inline-block; } #login-layout #bottom-section #class-code { display: flex; align-items: center; justify-content: center; } #login-layout #bottom-section #class-code #text { margin: 0 1rem 0 0; } } #login-layout #login-content #methodize-logo svg { height: 160px; } #login-layout #login-content #method-learning-logo svg { height: 80px; } #login-layout #login-content #method-tutoring-logo svg { height: 80px; } #login-layout #login-content #method-admin-logo svg { height: 80px; } @media (min-width: 1024px) { #login-layout { padding: 3.5rem 2rem; } #login-layout #login-content { display: flex; box-shadow: 1rem 0.5rem 2rem rgba(0, 0, 0, 0.3); } #login-layout #left-side, #login-layout #right-side { width: 50%; height: 700px; } #login-layout #left-side { position: relative; margin: 0; } #login-layout #login-footer { text-align: right; } #login-layout #right-side { position: relative; padding: 0; box-shadow: none; background-image: url("https://images.methodtestprep.com/elevate/login/right-side-bg.jpg"); background-position: center; background-repeat: no-repeat; } #login-layout #right-side #intro-text { position: absolute; bottom: 20px; left: 50%; margin-left: -225px; padding: 0 2rem; } } @media (min-width: 1200px) { #login-layout { max-width: 1200px; margin: 0 auto; } #login-layout #left-side, #login-layout #right-side { width: 50%; } #right-side #intro-text { padding: 0; } } /* Password Reset */ #password-reset { padding: 2rem; } #password-reset #methodize-logo { width: 150px; margin: 0 auto 2rem; } #password-reset #methodize-logo .svg-icon { height: auto; } .breadcrumb.edit { background: #f8f9fa; border: 1px solid #ced4da; } .has-form-error { position: relative; } .has-form-error .validation-icon { display: block; position: absolute; left: 1rem; top: 0.25rem; } .has-form-error input, .has-form-error textarea { border-color: #dc3545; color: #dc3545; } .has-form-error input:focus, .has-form-error input:active, .has-form-error input:hover, .has-form-error input.form-control, .has-form-error textarea:focus, .has-form-error textarea:active, .has-form-error textarea:hover, .has-form-error textarea.form-control { border-color: #dc3545; box-shadow: none; } .validation-icon { font-size: 1.2rem; color: #dc3545; margin-right: 1rem; display: none; } #edit-form-wrap #edit-form .label { color: #6c757d; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1rem; text-transform: uppercase; } #edit-form-wrap .navbar { border-radius: 0.2rem; padding: 0; align-items: stretch; background: none; flex-direction: column; } #edit-form-wrap .navbar form { width: 100%; } #edit-form-wrap .navbar-brand { padding: 0 1rem; display: flex; align-items: center; margin: 0 0 1rem 0; justify-content: center; white-space: normal; } #edit-form-wrap .navbar-brand .icon { font-size: 2.5rem; margin-right: 1rem; } #edit-form-wrap .navbar-collapse { align-items: stretch; } #edit-form-wrap .navbar-light .navbar-toggler { color: #212529; } #edit-form-wrap .navbar-nav .nav-item { display: flex; align-items: center; } #edit-form-wrap .navbar-nav .nav-item a, #edit-form-wrap .navbar-nav .nav-item button { color: #212529; padding: 1.2rem; border-bottom: 1px solid #ced4da; display: block; width: 100%; } #edit-form-wrap .navbar-nav .nav-item a:hover, #edit-form-wrap .navbar-nav .nav-item button:hover { color: #13853a; } #edit-form-wrap .navbar-toggler { font-size: 1.5rem; border-radius: 0; background: #fff; border-width: 1px; border-style: solid; border-color: #ced4da; display: flex; align-items: center; justify-content: center; padding: 1rem; } #edit-form-wrap .navbar-toggler .label { margin-left: 1rem; font-size: 1rem; } @media (min-width: 576px) { #edit-form-wrap .navbar-brand { justify-content: flex-start; margin: 0; } #edit-form-wrap .navbar-toggler { margin-left: auto; border-width: 0 0 0 1px; } #edit-form-wrap .navbar-toggler .label { display: none; } #edit-form-wrap .navbar { background: #fff; border: 1px solid #ced4da; flex-direction: row; } } @media (min-width: 768px) { #edit-form-wrap .navbar-toggler { display: none; } #edit-form-wrap .navbar-nav .nav-item { border-left: 1px solid #ced4da; } #edit-form-wrap .navbar-nav .nav-item a, #edit-form-wrap .navbar-nav .nav-item button { padding: 1rem; border-bottom: none; width: auto; } } .popup-search-wrap { position: relative; width: 100%; } .popup-search-wrap .popup-search-input { height: 40px; line-height: 40px; padding-right: 2.5rem; border-radius: 0.25rem 0 0 0.25rem; } .popup-search-wrap #org-search-input-wrap { display: flex; align-items: center; width: 100%; position: relative; } .popup-search-wrap .popup-search { position: relative; display: flex; align-items: center; } .popup-search-wrap .popup-search #clear-search-button { display: none; position: absolute; top: 2px; right: 10px; z-index: 1; background: none; color: #dc3545; border: none; padding: 0.5rem; } .popup-search-wrap .popup-search #clear-search-button:hover { opacity: 0.8; } .popup-search-wrap .popup-search .is-searching #clear-search-button { display: block; } .popup-search-wrap .popup-search #org-search-button { width: 20%; background: #dee2e6; border-width: 1px 1px 1px 0; height: 40px; border-radius: 0 0.25rem 0.25rem 0; border-style: solid; border-color: #ced4da; } .popup-search-wrap .popup-search #org-search-button:hover { background: #ced4da; } .popup-search-wrap .popup-search.searching .popup-search { border-radius: 0.25rem 0.25rem 0 0; } .popup-search-wrap .popup-search .close-search { position: absolute; height: 25px; width: 25px; line-height: 25px; top: 50%; margin-top: -12.5px; right: 10px; z-index: 3; background: none; padding: 0; border: none; font-size: 1.5rem; color: #495057; border-radius: 50%; } .popup-search-wrap .popup-search .close-search:hover { color: #dc3545; } .popup-search-wrap .popup-search-results { position: absolute; top: auto; left: 0; max-height: 450px; overflow-y: auto; background: #fff; border: 1px solid #dee2e6; border-radius: 0 0 0.25rem 0.25rem; width: 100%; display: none; z-index: 2; } .popup-search-wrap .popup-search-results.searching, .popup-search-wrap .popup-search-results.has-results { display: block; } .popup-search-wrap .popup-search-results .item { padding: 0.5rem; display: block; cursor: pointer; width: 100%; border: none; background: none; text-align: left; } .popup-search-wrap .popup-search-results .item:hover { background: #f8f9fa; } .popup-search-wrap .popup-search-results .item .badge { background-color: #FFFFDD; font-size: 85%; } .popup-search-wrap .popup-search-results .item .count { width: 20px; text-align: center; margin-right: 0.5rem; padding: 0 0.3rem; font-size: 0.8rem; color: #495057; } .popup-search-wrap .popup-search-results .popup-results-wrap { padding: 0.5rem; background: #f8f9fa; } .popup-search-wrap .popup-search-results ul { list-style: none; margin: 0; padding: 0; border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } .popup-search-wrap .popup-search-results ul li { border-bottom: 1px solid #dee2e6; } .popup-search-wrap .popup-search-results ul li:last-child { border: none; } .search-wrap { position: relative; } #issues ul.nav-tabs { border: none; position: relative; z-index: 1; margin-bottom: -1px; } #issues .form-footer { display: flex; align-items: center; } #issues .form-footer .pagination { margin: 0; } #issues .form-footer nav { margin-left: auto; } #issues-body .options { display: flex; align-items: center; } #issues-body .options ul { list-style: none; margin: 0; padding: 0; } #issues-body .options ul li { padding: 0; } #issues-body li.issue { display: flex; } #issues-body li.issue .status { margin-right: 2rem; margin-top: 0.5rem; } #issues-body li.issue .status .complete { color: #13853a; } #issues-body li.issue .details { flex-grow: 1; } #issues-body li.issue ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } #issues-body li.issue ul li { padding: 0 1rem; display: flex; align-items: center; border-right: 1px solid #dee2e6; } #issues-body li.issue ul li:first-child { padding-left: 0; } #issues-body li.issue ul li:last-child { border-right: none; } #issues-body li.issue .view { display: flex; align-items: center; justify-content: center; padding: 1rem; } .user-stats-grid .course-progress-counter { display: block; text-decoration: none; padding: 2.5rem; color: #212529; flex-direction: column; text-align: center; align-items: center; } .user-stats-grid .course-progress-counter:hover { background: #f8f9fa; } .user-stats-grid .course-progress-item { height: 180px; } .user-stats-grid .course-progress-item a { text-decoration: none; color: #212529; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .user-stats-grid .course-progress-item a:hover { background: #f8f9fa; } .user-stats-grid .course-progress-item a .label { font-size: 1.2rem; margin: 0; } .user-stats-grid .course-progress-item a .progress-number { font-size: 3rem; margin: 0; } #student-view { display: grid; grid-template-columns: 1.5fr 3fr; grid-gap: 2rem; } #student-view #student-info p { margin: 0; } #student-view #student-info .label { color: #6c757d; } #course-subjects #scores-by-concept .selected { background: #eaeaea; } #course-show #scores-by-concept { margin: 2em 0; } #user-course-view #scores-by-concept .low .label, #user-course-view #scores-by-concept .low .score-percent, #course-show #scores-by-concept .low .label, #course-show #scores-by-concept .low .score-percent, #course-subjects #scores-by-concept .low .label, #course-subjects #scores-by-concept .low .score-percent { color: #adb5bd; } #user-course-view #scores-by-concept .up .score-percent, #course-show #scores-by-concept .up .score-percent, #course-subjects #scores-by-concept .up .score-percent { color: #13853a; } #user-course-view #scores-by-concept .down .score-percent, #course-show #scores-by-concept .down .score-percent, #course-subjects #scores-by-concept .down .score-percent { color: #dc3545; } #user-course-view #scores-by-concept ul, #course-show #scores-by-concept ul, #course-subjects #scores-by-concept ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: stretch; background: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; overflow: auto; } #user-course-view #scores-by-concept ul li, #course-show #scores-by-concept ul li, #course-subjects #scores-by-concept ul li { flex: 1 0 0; text-align: center; border-right: 1px solid #dee2e6; } #user-course-view #scores-by-concept ul li .arrow, #course-show #scores-by-concept ul li .arrow, #course-subjects #scores-by-concept ul li .arrow { margin-left: 0.5rem; } #user-course-view #scores-by-concept ul li:last-child, #course-show #scores-by-concept ul li:last-child, #course-subjects #scores-by-concept ul li:last-child { border-right: none; } #user-course-view #scores-by-concept ul li a, #course-show #scores-by-concept ul li a, #course-subjects #scores-by-concept ul li a { padding: 2rem; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #212529; text-decoration: none; } #user-course-view #scores-by-concept ul li a:hover, #course-show #scores-by-concept ul li a:hover, #course-subjects #scores-by-concept ul li a:hover { text-decoration: none; background: #f8f9fa; } #user-course-view #scores-by-concept ul li .label, #course-show #scores-by-concept ul li .label, #course-subjects #scores-by-concept ul li .label { font-size: 1.2rem; margin-bottom: 0.8rem; } #user-course-view #scores-by-concept ul li .score-percent, #course-show #scores-by-concept ul li .score-percent, #course-subjects #scores-by-concept ul li .score-percent { font-size: 3rem; line-height: 3rem; } #user-course-view #scores-by-concept ul li .norm.up, #course-show #scores-by-concept ul li .norm.up, #course-subjects #scores-by-concept ul li .norm.up { color: #13853a; } #user-course-view #scores-by-concept ul li .norm.down, #course-show #scores-by-concept ul li .norm.down, #course-subjects #scores-by-concept ul li .norm.down { color: #dc3545; } #user-course-stats-wrap { display: flex; background: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; margin-bottom: 2rem; } #user-course-stats-wrap #course-progress { padding: 2rem; border-right: 1px solid #dee2e6; position: relative; } #user-course-stats-wrap #course-progress .expires-at { position: absolute; top: 10px; right: 10px; } #invite-students h1, #invite-students .h1 { text-align: center; font-size: 2rem; margin-bottom: 2rem; } #invite-students #invite-students-options a.option { height: 400px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 2rem; border-width: 2px; border-style: solid; border-color: #e9ecef; background: #fff; border-radius: 0.25rem; margin-right: 1.5rem; text-decoration: none; color: #212529; flex-grow: 1; flex-basis: 0; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #invite-students #invite-students-options a.option .btn-primary { transition: none; } #invite-students #invite-students-options a.option:hover { text-decoration: none; border-color: #ced4da; box-shadow: none; margin-top: 1px; } #invite-students #invite-students-options a.option:hover .btn-primary { border-color: #13853a; color: #13853a; transition: none; } #invite-students #invite-students-options a.option:hover .icon { color: #13853a; } #invite-students #invite-students-options a.option:last-child { margin-right: 0; } #invite-students #invite-students-options a.option .icon { font-size: 4rem; line-height: 4rem; margin-bottom: 1.5rem; } #invite-students #invite-students-options a.option h2, #invite-students #invite-students-options a.option .h2 { font-size: 1.3rem; } #invite-students #invite-students-options a.option p { margin-bottom: 1.5rem; } #invite-students #invite-students-options a.option .btn-primary { background: none; border-color: transparent; color: #212529; border-width: 2px; font-weight: 600; padding: 0.8rem 1.5rem; } #student-dashboard .course-progress { font-size: 3em; text-align: center; margin-bottom: 0.25em; } #student-dashboard .block { flex: 1 1 0; } #student-dashboard #course-listings .course-item { margin-top: 1em; background: #fff; border: 1px solid #ced4da; border-radius: 0.3rem; padding: 1rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08); flex: 1 1 0; margin-right: 1rem; } #user-course-quizzes-view .breadcrumb { background: none; font-size: 1.1rem; margin: 0; } #user-course-quizzes-view .breadcrumb a { color: #212529; } #user-course-quizzes-view #guide-info { display: flex; align-items: center; border-radius: 0; } #user-course-quizzes-view #guide-info .content { flex: 1 1 0; display: flex; align-items: center; } #user-course-quizzes-view #guide-info .content .icon { margin-right: 1.5rem; font-size: 1.5rem; line-height: 1.5rem; } #user-course-quizzes-view #guide-info h3, #user-course-quizzes-view #guide-info .h3 { font-size: 1.5rem; line-height: 1.5rem; } #user-course-quizzes-view #guide-info p { margin: 0 2rem 0 0; } #user-course-quizzes-view #content { border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } #user-course-quizzes-view #filters { background: #fbfbfb; border-right: 1px solid #dee2e6; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } #user-course-quizzes-view #filters .title { padding: 1rem; text-align: center; margin: 0; font-size: 1.1rem; border-bottom: 1px solid #dee2e6; } #user-course-quizzes-view #filters .title .icon { margin-right: 0.3rem; } #user-course-quizzes-view #filters form { padding: 1rem; } #user-course-quizzes-view #course-quiz-results .quiz-card-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #dee2e6; } #user-course-quizzes-view #course-quiz-results .quiz-card-header .attempt-nav { display: flex; align-items: center; } #user-course-quizzes-view #course-quiz-results .quiz-card-header a[role=button] { padding: 0.5rem 1rem; border-left: 1px solid #dee2e6; color: #212529; } #user-course-quizzes-view #course-quiz-results .quiz-card-header a[role=button].disabled span { opacity: 0.2; } #user-course-quizzes-view #course-quiz-results .quiz-card-header ul li { padding: 0.5rem 1rem; } #user-course-quizzes-view #course-quiz-results .carousel-indicators { position: static; display: block; margin: 0; padding: 0; } #user-course-quizzes-view #course-quiz-results .carousel-indicators li { flex: auto; width: auto; height: auto; margin: 0; border: none; display: none; text-indent: 0; } #user-course-quizzes-view #course-quiz-results .carousel-indicators li.active { display: block; } #user-course-quizzes-view #course-quiz-results .modal .quiz { width: 400px; margin: 0 auto 2rem; } #user-course-quizzes-view #course-quiz-results .modal .modal-body { padding: 2rem; } #user-course-quizzes-view #course-quiz-results .modal .modal-body .intro { max-width: 600px; margin: 0 auto 1rem; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap { display: flex; border: 1px solid #dee2e6; margin-bottom: 2rem; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap .score-percent { font-size: 2.5rem; line-height: 2.5rem; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap .explanation { padding: 1rem; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap .item { display: flex; align-items: center; justify-content: center; flex: 0 0 200px; padding: 1rem; border-right: 1px solid #dee2e6; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap .item.score { flex-direction: column; } #user-course-quizzes-view #course-quiz-results .modal .explanation-wrap .item .icon { margin-right: 0.3rem; } #user-course-quizzes-view #course-quiz-results .wrap { padding: 1rem; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem; } #user-course-quizzes-view #course-quiz-results .quiz { border: 1px solid #dee2e6; background: #fff; border-radius: 0.25rem; display: flex; flex-direction: column; } #user-course-quizzes-view #course-quiz-results .body { padding: 1.5rem; display: flex; align-items: center; flex-grow: 1; } #user-course-quizzes-view #course-quiz-results .body .title { flex-grow: 1; } #user-course-quizzes-view #course-quiz-results .body .title h3, #user-course-quizzes-view #course-quiz-results .body .title .h3 { font-size: 1.3rem; margin: 0; } #user-course-quizzes-view #course-quiz-results .body .title a { color: #212529; } #user-course-quizzes-view #course-quiz-results .body .title a:hover { text-decoration: none; } #user-course-quizzes-view #course-quiz-results .body .score-wrap { text-align: center; padding: 1rem; } #user-course-quizzes-view #course-quiz-results .body .score-percent { font-size: 2.5rem; line-height: 2.5rem; margin-bottom: 0.5rem; } #user-course-quizzes-view #course-quiz-results .body .score-percent.above { color: #13853a; } #user-course-quizzes-view #course-quiz-results .body .score-percent.below { color: #dc3545; } #user-course-quizzes-view #course-quiz-results .body .score { margin: 0; } #user-course-quizzes-view #course-quiz-results .footer { border-top: 1px solid #dee2e6; } #user-course-quizzes-view #course-quiz-results .footer ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; } #user-course-quizzes-view #course-quiz-results .footer ul li { flex: 1 1 auto; text-align: center; border-right: 1px solid #dee2e6; padding: 1rem; } #user-course-quizzes-view #course-quiz-results .footer ul li:last-child { border-right: none; } #user-course-quizzes-view #course-quiz-results .footer ul li .icon { margin-right: 0.3rem; } #user-course-quizzes-view #course-quiz-results .footer .norm .up { color: #13853a; } #user-course-quizzes-view #course-quiz-results .footer .norm .down { color: #dc3545; } #course-report { padding: 1rem; } #course-report #menu-options { display: flex; align-items: flex-end; justify-content: center; } #course-report #menu-options .item { position: relative; display: inline-block; } #course-report #menu-options .item .text-wrap { padding: 0.3rem 1rem; display: flex; align-items: center; color: #6c757d; border-radius: 0.5rem; border: 1px solid #dee2e6; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #course-report #menu-options .item .text-wrap .icon { width: 27px; } #course-report #menu-options .item .label { display: inline-block; margin-left: 0.5rem; } #course-report #menu-options .item .menu-dropdown { display: none; position: absolute; right: 0; background: #fff; border-width: 1px; border-color: #fff #dee2e6 #dee2e6 #dee2e6; border-style: solid; border-radius: 0 0 0.25rem 0.25rem; width: 400px; z-index: 2; } #course-report #menu-options .item .menu-dropdown.active { display: block; } #course-report #menu-options .item.active { font-weight: 600; } #course-report #menu-options .item .desc { padding: 1rem; border-bottom: 1px solid #dee2e6; margin: 0; } #course-report #menu-options .item:hover { cursor: pointer; } #course-report #menu-options .item:hover .text-wrap { border-color: #ced4da; color: #212529; } #course-report #course-report-table { background: #fff; border: 1px solid #dee2e6; } #course-report #course-report-table #class-student-pagination { padding: 0 1rem; } #course-report #course-report-table #table-results { min-height: 300px; } #course-report #course-title-wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; } #course-report #course-title-wrap #title { max-width: 400px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #course-report #course-report-filters { border-bottom: 1px solid #dee2e6; } #course-report #course-report-filters #date-filters .form-control { border-width: 0 0 1px 0; border-style: solid; border-color: #ced4da; border-radius: 0; } #course-report #course-report-filters #date-filters .dropdown-menu { min-width: 30rem; } #course-report #course-report-filters #search-wrap { display: flex; align-items: center; } #course-report #course-report-filters #search-wrap #search-results { margin: 0; padding: 0; list-style: none; } #course-report #course-report-filters #search-wrap #search-results li { padding: 0.5rem; border-bottom: 1px solid #dee2e6; } #course-report #course-report-filters #search-wrap #search-results li:hover { color: #3878bc; } #course-report #course-report-filters #search-wrap #search-results li:last-child { border: none; } #course-report #course-report-filters #search-wrap #search-types { display: flex; align-items: center; margin-right: 1rem; } #course-report #course-report-filters #search-wrap #search-types label { margin: 0 0 0 0.5rem; } #course-report #course-report-filters #search-wrap #search-types .input-wrap { display: flex; align-items: center; margin-right: 1rem; } #course-report #course-report-filters #search-wrap #search-types .input-wrap:last-child { margin-right: 0; } #course-report #course-report-filters #search-wrap #search-types .type { padding: 0.5rem; cursor: pointer; border-bottom: 2px solid #fff; } #course-report #course-report-filters #search-wrap #search-types .type.active { color: #3878bc; border-bottom: 2px solid #3878bc; } #course-report #course-report-filters #search-wrap #search-form { display: flex; align-items: center; padding: 1rem; } #course-report #course-report-filters #search-wrap #search-form button[type=submit] { height: 35px; line-height: 35px; padding: 0 1rem; border: 1px solid #dee2e6; border-radius: 0 0.25rem 0.25rem 0; background: #3878bc; color: #fff; } #course-report #course-report-filters #search-input-wrap { position: relative; } #course-report #course-report-filters #search-input-wrap #search-filters { position: absolute; top: 20px; left: 0; width: 100%; max-height: 200px; background: #fff; border-radius: 0 0 0.25rem 0.25rem; z-index: -1; height: 0; overflow: hidden; opacity: 0; } #course-report #course-report-filters #search-input-wrap #search-filters .item { padding: 0.6rem; border-bottom: 1px solid #dee2e6; font-size: 0.8rem; } #course-report #course-report-filters #search-input-wrap #search-filters .item:hover { background: #f8f9fa; } #course-report #course-report-filters #search-input-wrap #search-filters .filter { background: #e9ecef; padding: 0.2rem; border-radius: 0.5rem; margin-right: 0.5rem; } #course-report #course-report-filters #search-input-wrap #search-filters ul { list-style: none; margin: 0; padding: 0; } #course-report #course-report-filters #search-input-wrap #search-filters.in-focus { border: 1px solid #dee2e6; transition: top 200ms ease-out, opacity 400ms; overflow: auto; top: 35px; height: auto; z-index: 2; opacity: 1; } #course-report #course-report-filters #search-input-wrap #search-results { position: absolute; top: auto; left: 0; width: 100%; max-height: 200px; overflow: auto; background: #fff; border: 1px solid #dee2e6; border-radius: 0 0 0.25rem 0.25rem; z-index: 2; } #course-report #course-report-filters #search-input-wrap #search-results .item { padding: 0.6rem; border-bottom: 1px solid #dee2e6; } #course-report #course-report-filters #search-input-wrap #search-results .item:last-child { border-bottom: none; } #course-report #course-report-filters #search-input-wrap #reset-search { position: absolute; top: 8px; right: 5px; width: 20px; height: 20px; background: #ced4da; line-height: 20px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 600; border: 1px solid #dee2e6; font-size: 1.2rem; } #course-report #course-report-filters #search-input-wrap #reset-search:hover { color: #dc3545; background: #fff; } #course-report #course-report-filters #search-input-wrap #class-course-search { height: 35px; line-height: 35px; padding: 0 2rem 0 0.5rem; border: 1px solid #dee2e6; border-radius: 0.25rem 0 0 0.25rem; width: 300px; } #course-report .table-loading { opacity: 0.5; } #course-report .breadcrumb { background: #fff; border: 1px solid #dee2e6; } #course-report .breadcrumb .btn { border: none; vertical-align: top; padding: 0; color: #3878bc; } #course-report .table th { padding: 0.8rem; white-space: nowrap; border: none; } #course-report .table tr:hover { background: #ebf7ff; } #course-report .table td { padding: 0.5rem; } #course-report .table-header span { padding-left: 1.2rem; position: relative; display: inline-block; } #course-report .table-header.asc .active-sort .can-sort, #course-report .table-header.desc .active-sort .can-sort { color: #3878bc; } #course-report .table-header.asc .active-sort .can-sort:before, #course-report .table-header.desc .active-sort .can-sort:before { font-size: 1.1rem; margin-right: 0.3rem; } #course-report .table-header.asc .active-sort .can-sort:before { content: "↓"; } #course-report .table-header.desc .active-sort .can-sort:before { content: "↑"; } #course-report .table-header th { font-size: 0.9rem; vertical-align: middle; padding: 0; } #course-report .table-header th .title { padding: 0.8rem; display: flex; align-items: center; } #course-report .table-header th .title.can-sort:before { font-size: 1.3rem; content: "↕"; margin-right: 0.5rem; } #course-report .table-header th .btn { padding: 0; } #course-report .table-header th:hover { cursor: pointer; } #course-report .table-header th.active-sort.desc:after { content: "↑"; } #class-course-reporting #reporting-filters { padding-bottom: 1.5rem; } #class-course-reporting #reporting-filters .filter { margin-bottom: 1.5rem; } #class-course-reporting #reporting-filters .filter .title-wrap { display: flex; align-items: center; margin-bottom: 0.5rem; } #class-course-reporting #reporting-filters .filter .title-wrap .title { font-size: 15px; margin: 0; } #class-course-reporting #reporting-filters .filter .title-wrap .info { margin-left: 0.5rem; } #class-course-reporting #table-results .table { min-width: 1200px; background: #fff; } #class-course-reporting #table-results .table th, #class-course-reporting #table-results .table td { white-space: nowrap; } #class-course-reporting #table-results .check { color: #198754; font-size: 1.2rem; line-height: 1.2rem; } #class-course-reporting #table-results .direction-icon { visibility: hidden; } #course-report-breadcrumbs .breadcrumb-item { display: flex; align-items: center; } #course-report-breadcrumbs .breadcrumb-item button { padding: 0; color: #3878bc; } #course-report-breadcrumbs .dropdown-menu { max-height: 300px; overflow: auto; } /* Activity */ #activity-layout #footer { padding: 1rem; border-top: 1px solid #dee2e6; } #activity-container { /* ========================= Title ============================ */ /* ========================= Toolbar ============================ */ /* ========================= Activity Cards ============================ */ } @media (min-width: 768px) { #activity-container { display: grid; grid-template-columns: 1.5fr 3fr; } #activity-container.has-right-section { grid-template-columns: 1.5fr 3fr 1fr; } } #activity-container .activity-column { margin-bottom: 1.5rem; } @media (min-width: 768px) { #activity-container .activity-column { margin-bottom: 0; } } #activity-container #left-sidebar { background: #fff; border-bottom: 1px solid #dee2e6; } @media (min-width: 768px) { #activity-container #left-sidebar { border-right: 1px solid #dee2e6; } } #activity-container #left-sidebar .alert { border-radius: 0; } #activity-container #left-sidebar #details-name-value-list p { margin: 0; } #activity-container #left-sidebar #details-name-value-list p.label { color: #6c757d; font-size: 0.9rem; } #activity-container #left-sidebar .alert { margin: 0; } #activity-container #right-sidebar { background: #fff; border-bottom: 1px solid #dee2e6; } @media (min-width: 768px) { #activity-container #right-sidebar { border-left: 1px solid #dee2e6; } } #activity-container #right-sidebar #school-account-views ul { list-style: none; margin: 0; padding: 0; } #activity-container #right-sidebar #school-account-views ul li { text-align: center; border-bottom: 1px solid #dee2e6; position: relative; } #activity-container #right-sidebar #school-account-views ul li .primary-icon { font-size: 3rem; } #activity-container #right-sidebar #school-account-views ul li .invite-button { padding: 0 1rem 1.5rem 1rem; } #activity-container #right-sidebar #school-account-views ul li .sub-title-wrap { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; } #activity-container #right-sidebar #school-account-views ul li .sub-title-wrap .icon { font-size: 1.5rem; line-height: 1.5rem; background: none; border: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0; } #activity-container #right-sidebar #school-account-views ul li .sub-title-wrap .sub-title { margin-left: 1rem; font-size: 1.1rem; margin-bottom: 0; } #activity-container #right-sidebar #school-account-views ul li .count { font-size: 2.5rem; line-height: 2.5rem; text-align: center; } #activity-container #right-sidebar #school-account-views ul li .item { display: block; padding: 2rem 1rem; border-color: transparent; border-width: 1px; border-style: solid; } #activity-container #right-sidebar #school-account-views ul li .item .btn-outline-primary { color: #6c757d; border-color: #6c757d; } #activity-container #right-sidebar #school-account-views ul li .item .btn-outline-primary:hover { color: #fff; } #activity-container #right-sidebar #school-account-views ul li .item .counter { color: #212529; display: block; } #activity-container #right-sidebar #school-account-views ul li .item .counter:hover { text-decoration: none; color: #3878bc; } #activity-container #right-sidebar #school-account-views ul li .item .counter:hover .icon { color: #3878bc; } #activity-container #title { display: flex; align-items: center; padding: 1rem; border-bottom: 1px solid #dee2e6; } #activity-container #title .main-title { font-size: 1.5rem; margin: 0; } #activity-container #toolbar { display: flex; align-items: center; border-bottom: 2px solid #e9ecef; } #activity-container #toolbar .show > .btn-outline-secondary.dropdown-toggle { background-color: #ced4da; } #activity-container #toolbar .btn-outline-secondary { color: #6c757d; border-color: #ced4da; background: #fff; } #activity-container #toolbar .btn-outline-secondary:hover { background: #e9ecef; } #activity-container #toolbar #back-button { display: inline-block; border: 1px solid #ced4da; color: #6c757d; background: #fff; padding: 0.5rem 1.2rem; display: flex; align-items: center; border-radius: 0 0.25rem 0.25rem 0; margin: 1rem 1rem 1rem 0; } #activity-container #toolbar #back-button .svg-icon { font-size: 0.8rem; line-height: 0.8rem; } #activity-container #toolbar #back-button:hover { text-decoration: none; background: #e9ecef; } #activity-container #toolbar ul { display: flex; align-items: center; margin: 1rem 1rem 1rem auto; list-style: none; } #activity-container #toolbar ul li { margin-right: 1.5rem; } #activity-container #toolbar ul li:last-child { margin-right: 0; } #activity-container #activity .activity-cards .card { margin-bottom: 1.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #activity-container #activity .activity-cards ul li { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.9rem; } #activity-container #activity .activity-cards .card-header { display: flex; background: #fff; align-items: center; } #activity-container #activity .activity-cards .card-header .createdAt { margin-left: auto; color: #495057; } #activity-container #activity .activity-cards .card-header p { margin: 0; } #documentation { height: 100%; } #documentation body { height: 100%; } #documentation body #documentation-container { height: 100%; } #documentation body #documentation-container #sidebar { height: 100%; overflow-y: auto; } #documentation body #documentation-container #content { height: 100%; overflow-y: auto; } #documentation body #app { height: 100%; } #documentation-container { background: #fff; } #documentation-container #sidebar #logo { text-align: center; padding: 2rem 1rem; border-bottom: 1px solid #dee2e6; } #documentation-container #sidebar #logo svg { max-width: 185px; height: 100%; margin: 0 auto; } #documentation-container #sidebar ul { list-style: none; margin: 0; padding: 0; } #documentation-container #sidebar ul li { border-bottom: 1px solid #dee2e6; display: block; padding: 1rem; } #documentation-container #sidebar ul li a { text-decoration: none; } #documentation-container #sidebar ul li.list-header { color: #3878bc; font-weight: bold; } #documentation-container #sidebar ul li.list-sub-item { padding-left: 1rem; } #documentation-container #sidebar ul li:last-child { margin-bottom: 0; } #documentation-container #sidebar ul li.current { background: #f8f9fa; } #documentation-container #sidebar ul li > ul { margin: 0; padding: 0 0 0 0.5rem; } #documentation-container #sidebar ul li > ul > li:last-child { border-bottom: none; } #documentation-container .section { border: 0; padding: 2rem; border-bottom: 1px solid #e9ecef; } #documentation-container .section.primary-header { border-left: 5px solid #3878bc; } #documentation-container .section.section-header { border-left: 5px solid #41b4e4; } #documentation-container h4, #documentation-container .h4 { font-weight: 600; } #documentation-container .table td:first-child { max-width: 170px; } @media (min-width: 768px) { #documentation-container { display: grid; grid-template-columns: 1.5fr 4fr; grid-column-gap: 0; } #documentation-container #sidebar { border-right: 1px solid #dee2e6; } } #school-goal { margin-bottom: 2rem; } #school-goal #answered-count { white-space: nowrap; } #school-goal #goal-progress-bar { border: 1px solid #dee2e6; border-radius: 0.25rem; background: #f8f9fa; height: 40px; position: relative; } #school-goal #goal-progress-bar #goal-progress { display: block; background: #13853a; position: absolute; top: 0; left: 0; height: 100%; color: #fff; display: flex; align-items: center; justify-content: center; } #course-lesson-progress-report-wrap { padding: 2rem; background: #fff; } #course-lesson-progress-report { display: grid; grid-template-columns: 200px auto; position: relative; overflow-x: auto; } #course-lesson-progress-report #lessons-dropdown { position: absolute; left: 0; top: 0; width: 200px; z-index: 3; } #course-lesson-progress-report #lessons-dropdown button { width: 100%; } #course-lesson-progress-report #lessons-dropdown .dropdown-menu { height: 400px; overflow-y: auto; } #course-lesson-progress-report #lesson-row-higlight { position: absolute; top: 40px; left: 0; height: 100%; width: 100%; } #course-lesson-progress-report #lesson-row-higlight .highlight-row { position: relative; height: 30px; } #course-lesson-progress-report #lesson-row-higlight .highlight-row.selected { border-color: #a6cbde; border-width: 1px; border-style: solid; background: rgb(212, 240, 255); } #course-lesson-progress-report #lesson-column-highlight { position: absolute; top: 0; left: 0px; height: 100%; width: 100%; display: flex; grid-column: 1/3; padding-left: 200px; } #course-lesson-progress-report #lesson-column-highlight .highlight-column { display: block; flex: 0 0 30px; } #course-lesson-progress-report #lesson-column-highlight .highlight-column.selected { border-color: #a6cbde; border-width: 1px; border-style: solid; background: rgb(212, 240, 255); } #course-lesson-progress-report #lesson-header { height: 40px; margin-left: 200px; display: flex; align-items: flex-start; background: #fafafa; grid-column: 1/3; position: sticky; left: 0; top: 0; z-index: 2; } #course-lesson-progress-report #lesson-header .count { flex: 0 0 30px; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } #course-lesson-progress-report #lesson-header .count.selected { background: rgb(212, 240, 255); } #course-lesson-progress-report #students { width: 200px; background: rgba(255, 255, 255, 0.95); z-index: 2; position: sticky; left: 0; top: 0; table-layout: fixed; overflow: hidden; } #course-lesson-progress-report #students .student { height: 30px; } #course-lesson-progress-report #students .student .count { width: 40px; } #course-lesson-progress-report #students .student td { border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; } #course-lesson-progress-report #students .student.selected { font-weight: 600; } #course-lesson-progress-report #lesson-progress { border-collapse: collapse; table-layout: fixed; width: 100%; position: relative; z-index: 1; } #course-lesson-progress-report #lesson-progress .student.selected .lesson { border-color: #a6cbde; } #course-lesson-progress-report #lesson-progress .student.selected .lesson.complete { background: rgb(132, 162, 179); } #course-lesson-progress-report #lesson-progress .student.selected .lesson span.read { border-left: 15px solid rgb(132, 162, 179); } #course-lesson-progress-report #lesson-progress .lesson { height: 30px; width: 30px; border-width: 1px; border-style: solid; border-color: #dee2e6; position: relative; } #course-lesson-progress-report #lesson-progress .lesson.selected { border-color: #a6cbde; } #course-lesson-progress-report #lesson-progress .lesson.selected.complete { background: rgb(132, 162, 179); } #course-lesson-progress-report #lesson-progress .lesson.selected span.read { border-left: 15px solid rgb(132, 162, 179); } #course-lesson-progress-report #lesson-progress .lesson.complete { background: rgb(118, 209, 90); } #course-lesson-progress-report #lesson-progress .lesson span { display: block; width: 100%; height: 100%; } #course-lesson-progress-report #lesson-progress .lesson span.read { position: absolute; bottom: -7px; right: 0; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid rgb(118, 209, 90); transform: rotate(45deg); } #teacher-search { position: relative; } #teacher-search #teachers { position: absolute; top: auto; left: 0; width: 100%; background: #fff; border: 1px solid #dee2e6; } #teacher-search #teachers ul { margin: 0; padding: 0; list-style: none; max-height: 200px; overflow: auto; } #teacher-search #teachers ul li { border-bottom: 1px solid #dee2e6; } #teacher-search #teachers ul li button { background: none; border: none; display: flex; width: 100%; padding: 0.5rem 1rem; text-align: left; } #teacher-search #teachers ul li:hover { background: #f8f9fa; } #teacher-search #teachers ul li:hover button { color: #3878bc; } #teacher-search #teachers ul li:last-child { border-bottom: none; } #teacher-search #teachers .school { font-size: 0.9rem; color: #6c757d; } #teacher-search #teacher-search-wrap { position: relative; } #teacher-search #teacher-search-wrap #teacher-search-input { padding-right: 6rem; } #teacher-search #teacher-search-wrap #change-teacher-button { position: absolute; top: 5px; right: 10px; background: none; border: none; padding: 0; color: #3878bc; } #teacher-search #teacher-search-wrap #change-teacher-button:hover { color: #13853a; } #organization-selection .location { background: none; border: 2px solid #3878bc; color: #3878bc; border-radius: 0.25rem; display: block; text-align: center; width: 100%; padding: 0.8rem 1.5rem; text-decoration: none; } #organization-selection .location:hover { color: #fff; background: #3878bc; font-weight: 600; } #invite-options li { border-bottom: 1px solid #dee2e6; } #invite-options li:last-child { border-bottom: none; } #invite-options li:hover { background: #f8f9fa; } #invite-options li .icon { font-size: 2rem; margin-right: 1rem; } #invite-options li .invite-option { text-decoration: none; display: block; width: 100%; background: none; border: none; text-align: left; padding: 1rem 1.5rem; color: #212529; } #invite-options li .invite-option:hover { text-decoration: none; color: #3878bc; } #school-invite #school-students .card-body { max-height: 700px; overflow: auto; } #school-invite #school-students .card-body { max-height: 700px; overflow: auto; } #org-student-pagination .pagination { margin: 0; } #user-search-wrap { position: relative; width: 100%; } #user-search-wrap #methodize-search { width: 100%; height: 40px; line-height: 40px; padding-right: 2.5rem; border-radius: 0.25rem; } #user-search-wrap #search-wrap { position: relative; } #user-search-wrap #search-wrap.searching #methodize-search { border-radius: 0.25rem 0.25rem 0 0; } #user-search-wrap #search-wrap #get-help, #user-search-wrap #search-wrap #close-search { position: absolute; height: 25px; width: 25px; line-height: 25px; top: 50%; margin-top: -12.5px; right: 10px; z-index: 3; background: none; padding: 0; border: none; font-size: 1.2rem; color: #adb5bd; border-radius: 50%; } #user-search-wrap #search-wrap #get-help:hover, #user-search-wrap #search-wrap #close-search:hover { color: #3878bc; } #user-search-wrap #search-wrap #close-search { font-size: 1.5rem; color: #495057; } #user-search-wrap #search-wrap #close-search:hover { color: #dc3545; } #user-search-wrap #user-search-results { position: absolute; top: auto; left: 0; max-height: 350px; overflow-y: auto; background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0 0 0.25rem 0.25rem; width: 100%; display: none; z-index: 2; } #user-search-wrap #user-search-results.searching, #user-search-wrap #user-search-results.has-results { display: block; } #user-search-wrap #user-search-results .item { padding: 0.5rem; display: block; cursor: pointer; width: 100%; border: none; background: none; text-align: left; } #user-search-wrap #user-search-results .item:hover { background: #f8f9fa; } #user-search-wrap #user-search-results .item .count { width: 20px; text-align: center; margin-right: 0.5rem; padding: 0 0.3rem; font-size: 0.8rem; color: #495057; } #user-search-wrap #user-search-results button { text-align: left; } #user-search-wrap #user-search-results #search-results-wrap { background: #fff; } #user-search-wrap #user-search-results ul { list-style: none; margin: 0; padding: 0; border: 1px solid #dee2e6; border-radius: 0.25rem; background: #fff; } #user-search-wrap #user-search-results ul li { border-bottom: 1px solid #dee2e6; } #user-search-wrap #user-search-results ul li:last-child { border: none; } #user-search-wrap #user-search-selected .remove { display: inline-block; background: none; border: none; font-size: 1.5rem; padding: 0.3rem; line-height: 1.5rem; color: #dc3545; } .search-wrap { position: relative; } .search-wrap .close-search { position: absolute; height: 25px; width: 25px; line-height: 25px; top: 50%; margin-top: -12.5px; right: 10px; z-index: 3; background: none; padding: 0; border: none; font-size: 1.5rem; color: #495057; border-radius: 50%; } .ml-sortable-table .has-filter { position: relative; } .ml-sortable-table .has-filter.filter-active .head-filter { color: #212529; } .ml-sortable-table .has-filter.filter-active:after { width: 8px; height: 8px; position: absolute; top: -1px; right: -3px; background: green; content: ""; z-index: 2; border-radius: 50%; } .ml-sortable-table .has-filter .filter-dropdown { position: absolute; border: 1px solid #dee2e6; right: 0; width: 500px; background: #fff; z-index: 1; display: none; width: 350px; left: 50%; margin-left: -175px; } .ml-sortable-table .has-filter .filter-dropdown .filter-dropdown-item { padding: 1rem; border-bottom: 1px solid #dee2e6; } .ml-sortable-table .has-filter .filter-dropdown .filter-dropdown-item:last-child { border-bottom: none; } .ml-sortable-table .has-filter:hover .head-filter { background: #fff; color: #212529; } .ml-sortable-table .has-filter:hover .filter-dropdown { display: block; } .ml-sortable-table .has-filter .head-filter { font-size: 0.6rem; line-height: 0.6rem; border: 1px solid #adb5bd; color: #adb5bd; border-radius: 0.25rem; padding: 0.5rem; display: block; } .ml-sortable-table .sort-icon { margin-right: 0.5rem; font-size: 1.2rem; line-height: 1.2rem; } .ml-sortable-table th { font-weight: 400; } .ml-sortable-table th:hover { cursor: pointer; } .ml-sortable-table th:hover .sort-icon { opacity: 0.8; } .ml-sortable-table th .sort-icon { opacity: 0.5; } .ml-sortable-table th.active-order { font-weight: 800; } .ml-sortable-table th.active-order .sort-icon { opacity: 1; } #state-answers-table { max-height: 600px; padding-bottom: 1rem; } #state-answers-table table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; border-style: solid; border-color: #dee2e6; } #state-answers-table thead { position: sticky; z-index: 1; top: 0; background: #fff; } #state-answers-table thead th { border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 5px 8px; } #state-answers-table tbody { overflow-y: hidden; } #state-answers-table tbody td { border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; padding: 5px 8px; } #state-answers-table tbody td a { text-decoration: none; } #state-answers-table tbody tr:nth-child(odd) td { background: #f8f9fa; } #state-answers-table tbody td:first-child { background: #fff; position: sticky; left: 0; border-right-color: #ced4da; box-shadow: 0.3rem 0 0.3rem rgba(0, 0, 0, 0.1); } #user-test-scores .final-score { font-size: 6rem; line-height: 6rem; font-weight: 600; } #user-test-scores .quiz-score { font-size: 4rem; line-height: 4rem; font-weight: 600; } #trial-counts .count-item { text-decoration: none; display: block; border-right: 1px solid #dee2e6; text-align: center; padding: 2rem 1rem; } #trial-counts .count-item:last-child { border-right: none; } #trial-counts .count-item:hover { background: #f8f9fa; } #trial-counts .count { font-size: 4.5rem; line-height: 4.5rem; } #trial-table { border-width: 0 1px 1px 1px; border-style: solid; border-color: #dee2e6; padding: 0.5rem 1rem 1rem 1rem; background: #fff; } #trial-table-header-wrap { position: relative; } #trial-table-header-wrap #trial-options { position: absolute; top: 0px; right: 5px; z-index: 2; display: flex; align-items: center; } #user-test-cards .test-card { position: relative; padding-bottom: 60px; } #user-test-cards .test-card .test-card-header { text-align: center; padding: 1.2rem; border-bottom: 1px solid #dee2e6; } #user-test-cards .test-card .test-card-body { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 140px; } #user-test-cards .test-card a.test-card-footer { text-decoration: none; color: #198754; } #user-test-cards .test-card a.test-card-footer:hover { font-weight: 600; } #user-test-cards .test-card .test-card-footer { height: 60px; position: absolute; bottom: 0; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; border-top: 1px solid #dee2e6; } #cart-off-canvas { position: fixed; width: 420px; height: 100%; top: 0; right: -420px; background: #fff; border-left: 1px solid #dee2e6; z-index: 100; transition: right 100ms linear; } #cart-off-canvas.active { right: 0; transition: right 300ms ease; } #cart-off-canvas #hideCart { background: none; border: none; padding: 0.5rem; color: #6c757d; } #cart-off-canvas #hideCart:hover { color: #212529; } #cart-off-canvas #cart-header { padding: 1rem; border-bottom: 1px solid #dee2e6; font-size: 1.2rem; } #cart-off-canvas .cart-item-title { font-size: 1.2rem; } .add-to-cart-button .icon { width: 25px; text-align: center; } .cart-details .cart-item { border-bottom: 1px solid #dee2e6; } .cart-details .cart-item:last-child { border-bottom: none; } .cart-details .cart-item.individual .quantity { border: 0; } .cart-details .cart-item.individual .quantity .number { border: 0; padding: 0; margin-left: 0.5rem; } .cart-details .cart-item .quantity { display: flex; align-items: center; border: 1px solid #dee2e6; border-radius: 0.5rem; } .cart-details .cart-item .quantity .number { display: flex; align-items: center; justify-content: center; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; padding: 0 0.8rem; height: 100%; } .cart-details .cart-item .quantity .increaseQty { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .cart-details .cart-item .quantity .decreaseQty { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .cart-details .cart-item .quantity button { padding: 0.8rem; background: none; border: none; height: 15px; display: flex; align-items: center; justify-content: center; } .cart-details .cart-item .quantity button:hover { background: #f8f9fa; } #checkout-wrap { padding: 0.6rem; } #checkout-wrap .checkout-button { width: 100%; margin: 0 auto 1.5rem; padding: 0.8rem 1rem; font-weight: 600; display: block; background: #13853a; color: #fff; text-align: center; text-decoration: none; font-weight: 600; border: 0; border-radius: 0.5rem; } #checkout-wrap .checkout-button.secondary { background: #6c757d; } @media (min-width: 768px) { #checkout-wrap .checkout-button { width: 360px; } } #checkout-wrap .checkout-button:disabled { opacity: 0.5; } #checkout-wrap .checkout-button:disabled:hover { background: #13853a; } #checkout-wrap .checkout-button:hover { background: #65b84c; } #checkout-wrap .checkout-item { background: #fff; border-color: #dee2e6; border-style: solid; border-width: 1px 1px 0 1px; display: flex; align-items: center; } #checkout-wrap .checkout-item:last-child { border-radius: 0 0 0.5rem 0.5rem; border-bottom: 1px solid #dee2e6; } #checkout-wrap .checkout-item:first-child { border-radius: 0.5rem 0.5rem 0 0; } #checkout-wrap .checkout-item .checkout-body .label { color: #495057; font-weight: 400; } #checkout-wrap .checkout-item .checkout-body p { font-weight: 600; margin: 0; } #checkout-wrap .checkout-item .icon-circle { background: #fff; width: 35px; height: 35px; margin: 0 auto; display: flex; align-items: center; color: #212529; justify-content: center; border: 2px solid #212529; border-radius: 50%; box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.15); position: relative; z-index: 2; } #checkout-wrap .checkout-item.inactive .checkout-header { opacity: 0.5; } #checkout-wrap .checkout-item.inactive .icon-circle { opacity: 0.5; } #checkout-wrap .checkout-item.active, #checkout-wrap .checkout-item.complete { align-items: flex-start; } #checkout-wrap .checkout-item.active .checkout-header-wrap, #checkout-wrap .checkout-item.complete .checkout-header-wrap { margin-bottom: 1.5rem; } #checkout-wrap .checkout-item.active .checkout-breadcrumb, #checkout-wrap .checkout-item.complete .checkout-breadcrumb { margin-top: 1rem; align-items: flex-start; } #checkout-wrap .checkout-item .checkout-breadcrumb { width: 15%; text-align: center; } @media (min-width: 768px) { #checkout-wrap .checkout-item .checkout-breadcrumb { width: 10%; } } #checkout-wrap .checkout-item .checkout-breadcrumb a { text-decoration: none; } #checkout-wrap .checkout-item.active .icon-circle { background: #000; color: #fff; } #checkout-wrap .checkout-item.complete .icon-circle { border-color: #13853a; color: #13853a; } #checkout-wrap .checkout-item.complete .checkout-header-wrap { margin: 0; } #checkout-wrap .checkout-item.complete .checkout-body { display: none; } #checkout-wrap .checkout-item .checkout-content { width: 85%; padding: 1.2rem 1.5rem; } @media (min-width: 768px) { #checkout-wrap .checkout-item .checkout-content { width: 90%; } } #checkout-wrap .checkout-item .checkout-header-wrap { display: flex; align-items: center; justify-content: space-between; } #checkout-wrap .checkout-item .checkout-header { margin: 0; font-size: 1.4rem; font-weight: 600; } #checkout-wrap .checkout-item .checkout-header a { text-decoration: none; color: #212529; } #checkout-wrap .checkout-item .checkout-header a:hover { color: #0d5280; } #calendar #days { display: grid; grid-template-columns: repeat(7, 1fr); border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } #calendar #monthLabel h1, #calendar #monthLabel .h1 { font-size: 1.5rem; margin: 0; } #calendar #daysOfWeek { display: grid; grid-template-columns: repeat(7, 1fr); } #calendar #monthNav { display: flex; align-items: center; } #calendar #monthNav .icon { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 50%; } #calendar #monthNav .icon:hover { color: #3878bc; background: #e9ecef; } #calendar .day { border-top: 1px solid #dee2e6; border-left: 1px solid #dee2e6; background: #fff; height: 160px; overflow: hidden; } #calendar .day a { text-decoration: none; font-size: 0.9rem; color: #212529; display: block; padding: 0.3rem; white-space: normal; overflow: hidden; } #calendar .day a:hover { color: #3878bc; } #calendar .day.current .number { background: #3878bc; color: #fff; font-weight: 600; } #calendar .day .number { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 50%; } #calendar .day .session a { text-decoration: none; font-size: 0.9rem; color: #212529; display: block; padding: 0.3rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #calendar .day .session a:hover { color: #3878bc; } #calendar .mute { background: #f8f9fa; color: #adb5bd; } #calendar-day .session a { text-decoration: none; font-size: 0.9rem; color: #212529; display: block; padding: 0.3rem; white-space: normal; overflow: hidden; } #calendar-day .session a:hover { color: #3878bc; } @media (min-width: 992px) { .grid { display: grid; } .grid-col-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ml-gap-3 { gap: 3rem !important; } .grid-main-side { grid-template-columns: 3.8fr 1.2fr; } } .card-link-header-body { border: 1px solid #dee2e6; background: #fff; border-radius: 0.5rem; } .card-link-header-body .search-results-card { position: relative; } .card-link-header-body .search-results-card .search-results-card-inner { background-color: #f8f9fa; padding: 0.8rem; max-height: 400px; overflow-y: auto; z-index: 100; } .card-link-header-body .search-results-card .result-item { background-color: #fff; color: #495057; text-align: left; border-width: 0 0 1px 0; border-style: solid; border-color: #dee2e6; display: block; width: 100%; padding: 0.6rem; } .card-link-header-body .search-results-card .result-item:last-child { border-bottom: none; } .card-link-header-body .search-results-card .result-item:hover { background-color: #f8f9fa; } .card-link-header-body .search-group { display: flex; } .card-link-header-body .search-group input[type=text] { display: block; width: 100%; height: 3rem; padding: 0 1rem; border-width: 1px 0 1px 1px; border-color: #dee2e6; border-style: solid; border-radius: 0.25rem 0 0 0.25rem; } .card-link-header-body .search-group .reset-search { height: 3rem; padding: 0 1rem; border-width: 1px 0 1px 1px; border-style: solid; border-color: #dee2e6; background-color: #fff; color: #dc3545; z-index: 2; } .card-link-header-body .search-group .reset-search:hover { background-color: #dee2e6; } .card-link-header-body .search-group .search-button { height: 3rem; padding: 0 1rem; border-radius: 0 0.25rem 0.25rem 0; background: #fff; border: 1px solid #dee2e6; color: #495057; } .card-link-header-body .search-group .search-button:hover { background: #f8f9fa; } .card-link-header-body .clh-header { display: flex; align-items: center; border-bottom: 1px solid #dee2e6; } .card-link-header-body .clh-header .icon { flex: 0 0 0; margin-left: 1rem; } .card-link-header-body .clh-header .title { padding: 0.8rem; flex: 1 0 0; } .card-link-header-body .clh-header .arrow-icon { padding: 0.8rem; flex: 0 0 0; } .card-link-header-body .clh-list-item { display: flex; align-items: center; justify-content: space-between; padding: 0.5rem; border-bottom: 1px solid #dee2e6; color: #495057; } .card-link-header-body .clh-list-item:last-child { border-bottom: 0; } .card-link-header-body a.clh-list-item { text-decoration: none; color: #495057; } .card-link-header-body a.clh-list-item:hover { color: #3878bc; } .card-link-header-body a.clh-header { text-decoration: none; color: #495057; } .card-link-header-body a.clh-header:hover { color: #212529; background: #f8f9fa; } .card-link-header-body .clh-body { padding: 1rem; } .card-link-header-body .button-item { position: relative; } .card-link-header-body .button-item:hover .close-x { transform: translate(50%, -50%); opacity: 1; transition: opacity 200ms, transform 200ms; } .card-link-header-body .button-item .close-x { opacity: 0; position: absolute; transform: translate(50%, -30%); top: 0; line-height: 1; right: 0; font-size: 0.7rem; width: 20px; height: 20px; padding: 0.2rem; border-radius: 50%; background: #dc3545; color: #fff; z-index: 2; display: flex; align-items: center; justify-content: center; } .card-link-header-body .button-item .star { font-size: 0.7rem; margin-right: 0.5rem; width: 20px; height: 20px; padding: 0.2rem; border-radius: 50%; background: #fff; border: 1px solid #dee2e6; color: #ffc107; z-index: 2; display: flex; align-items: center; justify-content: center; } .card-list-with-arrows { border: 1px solid #dee2e6; border-radius: 0.5rem; background: #fff; overflow: hidden; } .card-list-with-arrows .card-list-item { padding: 1rem; display: block; border-bottom: 1px solid #dee2e6; } .card-list-with-arrows .card-list-item:last-child { border-bottom: none; } .card-list-with-arrows.match-label-width .card-list-label { width: 120px; } .card-list-with-arrows .card-list-icon { margin-right: 1rem; } .card-list-with-arrows .card-list-label { margin-right: 1.5rem; max-width: 120px; white-space: nowrap; color: #6c757d; font-size: 0.8rem; } .card-list-with-arrows a.card-list-item { text-decoration: none; color: #495057; } .card-list-with-arrows a.card-list-item:hover { background: #f8f9fa; } .card-list-with-arrows .text-with-arrow { display: flex; align-items: center; } .card-list-with-arrows .text-with-arrow .card-list-text { flex-grow: 1; } .card-list-with-arrows .text-with-arrow .card-list-arrow { margin-left: 1rem; } #user-routes table a { color: #212529; text-decoration: none; } #user-routes table a:hover { color: #0d6efd; } .logo-min-height svg { min-height: 75px; } #sortlist.unit-style li.main-list-item { border-width: 1px; border-style: solid; border-color: #dee2e6; margin: -1px 0 0 -1px; } #sortlist.unit-style li.main-list-item.active { border-style: dashed; border-color: #13853a; background: #edffe8; } #sortlist.unit-style li.main-list-item.active + li { border-style: dashed; border-color: #13853a; } #sortlist.unit-style li.main-list-item:last-child { border-bottom: 1px solid #dee2e6; } .slist { list-style: none; padding: 0; margin: 0; } .slist .dragging { opacity: 0.4; } .slist li .handle { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: grab; } .slist li .handle:hover { background: #e9ecef; } #user-form label { font-size: 0.9rem; color: #6c757d; margin: 0 0 0.3rem 0; } .category-table .name { width: 30%; } .category-table .desc { font-size: 0.8rem; } #org-role-users .nav-tabs .active { position: relative; bottom: -1px; } .set-primary-course:hover { cursor: pointer; color: #fdd430; } .set-primary-course.primary { color: #fdd430; } .height-300 { max-height: 300px; overflow-y: auto; } .height-100 { height: 100%; } .dashboard-container { max-width: 1320px; margin: 0 auto; } #import-progress { text-align: center; } #import-progress p { margin: 0 0 0.5rem 0; font-size: 1.2rem; color: #13853a; font-weight: 600; } #import-progress #import-progress-bar-wrap { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.25rem; margin-bottom: 1rem; } #import-progress #import-progress-bar-wrap #import-progress-bar { height: 7px; border-radius: 0.25rem; width: 0; transition: width 200ms; background: #13853a; } .livewire-progress-circle { position: relative; margin: 0 auto; } .livewire-progress-circle #progress-info { position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; height: 100%; z-index: 4; } .livewire-progress-circle #progress-info #progress-label { font-weight: 600; text-align: center; font-size: 1.2rem; line-height: 1.2rem; margin-top: 0.5rem; color: #13853a; } .livewire-progress-circle #progress-info #progress-number { font-size: 4rem; line-height: 4rem; font-weight: 600; color: #13853a; } .livewire-progress-circle .ring-svg { display: flex; align-items: center; justify-content: center; position: relative; } .livewire-progress-circle .circle-wrap { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .livewire-progress-circle .progress-ring { z-index: 2; } .livewire-progress-circle .progress-ring .circle { transition: stroke-dashoffset 0.35s; transform: rotate(-90deg); transform-origin: 50% 50%; stroke: #13853a; } .livewire-progress-circle .outer-ring { z-index: 1; } .livewire-progress-circle .outer-ring .circle { stroke: #dee2e6; stroke-width: 2px; fill: #f8f9fa; } .livewire-progress-circle .inner-ring { z-index: 3; } .livewire-progress-circle .inner-ring .circle { stroke: #f8f9fa; stroke-width: 2px; filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3)); fill: #fff; } .skip-to-content-link { background: #ffffff; height: 40px; left: 50%; padding: 10px; position: absolute; transform: translateY(-220%); transition: transform 0.3s; } .breadcrumb { background: none; margin: 0; padding: 0; } .breadcrumb a { text-decoration: none; } .breadcrumb a:hover { text-decoration: underline; } .skip-to-content-link:focus { transform: translateY(0%); } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: 700 !important; } code { color: #495057; } .bg-highlight { background: #FFFFDD; border: 1px solid #e6e6a1; } .pad-container { padding: 2.5rem 0; } .svg-fill { height: 100% !important; } .opacity-50 { opacity: 0.5; } #svg-basic-mtp-logo { height: 60px; } #svg-basic-mtp-logo svg { height: 100%; } .ms-mute-text { color: #adb5bd; } /* SVG Icon */ svg:not(:root).svg-icon { overflow: visible; } .svg-icon { display: inline-block; height: 1em; overflow: visible; vertical-align: -0.125em; fill: currentColor; } #basic-layout #logo { padding: 2rem; } #basic-layout #logo svg { height: 150px; display: block; margin: 0 auto; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } pre { margin: 0; } pre code { background-color: #f0f0f0; border: 1px solid #ebebeb; display: block; padding: 20px; } /* General */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1.4; } [v-cloak] { display: none; } body { background: #fafafa; } .move-module { cursor: move; } .img-fluid { max-height: 800px; } .list-menu-dropdown .dropdown .btn-link { color: #000; text-decoration: none; } .list-menu-dropdown .menu-toggle { font-size: 1.5rem; color: #6c757d; cursor: pointer; width: 35px; height: 35px; line-height: 35px; border-radius: 50%; text-align: center; } .list-menu-dropdown .menu-toggle:hover { background: #f8f9fa; } .subtle-gradient-bg { background: linear-gradient(180deg, rgb(241, 241, 241) 0, rgb(250, 250, 250) 500px); } .popover-body { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); padding: 1rem 1.5rem; } #popover-confirmation { padding: 0; } .modal-mask { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: table; transition: opacity 0.3s ease; } #impersonating-alert { margin: 0; padding: 0; border-radius: 0; } #impersonating-alert .initial-icon { font-size: 1.5rem; margin-right: 0.7rem; } #impersonating-alert .wrap { text-align: center; font-size: 1.1rem; } #impersonating-alert a.item:hover { text-decoration: none; background: #761b18; color: #fff; } #impersonating-alert .item { padding: 0.5rem 1rem; display: flex; align-items: center; text-align: center; justify-content: center; } #impersonating-alert .leave .icon { margin-left: 0.3rem; } #impersonating-alert a { color: #761b18; } .content-sections-passage.is-impersonating #impersonating-alert { position: absolute; top: 0; left: 0; width: 100%; z-index: 102; } @media (min-width: 576px) { #impersonating-alert { margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; } #impersonating-alert .wrap { height: 45px; display: flex; align-items: center; justify-content: center; border-left: 1px solid #e39f9d; border-right: 1px solid #ffebeb; } #impersonating-alert .item { height: 100%; padding: 0 1rem; border-left: 1px solid #ffebeb; border-right: 1px solid #e39f9d; text-align: left; } #impersonating-alert .leave { border-right: 1px solid #e39f9d; } } .section-title-optional-menu { position: relative; margin-bottom: 1rem; z-index: 2; } .section-title-optional-menu:after { border-top: 1px solid #ced4da; border-bottom: 2px solid #fff; content: ""; width: 100%; top: 50%; left: 0; position: absolute; z-index: -1; } .section-title-optional-menu .icon { width: 30px; text-align: center; margin-right: 0.5rem; display: inline-block; } .section-title-optional-menu ul { list-style: none; margin: 0; padding: 0; } .section-title-optional-menu .wrap { margin: 0 auto; text-align: center; } .section-title-optional-menu .title { margin: 0; display: block; height: 2.5rem; white-space: nowrap; line-height: 2.5rem; text-align: center; padding: 0rem 2rem; border: 1px solid #dee2e6; background: #f8f9fa; } .section-title-optional-menu li.dropdown { position: relative; text-align: center; display: inline-block; } .section-title-optional-menu li.dropdown:hover .title { cursor: pointer; background: #fff; } .section-title-optional-menu li.dropdown:hover ul { display: block; } .section-title-optional-menu li.dropdown ul { display: none; position: absolute; z-index: 1; top: 2.5rem; left: 0; width: 240px; left: 50%; margin-left: -120px; background: #fff; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); border-radius: 0.5rem; border: 1px solid #dee2e6; text-align: left; } .section-title-optional-menu li.dropdown li.divider { border-top: 1px solid #dee2e6; } .section-title-optional-menu li.dropdown li.divider .item { padding: 0.6rem 0.5rem; } .section-title-optional-menu li.dropdown .item { padding: 0.3rem 0.5rem; display: block; width: 100%; text-align: left; } .section-title-optional-menu li.dropdown .item.no-hover:hover { background: none; color: inherit; } .section-title-optional-menu li.dropdown .item.no-hover:hover button { color: inherit; } .section-title-optional-menu li.dropdown .item:hover { background: #65b84c; color: #fff; } .section-title-optional-menu li.dropdown .item:hover button { color: #fff; } .section-title-optional-menu li button { padding: 0; background: none; box-shadow: none; border: none; } .section-title-optional-menu li a { text-decoration: none; color: #212529; display: block; } .title-header { position: relative; margin-bottom: 2rem; } .title-header:after { border-top: 1px solid #ced4da; border-bottom: 2px solid #fff; content: ""; width: 100%; top: 50%; margin-top: -1.5px; left: 0; position: absolute; z-index: 1; } .title-header .title-wrap { display: flex; align-items: center; justify-content: center; text-align: center; } .title-header .menu-button { top: 1px; text-decoration: none; display: flex; align-items: center; justify-content: center; padding: 0.5rem 2.5rem; border-radius: 3px; color: #495057; background: #fafafa; border: 1px solid #dee2e6; } .title-header .menu-button .icon { font-size: 1.1rem; margin-left: 1rem; } .title-header .menu-button:hover, .title-header .dropdown.show .menu-button { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075), inset 0 0 0 1px #ced4da; background: #fff; } .title-header .dropdown-menu { width: 250px; left: 50% !important; margin-left: -125px !important; } .title-header .title { font-size: 1rem; text-transform: uppercase; margin: 0; } .title-header .title span { letter-spacing: 0.06rem; } .title-header .move-module { line-height: 1px; } td.limit-table-cell { max-width: 250px; overflow-wrap: break-word; word-wrap: break-word; } .clickable:hover { cursor: pointer; } .spinner { position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; } .loading-block { min-height: 300px; position: relative; display: flex; align-items: center; justify-content: center; } .white-border-top { border-top: 2px solid #fff; } .tooltip-wrap label, .elevate-form .tooltip-wrap .label { margin: 0; } .tooltip-wrap { margin-bottom: 0.5rem; } .tooltip.show { opacity: 1; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #adb5bd; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { border-top-color: #adb5bd; } .tooltip-inner { padding: 0.5rem 1rem; background: #fff; color: #495057; border: 1px solid #ced4da; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); max-width: 300px; } .pm-0 p { margin: 0; } .mtp-card .card-header { background: #fff; } .mtp-card .card-footer { background-color: rgba(0, 0, 0, 0.01); } .card-header.has-menu { padding: 0.75rem 0.5rem 0.75rem 1.25rem; } .bg-subtle { background: #fafafa; } .subtle-borders { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; } .cursor-pointer { cursor: pointer; } .subtle-link:hover, .subtle-link:focus { cursor: pointer; color: #495057; } .slide-hide { opacity: 0; transition: opacity 200ms; } .slide-overflow-hidden { overflow: hidden; height: 0; } .slide-show { opacity: 1; transition: opacity 200ms; height: auto; overflow: visible; } .lets-toggle .toggle-this { display: none; } .table-date-small { font-size: 0.9rem; min-width: 120px; } .font-deleted { color: #dc3545; font-weight: bold; } .font-created { color: #198754; font-weight: bold; } .toast { position: fixed; right: 25px; top: 100px; z-index: 950; display: none; } .note { background: #6c757d; color: #fff; text-align: center; width: 25px; height: 25px; font-size: 0.8em; display: inline-block; line-height: 25px; margin-right: 5px; text-indent: 0; } #timer-wrapper .timer-container { text-align: center; color: #495057; background: none; max-width: 150px; font-size: 1.4rem; } #timer-wrapper .timer-container.timer-complete { color: #adb5bd; } #timer-wrapper .timer-container.timer-complete.timer-past-time { color: #adb5bd; } #timer-wrapper .timer-container.timer-past-time { color: #dc3545; } #timer-wrapper #timed-out-modal { padding-bottom: 120px; } #timer-wrapper #timed-out-modal .header { padding: 1rem 1.5rem; display: flex; align-items: center; border-bottom: 1px solid #dfc2c4; background: #f8d7da; color: #721c24; } #timer-wrapper #timed-out-modal .header .title { margin: 0; font-size: 1.5rem; } #timer-wrapper #timed-out-modal .header .icon { font-size: 1.3rem; margin-right: 0.8rem; } #timer-wrapper #timed-out-modal .header .close-modal { margin-left: auto; font-size: 1.3rem; cursor: pointer; } #timer-wrapper #timed-out-modal .header .close-modal:hover { color: #65b84c; } #timer-wrapper #timed-out-modal .content { padding: 2rem; } #timer-wrapper #timed-out-modal .footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; border-top: 1px solid #e9ecef; background: #f8f9fa; text-align: center; padding: 1rem 1.5rem; } #timer-wrapper #timed-out-modal .footer a, #timer-wrapper #timed-out-modal .footer button { color: #65b84c; text-transform: uppercase; color: #212529; text-decoration: none; } #timer-wrapper #timed-out-modal .footer a:hover, #timer-wrapper #timed-out-modal .footer button:hover { color: #65b84c; } #timer-wrapper #timed-out-modal .footer button { background: none; border: none; box-shadow: none; } #timer-wrapper #timed-out-modal .footer #view-results, #timer-wrapper #timed-out-modal .footer .continue-link { margin-left: auto; color: #65b84c; font-weight: 600; } #timer-wrapper #timed-out-modal .footer #view-results:hover, #timer-wrapper #timed-out-modal .footer .continue-link:hover { color: #13853a; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .multi-select { border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: calc(1.6em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.6; color: #787c80; } .multi-select.is-open { border-color: #9ebbdd; outline: 0; box-shadow: 0 0 0 0.2rem rgba(65, 122, 186, 0.25); color: inherit; } .line-link { position: relative; text-align: center; z-index: 1; } .line-link:after { content: ""; border-bottom: 1px solid #ced4da; width: 100%; display: block; height: 1px; position: absolute; top: 50%; left: 0; z-index: 1; } .line-link .text { padding: 0 40px; background: #fff; position: relative; z-index: 2; display: inline-block; } .green-text { font-weight: 700; color: #65b84c; } .font-light { font-weight: 300; } .font-regular { font-weight: 400; } .font-bold { font-weight: 700; } html { font-size: 15px; } #footer-nav ul { margin: 0; } #footer-nav ul li { margin-right: 15px; } #footer-nav ul li:last-child { margin-right: 0; } #footer { padding: 3rem; color: #6c757d; } #footer a { color: #6c757d; } .inline-icon { display: inline; } .widget-default { background: #fff; border-radius: 0.25em; border: 1px solid #bbb; padding: 1.5rem; margin: 0.5rem; text-align: center; } .navigation-center .pagination { justify-content: center; } .question-info { color: #3878bc; } .hide { display: none; } /* V-Tooltip */ .v-tooltip { display: block !important; z-index: 10000; } .v-tooltip.text-start .tooltip-inner { text-align: left; } .v-tooltip .tooltip-inner { font-size: 0.9rem; background: #f8f9fa; color: #212529; border-radius: 0.5rem; padding: 0.5rem 1rem; } .v-tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 8px; border-color: #adb5bd; z-index: 1; } .v-tooltip[x-placement^=top] { margin-bottom: 8px; } .v-tooltip[x-placement^=top] .tooltip-arrow { border-width: 8px 8px 0 8px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -8px; left: calc(50% - 8px); margin-top: 0; margin-bottom: 0; } .v-tooltip[x-placement^=bottom] { margin-top: 8px; } .v-tooltip[x-placement^=bottom] .tooltip-arrow { border-width: 0 8px 8px 8px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -8px; left: calc(50% - 8px); margin-top: 0; margin-bottom: 0; } .v-tooltip[x-placement^=right] { margin-left: 8px; } .v-tooltip[x-placement^=right] .tooltip-arrow { border-width: 8px 8px 8px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -8px; top: calc(50% - 8px); margin-left: 0; margin-right: 0; } .v-tooltip[x-placement^=left] { margin-right: 8px; } .v-tooltip[x-placement^=left] .tooltip-arrow { border-width: 8px 0 8px 8px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -8px; top: calc(50% - 8px); margin-left: 0; margin-right: 0; } .v-tooltip.popover .popover-inner { background: #f8f9fa; color: #212529; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); } .v-tooltip.popover .popover-arrow { border-color: #f8f9fa; } .v-tooltip[aria-hidden=true] { visibility: hidden; opacity: 0; transition: opacity 0.15s, visibility 0.15s; } .v-tooltip[aria-hidden=false] { visibility: visible; opacity: 1; transition: opacity 0.15s; } /* Error pages */ #error-page #error-header { margin-bottom: 2rem; } #error-page #error-header #error-number { border-bottom: 1px solid #dee2e6; margin-bottom: 0.5rem; padding: 0.5rem; text-align: center; font-size: 2rem; } #error-page #error-header #error-message { padding: 0.5rem; text-align: center; } #error-page #link-options ul { list-style: none; margin: 0; } #error-page #link-options li { border-bottom: 1px solid #dee2e6; } #error-page #link-options li a, #error-page #link-options li button { display: block; width: 100%; text-align: center; padding: 1rem 2rem; text-decoration: none; } @media (min-width: 992px) { #error-page #error-header { display: flex; align-items: center; justify-content: center; } #error-page #error-header #error-number { border-bottom: none; margin-bottom: 0; text-align: left; margin-right: 0.5rem; padding: 1.2rem; border-right: 1px solid #dee2e6; } #error-page #error-header #error-message { padding: 1rem; text-align: left; } #error-page #link-options ul { display: flex; align-items: center; justify-content: center; } #error-page #link-options li { border-left: 1px solid #ced4da; border-right: 1px solid #fff; margin: 0; border-bottom: none; } #error-page #link-options li a, #error-page #link-options li button { display: inline-block; } #error-page #link-options li a:hover, #error-page #link-options li button:hover { color: #65b84c; } #error-page #link-options li:last-child { border-right: none; } #error-page #link-options li:first-child { border-left: none; } } /* Unit Results */ @keyframes growOut { 0% { opacity: 0; transform: scale(1) translateY(20px); } 50% { opacity: 1; transform: scale(1.7) translateY(-10px); } 100% { opacity: 1; transform: scale(1) translateY(0); } } #unit-results .status-icon { min-height: 104px; font-size: 65px; animation-name: growOut; animation-duration: 600ms; } #unit-results .complete-title { font-weight: 600; } #unit-results a.next-btn { text-decoration: none; color: #212529; border-color: #212529; } #unit-results a.next-btn .after { color: #212529; } #unit-results a.next-btn .after:before { color: #212529; } #unit-results a.next-btn:hover { background: #96e6a1; } #unit-results.caution a.confirm-btn { text-decoration: none; color: #212529; border-color: #212529; } #unit-results.caution a.confirm-btn .after { color: #212529; } #unit-results.caution a.confirm-btn .after:before { color: #212529; } #unit-results.caution a.confirm-btn .after:after { background: #b8a278; } #unit-results.caution a.confirm-btn:hover { background: #E6CA96; } /* Vue Js Modal */ .scrollable-modal.v--modal-overlay .v--modal-box { overflow-y: scroll; border-radius: 0.5rem; } .options-modal .options-header { border-bottom: 1px solid #dee2e6; padding: 1rem; display: flex; align-items: center; background: #f8f9fa; } .options-modal .options-header .title { font-size: 1rem; margin: 0; } .options-modal .options-header .buttons { margin-left: auto; } .options-modal .options-header .buttons button { padding: 0; border: none; box-shadow: none; background: none; } .options-modal .options-header .buttons button.close:hover { color: #3878bc; } .options-modal .options-wrap { height: 100%; } .options-modal .options-wrap .passage-options-layout { display: grid; height: 100%; grid-template-columns: repeat(2, 1fr); } .options-modal .options-wrap .passage-options-layout input[type=number] { width: 50px; } .options-modal .options-wrap .passage-options-layout .passage-line-number-options { opacity: 0.3; } .options-modal .options-wrap .passage-options-layout .passage-line-number-options.active { opacity: 1; } .options-modal .options-wrap .column .content { padding: 1.5rem; } .options-modal .options-wrap .column .column-title { border-bottom: 2px solid #dee2e6; margin: 0; padding: 1rem; font-size: 1rem; } .options-modal .options-wrap .column:last-child { border-left: 1px solid #dee2e6; } .options-modal .options-wrap .option-tabs-nav, .options-modal .options-wrap .option-tabs { margin: 0; list-style: none; padding: 0; } .options-modal .options-wrap .option-tabs-nav label, .options-modal .options-wrap .option-tabs label { margin: 0; } .options-modal .options-wrap .option-tabs-nav { display: flex; align-items: center; } .options-modal .options-wrap .option-tabs-nav li { flex: 1; display: flex; align-items: center; padding: 1.2rem 1rem; border-right: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; background: #f8f9fa; cursor: pointer; } .options-modal .options-wrap .option-tabs-nav li:hover { background: #e9ecef; } .options-modal .options-wrap .option-tabs-nav li:hover.active { background: #fff; } .options-modal .options-wrap .option-tabs-nav li:last-child { border-right: none; } .options-modal .options-wrap .option-tabs-nav li.active { border-bottom: 1px solid transparent; background: #fff; } .options-modal .options-wrap .option-tabs li { padding: 1.5rem; } .section-alert { position: absolute; top: 0; left: 0; width: 100%; margin-top: 1.2rem; } .question-explanation-media-modal { position: relative; padding-bottom: 5rem; height: 100%; } .question-explanation-media-modal header { padding: 1rem; background: #f8f9fa; border-bottom: 1px solid #e9ecef; height: 60px; display: flex; align-items: center; } .question-explanation-media-modal header h1, .question-explanation-media-modal header .h1 { font-size: 1.2rem; margin: 0; } .question-explanation-media-modal section { padding: 1rem; height: 260px; overflow-y: auto; } .question-explanation-media-modal section ul#question-media-options { list-style: none; margin: 0; display: flex; align-items: center; justify-content: center; padding: 0; } .question-explanation-media-modal section ul#question-media-options li { flex: 1; text-align: center; } .question-explanation-media-modal section ul#question-media-options li .item { padding: 1rem 1.5rem; cursor: pointer; } .question-explanation-media-modal section ul#question-media-options li .item:active { background: #dee2e6; } .question-explanation-media-modal section ul#question-media-options li .item:hover { background: #e9ecef; border-radius: 0.3rem; } .question-explanation-media-modal section .large-icon { font-size: 3rem; } .question-explanation-media-modal section .fa-check-circle { color: #65b84c; } .question-explanation-media-modal footer { padding: 1rem; font-size: 1.2rem; background: #f8f9fa; border-bottom: 1px solid #e9ecef; width: 100%; text-align: center; border-top: 1px solid #e9ecef; height: 80px; display: flex; align-items: center; justify-content: center; position: absolute; bottom: 0; left: 0; } .question-explanation-media-modal footer button { background: #ced4da; border-radius: 0.2rem; border: none; text-transform: uppercase; font-size: 0.9rem; display: inline-block; padding: 0.5rem 1.5rem; } .question-explanation-media-modal footer button:hover { background: #495057; color: #fff; } #manage-segment-header { display: flex; align-items: center; } #manage-segment-header #segment-title { display: flex; align-items: center; height: 40px; } #manage-segment-header #segment-title h1, #manage-segment-header #segment-title .h1 { font-size: 1.5rem; margin: 0; } #manage-segment-header ul#segment-listing { list-style: none; margin: 0; padding: 0; cursor: pointer; } #manage-segment-header ul#segment-listing p { margin: 0; } #manage-segment-header ul#segment-listing ul { list-style: none; margin: 0; padding: 0; } #manage-segment-header ul#segment-listing > li { position: relative; } #manage-segment-header ul#segment-listing > li:hover ul { display: block; } #manage-segment-header ul#segment-listing > li:hover #segment-title { color: #65b84c; } #manage-segment-header ul#segment-listing > li ul { display: none; position: absolute; z-index: 3; top: 40px; left: 0; width: 200px; background: #fff; border-radius: 0.3rem; border: 1px solid #e9ecef; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } #manage-segment-header ul#segment-listing > li ul li { border-bottom: 1px solid #e9ecef; } #manage-segment-header ul#segment-listing > li ul li:last-child { border-bottom: none; } #manage-segment-header ul#segment-listing > li ul li.divider { border-top: 1px solid #e9ecef; } #manage-segment-header ul#segment-listing > li ul li.current:hover { background: none; } #manage-segment-header ul#segment-listing > li ul li.current .item:hover { background: none; } #manage-segment-header ul#segment-listing > li ul a.item, #manage-segment-header ul#segment-listing > li ul button.item { color: #212529; } #manage-segment-header ul#segment-listing > li ul .item:hover { background: #f8f9fa; color: #65b84c; } #manage-segment-header ul#segment-listing > li ul button { padding: 0; border: none; box-shadow: none; display: block; width: 100%; text-align: left; } #manage-segment-header ul#segment-listing > li ul .item { display: block; padding: 0.7rem 1rem; text-decoration: none; color: #ced4da; } #manage-segment-header ul#button-wrap { margin: 0; padding: 0; margin-left: auto; display: flex; align-items: center; list-style: none; } #manage-segment-header ul#button-wrap li.parent { margin-right: 2rem; cursor: pointer; position: relative; } #manage-segment-header ul#button-wrap li.parent button { padding: 0; background: none; border: none; box-shadow: none; } #manage-segment-header ul#button-wrap li.parent p.item { margin: 0; padding: 0.5rem 0; } #manage-segment-header ul#button-wrap li.parent:hover p.item { color: #65b84c; } #manage-segment-header ul#button-wrap li.parent:hover p.item button { color: #65b84c; } #manage-segment-header ul#button-wrap li.parent:hover ul.dropdown { display: block; } #manage-segment-header ul#button-wrap li.parent:last-child { margin-right: 0; } #manage-segment-header ul#button-wrap li.parent ul.dropdown { position: absolute; top: auto; right: 0; display: none; width: 240px; z-index: 3; border: 1px solid #e9ecef; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); max-height: 400px; overflow-y: auto; background: #fff; border-radius: 0.3rem; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li { display: flex; align-items: center; border-bottom: 1px solid #e9ecef; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li.divider { border-top: 1px solid #e9ecef; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li button { box-shadow: none; border: none; text-align: left; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li:hover #options { color: #65b84c; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li:hover ul { display: block; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li a, #manage-segment-header ul#button-wrap li.parent ul.dropdown li button { color: #212529; display: block; width: 100%; text-decoration: none; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li a:hover, #manage-segment-header ul#button-wrap li.parent ul.dropdown li button:hover { color: #65b84c; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li .icon { width: 30px; text-align: center; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li.item, #manage-segment-header ul#button-wrap li.parent ul.dropdown li .item { padding: 0.7rem; display: block; border-left: 1px solid #e9ecef; flex: 1; } #manage-segment-header ul#button-wrap li.parent ul.dropdown li .item:hover { background: #f8f9fa; color: #65b84c; } #manage-segment-header ul#button-wrap p { margin: 0; } #manage-segment-header ul#button-wrap ul { list-style: none; margin: 0; padding: 0; } #action-notice button#close-button { height: 60px; width: 100%; background: #8fdb99; border: none; color: #fff; text-transform: uppercase; font-size: 1.2rem; font-weight: 600; display: block; text-align: center; } #action-notice button#close-button:hover { background: #87cf91; } #action-notice #title { font-size: 1.5rem; color: #198754; position: relative; opacity: 0; transition: left 500ms cubic-bezier(0.505, 0.805, 0, 1.5) 200ms; top: 40px; margin: 0; } #action-notice #checkmark.go #checkmark-circle-inner { top: 50px; opacity: 1; transition: top 700ms cubic-bezier(1, -0.6, 0, 1.65), opacity 700ms; } #action-notice #checkmark.go #checkmark-container { top: 50px; opacity: 1; transition: top 700ms cubic-bezier(1, -0.6, 0, 1.65), opacity 700ms; } #action-notice #checkmark.go #title { top: 60px; opacity: 1; transition: top 500ms cubic-bezier(1, -0.6, 0, 1.65) 300ms, opacity 1200ms 200ms; } #action-notice #checkmark #checkmark-wrap { position: relative; z-index: 1; height: 300px; background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); } #action-notice #checkmark #icon { position: relative; z-index: 3; } #action-notice #checkmark #icon path { stroke-linecap: round; stroke-width: 6; transition: 0; opacity: 0; } #action-notice #checkmark #icon path.draw { opacity: 1; transition: opacity 200ms, stroke-dashoffset 500ms cubic-bezier(1, 0.2, 0, 1.01); } #action-notice #checkmark #checkmark-container { width: 150px; height: 150px; margin: 0 auto; display: flex; top: -100px; opacity: 0; align-items: center; justify-content: center; position: relative; z-index: 2; } #action-notice #checkmark #checkmark-circle-inner { width: 150px; height: 150px; background: #198754; border-radius: 100px; position: absolute; z-index: 1; opacity: 0; left: 50%; margin-left: -75px; top: -240px; border: 1px solid #54a33c; transition: top 700ms; transition-timing-function: cubic-bezier(0.505, 0.805, 0, 1.5); background: rgb(124, 223, 94); background: linear-gradient(145deg, rgb(124, 223, 94) 0%, rgb(101, 184, 76) 64%); } .alert-wrapper .alert { display: flex; align-items: center; } .alert-wrapper .text { flex: 1; padding-right: 1rem; } #subject-wrap .subject-tree { padding: 1rem; background: #fff; border-radius: 0.5rem; border: 1px solid #dee2e6; } #subject-wrap .subject-tree ul { list-style: none; margin-left: 1rem; padding: 0; } #subject-wrap .subject-tree ul:first-child { margin-left: 0; } #subject-wrap .subject-tree ul li { padding: 0.3rem; border-bottom: 1px solid #e9ecef; } #subject-wrap .subject-tree ul li:first-child { border-top: none; } #subject-wrap .subject-tree ul li:last-child { border-bottom: none; } #subject-wrap .subjects-table { background: #fff; border-radius: 0.5rem; border: 1px solid #dee2e6; } #subject-wrap #subject-header { padding: 2rem; background: #a83254; color: #fff; } #subject-wrap #subject-header a, #subject-wrap #subject-header button { color: #fff; } #subject-wrap #subject-header a:active, #subject-wrap #subject-header a:focus, #subject-wrap #subject-header button:active, #subject-wrap #subject-header button:focus { text-decoration: none; } #subject-wrap #subject-header a:hover, #subject-wrap #subject-header button:hover { text-decoration: none; background: #972d4c; } #subject-wrap #subject-header button { padding: 0; border: none; } #subject-wrap #subject-header .options { display: flex; align-items: center; } #subject-wrap #subject-header .options .item { padding: 0.5rem 2rem; } #subject-wrap #subject-header .options .icon { font-size: 2rem; margin-bottom: 0.5rem; } #subject-wrap #filter-options { padding: 1rem 2rem; border-bottom: 1px solid #e9ecef; display: flex; align-items: center; } #subject-wrap #filter-options form { flex: 1; display: flex; align-items: center; } #subject-wrap #filter-options select { min-width: 175px; } #select-subject .subject-edit { cursor: pointer; } #select-subject .subject-edit:hover { color: #65b84c; } .active-module .click-to-edit:hover .click-to-edit-placeholder { display: block; } .active-module .click-to-edit:hover .inner-text { opacity: 0.5; } .click-to-edit { position: relative; } .click-to-edit.ql-container.ql-snow { border: none; } .click-to-edit.scroll { overflow-y: auto; max-height: 300px; } .click-to-edit.isShort { min-height: 60px; } .click-to-edit.isShort .click-to-edit-placeholder { padding: 0; } .click-to-edit.isShort.isEmpty { min-height: 0; } .click-to-edit.isEmpty { white-space: normal; } .click-to-edit.isEmpty .click-to-edit-placeholder { display: block; padding: 0; position: static; width: auto; text-align: left; } .click-to-edit.isEmpty .click-to-edit-placeholder span { background: none; color: #495057; padding: 0; border-radius: 0; text-transform: none; border: none; box-shadow: none; font-size: 1rem; font-style: italic; font-weight: 400; } .click-to-edit.isEmpty .click-to-edit-placeholder span:hover { color: #65b84c; background: none; } .click-to-edit .click-to-edit-placeholder { width: 100%; text-align: center; padding: 1rem; position: absolute; top: 0; left: 0; z-index: 3; display: none; } .click-to-edit .click-to-edit-placeholder span { display: inline-block; background: #41b4e4; padding: 0.5rem 1rem; border-radius: 0.4rem; text-transform: uppercase; letter-spacing: 0.05rem; border: 1px solid #3ba2cd; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: pointer; color: #fff; font-size: 0.9rem; font-weight: 600; } .click-to-edit .click-to-edit-placeholder span:hover { background: #3ba2cd; } #issue-details p { margin: 0; } #users-tabs .nav-tabs { border: none; } #user-search-form .search-input { position: relative; } #user-search-form .search-input input.form-control { padding: 0.375rem 1.75rem 0.375rem 0.75rem; } #user-search-form .search-input .reset-search { font-size: 1.5rem; position: absolute; top: 0px; right: 8px; color: #212529; cursor: pointer; } #user-search-form .search-input .reset-search:hover { color: #dc3545; text-decoration: none; } .lesson-list-item .lesson-item-body { display: none; } .lesson-list-item.show-lesson .lesson-item-body { display: block; } .lesson-list-item.show-lesson .lesson-toggle { transform: rotate(180deg); } .lesson-list-item .lesson-toggle { padding: 0.5rem 1rem; border-style: solid; border-width: 1px; border-color: transparent; } .lesson-list-item .lesson-toggle:hover { background: #e9ecef; border-color: #dee2e6; } .lesson-list-item .question p { margin: 0; } #subject-concept-scores #subject-title { font-size: 1.3rem; line-height: 1.3rem; } #subject-concept-scores #subject-score { font-size: 4rem; line-height: 4rem; } a.alert-warning:hover { text-decoration: none; background: #f7ebc3; color: #856404; } #course-tests .label { font-size: 1.2rem; margin-bottom: 0rem; } #course-tests .attempt-count { font-size: 3rem; line-height: 3rem; margin: 0; } #course-tests .attempt-label { color: #6c757d; margin: 0; } #course-tests a { display: block; text-decoration: none; color: #212529; padding: 2rem 1.5rem; text-align: center; } #course-tests a:hover { background: #f8f9fa; } #csv-import-card .import-counts { margin-bottom: 1.5rem; padding: 1.5rem; border-width: 1px 0 1px 0; border-style: solid; border-color: #dee2e6; } #csv-import-card .import-counts .label { font-size: 1rem; line-height: 1rem; margin-bottom: 0.5rem; } #csv-import-card .import-counts .count { font-size: 4rem; line-height: 4rem; } #csv-import-card #import-complete { margin-bottom: 1.5rem; color: #65b84c; text-align: center; } #csv-import-card #import-complete .icon { font-size: 5rem; line-height: 5rem; margin-bottom: 0.5rem; } #csv-import-card #import-complete .label { font-size: 1rem; line-height: 1rem; } #org-user-progress-wrap { width: 100%; height: 30px; border: 1px solid #dee2e6; } #org-user-progress-wrap #org-user-progress { background: #198754; height: 30px; width: 0px; transition: width 200ms; } #ncsa-import-progress-wrap { display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; background: #f8f9fa; border: 1px solid #dee2e6; position: relative; } #ncsa-import-progress-wrap.greater-50 #percent { color: #fff; } #ncsa-import-progress-wrap #percent { position: relative; z-index: 2; color: #000; } #ncsa-import-progress-wrap #ncsa-import-progress { position: absolute; left: 0; display: block; height: 40px; background: #198754; transition: width 200ms; z-index: 1; } @media print { #toast { display: none; } #header { display: none; } footer { display: none; } } .text-dark-link { color: #212529; text-decoration: none; } .text-dark-link:hover { color: #65b84c; }