From: Snapshot-Content-Location: https://una.instructure.com/courses/51705/files/7921239?module_item_id=905440 Subject: Traditional Caramel Flan Recipe.docx: CAM-332-01 Date: Wed, 2 Dec 2020 03:47:18 -0000 MIME-Version: 1.0 Content-Type: multipart/related; type="text/html"; boundary="----MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh----" ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://una.instructure.com/courses/51705/files/7921239?module_item_id=905440 =20 =20 =20 =20 =20 = Traditional Caramel Flan Recipe.docx: CAM-332-01 =20 =20
    =20
    CAM-332-01
    Traditional Caramel Flan Recip= e.docx
    Skip To Content
    Dashboard
    =20 Baklava R= olls"> Previous =20 =20 =20 Chocolate = Mousse Recipe.docx"> Next =20 =20
    3ab2d24b-ba09-49e3-a17d-9d67c259dc72
    =20 =20
    ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-663e8532-3a3e-4f5c-9a0c-8c5a448ac821@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-111ef9f1-b8ea-48df-a73d-85105ba3e8fd@mhtml.blink @charset "utf-8"; .fLzZc_bGBk { background-color: var(--fLzZc-background); box-sizing: border= -box; max-height: 100vh; max-width: 100vw; overflow: hidden auto; position:= fixed; z-index: var(--fLzZc-zIndex) ; } .fLzZc_dHtp { border-color: var(--fLzZc-borderColor); border-style: var(--f= LzZc-borderStyle); border-width: 0px; } .fLzZc_fSpQ { box-shadow: var(--fLzZc-boxShadow) ; } .fLzZc_ehJX .fLzZc_caGd, .fLzZc_bQpq .fLzZc_caGd, .fLzZc_bxia .fLzZc_caGd {= min-height: 100vh; } .fLzZc_bgun, .fLzZc_dLYh { inset-inline: 0px; } [dir=3D"ltr"] .fLzZc_bgun, [dir=3D"ltr"] .fLzZc_dLYh { left: 0px; right: 0p= x; } [dir=3D"rtl"] .fLzZc_bgun, [dir=3D"rtl"] .fLzZc_dLYh { left: 0px; right: 0p= x; } .fLzZc_bQpq, .fLzZc_bxia { bottom: 0px; top: 0px; } .fLzZc_bQpq.fLzZc_dfBC, .fLzZc_bxia.fLzZc_dfBC { width: var(--fLzZc-xSmallW= idth) ; } .fLzZc_bQpq.fLzZc_doqw, .fLzZc_bxia.fLzZc_doqw { width: var(--fLzZc-smallWi= dth) ; } .fLzZc_bQpq.fLzZc_cXTs, .fLzZc_bxia.fLzZc_cXTs { width: var(--fLzZc-regular= Width) ; } .fLzZc_bQpq.fLzZc_ycrn, .fLzZc_bxia.fLzZc_ycrn { width: var(--fLzZc-mediumW= idth) ; } .fLzZc_bQpq.fLzZc_cMDj, .fLzZc_bxia.fLzZc_cMDj { width: var(--fLzZc-largeWi= dth) ; } .fLzZc_ehJX { inset: 0px; } .fLzZc_bxia { inset-inline: 0px auto; } [dir=3D"ltr"] .fLzZc_bxia { left: 0px; right: auto; } [dir=3D"rtl"] .fLzZc_bxia { left: auto; right: 0px; } .fLzZc_bxia.fLzZc_dHtp { border-inline-end-width: var(--fLzZc-borderWidth) = ; } [dir=3D"ltr"] .fLzZc_bxia.fLzZc_dHtp { border-right-width: var(--fLzZc-bord= erWidth) ; } [dir=3D"rtl"] .fLzZc_bxia.fLzZc_dHtp { border-left-width: var(--fLzZc-borde= rWidth) ; } .fLzZc_bQpq { inset-inline: auto 0px; } [dir=3D"ltr"] .fLzZc_bQpq { left: auto; right: 0px; } [dir=3D"rtl"] .fLzZc_bQpq { left: 0px; right: auto; } .fLzZc_bQpq.fLzZc_dHtp { border-inline-start-width: var(--fLzZc-borderWidth= ) ; } [dir=3D"ltr"] .fLzZc_bQpq.fLzZc_dHtp { border-left-width: var(--fLzZc-borde= rWidth) ; } [dir=3D"rtl"] .fLzZc_bQpq.fLzZc_dHtp { border-right-width: var(--fLzZc-bord= erWidth) ; } .fLzZc_dLYh { top: 0px; } .fLzZc_dLYh.fLzZc_dHtp { border-bottom-width: var(--fLzZc-borderWidth) ; } .fLzZc_bgun { bottom: 0px; } .fLzZc_bgun.fLzZc_dHtp { border-top-width: var(--fLzZc-borderWidth) ; } :root { --fLzZc-background: #FFFFFF; --fLzZc-borderColor: #C7CDD1; --fLzZc-= borderWidth: 0.0625rem; --fLzZc-borderStyle: solid; --fLzZc-boxShadow: 0 0.= 375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)= ; --fLzZc-xSmallWidth: 16em; --fLzZc-smallWidth: 20em; --fLzZc-regularWidth= : 30em; --fLzZc-mediumWidth: 48em; --fLzZc-largeWidth: 62em; --fLzZc-zIndex= : 9999; } .fdaJD_bGBk { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 0.0625re= m; inset-inline-start: 0px; margin: -0.0625rem; overflow: hidden; padding: = 0px; position: absolute; top: 0px; width: 0.0625rem; } [dir=3D"ltr"] .fdaJD_bGBk { left: 0px; } [dir=3D"rtl"] .fdaJD_bGBk { right: 0px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-93f0b5b5-c031-443a-8932-8327bf70d348@mhtml.blink @charset "utf-8"; .mejs-offscreen { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0p= x, 0px 0px, 0px 0px, 0px 0px); height: 1px; width: 1px; overflow: hidden; p= osition: absolute !important; } .mejs-container { position: relative; background: rgb(0, 0, 0); font-family= : Helvetica, Arial, serif; text-align: left; vertical-align: top; text-inde= nt: 0px; } .mejs-fill-container, .mejs-fill-container .mejs-container { width: 100%; h= eight: 100%; } .mejs-fill-container { overflow: hidden; } .mejs-container:focus { outline: 0px; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0px; pad= ding: 0px; background: rgb(0, 0, 0); overflow: hidden; } .mejs-fullscreen { overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; inset: 0px; overflow: hidden;= z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen v= ideo { width: 100%; height: 100%; } .mejs-clear { clear: both; } .mejs-background { position: absolute; top: 0px; left: 0px; } .mejs-mediaelement { position: absolute; top: 0px; left: 0px; width: 100%; = height: 100%; } .mejs-poster { position: absolute; top: 0px; left: 0px; background-size: co= ntain; background-position: 50% 50%; background-repeat: no-repeat; } :root .mejs-poster img { display: none; } .mejs-poster img { border: 0px; padding: 0px; } .mejs-overlay { position: absolute; top: 0px; left: 0px; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100p= x; height: 100px; margin: -50px 0px 0px -50px; background: url("https://du1= 1hjcvx0uqb.cloudfront.net/br/dist/webpack-production/746c3af7a145a09239a36e= 5ef61cfea0.svg") no-repeat; } .no-svg .mejs-overlay-button { background-image: url("https://du11hjcvx0uqb= .cloudfront.net/br/dist/webpack-production/716436fb3df0d29e6b37dd62d952676a= .png"); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0px -100px;= } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80p= x; height: 80px; margin: -40px 0px 0px -40px; background: linear-gradient(r= gba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; bac= kground: url("https://du11hjcvx0uqb.cloudfront.net/br/dist/webpack-producti= on/76b326f4d44222126fee21076595bef5.gif") 50% 50% no-repeat transparent; } .mejs-container .mejs-controls { position: absolute; list-style-type: none;= margin: 0px; padding: 0px; bottom: 0px; left: 0px; background: linear-grad= ient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%;= } .mejs-container .mejs-controls div { list-style-type: none; background-imag= e: none; display: block; float: left; margin: 0px; padding: 0px; width: 26p= x; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica= , Arial, serif; border: 0px; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-= size: 0px; line-height: 0; text-decoration: none; margin: 7px 5px; padding:= 0px; position: absolute; height: 16px; width: 16px; border: 0px; backgroun= d: url("https://du11hjcvx0uqb.cloudfront.net/br/dist/webpack-production/40f= 56f5a736da4effeb790cedb8a52f0.svg") no-repeat transparent; } .no-svg .mejs-controls .mejs-button button { background-image: url("https:/= /du11hjcvx0uqb.cloudfront.net/br/dist/webpack-production/24a0227fbdd3acfd86= ff03fc3fc6c8a4.png"); } .mejs-controls .mejs-button button:focus { outline: rgb(153, 153, 153) dott= ed 1px; } .mejs-container .mejs-controls .mejs-time { color: rgb(255, 255, 255); disp= lay: block; height: 17px; width: auto; padding: 10px 3px 0px; overflow: hid= den; text-align: center; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time a { color: rgb(255, 255, 255); fo= nt-size: 11px; line-height: 12px; display: block; float: left; margin: 1px = 2px 0px 0px; width: auto; } .mejs-controls .mejs-play button { background-position: 0px 0px; } .mejs-controls .mejs-pause button { background-position: 0px -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0px; } .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-t= op: 5px; } .mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a { dis= play: block; position: absolute; width: 180px; height: 10px; border-radius:= 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: = linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; backgrou= nd-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparen= t 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, = 0.15) 75%, transparent 75%, transparent); background-size: 15px 15px; anima= tion: 2s linear 0s infinite normal none running buffering-stripes; } @-webkit-keyframes buffering-stripes {=20 0% { background-position: 0px 0px; } 100% { background-position: 30px 0px; } } @keyframes buffering-stripes {=20 0% { background-position: 0px 0px; } 100% { background-position: 30px 0px; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: linear-gradi= ent(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0px; } .mejs-controls .mejs-time-rail .mejs-time-current { background: linear-grad= ient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0px; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position:= absolute; margin: 0px; width: 10px; background: rgb(255, 255, 255); border= -radius: 5px; cursor: pointer; border: 2px solid rgb(51, 51, 51); top: -2px= ; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; displ= ay: none; background: rgb(238, 238, 238); width: 36px; height: 17px; border= : 1px solid rgb(51, 51, 51); top: -26px; margin-left: -18px; text-align: ce= nter; color: rgb(17, 17, 17); } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; widt= h: 30px; display: block; text-align: center; left: 0px; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute= ; display: block; width: 0px; height: 0px; line-height: 0; border-width: 5p= x; border-style: solid; border-image: initial; border-color: rgb(238, 238, = 238) transparent transparent; border-radius: 0px; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 4= 8px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { = width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { l= eft: 18px; } .mejs-controls .mejs-fullscreen-button button { background-position: -32px = 0px; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px= ; } .mejs-controls .mejs-volume-button { } .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0px; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { height: 115px; wid= th: 25px; background: rgba(50, 50, 50, 0.7); border-radius: 0px; top: -115p= x; left: 0px; z-index: 1; position: absolute; margin: 0px; } .mejs-controls .mejs-volume-button:hover { border-radius: 0px 0px 4px 4px; = } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {= position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; backg= round: rgba(255, 255, 255, 0.5); margin: 0px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current= { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; bac= kground: rgba(255, 255, 255, 0.9); margin: 0px; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle = { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; backg= round: rgba(255, 255, 255, 0.9); cursor: n-resize; border-radius: 1px; marg= in: 0px; } .mejs-controls a.mejs-horizontal-volume-slider { height: 26px; width: 56px;= position: relative; display: block; float: left; vertical-align: middle; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total= { position: absolute; left: 0px; top: 11px; width: 50px; height: 8px; marg= in: 0px; padding: 0px; font-size: 1px; border-radius: 2px; background: line= ar-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-curre= nt { position: absolute; left: 0px; top: 11px; width: 50px; height: 8px; ma= rgin: 0px; padding: 0px; font-size: 1px; border-radius: 2px; background: li= near-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handl= e { display: none; } .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0p= x; } .mejs-controls .mejs-captions-button .mejs-captions-selector { position: ab= solute; bottom: 26px; right: -51px; width: 85px; height: 100px; background:= rgba(50, 50, 50, 0.7); border: 1px solid transparent; padding: 10px 10px 0= px; overflow: hidden; border-radius: 0px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0= px; padding: 0px; display: block; overflow: hidden; list-style-type: none != important; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin= : 0px 0px 6px; padding: 0px; display: block; color: rgb(255, 255, 255); ove= rflow: hidden; list-style-type: none !important; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { = clear: both; float: left; margin: 3px 3px 0px 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { = width: 55px; float: left; padding: 4px 0px 0px; line-height: 15px; font-fam= ily: Helvetica, Arial, serif; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-siz= e: 10px; margin: 0px 0px 5px; } .mejs-chapters { position: absolute; top: 0px; left: 0px; border-right: 1px= solid rgb(255, 255, 255); width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background:= linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); overflow: hidd= en; border: 0px; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: = rgb(255, 255, 255); padding: 5px; display: block; border-right: 1px solid r= gb(51, 51, 51); border-bottom: 1px solid rgb(51, 51, 51); cursor: pointer; = } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: 0px; = } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: linear= -gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12p= x; font-weight: 700; display: block; white-space: nowrap; text-overflow: el= lipsis; margin: 0px 0px 3px; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: = 12px; line-height: 12px; margin: 3px 0px 4px; display: block; white-space: = nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0px; left: 0px; text-ali= gn: center; line-height: 20px; font-size: 16px; color: rgb(255, 255, 255); = } .mejs-captions-layer a { color: rgb(255, 255, 255); text-decoration: underl= ine; } .mejs-captions-layer[lang=3D"ar"] { font-size: 20px; font-weight: 400; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; le= ft: 0px; } .mejs-captions-position-hover { bottom: 35px; } .mejs-captions-text, .mejs__captions-text * { padding: 0px; background: rgb= a(20, 20, 20, 0.5); white-space: pre-wrap; box-shadow: rgba(20, 20, 20, 0.5= ) 5px 0px 0px, rgba(20, 20, 20, 0.5) -5px 0px 0px; } .me-cannotplay { } .me-cannotplay a { color: rgb(255, 255, 255); font-weight: 700; } .me-cannotplay span { padding: 15px; display: block; } .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0px; } .mejs-controls .mejs-backlight-off button { background-position: -80px -16p= x; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0px; = } .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0p= x; } .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border= -radius: 4px; top: 0px; left: 0px; background: rgb(255, 255, 255); border: = 1px solid rgb(153, 153, 153); z-index: 1001; } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0px= ; margin: 5px 6px; background: rgb(51, 51, 51); } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial, s= erif; font-size: 12px; padding: 4px 6px; cursor: pointer; color: rgb(51, 51= , 51); } .mejs-contextmenu .mejs-contextmenu-item:hover { background: rgb(44, 124, 1= 45); color: rgb(255, 255, 255); } .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -12= 8px 0px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { po= sition: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; = background: rgba(50, 50, 50, 0.7); border: 1px solid transparent; padding: = 10px; overflow: hidden; border-radius: 0px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {= margin: 0px; padding: 0px; display: block; overflow: hidden; list-style-ty= pe: none !important; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul l= i { margin: 0px 0px 6px; padding: 0px; display: block; color: rgb(255, 255,= 255); overflow: hidden; list-style-type: none !important; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul l= i input { clear: both; float: left; margin: 3px 3px 0px 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul l= i label { width: 100px; float: left; padding: 4px 0px 0px; line-height: 15p= x; font-family: Helvetica, Arial, serif; font-size: 10px; } .mejs-postroll-layer { position: absolute; bottom: 0px; left: 0px; width: 1= 00%; height: 100%; background: rgba(50, 50, 50, 0.7); z-index: 1000; overfl= ow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0px; top: 0px; background= : rgba(50, 50, 50, 0.7); color: rgb(255, 255, 255); padding: 4px; z-index: = 100; cursor: pointer; } div.mejs-speed-button { position: relative; width: 46px !important; } .mejs-controls .mejs-button.mejs-speed-button button { background: transpar= ent; width: 36px; font-size: 11px; line-height: normal; color: rgb(255, 255= , 255); } .mejs-controls .mejs-speed-button .mejs-speed-selector { position: absolute= ; top: -100px; left: -10px; width: 60px; height: 100px; background: rgba(50= , 50, 50, 0.7); border: 1px solid transparent; padding: 0px; overflow: hidd= en; border-radius: 0px; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-spe= ed-selected { color: rgb(33, 248, 248); } .mejs-controls .mejs-speed-button .mejs-speed-selector ul { margin: 0px; pa= dding: 0px; display: block; overflow: hidden; list-style-type: none !import= ant; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li { margin: 0px = 0px 6px; padding: 0px 10px; display: block; color: rgb(255, 255, 255); over= flow: hidden; list-style-type: none !important; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li input { clear:= both; float: left; margin: 3px 3px 0px 5px; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li label { width:= 60px; float: left; padding: 4px 0px 0px; line-height: 15px; font-family: H= elvetica, Arial, serif; font-size: 11px; color: rgb(255, 255, 255); margin-= left: 5px; cursor: pointer; } .mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover { backgr= ound-color: rgba(255, 255, 255, 0.4) !important; } .mejs-controls .mejs-button.mejs-jump-forward-button { background: url("htt= ps://du11hjcvx0uqb.cloudfront.net/br/dist/webpack-production/15e1ac8cbacc2e= fdf1ac2677de48a253.png") 3px 3px no-repeat transparent; } .mejs-controls .mejs-button.mejs-jump-forward-button button { background: t= ransparent; font-size: 9px; line-height: normal; color: rgb(255, 255, 255);= } .mejs-controls .mejs-button.mejs-skip-back-button { background: url("https:= //du11hjcvx0uqb.cloudfront.net/br/dist/webpack-production/cd6dc830eb45b3a5a= 96bbc936ff54846.png") 3px 3px no-repeat transparent; } .mejs-controls .mejs-button.mejs-skip-back-button button { background: tran= sparent; font-size: 9px; line-height: normal; color: rgb(255, 255, 255); } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-7ffb6f17-0e87-42de-9074-d06f9b997632@mhtml.blink @charset "utf-8"; .mejs-sourcechooser-selector { width: 160px; } .mejs-sourcechooser-selector label { width: 160px !important; } .mejs-captions-selector { width: 105px; } [dir=3D"ltr"] .mejs-captions-selector { text-align: left; } [dir=3D"rtl"] .mejs-captions-selector { text-align: right; } .mejs-captions-selector label { width: 70px !important; } .mejs-captions-selector .upload-track { color: white; margin-top: 3px; marg= in-bottom: 5px; } [dir=3D"ltr"] .mejs-captions-selector .upload-track { margin-right: 0px; ma= rgin-left: 5px; float: left; } [dir=3D"rtl"] .mejs-captions-selector .upload-track { margin-left: 0px; mar= gin-right: 5px; float: right; } .mejs-captions-selector a[data-remove] { position: absolute; top: 0px; colo= r: white; } [dir=3D"ltr"] .mejs-captions-selector a[data-remove] { right: 0px; } [dir=3D"rtl"] .mejs-captions-selector a[data-remove] { left: 0px; } .mejs-button [role=3D"menu"] { padding: 0px !important; } .mejs-button [role=3D"menu"] ul li { position: relative; padding: 0px 10px = !important; } .mejs-button [role=3D"menu"] ul li:hover { background-color: rgba(255, 255,= 255, 0.4) !important; } .mejs-button [role=3D"menu"] ul li input { border: 0px; clip: rect(0px, 0px= , 0px, 0px); position: absolute; overflow: hidden; margin: -1px; padding: 0= px; width: 1px; height: 1px; } .mejs-button [role=3D"menu"] ul li label { cursor: pointer; } [dir=3D"ltr"] .mejs-button [role=3D"menu"] ul li label { margin-left: 5px; = } [dir=3D"rtl"] .mejs-button [role=3D"menu"] ul li label { margin-right: 5px;= } .mejs-button [role=3D"menu"] label.mejs-selected { color: rgb(33, 248, 248)= !important; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/no_variables/bundles/lato_extended-38dc7d1774.css @charset "utf-8"; @font-face { font-family: "Lato Extended"; font-style: normal; font-weight:= 300; src: url("/dist/fonts/lato/extended/Lato-Light-7244318390.woff2") for= mat("woff2"); font-display: swap; } @font-face { font-family: "Lato Extended"; font-style: italic; font-weight:= 400; src: url("/dist/fonts/lato/extended/Lato-Italic-4eb103b4d1.woff2") fo= rmat("woff2"); font-display: swap; } @font-face { font-family: "Lato Extended"; font-style: normal; font-weight:= 400; src: url("/dist/fonts/lato/extended/Lato-Regular-bd03a2cc27.woff2") f= ormat("woff2"); font-display: swap; } @font-face { font-family: "Lato Extended"; font-style: normal; font-weight:= 700; src: url("/dist/fonts/lato/extended/Lato-Bold-cccb897485.woff2") form= at("woff2"); font-display: swap; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap @charset "utf-8"; @font-face { font-family: "Architects Daughter"; font-style: normal; font-w= eight: 400; font-display: swap; src: url("https://fonts.gstatic.com/s/archi= tectsdaughter/v11/KtkxAKiDZI_td1Lkx62xHZHDtgO_Y-bvTYlg4w.woff2") format("wo= ff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+= 2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U= +FEFF, U+FFFD; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap @charset "utf-8"; @font-face { font-family: "Balsamiq Sans"; font-style: normal; font-weight:= 400; font-display: swap; src: url("https://fonts.gstatic.com/s/balsamiqsan= s/v2/P5sEzZiAbNrN8SB3lQQX7PncwdMXILdN.woff2") format("woff2"); unicode-rang= e: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Balsamiq Sans"; font-style: normal; font-weight:= 400; font-display: swap; src: url("https://fonts.gstatic.com/s/balsamiqsan= s/v2/P5sEzZiAbNrN8SB3lQQX7PncwdoXILdN.woff2") format("woff2"); unicode-rang= e: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Balsamiq Sans"; font-style: normal; font-weight:= 400; font-display: swap; src: url("https://fonts.gstatic.com/s/balsamiqsan= s/v2/P5sEzZiAbNrN8SB3lQQX7PncwdAXILdN.woff2") format("woff2"); unicode-rang= e: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,= U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Balsamiq Sans"; font-style: normal; font-weight:= 400; font-display: swap; src: url("https://fonts.gstatic.com/s/balsamiqsan= s/v2/P5sEzZiAbNrN8SB3lQQX7Pncwd4XIA.woff2") format("woff2"); unicode-range:= U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2= 074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/284633b4731f52d11d10a1ce1de7c2d3/variables-8391c84da435c9cfceea2b2b3317ff66.css @charset "utf-8"; :root { --ic-brand-primary-darkened-5: #431566; --ic-brand-primary-darkened= -10: #3F1461; --ic-brand-primary-darkened-15: #3C135B; --ic-brand-primary-l= ightened-5: #4F2172; --ic-brand-primary-lightened-10: #582D79; --ic-brand-p= rimary-lightened-15: #613881; --ic-brand-button--primary-bgd-darkened-5: #4= 31566; --ic-brand-button--primary-bgd-darkened-15: #3C135B; --ic-brand-butt= on--secondary-bgd-darkened-5: #D19811; --ic-brand-button--secondary-bgd-dar= kened-15: #BB880F; --ic-brand-font-color-dark-lightened-15: #4C5860; --ic-b= rand-font-color-dark-lightened-30: #6C757C; --ic-link-color-darkened-10: #0= 080CC; --ic-link-color-lightened-10: #1999E4; --ic-brand-primary: #46166b; = --ic-brand-font-color-dark: #2D3B45; --ic-link-color: #008EE2; --ic-brand-b= utton--primary-bgd: #46166b; --ic-brand-button--primary-text: #ffffff; --ic= -brand-button--secondary-bgd: #db9f11; --ic-brand-button--secondary-text: #= ffffff; --ic-brand-global-nav-bgd: #46166b; --ic-brand-global-nav-ic-icon-s= vg-fill: #ffffff; --ic-brand-global-nav-ic-icon-svg-fill--active: #46166b; = --ic-brand-global-nav-menu-item__text-color: #ffffff; --ic-brand-global-nav= -menu-item__text-color--active: #008EE2; --ic-brand-global-nav-avatar-borde= r: #ffffff; --ic-brand-global-nav-menu-item__badge-bgd: #db9f11; --ic-brand= -global-nav-menu-item__badge-text: #ffffff; --ic-brand-global-nav-logo-bgd:= #2d0c49; --ic-brand-header-image: url("https://instructure-uploads.s3.amaz= onaws.com/account_11680000000000001/attachments/2082612/windows-tile-558.pn= g?AWSAccessKeyId=3DAKIAJFNFXH2V2O7RPCAA&Expires=3D1936776390&Signature=3Di6= wY5oWxxirGP4UbPuE0WHx51eQ%3D&response-cache-control=3DCache-Control%3Amax-a= ge%3D473364000.0%2C%20public&response-expires=3D473364000.0"); --ic-brand-m= obile-global-nav-logo: url("https://du11hjcvx0uqb.cloudfront.net/dist/image= s/mobile-global-nav-logo-aff8453309.svg"); --ic-brand-watermark: ; --ic-bra= nd-watermark-opacity: 1; --ic-brand-favicon: url("https://instructure-uploa= ds.s3.amazonaws.com/account_11680000000000001/attachments/2082616/index.png= ?AWSAccessKeyId=3DAKIAJFNFXH2V2O7RPCAA&Expires=3D1936776553&Signature=3DkMc= b0rVEEcv9qv3Zqo68sF6Yq%2BQ%3D&response-cache-control=3DCache-Control%3Amax-= age%3D473364000.0%2C%20public&response-expires=3D473364000.0"); --ic-brand-= apple-touch-icon: url("https://instructure-uploads.s3.amazonaws.com/account= _11680000000000001/attachments/2082613/una-iphone-icon-180.png?AWSAccessKey= Id=3DAKIAJFNFXH2V2O7RPCAA&Expires=3D1936776391&Signature=3D0V7toLd1LKp%2B6T= BSowPm%2BD6Q3BY%3D&response-cache-control=3DCache-Control%3Amax-age%3D47336= 4000.0%2C%20public&response-expires=3D473364000.0"); --ic-brand-msapplicati= on-tile-color: #46166b; --ic-brand-msapplication-tile-square: url("https://= instructure-uploads.s3.amazonaws.com/account_11680000000000001/attachments/= 2082612/windows-tile-558.png?AWSAccessKeyId=3DAKIAJFNFXH2V2O7RPCAA&Expires= =3D1936776391&Signature=3DuwfMNoIrg2W8TFNXOUrVCOgCbEU%3D&response-cache-con= trol=3DCache-Control%3Amax-age%3D473364000.0%2C%20public&response-expires= =3D473364000.0"); --ic-brand-msapplication-tile-wide: url("https://instruct= ure-uploads.s3.amazonaws.com/account_11680000000000001/attachments/2082615/= windows-tile-558-270.png?AWSAccessKeyId=3DAKIAJFNFXH2V2O7RPCAA&Expires=3D19= 36776392&Signature=3Dx%2BLhnfIHd2YwqWY0wbXkoRQ9osE%3D&response-cache-contro= l=3DCache-Control%3Amax-age%3D473364000.0%2C%20public&response-expires=3D47= 3364000.0"); --ic-brand-right-sidebar-logo: ; --ic-brand-Login-body-bgd-col= or: #46166b; --ic-brand-Login-body-bgd-image: ; --ic-brand-Login-body-bgd-s= hadow-color: #2d0c49; --ic-brand-Login-logo: url("/images/login/canvas-logo= .svg"); --ic-brand-Login-Content-bgd-color: none; --ic-brand-Login-Content-= border-color: none; --ic-brand-Login-Content-inner-bgd: none; --ic-brand-Lo= gin-Content-inner-border: none; --ic-brand-Login-Content-inner-body-bgd: no= ne; --ic-brand-Login-Content-inner-body-border: none; --ic-brand-Login-Cont= ent-label-text-color: #ffffff; --ic-brand-Login-Content-password-text-color= : #ffffff; --ic-brand-Login-footer-link-color: #ffffff; --ic-brand-Login-fo= oter-link-color-hover: #ffffff; --ic-brand-Login-instructure-logo: #ffffff;= } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/responsive_layout_normal_contrast/bundles/common-58f0c48bc1.css @charset "utf-8"; body { margin: 0px; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0px; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0px; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0px; font-size: 100%; vertical-al= ign: middle; } button, html input[type=3D"button"], input[type=3D"reset"], input[type=3D"s= ubmit"] { appearance: button; cursor: pointer; } input[type=3D"search"] { box-sizing: content-box; appearance: textfield; } input[type=3D"search"]::-webkit-search-decoration, input[type=3D"search"]::= -webkit-search-cancel-button { appearance: none; } textarea { vertical-align: top; } .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible, .ui-button-icon-only .ui-button-text, .ui-but= ton-icons-only .ui-button-text { clip: rect(1px, 1px, 1px, 1px); position: = absolute !important; } .ui-helper-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; li= ne-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix::before, .ui-helper-clearfix::after { content: ""; disp= lay: table; } .ui-helper-clearfix::after { clear: both; } .ui-helper-clearfix { zoom: 1; } .ui-helper-zfix { width: 100%; height: 100%; top: 0px; left: 0px; position:= absolute; opacity: 0; } .ui-state-disabled { cursor: default !important; } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; backgro= und-repeat: no-repeat; } .ui-widget-overlay { position: absolute; top: 0px; left: 0px; width: 100%; = height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block= ; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-res= izable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; le= ft: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px;= left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; heig= ht: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; heigh= t: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px= ; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; = bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; = top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px;= top: -5px; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotte= d black; } .ui-autocomplete { position: absolute; cursor: default; } * html .ui-autocomplete { width: 1px; } .ui-menu { list-style: none; padding: 2px; margin: 0px; display: block; flo= at: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin: 0px; padding: 0px; zoom: 1; float: left; c= lear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: = 0.2em 0.4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-= active, .ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header, .ui-prog= ressbar .ui-menu .ui-menu-item a.ui-widget-header, .ui-menu .ui-menu-item a= .ui-state-focus { background: var(--ic-brand-primary); font-weight: normal;= margin: -1px; color: white; } .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0px; margin-right: -5px; border-rad= ius: 0px; } .ui-buttonset .ui-button.ui-corner-right { border-top-right-radius: 3px; bo= rder-bottom-right-radius: 3px; } .ui-buttonset .ui-button.ui-corner-left { border-top-left-radius: 3px; bord= er-bottom-left-radius: 3px; } .ui-buttonset input[type=3D"checkbox"] + label.ui-button, .ui-buttonset inp= ut[type=3D"radio"] + label.ui-button { vertical-align: middle; } .ui-dialog { position: absolute; padding: 0.2em; width: 300px; overflow: hi= dden; } .ui-dialog .ui-dialog-title { float: left; margin: 0px 16px 0px 0px; font-s= ize: 1.125rem; font-weight: normal; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 0.3em; to= p: 50%; width: 19px; margin: -10px 0px 0px; height: 18px; padding: 0px; bac= kground: none; } .ui-dialog .ui-dialog-titlebar-close:not(.ui-state-focus) { border-color: t= ransparent; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-= close:focus { padding: 0px; } .ui-dialog .ui-dialog-content { position: relative; border: 0px; padding: 0= .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-datepicker .ui-datepicker-= time, .ui-datepicker .ui-dialog .ui-datepicker-time { text-align: left; bor= der-width: 1px 0px 0px; background-image: none; margin: 0.5em 0px 0px; padd= ing: 0.3em 1em 0.5em 0.4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset, .ui-dialog .ui-datep= icker .ui-datepicker-time .ui-dialog-buttonset, .ui-datepicker .ui-dialog .= ui-datepicker-time .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button, .ui-dialog .ui-datepicker .ui-date= picker-time button, .ui-datepicker .ui-dialog .ui-datepicker-time button { = margin: 0.5em 0.4em 0.5em 0px; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom= : 3px; } .ui-draggable .ui-dialog-titlebar, .ui-draggable .ui-datepicker .ui-datepic= ker-header, .ui-datepicker .ui-draggable .ui-datepicker-header { cursor: mo= ve; } .ui-dialog { padding: 0px; } .ui-dialog .ui-dialog-titlebar-close { right: 12px; width: 20px; height: 20= px; } .ui-dialog .ui-dialog-titlebar-close span { transition: opacity 0.2s ease 0= s; background: url("/dist/images/icon-x-black-163c6230a4.svg") 50% 50% / 10= px no-repeat; opacity: 0.6; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover, .ui-dialog .ui-dialog-= titlebar-close.ui-state-focus { border: 1px solid transparent; box-shadow: = 0 0 0 2px var(--ic-brand-button--primary-bgd); border-radius: 3px; } .ui-dialog .ui-dialog-titlebar-close.ui-state-hover span, .ui-dialog .ui-di= alog-titlebar-close.ui-state-focus span { opacity: 0.8; } .ui-dialog .ui-dialog-titlebar-close:focus { outline-style: none; border-co= lor: transparent; box-shadow: 0 0 0 2px var(--ic-brand-button--primary-bgd)= ; } .ui-dialog .ui-dialog-titlebar, .ui-dialog .ui-datepicker .ui-datepicker-he= ader, .ui-datepicker .ui-dialog .ui-datepicker-header { padding: 0.4em 1em;= position: relative; } .ui-dialog .ui-dialog-titlebar.ui-widget-header, .ui-dialog .ui-datepicker = .ui-widget-header.ui-datepicker-header, .ui-datepicker .ui-dialog .ui-widge= t-header.ui-datepicker-header { background: rgb(255, 255, 255); padding: 16= px 12px; border-bottom: 1px solid rgb(199, 205, 209); } .ui-dialog.ui-widget-content { border: none; box-shadow: rgba(45, 59, 69, 0= .95) 0px 1px 4px 1px; } .ui-dialog.ui-dialog-focus-bumper { } .ui-datepicker .ui-datepicker-time, .ui-dialog .ui-dialog-buttonpane, .ui-d= ialog .ui-datepicker .ui-datepicker-time, .ui-datepicker .ui-dialog .ui-dat= epicker-time { background-color: rgb(242, 242, 242); border-top: 1px solid = rgb(199, 205, 209); } .ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-datepicker .ui-datepicker-= time, .ui-datepicker .ui-dialog .ui-datepicker-time { padding: 6px; } @media only screen and (min-width: 768px) { .ui-dialog .ui-dialog-buttonpane, .ui-dialog .ui-datepicker .ui-datepicke= r-time, .ui-datepicker .ui-dialog .ui-datepicker-time { padding: 12px; } } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button, .ui-dialog .u= i-datepicker .ui-datepicker-time .ui-dialog-buttonset button, .ui-datepicke= r .ui-dialog .ui-datepicker-time .ui-dialog-buttonset button { margin-top: = 0px; margin-bottom: 0px; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-of-type, = .ui-dialog .ui-datepicker .ui-datepicker-time .ui-dialog-buttonset button:l= ast-of-type, .ui-datepicker .ui-dialog .ui-datepicker-time .ui-dialog-butto= nset button:last-of-type { margin-right: 0px; } .ui-datepicker .ui-datepicker-header, .ui-dialog .ui-dialog-titlebar, .ui-d= ialog .ui-datepicker .ui-datepicker-header, .ui-datepicker .ui-dialog .ui-d= atepicker-header { border-top: 0px; border-left: 0px; border-right: 0px; bo= rder-bottom-left-radius: 0px; border-bottom-right-radius: 0px; font-weight:= bold; font-size: 0.875rem; } .ui-tabs { position: relative; zoom: 1; border-radius: 0px; border: none !i= mportant; background-color: transparent !important; } .ui-tabs .ui-tabs-nav { margin: 0px; padding: 0px; border-radius: 0px; back= ground: transparent; border-width: 0px 0px 1px; box-shadow: none; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relativ= e; top: 1px; margin: 0px 0.2em 1px 0px; padding: 0px; white-space: nowrap; = border-bottom: 0px !important; } .ui-tabs .ui-tabs-nav li a { float: left; padding: 0.5em 0.9em; text-decora= tion: none; font-weight: bold; text-shadow: rgba(255, 255, 255, 0.5) 0px 1p= x 0px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0px; padding-botto= m: 1px; background: rgb(255, 255, 255); border-color: rgb(170, 170, 170); b= ox-shadow: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: rgb(51, 51, 51); } .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-stat= e-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text= ; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui= -tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; padding: 1em 1.4em; background-co= lor: rgb(255, 255, 255); border-width: 0px 1px 1px; border-radius: 0px; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-datepicker { width: 17em; padding: 0px; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: 4px 0px= ; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { po= sition: absolute; top: 5px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-nex= t-hover { top: 4px; } .ui-datepicker .ui-datepicker-prev { left: 4px; } .ui-datepicker .ui-datepicker-next { right: 4px; } .ui-datepicker .ui-datepicker-prev-hover { left: 3px; } .ui-datepicker .ui-datepicker-next-hover { right: 3px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next= span { display: block; position: absolute; left: 50%; margin-left: -8px; t= op: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0px 2.3em; line-height: 1.8em= ; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0p= x; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepic= ker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: 0.9em; border-collapse: coll= apse; margin: 0px 0px 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: = bold; border: 0px; } .ui-datepicker td { border: 0px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px;= text-align: center; text-decoration: none; border-color: transparent; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: = 0.7em 0px 0px; padding: 0px 0.2em; border-left: 0px; border-right: 0px; bor= der-bottom: 0px; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5= em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; o= verflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { flo= at: left; } .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0px a= uto 0.4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { bord= er-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { bo= rder-left-width: 0px; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0em; } .ui-datepicker .ui-state-default { background: transparent; box-shadow: non= e; } .ui-datepicker .ui-state-active, .ui-datepicker .ui-progressbar .ui-widget-= header, .ui-progressbar .ui-datepicker .ui-widget-header, .ui-datepicker .u= i-state-active.ui-state-hover, .ui-datepicker .ui-progressbar .ui-state-hov= er.ui-widget-header, .ui-progressbar .ui-datepicker .ui-state-hover.ui-widg= et-header { border: 1px solid rgb(168, 173, 179); color: rgb(51, 51, 51); b= ackground: linear-gradient(rgb(224, 230, 235), rgb(212, 220, 226)); font-we= ight: bold; text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0px; } .ui-datepicker .ui-datepicker-time { padding: 5px 6px; text-align: right; } .ui-datepicker .ui-datepicker-time input, .ui-datepicker .ui-datepicker-tim= e select { padding: 2px; margin-bottom: 0px; } .ui-datepicker .ui-datepicker-time .ui-datepicker-ok { margin-left: 6px; } .ui-datepicker .ui-datepicker-header { font-size: 0.75rem; } #ui-datepicker-div { z-index: 9999; } .ui-datepicker-header.ui-widget-header { background: rgb(255, 255, 255); bo= x-shadow: none; padding: 6px 0px; border-color: rgb(199, 205, 209); text-sh= adow: none; } .ui-datepicker.ui-widget-content { border-color: rgb(199, 205, 209); box-sh= adow: rgba(45, 59, 69, 0.2) 0px 1px 2px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { background: url(= "/dist/images/icon-arrow-left-98868663f2.svg") 50% 50% / 12px no-repeat; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon { display= : none; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .u= i-datepicker-header .ui-datepicker-next { background-repeat: no-repeat; bac= kground-position: 50% 50%; background-size: 12px; opacity: 0.85; } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon, .ui-date= picker .ui-datepicker-header .ui-datepicker-next .ui-icon { display: none; = } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover, .u= i-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover { bor= der-color: rgb(199, 205, 209); background-color: rgb(242, 242, 242); } .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { background-image= : url("/dist/images/icon-arrow-left-98868663f2.svg"); } .ui-datepicker .ui-datepicker-header .ui-datepicker-next { background-image= : url("/dist/images/icon-arrow-right-2bbc032252.svg"); } .ui-datepicker td span, .ui-datepicker td a { border-radius: 3px; color: va= r(--ic-brand-font-color-dark); } .ui-datepicker td span.ui-state-default.ui-state-hover, .ui-datepicker td a= .ui-state-default.ui-state-hover { border-color: rgb(199, 205, 209); backgr= ound-color: rgb(242, 242, 242); } .ui-datepicker td span.ui-state-default.ui-state-active, .ui-datepicker td = .ui-progressbar span.ui-state-default.ui-widget-header, .ui-progressbar .ui= -datepicker td span.ui-state-default.ui-widget-header, .ui-datepicker td a.= ui-state-default.ui-state-active, .ui-datepicker td .ui-progressbar a.ui-st= ate-default.ui-widget-header, .ui-progressbar .ui-datepicker td a.ui-state-= default.ui-widget-header { background: var(--ic-brand-primary); color: rgb(= 255, 255, 255); border-color: var(--ic-brand-primary-darkened-10); text-sha= dow: none; } .ui-datepicker .ui-datepicker-time { background-color: rgb(242, 242, 242); = box-shadow: none; border-top-color: rgb(199, 205, 209); } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-widget.ui-tooltip { position: absolute; z-index: 1030; display: block; = font-size: 0.6875rem; max-width: 200px; padding: 3px 8px; color: rgb(255, 2= 55, 255); text-align: center; text-decoration: none; background-color: rgb(= 0, 0, 0); opacity: 0.8; border: none; } .ui-tooltip::before { border-color: transparent transparent rgb(0, 0, 0); p= osition: absolute; border-style: solid; border-width: 5px; width: 0px; heig= ht: 0px; content: ""; top: -10px; left: 5px; } .ui-tooltip.right::before { left: auto; right: 5px; } .ui-tooltip.bottom::before { border-color: rgb(0, 0, 0) transparent transpa= rent; top: auto; bottom: -10px; } .ui-tooltip.center::before { left: 50%; margin-left: -5px; right: auto; } .ui-tooltip.middle::before { top: 50%; margin-top: -5px; bottom: auto; } .ui-tooltip.horizontal::before { inset: 50% auto auto -10px; margin-top: -5= px; border-color: transparent rgb(0, 0, 0) transparent transparent; } .ui-tooltip.right.horizontal::before { left: auto; right: -10px; border-col= or: transparent transparent transparent rgb(0, 0, 0); } .ui-tooltip.bottom.horizontal::before { top: auto; bottom: 5px; } .ui-tooltip.top.horizontal::before { top: 5px; } .ui-widget { font-size: 0.75rem; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget-content { border: 1px solid rgb(170, 170, 170); background: rgb(= 255, 255, 255); color: var(--ic-brand-font-color-dark); } .ui-widget-header { border: 1px solid rgb(199, 205, 209); background: rgb(2= 45, 245, 245); } .ui-widget-header a { color: rgb(51, 51, 51); } .ui-state-default, .ui-widget-header .ui-state-default { border-width: 1px;= border-style: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) r= gb(187, 187, 187); border-image: initial; color: rgb(51, 51, 51); font-weig= ht: normal; background-image: linear-gradient(rgb(255, 255, 255), rgb(230, = 230, 230)); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-hea= der .ui-state-highlight { border-width: 1px; border-style: solid; border-im= age: initial; background: linear-gradient(rgb(252, 238, 193), rgb(238, 220,= 148)) rgb(238, 220, 148); color: rgb(64, 64, 64); text-shadow: rgba(255, 2= 55, 255, 0.5) 0px 1px 0px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0= .1) rgba(0, 0, 0, 0.25); box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px = inset; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget= -header .ui-state-highlight a { color: rgb(64, 64, 64); } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited = { color: rgb(51, 51, 51); text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-= state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widge= t-header .ui-state-focus { border: 1px solid rgb(157, 157, 157); font-weigh= t: normal; } .ui-state-hover a, .ui-state-hover a:hover { color: rgb(49, 49, 49); text-d= ecoration: none; } .ui-state-active, .ui-progressbar .ui-widget-header, .ui-widget-header .ui-= state-active, .ui-widget-header .ui-progressbar .ui-widget-header, .ui-prog= ressbar .ui-widget-header .ui-widget-header { border: 1px solid rgb(30, 123= , 200); color: rgb(255, 255, 255); background: linear-gradient(rgb(10, 190,= 255), rgb(10, 149, 255)) rgb(5, 166, 235); } .ui-state-active a, .ui-progressbar .ui-widget-header a, .ui-state-active a= :link, .ui-progressbar .ui-widget-header a:link, .ui-state-active a:visited= , .ui-progressbar .ui-widget-header a:visited { color: rgb(255, 255, 255); = text-decoration: none; } .ui-widget :active { outline: none; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-= state-error { border-width: 1px; border-style: solid; border-image: initial= ; background: linear-gradient(rgb(238, 95, 91), rgb(196, 60, 53)) rgb(196, = 60, 53); color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25) 0px -1= px 0px; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0= .25); box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header = .ui-state-error a { color: rgb(255, 255, 255); } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-h= eader .ui-state-error-text { color: rgb(255, 255, 255); } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-h= eader .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widg= et-header .ui-priority-secondary { opacity: 0.7; font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-heade= r .ui-state-disabled { opacity: 0.6; background-image: none; } .ui-state-success, .ui-state-warning, .dialog-warning .ui-dialog-titlebar, = .dialog-warning .ui-datepicker .ui-datepicker-header, .ui-datepicker .dialo= g-warning .ui-datepicker-header, .dialog-success .ui-dialog-titlebar, .dial= og-success .ui-datepicker .ui-datepicker-header, .ui-datepicker .dialog-suc= cess .ui-datepicker-header { border-width: 1px; border-style: solid; border= -color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shad= ow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset; color: rgb(238, 6, 18); } .ui-state-success, .dialog-success .ui-dialog-titlebar, .dialog-success .ui= -datepicker .ui-datepicker-header, .ui-datepicker .dialog-success .ui-datep= icker-header { background-image: linear-gradient(rgb(98, 196, 98), rgb(62, = 166, 62)); } .ui-state-warning, .dialog-warning .ui-dialog-titlebar, .dialog-warning .ui= -datepicker .ui-datepicker-header, .ui-datepicker .dialog-warning .ui-datep= icker-header { background-image: linear-gradient(rgb(251, 180, 80), rgb(248= , 148, 6)); } .ui-icon { width: 16px; height: 16px; background-image: url("/dist/images/j= queryui/ui-icons_222222_256x240-a2c05c5e96.png"); } .ui-widget-content .ui-icon { background-image: url("/dist/images/jqueryui/= ui-icons_222222_256x240-a2c05c5e96.png"); } .ui-widget-header .ui-icon { background-image: url("/dist/images/jqueryui/u= i-icons_ffffff_256x240-ed886cdf6e.png"); } .ui-state-default .ui-icon { background-image: url("/dist/images/jqueryui/u= i-icons_222222_256x240-a2c05c5e96.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(= "/dist/images/jqueryui/ui-icons_222222_256x240-a2c05c5e96.png"); } .ui-state-active .ui-icon, .ui-progressbar .ui-widget-header .ui-icon { bac= kground-image: url("/dist/images/jqueryui/ui-icons_ffffff_256x240-ed886cdf6= e.png"); } .ui-state-highlight .ui-icon { background-image: url("/dist/images/jqueryui= /ui-icons_228ef1_256x240-69cd3c6fca.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background: url("= /dist/images/jqueryui/icon_sprite-30c4d78a47.png") -16px 0px no-repeat !imp= ortant; } .ui-state-highlight .ui-icon, .ui-state-error .ui-icon { margin-top: -1px; = } .ui-icon-carat-1-e { background-position: -32px 0px; } .ui-icon-triangle-1-n { background-position: 0px -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-close { background-position: -248px -546px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-alert { background-position: 0px -144px; } .ui-icon-info { background: url("/dist/images/jqueryui/icon_sprite-30c4d78a= 47.png") 0px 0px no-repeat !important; } .ui-icon-check { background-position: -50px -546px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -182px -480px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } .ui-icon-radio-off { background: none !important; } .ui-icon-radio-on { background: url("/dist/images/icon-checkmark-3879439d37= .svg") 0px 50% no-repeat !important; } .ui-icon-sections { background: url("/dist/images/jqueryui/ui-icon-sections= -2a6fae7598.png") 0px 0px no-repeat !important; } .ui-icon-cog { background: url("/dist/images/jqueryui/ui-icon-cog-df5572602= e.png") 0px 0px no-repeat !important; } .ui-icon.ui-icon-check, .ui-icon.ui-icon-calendar, .ui-icon.ui-icon-clock, = .ui-icon.ui-icon-close, .ui-icon.ui-icon-circle-triangle-s { background-ima= ge: url("/dist/images/blue/canvas-icons-16x16-dkgrey-a100946aa9.png"); } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top= -left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-to= p-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-= bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border= -bottom-right-radius: 3px; } .ui-widget-overlay { background: rgba(45, 59, 69, 0.75); } .ui-widget-shadow { margin: -8px 0px 0px -8px; padding: 8px; background: rg= b(0, 0, 0); opacity: 0.3; border-radius: 8px; } .ui-menu { list-style: none; padding: 0px; margin: 0px; display: block; out= line: none; } .ui-menu .ui-menu { margin-top: -3px; position: absolute; } .ui-menu .ui-menu-item { margin: 0px; padding: 0px; zoom: 1; width: 100%; } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: = 6px 0.4em; line-height: 1.5; zoom: 1; } .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-= active, .ui-menu .ui-menu-item .ui-progressbar a.ui-widget-header, .ui-prog= ressbar .ui-menu .ui-menu-item a.ui-widget-header { margin: -1px; } .ui-menu li.ui-state-disabled { padding: 0.7em 0.4em 0.5em; margin: 0.4em 0= px 0.2em; line-height: 1.5; } .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: 0.5em; left: 0.4em; } .ui-menu .ui-menu-icon { position: static; float: right; } .ui-menu .ui-menu-input-group { text-transform: uppercase; font-weight: bol= d; color: rgb(0, 0, 0); font-size: 0.75rem; } .ui-menu-item span.ui-menu-input-group { padding-left: 2em; } .ui-menu-item label { cursor: pointer; } .ui-menu .ui-corner-all { border-radius: 0px; } .ui-menu-carat, .ui-menu-carat span { border-style: solid; position: absolu= te; width: 0px; height: 0px; left: 50%; content: ""; border-width: 0px 9px = 9px; top: -9px; margin-left: -9px; border-color: rgb(191, 198, 202) transpa= rent; } .ui-menu-carat span { border-width: 0px 8px 8px; top: 1px; margin-left: -8p= x; border-color: rgb(255, 255, 255) transparent; } .carat-bottom .ui-menu-carat, .carat-bottom .ui-menu-carat span { top: auto= ; bottom: -9px; border-width: 9px 9px 0px; } .carat-bottom .ui-menu-carat span { top: auto; bottom: 1px; border-width: 8= px 8px 0px; } .ui-kyle-menu { position: absolute; z-index: 9999; margin-top: 8px; text-al= ign: left; border: 1px solid rgb(199, 205, 209); box-shadow: rgba(0, 0, 0, = 0.1) 0px 0px 6px; background-color: rgb(255, 255, 255); font-weight: bold; = } .ui-kyle-menu a { color: rgb(51, 51, 51); padding: 6px 12px; min-width: 144= px; line-height: 1.1; } .ui-kyle-menu hr { margin: 0px; height: 0px; border-width: 1px 0px 0px; bor= der-right-style: initial; border-bottom-style: initial; border-left-style: = initial; border-right-color: initial; border-bottom-color: initial; border-= left-color: initial; border-image: initial; border-top-style: solid; border= -top-color: rgb(199, 205, 209); } .ui-kyle-menu li:first-of-type a { border-top-left-radius: 3px; border-top-= right-radius: 3px; } .ui-kyle-menu li:last-child a { border-bottom-left-radius: 3px; border-bott= om-right-radius: 3px; } .ui-kyle-menu .ui-state-focus { border: none; font-weight: bold !important;= } .ui-kyle-menu .ui-state-focus .ui-icon-radio-on { background: url("/dist/im= ages/icon-checkmark-rev-ce753133bc.svg") 0px 50% no-repeat !important; } .ui-menu-small { font-size: 0.6875rem; font-weight: normal; white-space: no= wrap; } .ui-menu-small .ui-state-focus { font-weight: normal; text-shadow: none; } .ui-menu-small .ui-menu-item a { padding: 3px 5px; } .ui-widget { font-size: 0.875rem; } .row { margin-left: -20px; } .row::before, .row::after { display: table; content: ""; line-height: 0; } .row::after { clear: both; } [class*=3D"span"] { float: left; min-height: 1px; margin-left: 20px; } .container { width: 940px; } @media (min-width: 768px) { .span12 { width: 940px; } } @media (max-width: 767px) { .span12 { width: 100%; } } @media (min-width: 768px) { .span11 { width: 860px; } } @media (max-width: 767px) { .span11 { width: 100%; } } @media (min-width: 768px) { .span10 { width: 780px; } } @media (max-width: 767px) { .span10 { width: 100%; } } @media (min-width: 768px) { .span9 { width: 700px; } } @media (max-width: 767px) { .span9 { width: 100%; } } @media (min-width: 768px) { .span8 { width: 620px; } } @media (max-width: 767px) { .span8 { width: 100%; } } @media (min-width: 768px) { .span7 { width: 540px; } } @media (max-width: 767px) { .span7 { width: 100%; } } @media (min-width: 768px) { .span6 { width: 460px; } } @media (max-width: 767px) { .span6 { width: 100%; } } @media (min-width: 768px) { .span5 { width: 380px; } } @media (max-width: 767px) { .span5 { width: 100%; } } @media (min-width: 768px) { .span4 { width: 300px; } } @media (max-width: 767px) { .span4 { width: 100%; } } @media (min-width: 768px) { .span3 { width: 220px; } } @media (max-width: 767px) { .span3 { width: 100%; } } @media (min-width: 768px) { .span2 { width: 140px; } } @media (max-width: 767px) { .span2 { width: 100%; } } @media (min-width: 768px) { .span1 { width: 60px; } } @media (max-width: 767px) { .span1 { width: 100%; } } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; } .row-fluid::before, .row-fluid::after { display: table; content: ""; line-h= eight: 0; } .row-fluid::after { clear: both; } .row-fluid [class*=3D"span"] { display: block; width: 100%; min-height: 30p= x; box-sizing: border-box; float: left; } @media (min-width: 768px) { .row-fluid [class*=3D"span"] { margin-left: 2.12766%; } } @media (max-width: 767px) { .row-fluid [class*=3D"span"] { margin-left: 0px; } } .row-fluid [class*=3D"span"]:first-child { margin-left: 0px; } .row-fluid .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-lef= t: 2.12766%; } @media (min-width: 768px) { .row-fluid .span12 { width: 100%; } } @media (max-width: 767px) { .row-fluid .span12 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span11 { width: 91.4894%; } } @media (max-width: 767px) { .row-fluid .span11 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span10 { width: 82.9787%; } } @media (max-width: 767px) { .row-fluid .span10 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span9 { width: 74.4681%; } } @media (max-width: 767px) { .row-fluid .span9 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span8 { width: 65.9574%; } } @media (max-width: 767px) { .row-fluid .span8 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span7 { width: 57.4468%; } } @media (max-width: 767px) { .row-fluid .span7 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span6 { width: 48.9362%; } } @media (max-width: 767px) { .row-fluid .span6 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span5 { width: 40.4255%; } } @media (max-width: 767px) { .row-fluid .span5 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span4 { width: 31.9149%; } } @media (max-width: 767px) { .row-fluid .span4 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span3 { width: 23.4043%; } } @media (max-width: 767px) { .row-fluid .span3 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span2 { width: 14.8936%; } } @media (max-width: 767px) { .row-fluid .span2 { width: 100%; } } @media (min-width: 768px) { .row-fluid .span1 { width: 6.38298%; } } @media (max-width: 767px) { .row-fluid .span1 { width: 100%; } } .row-fluid .offset12 { margin-left: 104.255%; } .row-fluid .offset12:first-child { margin-left: 102.128%; } .row-fluid .offset11 { margin-left: 95.7447%; } .row-fluid .offset11:first-child { margin-left: 93.617%; } .row-fluid .offset10 { margin-left: 87.234%; } .row-fluid .offset10:first-child { margin-left: 85.1064%; } .row-fluid .offset9 { margin-left: 78.7234%; } .row-fluid .offset9:first-child { margin-left: 76.5957%; } .row-fluid .offset8 { margin-left: 70.2128%; } .row-fluid .offset8:first-child { margin-left: 68.0851%; } .row-fluid .offset7 { margin-left: 61.7021%; } .row-fluid .offset7:first-child { margin-left: 59.5745%; } .row-fluid .offset6 { margin-left: 53.1915%; } .row-fluid .offset6:first-child { margin-left: 51.0638%; } .row-fluid .offset5 { margin-left: 44.6808%; } .row-fluid .offset5:first-child { margin-left: 42.5532%; } .row-fluid .offset4 { margin-left: 36.1702%; } .row-fluid .offset4:first-child { margin-left: 34.0425%; } .row-fluid .offset3 { margin-left: 27.6596%; } .row-fluid .offset3:first-child { margin-left: 25.5319%; } .row-fluid .offset2 { margin-left: 19.1489%; } .row-fluid .offset2:first-child { margin-left: 17.0213%; } .row-fluid .offset1 { margin-left: 10.6383%; } .row-fluid .offset1:first-child { margin-left: 8.51064%; } [class*=3D"span"].hide, .row-fluid [class*=3D"span"].hide { display: none; = } [class*=3D"span"].pull-right, .row-fluid [class*=3D"span"].pull-right { flo= at: right; } .container { margin-right: auto; margin-left: auto; } .container::before, .container::after { display: table; content: ""; line-h= eight: 0; } .container::after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; } .container-fluid::before, .container-fluid::after { display: table; content= : ""; line-height: 0; } .container-fluid::after { clear: both; } form { margin: 0px 0px 20px; } fieldset { padding: 0px; margin: 0px; border: 0px; } legend { display: block; width: 100%; padding: 0px; margin-bottom: 20px; fo= nt-size: 1.3125rem; line-height: 40px; color: rgb(51, 51, 51); border-width= : 0px 0px 1px; border-top-style: initial; border-right-style: initial; bord= er-left-style: initial; border-top-color: initial; border-right-color: init= ial; border-left-color: initial; border-image: initial; border-bottom-style= : solid; border-bottom-color: rgb(229, 229, 229); } legend small { font-size: 0.9375rem; color: rgb(153, 153, 153); } label, input, button, select, textarea { font-size: 0.875rem; font-weight: = normal; line-height: 20px; } input, button, select, textarea { font-family: "Lato Extended", Lato, "Helv= etica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, input[type=3D"text"], input[type=3D"password"], input[typ= e=3D"datetime"], input[type=3D"datetime-local"], input[type=3D"date"], inpu= t[type=3D"month"], input[type=3D"time"], input[type=3D"week"], input[type= =3D"number"], input[type=3D"email"], input[type=3D"url"], input[type=3D"sea= rch"], input[type=3D"tel"], input[type=3D"color"], .uneditable-input { disp= lay: inline-block; height: 20px; padding: 8px; margin-bottom: 10px; font-si= ze: 0.875rem; line-height: 20px; color: var(--ic-brand-font-color-dark); bo= rder-radius: 3px; vertical-align: middle; } input, textarea, .uneditable-input { width: 206px; } textarea { height: auto; } textarea, input[type=3D"text"], input[type=3D"password"], input[type=3D"dat= etime"], input[type=3D"datetime-local"], input[type=3D"date"], input[type= =3D"month"], input[type=3D"time"], input[type=3D"week"], input[type=3D"numb= er"], input[type=3D"email"], input[type=3D"url"], input[type=3D"search"], i= nput[type=3D"tel"], input[type=3D"color"], .uneditable-input { background-c= olor: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); box-shadow:= rgba(0, 0, 0, 0.075) 0px 1px 1px inset; transition: border 0.2s linear 0s,= box-shadow 0.2s linear 0s; } textarea:focus, input[type=3D"text"]:focus, input[type=3D"password"]:focus,= input[type=3D"datetime"]:focus, input[type=3D"datetime-local"]:focus, inpu= t[type=3D"date"]:focus, input[type=3D"month"]:focus, input[type=3D"time"]:f= ocus, input[type=3D"week"]:focus, input[type=3D"number"]:focus, input[type= =3D"email"]:focus, input[type=3D"url"]:focus, input[type=3D"search"]:focus,= input[type=3D"tel"]:focus, input[type=3D"color"]:focus, .uneditable-input:= focus { border-color: var(--ic-link-color-lightened-10); outline: 0px; } input[type=3D"radio"], input[type=3D"checkbox"] { margin: 4px 0px 0px; line= -height: normal; cursor: pointer; } input[type=3D"file"], input[type=3D"image"], input[type=3D"submit"], input[= type=3D"reset"], input[type=3D"button"], input[type=3D"radio"], input[type= =3D"checkbox"] { width: auto; } select, input[type=3D"file"] { height: 2.375rem; line-height: 2.375rem; } select { width: 220px; border: 1px solid rgb(204, 204, 204); background-col= or: rgb(255, 255, 255); } select.responsive-width { width: unset; min-width: 220px; } select[multiple], select[size] { height: auto; } select:focus, input[type=3D"file"]:focus, input[type=3D"radio"]:focus, inpu= t[type=3D"checkbox"]:focus { outline: -webkit-focus-ring-color auto 5px; ou= tline-offset: -2px; text-decoration: none; } #external_tool_button_form { margin: 0px; } .uneditable-input, .uneditable-textarea { color: rgb(153, 153, 153); backgr= ound-color: rgb(252, 252, 252); border-color: rgb(204, 204, 204); box-shado= w: rgba(0, 0, 0, 0.024) 0px 1px 2px inset; cursor: not-allowed; } .uneditable-input { overflow: hidden; white-space: nowrap; } .uneditable-textarea { width: auto; height: auto; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { col= or: rgb(153, 153, 153); } .radio, .checkbox { min-height: 20px; padding-left: 20px; } .radio input[type=3D"radio"], .checkbox input[type=3D"checkbox"] { float: l= eft; margin-left: -20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding= -top: 5px; } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; = margin-bottom: 0px; vertical-align: middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin= -left: 10px; } .input-mini { width: 60px; } .input-small { width: 90px; } .input-medium { width: 150px; } .input-large { width: 210px; } .input-xlarge { width: 270px; } .input-xxlarge { width: 530px; } input[class*=3D"span"], select[class*=3D"span"], textarea[class*=3D"span"],= .uneditable-input[class*=3D"span"], .row-fluid input[class*=3D"span"], .ro= w-fluid select[class*=3D"span"], .row-fluid textarea[class*=3D"span"], .row= -fluid .uneditable-input[class*=3D"span"] { float: none; margin-left: 0px; = } .input-append input[class*=3D"span"], .input-append .uneditable-input[class= *=3D"span"], .input-prepend input[class*=3D"span"], .input-prepend .unedita= ble-input[class*=3D"span"], .row-fluid input[class*=3D"span"], .row-fluid s= elect[class*=3D"span"], .row-fluid textarea[class*=3D"span"], .row-fluid .u= neditable-input[class*=3D"span"], .row-fluid .input-prepend [class*=3D"span= "], .row-fluid .input-append [class*=3D"span"] { display: inline-block; } input, textarea, .uneditable-input { margin-left: 0px; } .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-left: 20px; } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } .controls-row::before, .controls-row::after { display: table; content: ""; = line-height: 0; } .controls-row::after { clear: both; } .controls-row [class*=3D"span"], .row-fluid .controls-row [class*=3D"span"]= { float: left; } .controls-row .checkbox[class*=3D"span"], .controls-row .radio[class*=3D"sp= an"] { padding-top: 5px; } input[disabled], select[disabled], textarea[disabled], input[readonly], sel= ect[readonly], textarea[readonly] { cursor: not-allowed; background-color: = rgb(238, 238, 238); } input[type=3D"radio"][disabled], input[type=3D"checkbox"][disabled], input[= type=3D"radio"][readonly], input[type=3D"checkbox"][readonly] { background-= color: transparent; } .control-group.warning > label, .control-group.warning .help-block, .contro= l-group.warning .help-inline { color: rgb(192, 152, 83); } .control-group.warning .checkbox, .control-group.warning .radio, .control-g= roup.warning input, .control-group.warning select, .control-group.warning t= extarea { color: rgb(192, 152, 83); } .control-group.warning input, .control-group.warning select, .control-group= .warning textarea { border-color: rgb(192, 152, 83); box-shadow: rgba(0, 0,= 0, 0.075) 0px 1px 1px inset; } .control-group.warning input:focus, .control-group.warning select:focus, .c= ontrol-group.warning textarea:focus { border-color: rgb(164, 126, 60); box-= shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(219, 197, 158) 0px 0px = 6px; } .control-group.warning .input-prepend .add-on, .control-group.warning .inpu= t-append .add-on { color: rgb(192, 152, 83); background-color: rgb(252, 248= , 227); border-color: rgb(192, 152, 83); } .control-group.error > label, .control-group.error .help-block, .control-gr= oup.error .help-inline { color: rgb(185, 74, 72); } .control-group.error .checkbox, .control-group.error .radio, .control-group= .error input, .control-group.error select, .control-group.error textarea { = color: rgb(185, 74, 72); } .control-group.error input, .control-group.error select, .control-group.err= or textarea { border-color: rgb(185, 74, 72); box-shadow: rgba(0, 0, 0, 0.0= 75) 0px 1px 1px inset; } .control-group.error input:focus, .control-group.error select:focus, .contr= ol-group.error textarea:focus { border-color: rgb(149, 59, 57); box-shadow:= rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(213, 147, 146) 0px 0px 6px; } .control-group.error .input-prepend .add-on, .control-group.error .input-ap= pend .add-on { color: rgb(185, 74, 72); background-color: rgb(242, 222, 222= ); border-color: rgb(185, 74, 72); } .control-group.success > label, .control-group.success .help-block, .contro= l-group.success .help-inline { color: rgb(65, 126, 66); } .control-group.success .checkbox, .control-group.success .radio, .control-g= roup.success input, .control-group.success select, .control-group.success t= extarea { color: rgb(65, 126, 66); } .control-group.success input, .control-group.success select, .control-group= .success textarea { border-color: rgb(65, 126, 66); box-shadow: rgba(0, 0, = 0, 0.075) 0px 1px 1px inset; } .control-group.success input:focus, .control-group.success select:focus, .c= ontrol-group.success textarea:focus { border-color: rgb(48, 92, 48); box-sh= adow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(112, 181, 113) 0px 0px 6p= x; } .control-group.success .input-prepend .add-on, .control-group.success .inpu= t-append .add-on { color: rgb(65, 126, 66); background-color: rgb(223, 240,= 216); border-color: rgb(65, 126, 66); } .control-group.info > label, .control-group.info .help-block, .control-grou= p.info .help-inline { color: rgb(58, 135, 173); } .control-group.info .checkbox, .control-group.info .radio, .control-group.i= nfo input, .control-group.info select, .control-group.info textarea { color= : rgb(58, 135, 173); } .control-group.info input, .control-group.info select, .control-group.info = textarea { border-color: rgb(58, 135, 173); box-shadow: rgba(0, 0, 0, 0.075= ) 0px 1px 1px inset; } .control-group.info input:focus, .control-group.info select:focus, .control= -group.info textarea:focus { border-color: rgb(45, 105, 135); box-shadow: r= gba(0, 0, 0, 0.075) 0px 1px 1px inset, rgb(122, 181, 211) 0px 0px 6px; } .control-group.info .input-prepend .add-on, .control-group.info .input-appe= nd .add-on { color: rgb(58, 135, 173); background-color: rgb(217, 237, 247)= ; border-color: rgb(58, 135, 173); } input[type]:required:invalid, textarea:required:invalid, select:required:in= valid { color: rgb(185, 74, 72); border-color: rgb(238, 95, 91); box-shadow= : rgb(248, 185, 183) 0px 0px 6px; } input[type]:required:invalid:focus, textarea:required:invalid:focus, select= :required:invalid:focus { border-color: rgb(233, 50, 45); } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 2= 0px; border-top: 1px solid rgb(229, 229, 229); } .form-actions::before, .form-actions::after { display: table; content: ""; = line-height: 0; } .form-actions::after { clear: both; } .help-block, .help-inline { color: var(--ic-brand-font-color-dark-lightened= -15); } .help-block { display: block; margin-bottom: 10px; } .help-inline { display: inline-block; vertical-align: middle; padding-left:= 5px; } .input-append, .input-prepend { margin-bottom: 5px; font-size: 0px; white-s= pace: nowrap; } .input-append input, .input-append select, .input-append .uneditable-input,= .input-append .dropdown-menu, .input-prepend input, .input-prepend select,= .input-prepend .uneditable-input, .input-prepend .dropdown-menu { font-siz= e: 0.875rem; } .input-append input, .input-append select, .input-append .uneditable-input,= .input-prepend input, .input-prepend select, .input-prepend .uneditable-in= put { position: relative; margin-bottom: 0px; vertical-align: top; border-r= adius: 0px 3px 3px 0px; } .input-append input:focus, .input-append select:focus, .input-append .unedi= table-input:focus, .input-prepend input:focus, .input-prepend select:focus,= .input-prepend .uneditable-input:focus { z-index: 2; } .input-append .add-on, .input-prepend .add-on { display: inline-block; widt= h: auto; height: 20px; min-width: 16px; padding: 8px; font-size: 0.875rem; = font-weight: normal; line-height: 20px; text-align: center; background-colo= r: rgb(238, 238, 238); border: 1px solid rgb(204, 204, 204); } .input-append .add-on, .input-append .btn, .input-prepend .add-on, .input-p= repend .btn { vertical-align: top; border-radius: 0px; } .input-append .active, .input-prepend .active { background-color: rgb(169, = 219, 169); border-color: rgb(70, 165, 70); } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { borde= r-radius: 3px 0px 0px 3px; } .input-append input, .input-append select, .input-append .uneditable-input = { border-radius: 3px 0px 0px 3px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .b= tn, .input-append .uneditable-input + .btn-group .btn { border-radius: 0px = 3px 3px 0px; } .input-append .add-on, .input-append .btn, .input-append .btn-group { margi= n-left: -1px; } .input-append .add-on:last-child, .input-append .btn:last-child { border-ra= dius: 0px 3px 3px 0px; } .input-prepend.input-append input, .input-prepend.input-append select, .inp= ut-prepend.input-append .uneditable-input { border-radius: 0px; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-a= ppend select + .btn-group .btn, .input-prepend.input-append .uneditable-inp= ut + .btn-group .btn { border-radius: 0px 3px 3px 0px; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-appen= d .btn:first-child { margin-right: -1px; border-radius: 3px 0px 0px 3px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append= .btn:last-child { margin-left: -1px; border-radius: 0px 3px 3px 0px; } .input-prepend.input-append .btn-group:first-child { margin-left: 0px; } input.search-query { padding-right: 14px; padding-left: 14px; margin-bottom= : 0px; } .form-search .input-append .search-query, .form-search .input-prepend .sear= ch-query { border-radius: 0px; } .form-search .input-append .search-query { border-radius: 14px 0px 0px 14px= ; } .form-search .input-append .btn { border-radius: 0px 14px 14px 0px; } .form-search .input-prepend .search-query { border-radius: 0px 14px 14px 0p= x; } .form-search .input-prepend .btn { border-radius: 14px 0px 0px 14px; } .form-search input, .form-search textarea, .form-search select, .form-searc= h .help-inline, .form-search .uneditable-input, .form-search .input-prepend= , .form-search .input-append, .form-inline input, .form-inline textarea, .f= orm-inline select, .form-inline .help-inline, .form-inline .uneditable-inpu= t, .form-inline .input-prepend, .form-inline .input-append, .form-horizonta= l input, .form-horizontal textarea, .form-horizontal select, .form-horizont= al .help-inline, .form-horizontal .uneditable-input, .form-horizontal .inpu= t-prepend, .form-horizontal .input-append { display: inline-block; margin-b= ottom: 0px; vertical-align: middle; } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: n= one; } .form-search label, .form-inline label, .form-search .btn-group, .form-inli= ne .btn-group { display: inline-block; } .form-search .input-append, .form-inline .input-append, .form-search .input= -prepend, .form-inline .input-prepend { margin-bottom: 0px; } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inl= ine .checkbox { padding-left: 0px; margin-bottom: 0px; vertical-align: midd= le; } .form-search .radio input[type=3D"radio"], .form-search .checkbox input[typ= e=3D"checkbox"], .form-inline .radio input[type=3D"radio"], .form-inline .c= heckbox input[type=3D"checkbox"] { float: left; margin-right: 3px; margin-l= eft: 0px; } .control-group { margin-bottom: 10px; } legend + .control-group { margin-top: 20px; } .form-horizontal .control-group { margin-bottom: 20px; } .form-horizontal .control-group::before, .form-horizontal .control-group::a= fter { display: table; content: ""; line-height: 0; } .form-horizontal .control-group::after { clear: both; } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5= px; text-align: right; } .form-horizontal .controls { margin-left: 180px; } .form-horizontal .controls .controls-section { margin-top: 5px; } .form-horizontal .help-block { margin-bottom: 0px; } .form-horizontal input + .help-block, .form-horizontal select + .help-block= , .form-horizontal textarea + .help-block { margin-top: 10px; } .form-horizontal .form-actions { padding-left: 180px; } .form-horizontal .margin-t-m { margin-top: 1rem; } .form-horizontal .responsive-control-group { display: flex; } .form-horizontal .responsive-control-group .control-label { flex-basis: 160= px; flex-grow: 0; padding-right: 20px; } .form-horizontal .responsive-control-group .controls { display: flex; flex-= direction: column; margin-left: inherit; } .form-horizontal .responsive-control-group .controls .input-append, .form-h= orizontal .responsive-control-group .responsive-input-with-add-on { display= : flex; flex-direction: row; } .form-horizontal .responsive-control-group .controls .input-append input, .= form-horizontal .responsive-control-group .responsive-control-input { flex-= grow: 1; } .form-horizontal .responsive-control-group .controls .input-append .add-on,= .form-horizontal .responsive-control-group .responsive-control-add-on { fl= ex-grow: 0; width: auto; } @media (min-width: 768px) { .form-horizontal .responsive-control-group { margin-bottom: 20px; } .form-horizontal .responsive-button-container { margin-left: 180px; } .form-horizontal .responsive-control-button { align-self: flex-start; } } @media (max-width: 767px) { .form-horizontal .responsive-control-group { flex-direction: column; } .form-horizontal .responsive-control-group .control-label { flex-basis: i= nherit; float: inherit; padding-right: inherit; text-align: inherit; } .form-horizontal .responsive-button-container { display: flex; flex-direc= tion: column; } .form-horizontal .responsive-control-button { flex-grow: 1; } } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; v= ertical-align: top; border-top: 1px solid rgb(221, 221, 221); } .table th { font-weight: bold; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-c= hild td, .table colgroup + thead tr:first-child th, .table colgroup + thead= tr:first-child td, .table thead:first-child tr:first-child th, .table thea= d:first-child tr:first-child td { border-top: 0px; } .table tbody + tbody { border-top: 2px solid rgb(221, 221, 221); } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border-width: 1px 1px 1px 0px; border-top-style: solid; b= order-right-style: solid; border-bottom-style: solid; border-top-color: rgb= (221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-colo= r: rgb(221, 221, 221); border-image: initial; border-collapse: separate; bo= rder-left-style: initial; border-left-color: initial; border-radius: 3px; } .table-bordered th, .table-bordered td { border-left: 1px solid rgb(221, 22= 1, 221); } .table-bordered caption + thead tr:first-child th, .table-bordered caption = + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child t= d, .table-bordered colgroup + thead tr:first-child th, .table-bordered colg= roup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-c= hild td, .table-bordered thead:first-child tr:first-child th, .table-border= ed tbody:first-child tr:first-child th, .table-bordered tbody:first-child t= r:first-child td { border-top: 0px; } .table-bordered thead:first-child tr:first-child th:first-child, .table-bor= dered tbody:first-child tr:first-child td:first-child { border-top-left-rad= ius: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bord= ered tbody:first-child tr:first-child td:last-child { border-top-right-radi= us: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-borde= red tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:la= st-child tr:last-child td:first-child { border-radius: 0px 0px 0px 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-border= ed tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last= -child tr:last-child td:last-child { border-bottom-right-radius: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-borde= red caption + tbody tr:first-child td:first-child, .table-bordered colgroup= + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr= :first-child td:first-child { border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-border= ed caption + tbody tr:first-child td:last-child, .table-bordered colgroup += thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:fi= rst-child td:last-child { border-top-right-radius: 4px; } .table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-chi= ld(2n+1) th { background-color: rgb(249, 249, 249); } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background= -color: rgb(245, 245, 245); } table td[class*=3D"span"], table th[class*=3D"span"], .row-fluid table td[c= lass*=3D"span"], .row-fluid table th[class*=3D"span"] { display: table-cell= ; float: none; margin-left: 0px; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0= px; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: = 0px; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: = 0px; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: = 0px; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: = 0px; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: = 0px; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: = 0px; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: = 0px; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: = 0px; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left= : 0px; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left= : 0px; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left= : 0px; } .table tbody tr.success td { background-color: rgb(223, 240, 216); } .table tbody tr.error td { background-color: rgb(242, 222, 222); } .table tbody tr.warning td { background-color: rgb(252, 248, 227); } .table tbody tr.info td { background-color: rgb(217, 237, 247); } .table-hover tbody tr.success:hover td { background-color: rgb(208, 233, 19= 8); } .table-hover tbody tr.error:hover td { background-color: rgb(235, 204, 204)= ; } .table-hover tbody tr.warning:hover td { background-color: rgb(250, 242, 20= 4); } .table-hover tbody tr.info:hover td { background-color: rgb(196, 227, 243);= } .dropup, .dropdown { position: relative; } .dropdown-toggle { } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0px; } .caret { display: inline-block; width: 0px; height: 0px; vertical-align: to= p; border-top: 4px solid rgb(0, 0, 0); border-right: 4px solid transparent;= border-left: 4px solid transparent; content: ""; } .dropdown .caret { margin-top: 8px; margin-left: 2px; } .dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; d= isplay: none; float: left; min-width: 160px; padding: 5px 0px; margin: 2px = 0px 0px; list-style: none; background-color: rgb(255, 255, 255); border: 1p= x solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0= .2) 0px 5px 10px; background-clip: padding-box; } .dropdown-menu.pull-right { right: 0px; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 1px; overflow: hidden; b= ackground-color: rgb(229, 229, 229); border-bottom: 1px solid rgb(255, 255,= 255); } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; fon= t-weight: normal; line-height: 20px; color: rgb(51, 51, 51); white-space: n= owrap; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu= :hover > a { text-decoration: none; color: rgb(255, 255, 255); background: = var(--ic-brand-primary); } .dropdown-menu .active > a, .dropdown-menu .active > a:hover { color: rgb(5= 1, 51, 51); text-decoration: none; outline: 0px; background: var(--ic-brand= -primary-darkened-5); } .dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover { color: r= gb(153, 153, 153); } .dropdown-menu .disabled > a:hover { text-decoration: none; background-colo= r: transparent; background-image: none; cursor: default; } .open { } .open > .dropdown-menu { display: block; } .pull-right > .dropdown-menu { right: 0px; left: auto; } .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0px; left: 100%; margin-top: -6px= ; margin-left: -1px; border-radius: 0px 6px 6px; } .dropdown-submenu a:focus + .dropdown-menu, .dropdown-submenu:hover > .drop= down-menu { display: block; } .dropdown-submenu > a::after { display: block; content: " "; float: right; = width: 0px; height: 0px; border-color: transparent transparent transparent = rgb(204, 204, 204); border-style: solid; border-width: 5px 0px 5px 5px; mar= gin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a::after { border-left-color: rgb(255, 255, 255);= } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10= px; border-radius: 6px 0px 6px 6px; } .close { float: right; font-size: 1.25rem; font-weight: bold; line-height: = 20px; color: rgb(0, 0, 0); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opa= city: 0.8; } .close:hover, .close:focus { color: var(--ic-brand-font-color-dark); text-d= ecoration: none; cursor: pointer; opacity: 1; } button.close { padding: 0px; cursor: pointer; background: transparent; bord= er: 0px; appearance: none; } .nav { margin-left: 0px; margin-bottom: 20px; list-style: none; } .nav > li > a { display: block; } .nav > li > a:hover { text-decoration: none; background-color: rgb(238, 238= , 238); } .nav > .pull-right { float: right; } .nav-pills::before, .nav-pills::after { display: table; content: ""; line-h= eight: 0; } .nav-pills::after { clear: both; } .nav-pills > li { float: left; } .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right= : 2px; line-height: 14px; } .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2p= x; margin-bottom: 2px; border-radius: 5px; } .nav-pills > .active > a, .nav-pills > .active > a:hover { color: rgb(255, = 255, 255); background-color: var(--ic-link-color); } .pagination { margin: 20px 0px; } .pagination ul { display: inline-block; margin-left: 0px; margin-bottom: 0p= x; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px; } .pagination ul > li { display: inline; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding:= 4px 12px; line-height: 20px; text-decoration: none; background-color: rgb(= 255, 255, 255); border-width: 1px 1px 1px 0px; border-style: solid; border-= color: rgb(221, 221, 221); border-image: initial; } .pagination ul > li > a:hover, .pagination ul > .active > a, .pagination ul= > .active > span { background-color: rgb(245, 245, 245); } .pagination ul > .active > a, .pagination ul > .active > span { color: rgb(= 153, 153, 153); cursor: default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .paginat= ion ul > .disabled > a:hover { color: rgb(153, 153, 153); background-color:= transparent; cursor: default; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span= { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-= radius: 3px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {= border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pagination-centered { text-align: center; } .pagination-right { text-align: right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding: = 11px 19px; font-size: 1.09375rem; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-= child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px;= } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-ch= ild > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px;= } .pagination-mini ul > li:first-child > a, .pagination-mini ul > li:first-ch= ild > span, .pagination-small ul > li:first-child > a, .pagination-small ul= > li:first-child > span { border-top-left-radius: 1px; border-bottom-left-= radius: 1px; } .pagination-mini ul > li:last-child > a, .pagination-mini ul > li:last-chil= d > span, .pagination-small ul > li:last-child > a, .pagination-small ul > = li:last-child > span { border-top-right-radius: 1px; border-bottom-right-ra= dius: 1px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding: = 2px 8px; font-size: 0.74375rem; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 1p= x 6px; font-size: 0.65625rem; } .popover { position: absolute; top: 0px; left: 0px; z-index: 1010; display:= none; width: 236px; padding: 1px; background-color: rgb(255, 255, 255); ba= ckground-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-ra= dius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0px; padding: 8px 14px; font-size: 0.875rem; font-= weight: normal; line-height: 18px; background-color: rgb(247, 247, 247); bo= rder-bottom: 1px solid rgb(235, 235, 235); border-radius: 5px 5px 0px 0px; = } .popover-content { padding: 9px 14px; } .popover-content p, .popover-content ul, .popover-content ol { margin-botto= m: 0px; } .popover .arrow, .popover .arrow::after { position: absolute; display: inli= ne-block; width: 0px; height: 0px; border-color: transparent; border-style:= solid; } .popover .arrow::after { content: ""; z-index: -1; } .popover.top .arrow { bottom: -10px; left: 50%; margin-left: -10px; border-= width: 10px 10px 0px; border-top-color: rgb(255, 255, 255); } .popover.top .arrow::after { border-width: 11px 11px 0px; border-top-color:= rgba(0, 0, 0, 0.25); bottom: -1px; left: -11px; } .popover.right .arrow { top: 50%; left: -10px; margin-top: -10px; border-wi= dth: 10px 10px 10px 0px; border-right-color: rgb(255, 255, 255); } .popover.right .arrow::after { border-width: 11px 11px 11px 0px; border-rig= ht-color: rgba(0, 0, 0, 0.25); bottom: -11px; left: -1px; } .popover.bottom .arrow { top: -10px; left: 50%; margin-left: -10px; border-= width: 0px 10px 10px; border-bottom-color: rgb(255, 255, 255); } .popover.bottom .arrow::after { border-width: 0px 11px 11px; border-bottom-= color: rgba(0, 0, 0, 0.25); top: -1px; left: -11px; } .popover.left .arrow { top: 50%; right: -10px; margin-top: -10px; border-wi= dth: 10px 0px 10px 10px; border-left-color: rgb(255, 255, 255); } .popover.left .arrow::after { border-width: 11px 0px 11px 11px; border-left= -color: rgba(0, 0, 0, 0.25); bottom: -11px; right: -1px; } .thumbnails { margin-left: -20px; list-style: none; } .thumbnails::before, .thumbnails::after { display: table; content: ""; line= -height: 0; } .thumbnails::after { clear: both; } .row-fluid .thumbnails { margin-left: 0px; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px s= olid rgb(221, 221, 221); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05= 5) 0px 1px 3px; transition: all 0.2s ease-in-out 0s; } a.thumbnail:hover { border-color: var(--ic-link-color); box-shadow: rgba(0,= 105, 214, 0.25) 0px 1px 4px; } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; marg= in-right: auto; } .thumbnail .caption { padding: 9px; color: rgb(115, 129, 140); } .thumbnails { margin-left: -20px; list-style: none; } .thumbnails::before, .thumbnails::after { display: table; content: ""; line= -height: 0; } .thumbnails::after { clear: both; } .row-fluid .thumbnails { margin-left: 0px; } .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px s= olid rgb(221, 221, 221); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.05= 5) 0px 1px 3px; transition: all 0.2s ease-in-out 0s; } a.thumbnail:hover { border-color: var(--ic-link-color); box-shadow: rgba(0,= 105, 214, 0.25) 0px 1px 4px; } .thumbnail > img { display: block; max-width: 100%; margin-left: auto; marg= in-right: auto; } .thumbnail .caption { padding: 9px; color: rgb(115, 129, 140); } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 0.7402= 5rem; font-weight: bold; line-height: 14px; color: rgb(255, 255, 255); vert= ical-align: baseline; white-space: nowrap; text-shadow: rgba(0, 0, 0, 0.25)= 0px -1px 0px; background-color: rgb(115, 129, 140); } .label { border-radius: 3px; } .badge { padding-left: 9px; padding-right: 9px; border-radius: 9px; } a.label:hover, a.badge:hover { color: rgb(255, 255, 255); text-decoration: = none; cursor: pointer; } .label-important, .badge-important { background-color: rgb(185, 74, 72); } .label-important[href], .badge-important[href] { background-color: rgb(149,= 59, 57); } .label-warning, .badge-warning { background-color: rgb(248, 148, 6); } .label-warning[href], .badge-warning[href] { background-color: rgb(198, 118= , 5); } .label-success, .badge-success { background-color: rgb(65, 126, 66); } .label-success[href], .badge-success[href] { background-color: rgb(48, 92, = 48); } .label-info, .badge-info { background-color: rgb(58, 135, 173); } .label-info[href], .badge-info[href] { background-color: rgb(45, 105, 135);= } .label-inverse, .badge-inverse { background-color: rgb(51, 51, 51); } .label-inverse[href], .badge-inverse[href] { background-color: rgb(26, 26, = 26); } .btn .label, .btn .badge { position: relative; top: -1px; } .btn-mini .label, .btn-mini .badge { top: 0px; } @keyframes progress-bar-stripes {=20 0% { background-position: 40px 0px; } 100% { background-position: 0px 0px; } } .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background= -color: rgb(247, 247, 247); background-image: linear-gradient(rgb(245, 245,= 245), rgb(249, 249, 249)); background-repeat: repeat-x; box-shadow: rgba(0= , 0, 0, 0.1) 0px 1px 2px inset; border-radius: 3px; } .progress .bar { width: 0%; height: 100%; color: rgb(255, 255, 255); float:= left; font-size: 0.75rem; text-align: center; text-shadow: rgba(0, 0, 0, 0= .25) 0px -1px 0px; background-color: rgb(14, 145, 211); background-image: l= inear-gradient(rgb(20, 155, 223), rgb(4, 128, 190)); background-repeat: rep= eat-x; box-shadow: rgba(0, 0, 0, 0.15) 0px -1px 0px inset; box-sizing: bord= er-box; transition: width 0.6s ease 0s; } .progress .bar + .bar { box-shadow: rgba(0, 0, 0, 0.15) 1px 0px 0px inset, = rgba(0, 0, 0, 0.15) 0px -1px 0px inset; } .progress-striped .bar { background-color: rgb(20, 155, 223); background-im= age: 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: 40px 40px; } .progress.active .bar { animation: 2s linear 0s infinite normal none runnin= g progress-bar-stripes; } .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0px; } .media-object { display: block; } .media-heading { margin: 0px 0px 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0px; list-style: none; } @media (min-width: 1200px) { .row { margin-left: -30px; } .row::before, .row::after { display: table; content: ""; line-height: 0; = } .row::after { clear: both; } [class*=3D"span"] { float: left; min-height: 1px; margin-left: 30px; } .container { width: 1170px; } } @media (min-width: 1200px) and (min-width: 768px) { .span12 { width: 1170px; } } @media (max-width: 767px) and (min-width: 1200px) { .span12 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span11 { width: 1070px; } } @media (max-width: 767px) and (min-width: 1200px) { .span11 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span10 { width: 970px; } } @media (max-width: 767px) and (min-width: 1200px) { .span10 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span9 { width: 870px; } } @media (max-width: 767px) and (min-width: 1200px) { .span9 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span8 { width: 770px; } } @media (max-width: 767px) and (min-width: 1200px) { .span8 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span7 { width: 670px; } } @media (max-width: 767px) and (min-width: 1200px) { .span7 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span6 { width: 570px; } } @media (max-width: 767px) and (min-width: 1200px) { .span6 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span5 { width: 470px; } } @media (max-width: 767px) and (min-width: 1200px) { .span5 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span4 { width: 370px; } } @media (max-width: 767px) and (min-width: 1200px) { .span4 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span3 { width: 270px; } } @media (max-width: 767px) and (min-width: 1200px) { .span3 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span2 { width: 170px; } } @media (max-width: 767px) and (min-width: 1200px) { .span2 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .span1 { width: 70px; } } @media (max-width: 767px) and (min-width: 1200px) { .span1 { width: 100%; } } @media (min-width: 1200px) { .offset12 { margin-left: 1230px; } .offset11 { margin-left: 1130px; } .offset10 { margin-left: 1030px; } .offset9 { margin-left: 930px; } .offset8 { margin-left: 830px; } .offset7 { margin-left: 730px; } .offset6 { margin-left: 630px; } .offset5 { margin-left: 530px; } .offset4 { margin-left: 430px; } .offset3 { margin-left: 330px; } .offset2 { margin-left: 230px; } .offset1 { margin-left: 130px; } .row-fluid { width: 100%; } .row-fluid::before, .row-fluid::after { display: table; content: ""; line= -height: 0; } .row-fluid::after { clear: both; } .row-fluid [class*=3D"span"] { display: block; width: 100%; min-height: 3= 0px; box-sizing: border-box; float: left; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid [class*=3D"span"] { margin-left: 2.5641%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid [class*=3D"span"] { margin-left: 0px; } } @media (min-width: 1200px) { .row-fluid [class*=3D"span"]:first-child { margin-left: 0px; } .row-fluid .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-l= eft: 2.5641%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span12 { width: 100%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span12 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span11 { width: 91.453%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span11 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span10 { width: 82.906%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span10 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span9 { width: 74.359%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span9 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span8 { width: 65.812%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span8 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span7 { width: 57.265%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span7 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span6 { width: 48.718%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span6 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span5 { width: 40.1709%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span5 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span4 { width: 31.6239%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span4 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span3 { width: 23.0769%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span3 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span2 { width: 14.5299%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span2 { width: 100%; } } @media (min-width: 1200px) and (min-width: 768px) { .row-fluid .span1 { width: 5.98291%; } } @media (max-width: 767px) and (min-width: 1200px) { .row-fluid .span1 { width: 100%; } } @media (min-width: 1200px) { .row-fluid .offset12 { margin-left: 105.128%; } .row-fluid .offset12:first-child { margin-left: 102.564%; } .row-fluid .offset11 { margin-left: 96.5812%; } .row-fluid .offset11:first-child { margin-left: 94.0171%; } .row-fluid .offset10 { margin-left: 88.0342%; } .row-fluid .offset10:first-child { margin-left: 85.4701%; } .row-fluid .offset9 { margin-left: 79.4872%; } .row-fluid .offset9:first-child { margin-left: 76.9231%; } .row-fluid .offset8 { margin-left: 70.9402%; } .row-fluid .offset8:first-child { margin-left: 68.3761%; } .row-fluid .offset7 { margin-left: 62.3932%; } .row-fluid .offset7:first-child { margin-left: 59.8291%; } .row-fluid .offset6 { margin-left: 53.8462%; } .row-fluid .offset6:first-child { margin-left: 51.282%; } .row-fluid .offset5 { margin-left: 45.2991%; } .row-fluid .offset5:first-child { margin-left: 42.735%; } .row-fluid .offset4 { margin-left: 36.7521%; } .row-fluid .offset4:first-child { margin-left: 34.188%; } .row-fluid .offset3 { margin-left: 28.2051%; } .row-fluid .offset3:first-child { margin-left: 25.641%; } .row-fluid .offset2 { margin-left: 19.6581%; } .row-fluid .offset2:first-child { margin-left: 17.094%; } .row-fluid .offset1 { margin-left: 11.1111%; } .row-fluid .offset1:first-child { margin-left: 8.54701%; } input, textarea, .uneditable-input { margin-left: 0px; } .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-left: 30px; = } input.span12, textarea.span12, .uneditable-input.span12 { width: 1156px; = } input.span11, textarea.span11, .uneditable-input.span11 { width: 1056px; = } input.span10, textarea.span10, .uneditable-input.span10 { width: 956px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 856px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 756px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 656px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 556px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 456px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 356px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 256px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 156px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 56px; } .thumbnails { margin-left: -30px; } .thumbnails > li { margin-left: 30px; } .row-fluid .thumbnails { margin-left: 0px; } } @media (max-width: 979px) and (min-width: 768px) { .row { margin-left: -20px; } .row::before, .row::after { display: table; content: ""; line-height: 0; = } .row::after { clear: both; } [class*=3D"span"] { float: left; min-height: 1px; margin-left: 20px; } .container { width: 724px; } } @media (max-width: 979px) and (min-width: 768px) { .span12 { width: 724px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span12 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span11 { width: 662px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span11 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span10 { width: 600px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span10 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span9 { width: 538px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span9 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span8 { width: 476px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span8 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span7 { width: 414px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span7 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span6 { width: 352px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span6 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span5 { width: 290px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span5 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span4 { width: 228px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span4 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span3 { width: 166px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span3 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span2 { width: 104px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span2 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .span1 { width: 42px; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .span1 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .offset12 { margin-left: 764px; } .offset11 { margin-left: 702px; } .offset10 { margin-left: 640px; } .offset9 { margin-left: 578px; } .offset8 { margin-left: 516px; } .offset7 { margin-left: 454px; } .offset6 { margin-left: 392px; } .offset5 { margin-left: 330px; } .offset4 { margin-left: 268px; } .offset3 { margin-left: 206px; } .offset2 { margin-left: 144px; } .offset1 { margin-left: 82px; } .row-fluid { width: 100%; } .row-fluid::before, .row-fluid::after { display: table; content: ""; line= -height: 0; } .row-fluid::after { clear: both; } .row-fluid [class*=3D"span"] { display: block; width: 100%; min-height: 3= 0px; box-sizing: border-box; float: left; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid [class*=3D"span"] { margin-left: 2.76243%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid [class*=3D"span"] { margin-left: 0px; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid [class*=3D"span"]:first-child { margin-left: 0px; } .row-fluid .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-l= eft: 2.76243%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span12 { width: 100%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span12 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span11 { width: 91.4365%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span11 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span10 { width: 82.8729%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span10 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span9 { width: 74.3094%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span9 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span8 { width: 65.7459%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span8 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span7 { width: 57.1823%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span7 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span6 { width: 48.6188%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span6 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span5 { width: 40.0553%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span5 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span4 { width: 31.4917%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span4 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span3 { width: 22.9282%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span3 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span2 { width: 14.3646%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span2 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .span1 { width: 5.8011%; } } @media (max-width: 767px) and (max-width: 979px) and (min-width: 768px) { .row-fluid .span1 { width: 100%; } } @media (max-width: 979px) and (min-width: 768px) { .row-fluid .offset12 { margin-left: 105.525%; } .row-fluid .offset12:first-child { margin-left: 102.762%; } .row-fluid .offset11 { margin-left: 96.9613%; } .row-fluid .offset11:first-child { margin-left: 94.1989%; } .row-fluid .offset10 { margin-left: 88.3978%; } .row-fluid .offset10:first-child { margin-left: 85.6354%; } .row-fluid .offset9 { margin-left: 79.8342%; } .row-fluid .offset9:first-child { margin-left: 77.0718%; } .row-fluid .offset8 { margin-left: 71.2707%; } .row-fluid .offset8:first-child { margin-left: 68.5083%; } .row-fluid .offset7 { margin-left: 62.7072%; } .row-fluid .offset7:first-child { margin-left: 59.9447%; } .row-fluid .offset6 { margin-left: 54.1437%; } .row-fluid .offset6:first-child { margin-left: 51.3812%; } .row-fluid .offset5 { margin-left: 45.5801%; } .row-fluid .offset5:first-child { margin-left: 42.8177%; } .row-fluid .offset4 { margin-left: 37.0166%; } .row-fluid .offset4:first-child { margin-left: 34.2541%; } .row-fluid .offset3 { margin-left: 28.453%; } .row-fluid .offset3:first-child { margin-left: 25.6906%; } .row-fluid .offset2 { margin-left: 19.8895%; } .row-fluid .offset2:first-child { margin-left: 17.1271%; } .row-fluid .offset1 { margin-left: 11.326%; } .row-fluid .offset1:first-child { margin-left: 8.56354%; } input, textarea, .uneditable-input { margin-left: 0px; } .controls-row [class*=3D"span"] + [class*=3D"span"] { margin-left: 20px; = } input.span12, textarea.span12, .uneditable-input.span12 { width: 710px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 648px; } input.span10, textarea.span10, .uneditable-input.span10 { width: 586px; } input.span9, textarea.span9, .uneditable-input.span9 { width: 524px; } input.span8, textarea.span8, .uneditable-input.span8 { width: 462px; } input.span7, textarea.span7, .uneditable-input.span7 { width: 400px; } input.span6, textarea.span6, .uneditable-input.span6 { width: 338px; } input.span5, textarea.span5, .uneditable-input.span5 { width: 276px; } input.span4, textarea.span4, .uneditable-input.span4 { width: 214px; } input.span3, textarea.span3, .uneditable-input.span3 { width: 152px; } input.span2, textarea.span2, .uneditable-input.span2 { width: 90px; } input.span1, textarea.span1, .uneditable-input.span1 { width: 28px; } } .grid-row { box-sizing: border-box; display: flex; flex-flow: row wrap; mar= gin-right: -12px; margin-left: -12px; } .grid-row.reverse { flex-direction: row-reverse; } .col.reverse { flex-direction: column-reverse; } .col-xs, .col-xs-1, .off-xs-1, .col-xs-2, .off-xs-2, .col-xs-3, .off-xs-3, = .col-xs-4, .off-xs-4, .col-xs-5, .off-xs-5, .col-xs-6, .off-xs-6, .col-xs-7= , .off-xs-7, .col-xs-8, .off-xs-8, .col-xs-9, .off-xs-9, .col-xs-10, .off-x= s-10, .col-xs-11, .off-xs-11, .col-xs-12, .off-xs-12 { box-sizing: border-b= ox; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; pa= dding-right: 12px; padding-left: 12px; } .col-xs { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .col-xs-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .off-xs-1 { margin-left: 8.33333%; } .col-xs-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .off-xs-2 { margin-left: 16.6667%; } .col-xs-3 { flex-basis: 25%; max-width: 25%; } .off-xs-3 { margin-left: 25%; } .col-xs-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .off-xs-4 { margin-left: 33.3333%; } .col-xs-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .off-xs-5 { margin-left: 41.6667%; } .col-xs-6 { flex-basis: 50%; max-width: 50%; } .off-xs-6 { margin-left: 50%; } .col-xs-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .off-xs-7 { margin-left: 58.3333%; } .col-xs-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .off-xs-8 { margin-left: 66.6667%; } .col-xs-9 { flex-basis: 75%; max-width: 75%; } .off-xs-9 { margin-left: 75%; } .col-xs-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .off-xs-10 { margin-left: 83.3333%; } .col-xs-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .off-xs-11 { margin-left: 91.6667%; } .col-xs-12 { flex-basis: 100%; max-width: 100%; } .start-xs { justify-content: flex-start; text-align: start; } .center-xs { justify-content: center; text-align: center; } .end-xs { justify-content: flex-end; text-align: end; } .top-xs { align-items: flex-start; } .middle-xs { align-items: center; } .bottom-xs { align-items: flex-end; } .around-xs { justify-content: space-around; } .between-xs { justify-content: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 500px) { .col-sm, .col-sm-1, .off-sm-1, .col-sm-2, .off-sm-2, .col-sm-3, .off-sm-3= , .col-sm-4, .off-sm-4, .col-sm-5, .off-sm-5, .col-sm-6, .off-sm-6, .col-sm= -7, .off-sm-7, .col-sm-8, .off-sm-8, .col-sm-9, .off-sm-9, .col-sm-10, .off= -sm-10, .col-sm-11, .off-sm-11, .col-sm-12, .off-sm-12 { box-sizing: border= -box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; = padding-right: 12px; padding-left: 12px; } .col-sm { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .col-sm-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .off-sm-1 { margin-left: 8.33333%; } .col-sm-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .off-sm-2 { margin-left: 16.6667%; } .col-sm-3 { flex-basis: 25%; max-width: 25%; } .off-sm-3 { margin-left: 25%; } .col-sm-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .off-sm-4 { margin-left: 33.3333%; } .col-sm-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .off-sm-5 { margin-left: 41.6667%; } .col-sm-6 { flex-basis: 50%; max-width: 50%; } .off-sm-6 { margin-left: 50%; } .col-sm-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .off-sm-7 { margin-left: 58.3333%; } .col-sm-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .off-sm-8 { margin-left: 66.6667%; } .col-sm-9 { flex-basis: 75%; max-width: 75%; } .off-sm-9 { margin-left: 75%; } .col-sm-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .off-sm-10 { margin-left: 83.3333%; } .col-sm-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .off-sm-11 { margin-left: 91.6667%; } .col-sm-12 { flex-basis: 100%; max-width: 100%; } .start-sm { justify-content: flex-start; text-align: start; } .center-sm { justify-content: center; text-align: center; } .end-sm { justify-content: flex-end; text-align: end; } .top-sm { align-items: flex-start; } .middle-sm { align-items: center; } .bottom-sm { align-items: flex-end; } .around-sm { justify-content: space-around; } .between-sm { justify-content: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 768px) { .col-md, .col-md-1, .off-md-1, .col-md-2, .off-md-2, .col-md-3, .off-md-3= , .col-md-4, .off-md-4, .col-md-5, .off-md-5, .col-md-6, .off-md-6, .col-md= -7, .off-md-7, .col-md-8, .off-md-8, .col-md-9, .off-md-9, .col-md-10, .off= -md-10, .col-md-11, .off-md-11, .col-md-12, .off-md-12 { box-sizing: border= -box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; = padding-right: 12px; padding-left: 12px; } .col-md { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .col-md-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .off-md-1 { margin-left: 8.33333%; } .col-md-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .off-md-2 { margin-left: 16.6667%; } .col-md-3 { flex-basis: 25%; max-width: 25%; } .off-md-3 { margin-left: 25%; } .col-md-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .off-md-4 { margin-left: 33.3333%; } .col-md-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .off-md-5 { margin-left: 41.6667%; } .col-md-6 { flex-basis: 50%; max-width: 50%; } .off-md-6 { margin-left: 50%; } .col-md-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .off-md-7 { margin-left: 58.3333%; } .col-md-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .off-md-8 { margin-left: 66.6667%; } .col-md-9 { flex-basis: 75%; max-width: 75%; } .off-md-9 { margin-left: 75%; } .col-md-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .off-md-10 { margin-left: 83.3333%; } .col-md-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .off-md-11 { margin-left: 91.6667%; } .col-md-12 { flex-basis: 100%; max-width: 100%; } .start-md { justify-content: flex-start; text-align: start; } .center-md { justify-content: center; text-align: center; } .end-md { justify-content: flex-end; text-align: end; } .top-md { align-items: flex-start; } .middle-md { align-items: center; } .bottom-md { align-items: flex-end; } .around-md { justify-content: space-around; } .between-md { justify-content: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 992px) { .col-lg, .col-lg-1, .off-lg-1, .col-lg-2, .off-lg-2, .col-lg-3, .off-lg-3= , .col-lg-4, .off-lg-4, .col-lg-5, .off-lg-5, .col-lg-6, .off-lg-6, .col-lg= -7, .off-lg-7, .col-lg-8, .off-lg-8, .col-lg-9, .off-lg-9, .col-lg-10, .off= -lg-10, .col-lg-11, .off-lg-11, .col-lg-12, .off-lg-12 { box-sizing: border= -box; display: flex; flex-direction: column; flex-grow: 0; flex-shrink: 0; = padding-right: 12px; padding-left: 12px; } .col-lg { flex-grow: 1; flex-basis: 0px; max-width: 100%; } .col-lg-1 { flex-basis: 8.33333%; max-width: 8.33333%; } .off-lg-1 { margin-left: 8.33333%; } .col-lg-2 { flex-basis: 16.6667%; max-width: 16.6667%; } .off-lg-2 { margin-left: 16.6667%; } .col-lg-3 { flex-basis: 25%; max-width: 25%; } .off-lg-3 { margin-left: 25%; } .col-lg-4 { flex-basis: 33.3333%; max-width: 33.3333%; } .off-lg-4 { margin-left: 33.3333%; } .col-lg-5 { flex-basis: 41.6667%; max-width: 41.6667%; } .off-lg-5 { margin-left: 41.6667%; } .col-lg-6 { flex-basis: 50%; max-width: 50%; } .off-lg-6 { margin-left: 50%; } .col-lg-7 { flex-basis: 58.3333%; max-width: 58.3333%; } .off-lg-7 { margin-left: 58.3333%; } .col-lg-8 { flex-basis: 66.6667%; max-width: 66.6667%; } .off-lg-8 { margin-left: 66.6667%; } .col-lg-9 { flex-basis: 75%; max-width: 75%; } .off-lg-9 { margin-left: 75%; } .col-lg-10 { flex-basis: 83.3333%; max-width: 83.3333%; } .off-lg-10 { margin-left: 83.3333%; } .col-lg-11 { flex-basis: 91.6667%; max-width: 91.6667%; } .off-lg-11 { margin-left: 91.6667%; } .col-lg-12 { flex-basis: 100%; max-width: 100%; } .start-lg { justify-content: flex-start; text-align: start; } .center-lg { justify-content: center; text-align: center; } .end-lg { justify-content: flex-end; text-align: end; } .top-lg { align-items: flex-start; } .middle-lg { align-items: center; } .bottom-lg { align-items: flex-end; } .around-lg { justify-content: space-around; } .between-lg { justify-content: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } .pull-right { float: right; } .pull-left { float: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .clearfix::before, .clearfix::after { display: table; content: ""; line-hei= ght: 0; } .clearfix::after { clear: both; } .clickthrough-container { pointer-events: none; } .clickthrough-container > * { pointer-events: auto; } .hide-text { text-indent: -119988px; overflow: hidden; text-align: left; } .input-block-level { display: block; width: 100%; min-height: 38px; box-siz= ing: border-box; } .hidden { display: none; visibility: hidden; } .math_equation_latex { visibility: hidden; display: inline-block; } .fade-in-equation { visibility: visible; animation: 0.3s ease 0s 1 normal n= one running fadein; } @keyframes fadein {=20 0% { opacity: 0; } 100% { opacity: 1; } } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } @media (max-width: 979px) and (min-width: 768px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .hidden-tablet { display: none !important; } } @media (max-width: 767px) { .hidden-desktop { display: inherit !important; } .visible-desktop { display: none !important; } .hidden-phone { display: none !important; } } .btn, .Button, .ui-button { background: rgb(245, 245, 245); color: rgb(45, = 59, 69); border: 1px solid rgb(199, 205, 209); border-radius: 3px; transiti= on: background-color 0.2s ease-in-out 0s; display: inline-block; position: = relative; padding: 8px 14px; margin-bottom: 0px; font-size: 1rem; line-heig= ht: 20px; text-align: center; vertical-align: middle; cursor: pointer; text= -decoration: none; overflow: hidden; text-shadow: none; user-select: none; = } .btn:focus, .Button:focus, .ui-button:focus, .ui-button.ui-state-focus { co= lor: rgb(45, 59, 69); } .btn:hover, .Button:hover, .ui-button:hover, .ui-button.ui-state-hover { ba= ckground: rgb(232, 232, 232); color: rgb(45, 59, 69); } .btn:hover.ui-state-hover, .Button:hover.ui-state-hover, .ui-state-hover.ui= -button { background: rgb(232, 232, 232); color: rgb(45, 59, 69); border-co= lor: rgb(207, 207, 207); } .btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progr= essbar .btn.ui-button.ui-widget-header, .btn:active, .Button.active, .activ= e.ui-button, .Button.Button--active, .Button--active.ui-button, .ui-button.= ui-state-active, .ui-progressbar .ui-button.ui-widget-header, .ui-button.ui= -state-active:hover, .ui-button.ui-state-active.ui-state-hover, .Button:act= ive, .ui-button:active { box-shadow: none; } .btn.active, .btn.Button--active, .btn.ui-button.ui-state-active, .ui-progr= essbar .btn.ui-button.ui-widget-header, .Button.active, .active.ui-button, = .Button.Button--active, .Button--active.ui-button, .ui-button.ui-state-acti= ve, .ui-progressbar .ui-button.ui-widget-header, .ui-button.ui-state-active= :hover, .ui-button.ui-state-active.ui-state-hover { background: dimgray; bo= rder-color: rgb(79, 79, 79); color: rgb(255, 255, 255); } .btn:focus, .Button:focus, .ui-button:focus, .ui-button.ui-state-focus { bo= x-shadow: inset 0 0 0 2px var(--ic-link-color); } .btn.ui-state-focus.ui-state-active:focus, .ui-progressbar .btn.ui-state-fo= cus.ui-widget-header:focus, .Button.ui-state-focus.ui-state-active:focus, .= ui-progressbar .Button.ui-state-focus.ui-widget-header:focus, .ui-progressb= ar .ui-state-focus.ui-widget-header.ui-button, .ui-state-focus.ui-state-act= ive.ui-button { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset; } .btn:active, .Button:active, .ui-button:active { background: rgb(225, 225, = 225); } .btn:focus, .Button:focus, .ui-button:focus, .ui-button.ui-state-focus { te= xt-decoration: none; outline: none; } .btn:hover, .Button:hover, .ui-button:hover, .ui-button.ui-state-hover { te= xt-decoration: none; } .btn.disabled, .btn[disabled], .Button.disabled, .disabled.ui-button, .ui-b= utton.ui-state-disabled, .Button[disabled], [disabled].ui-button { cursor: = not-allowed; pointer-events: none; opacity: 0.5; } .btn-large, .Button--large { padding: 11px 19px; font-size: 1.125rem; borde= r-radius: 6px; } .btn-large [class^=3D"icon-"], .btn-large [class*=3D" icon-"], .Button--lar= ge [class^=3D"icon-"], .Button--large [class*=3D" icon-"] { margin-top: 2px= ; } .btn-small, .Button--small { padding: 2px 8px; font-size: 0.875rem; } .btn-small [class^=3D"icon-"], .btn-small [class*=3D" icon-"], .Button--sma= ll [class^=3D"icon-"], .Button--small [class*=3D" icon-"] { margin-top: 0px= ; } .btn-mini, .Button--mini { padding: 1px 6px; font-size: 0.625rem; border-ra= dius: 1px; } .btn-block, .Button--block { display: block; width: 100%; padding-left: 0px= ; padding-right: 0px; box-sizing: border-box; } .btn-block + .btn-block, .Button--block + .Button--block { margin-top: 6px;= } input[type=3D"submit"].btn-block, input[type=3D"submit"].Button--block, inp= ut[type=3D"reset"].btn-block, input[type=3D"reset"].Button--block, input[ty= pe=3D"button"].btn-block, input[type=3D"button"].Button--block { width: 100= %; } .btn-primary, .Button--primary { background: var(--ic-brand-button--primary= -bgd); color: var(--ic-brand-button--primary-text); border-width: 1px; bord= er-style: solid; border-image: initial; border-color: var(--ic-brand-button= --primary-bgd-darkened-15); } .btn-primary:focus, .Button--primary:focus { color: var(--ic-brand-button--= primary-text); } .btn-primary:hover, .Button--primary:hover { background: var(--ic-brand-but= ton--primary-bgd-darkened-5); color: var(--ic-brand-button--primary-text); = } .btn-primary:hover.ui-state-hover, .Button--primary:hover.ui-state-hover { = background: var(--ic-brand-button--primary-bgd-darkened-5); color: var(--ic= -brand-button--primary-text); border-color: var(--ic-brand-button--primary-= bgd-darkened-15); } .btn-primary:focus, .Button--primary:focus { box-shadow: rgb(255, 255, 255)= 0px 0px 0px 2px inset; } .btn-primary.active, .btn-primary.Button--active, .btn-primary.ui-button.ui= -state-active, .ui-progressbar .btn-primary.ui-button.ui-widget-header, .bt= n-primary:active, .Button--primary.active, .Button--primary.Button--active,= .Button--primary.ui-button.ui-state-active, .ui-progressbar .Button--prima= ry.ui-button.ui-widget-header, .Button--primary:active { background: var(--= ic-brand-button--primary-bgd-darkened-5); box-shadow: none; } .btn-warning, .Button--warning { background: rgb(252, 94, 19); color: rgb(2= 55, 255, 255); border: 1px solid rgb(192, 63, 2); } .btn-warning:focus, .Button--warning:focus { color: rgb(255, 255, 255); } .btn-warning:hover, .Button--warning:hover { background: rgb(242, 80, 3); c= olor: rgb(255, 255, 255); } .btn-warning:hover.ui-state-hover, .Button--warning:hover.ui-state-hover { = background: rgb(242, 80, 3); color: rgb(255, 255, 255); border-color: rgb(1= 92, 63, 2); } .btn-warning:focus, .Button--warning:focus { box-shadow: rgb(255, 255, 255)= 0px 0px 0px 2px inset; } .btn-warning.active, .btn-warning.Button--active, .btn-warning.ui-button.ui= -state-active, .ui-progressbar .btn-warning.ui-button.ui-widget-header, .bt= n-warning:active, .Button--warning.active, .Button--warning.Button--active,= .Button--warning.ui-button.ui-state-active, .ui-progressbar .Button--warni= ng.ui-button.ui-widget-header, .Button--warning:active { background: rgb(24= 2, 80, 3); box-shadow: none; } .btn-danger, .Button--danger { background: rgb(238, 6, 18); color: rgb(255,= 255, 255); border: 1px solid rgb(163, 4, 12); } .btn-danger:focus, .Button--danger:focus { color: rgb(255, 255, 255); } .btn-danger:hover, .Button--danger:hover { background: rgb(213, 5, 16); col= or: rgb(255, 255, 255); } .btn-danger:hover.ui-state-hover, .Button--danger:hover.ui-state-hover { ba= ckground: rgb(213, 5, 16); color: rgb(255, 255, 255); border-color: rgb(163= , 4, 12); } .btn-danger:focus, .Button--danger:focus { box-shadow: rgb(255, 255, 255) 0= px 0px 0px 2px inset; } .btn-danger.active, .btn-danger.Button--active, .btn-danger.ui-button.ui-st= ate-active, .ui-progressbar .btn-danger.ui-button.ui-widget-header, .btn-da= nger:active, .Button--danger.active, .Button--danger.Button--active, .Butto= n--danger.ui-button.ui-state-active, .ui-progressbar .Button--danger.ui-but= ton.ui-widget-header, .Button--danger:active { background: rgb(213, 5, 16);= box-shadow: none; } .btn-success, .Button--success { background: rgb(0, 172, 24); color: rgb(25= 5, 255, 255); border: 1px solid rgb(0, 96, 13); } .btn-success:focus, .Button--success:focus { color: rgb(255, 255, 255); } .btn-success:hover, .Button--success:hover { background: rgb(0, 147, 20); c= olor: rgb(255, 255, 255); } .btn-success:hover.ui-state-hover, .Button--success:hover.ui-state-hover { = background: rgb(0, 147, 20); color: rgb(255, 255, 255); border-color: rgb(0= , 96, 13); } .btn-success:focus, .Button--success:focus { box-shadow: rgb(255, 255, 255)= 0px 0px 0px 2px inset; } .btn-success.active, .btn-success.Button--active, .btn-success.ui-button.ui= -state-active, .ui-progressbar .btn-success.ui-button.ui-widget-header, .bt= n-success:active, .Button--success.active, .Button--success.Button--active,= .Button--success.ui-button.ui-state-active, .ui-progressbar .Button--succe= ss.ui-button.ui-widget-header, .Button--success:active { background: rgb(0,= 147, 20); box-shadow: none; } .btn-info, .Button--secondary { background: var(--ic-brand-button--secondar= y-bgd); color: var(--ic-brand-button--secondary-text); border-width: 1px; b= order-style: solid; border-image: initial; border-color: var(--ic-brand-but= ton--secondary-bgd-darkened-15); } .btn-info:focus, .Button--secondary:focus { color: var(--ic-brand-button--s= econdary-text); } .btn-info:hover, .Button--secondary:hover { background: var(--ic-brand-butt= on--secondary-bgd-darkened-5); color: var(--ic-brand-button--secondary-text= ); } .btn-info:hover.ui-state-hover, .Button--secondary:hover.ui-state-hover { b= ackground: var(--ic-brand-button--secondary-bgd-darkened-5); color: var(--i= c-brand-button--secondary-text); border-color: var(--ic-brand-button--secon= dary-bgd-darkened-15); } .btn-info:focus, .Button--secondary:focus { box-shadow: rgb(255, 255, 255) = 0px 0px 0px 2px inset; } .btn-info.active, .btn-info.Button--active, .btn-info.ui-button.ui-state-ac= tive, .ui-progressbar .btn-info.ui-button.ui-widget-header, .btn-info:activ= e, .Button--secondary.active, .Button--secondary.Button--active, .Button--s= econdary.ui-button.ui-state-active, .ui-progressbar .Button--secondary.ui-b= utton.ui-widget-header, .Button--secondary:active { background: var(--ic-br= and-button--secondary-bgd-darkened-5); box-shadow: none; } .btn-link, .btn-link:active, .btn-link[disabled], .Button--link, .Button--l= ink:active, .Button--link[disabled] { background: none transparent; box-sha= dow: none; } .btn-link, .Button--link { border-color: transparent; cursor: pointer; colo= r: var(--ic-link-color); } body.Underline-All-Links__enabled .btn-link, body.Underline-All-Links__enab= led .Button--link { text-decoration: underline; } .btn-link:hover, .Button--link:hover { color: var(--ic-link-color-darkened-= 10); text-decoration: underline; background: transparent; } body.Underline-All-Links__enabled .btn-link:hover, body.Underline-All-Links= __enabled .Button--link:hover { text-decoration: none; } .btn-link:hover:focus, .Button--link:hover:focus { color: var(--ic-link-col= or); } .btn-link:focus, .Button--link:focus { color: var(--ic-link-color); } .btn-link.active, .btn-link.Button--active, .btn-link.ui-button.ui-state-ac= tive, .ui-progressbar .btn-link.ui-button.ui-widget-header, .btn-link:activ= e, .Button--link.active, .Button--link.Button--active, .Button--link.ui-but= ton.ui-state-active, .ui-progressbar .Button--link.ui-button.ui-widget-head= er, .Button--link:active { background: rgba(45, 59, 69, 0.05); box-shadow: = none; border-color: transparent; color: var(--ic-link-color); } .btn-link.disabled, .btn-link[disabled], .Button--link.disabled, .Button--l= ink[disabled] { color: var(--ic-brand-font-color-dark); background: transpa= rent; } .btn-link i[class*=3D"icon-"], .btn-link i[class^=3D"icon-"], .Button--link= i[class*=3D"icon-"], .Button--link i[class^=3D"icon-"] { margin-right: 3px= ; } .Button--link--has-divider { display: block; text-align: left; border-botto= m: 1px solid rgb(199, 205, 209); color: rgb(45, 59, 69); padding: 12px; } .Button--icon-action, .Button--icon-action-rev { transition: color 0.2s eas= e 0s; background: transparent; border: none; padding: 2px 4px; border-radiu= s: 3px; color: var(--ic-brand-font-color-dark-lightened-30); outline: none;= } .Button--icon-action:hover, .Button--icon-action-rev:hover, .Button--icon-a= ction:focus, .Button--icon-action-rev:focus { background: transparent; colo= r: var(--ic-brand-font-color-dark-lightened-15); } .Button--icon-action:focus, .Button--icon-action-rev:focus { box-shadow: in= set 0 0 0 2px var(--ic-link-color); } .Button--icon-action.active, .active.Button--icon-action-rev, .Button--icon= -action.Button--active, .Button--active.Button--icon-action-rev, .Button--i= con-action-rev.ui-button.ui-state-active, .ui-progressbar .Button--icon-act= ion-rev.ui-button.ui-widget-header, .Button--icon-action.ui-button.ui-state= -active, .ui-progressbar .Button--icon-action.ui-button.ui-widget-header, .= Button--icon-action:active, .Button--icon-action-rev:active { background: t= ransparent; box-shadow: none; border-color: transparent; color: var(--ic-li= nk-color); } .Button--icon-action-rev { color: rgb(255, 255, 255); } .Button--icon-action-rev:hover, .Button--icon-action-rev:focus { color: rgb= (255, 255, 255); } .Button--icon-action-rev:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px= 2px inset; } .ui-button { position: relative; } .Button--theme-editor-apply { text-decoration: none; } .btn-beta, .Button--beta { background-image: url("/dist/images/beta-tag-e14= 0c4d6fd.png"); background-repeat: no-repeat; background-position: right bot= tom; background-size: auto 80%; padding-right: 20px; } .btn-beta:hover, .Button--beta:hover { background-image: url("/dist/images/= beta-tag-e140c4d6fd.png"); background-repeat: no-repeat; background-positio= n: right bottom; background-size: auto 80%; } code, pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace;= font-size: 0.75rem; border-radius: 6px; background-color: rgb(245, 245, 24= 5); border: 1px solid rgb(199, 205, 209); } code { padding: 0.125rem 0.25rem; color: rgb(238, 6, 18); } pre { color: rgb(45, 59, 69); display: block; padding: 9px; margin: 0px 0px= 12px; word-break: break-all; overflow-wrap: break-word; white-space: pre-w= rap; } pre.prettyprint { margin-bottom: 24px; } pre code { padding: 0px; color: inherit; background-color: transparent; bor= der: 0px; } .button-container { margin-top: 0.5em; } #right-side .button-sidebar-wide { text-align: left; margin: 5px auto; disp= lay: block; } #right-side .button-sidebar-wide i[class*=3D"icon-"]::before, #right-side .= button-sidebar-wide i[class^=3D"icon-"]::before { color: inherit; } #right-side button.button-sidebar-wide { width: 100%; } a.external_link { padding-right: 15px; background: url("/dist/images/popout= -6a042f140c.png") right center no-repeat; } a.equella_content_link { padding-left: 17px; background: url("/dist/images/= equella_icon-3624f403e9.png") left center no-repeat; } a.add { background-repeat: no-repeat; background-position: left center; lin= e-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgroun= d-image: url("/dist/images/add-5350c033d2.png"); } a.add-small { background-repeat: no-repeat; background-position: left cente= r; line-height: 20px; padding: 1px 0px 1px 15px; display: inline-block; bac= kground-image: url("/dist/images/add-small-1efbe5062a.png"); } a.add-feed { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/add_feed-e85d68dfd8.png"); } a.add-file { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/file-95ff332fb8.png"); } a.announcement-icon-small { background-repeat: no-repeat; background-positi= on: left center; line-height: 20px; padding: 1px 0px 1px 26px; display: inl= ine-block; background-image: url("/dist/images/announcement_icon_small-2838= 4d6d1c.png"); } a.atom { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/atom-ba82f9788e.png"); } a.media-comment { background-repeat: no-repeat; background-position: left c= enter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block;= background-image: url("/dist/images/audio_comment-eeb35d0efe.gif"); } a.back { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/back-5d31875ff2.png"); } a.calendar { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/due_date_icon-9fe551d920.png"); } a.collapse { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/collapse-1bb8975bc7.png"); } a.delete { background-repeat: no-repeat; background-position: left center; = line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgr= ound-image: url("/dist/images/delete-39059ba0a6.png"); } a.delete-circle { background-repeat: no-repeat; background-position: left c= enter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block;= background-image: url("/dist/images/delete_circle-f4242c3ba6.png"); } a.discussion-icon-small { background-repeat: no-repeat; background-position= : left center; line-height: 20px; padding: 1px 0px 1px 26px; display: inlin= e-block; background-image: url("/dist/images/discussion_icon_small-d8a541e6= 8d.png"); } a.download { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/download-e6fb13a9a1.png"); } a.edit { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/edit-f36fae5353.png"); } a.email { background-repeat: no-repeat; background-position: left center; l= ine-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgro= und-image: url("/dist/images/email-9a971ebcbe.png"); } a.expand { background-repeat: no-repeat; background-position: left center; = line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgr= ound-image: url("/dist/images/expand-04353706d7.png"); } a.feed { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/atom-ba82f9788e.png"); } a.file-multiple { background-repeat: no-repeat; background-position: left c= enter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block;= background-image: url("/dist/images/file_multiple-ef71b097fc.png"); } a.file-big { background-repeat: no-repeat; background-position: left center= ; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; back= ground-image: url("/dist/images/file_big-fd6585fa5e.png"); } a.folder-closed { background-repeat: no-repeat; background-position: left c= enter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block;= background-image: url("/dist/images/folder_closed-e941eff464.png"); } a.forward { background-repeat: no-repeat; background-position: left center;= line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backg= round-image: url("/dist/images/forward-84972cf32a.png"); } a.find { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/find-6164443e2a.png"); } a.grading_dim { background-repeat: no-repeat; background-position: left cen= ter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; b= ackground-image: url("/dist/images/grading_icon_gray-0920718b56.png"); } a.grading { background-repeat: no-repeat; background-position: left center;= line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backg= round-image: url("/dist/images/grading_icon-16e9e323ad.png"); } a.help { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/help-4e4782c4ba.png"); } a.history { background-repeat: no-repeat; background-position: left center;= line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backg= round-image: url("/dist/images/history-214ab216d9.png"); } a.information { background-repeat: no-repeat; background-position: left cen= ter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; f= ont-size: 0.8em; background-image: url("/dist/images/information-ca06d18614= .png"); } a.link { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/link-cf0b7a38be.png"); } a.lock { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/lock-f04ae1d2a3.png"); } a.pass { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/pass-25e17f592d.png"); } a.peer-review { background-repeat: no-repeat; background-position: left cen= ter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; b= ackground-image: url("/dist/images/peer_review-33b5edde63.png"); } a.pending-review { background-repeat: no-repeat; background-position: left = center; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block= ; background-image: url("/dist/images/pending_review-32f22cdb2b.png"); } a.quiz { background-repeat: no-repeat; background-position: left center; li= ne-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgrou= nd-image: url("/dist/images/quiz-45e613394a.png"); } a.refresh { background-repeat: no-repeat; background-position: left center;= line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backg= round-image: url("/dist/images/ajax-reload-a16f5adfe0.gif"); } a.refreshing { background-repeat: no-repeat; background-position: left cent= er; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; ba= ckground-image: url("/dist/images/ajax-reload-animated-8255e06a8a.gif"); } a.rename { background-repeat: no-repeat; background-position: left center; = line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgr= ound-image: url("/dist/images/rename-e68ffb2213.png"); } a.reply { background-repeat: no-repeat; background-position: left center; l= ine-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgro= und-image: url("/dist/images/reply-8a2bc3988e.png"); } a.rubric { background-repeat: no-repeat; background-position: left center; = line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgr= ound-image: url("/dist/images/rubric-bf27fe7010.png"); } a.small-calendar { background-repeat: no-repeat; background-position: left = center; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block= ; background-image: url("/dist/images/ical-5dbab75ab6.png"); } a.speedgrader { background-repeat: no-repeat; background-position: left cen= ter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; b= ackground-image: url("/dist/images/speedgrader_icon-892375741e.png"); } a.text-entry { background-repeat: no-repeat; background-position: left cent= er; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; ba= ckground-image: url("/dist/images/text_entry-8a7631b935.png"); } a.warning { background-repeat: no-repeat; background-position: left center;= line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backg= round-image: url("/dist/images/warning-5cfa7d66ae.png"); } a.word-bubble { background-repeat: no-repeat; background-position: left cen= ter; line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; b= ackground-image: url("/dist/images/word_bubble-2ac7184a98.png"); } a.unlock { background-repeat: no-repeat; background-position: left center; = line-height: 20px; padding: 1px 0px 1px 26px; display: inline-block; backgr= ound-image: url("/dist/images/unlock-f650febf73.png"); } a.icon-grading { line-height: 20px; padding: 1px 0px 1px 26px; display: inl= ine-block; background-image: url("/dist/images/icon-checkmark-plus-success-= 69fdf68240.svg"); background-repeat: no-repeat; background-position: left c= enter; background-size: 18px; } a.icon-grading-gray { line-height: 20px; padding: 1px 0px 1px 26px; display= : inline-block; background: url("/dist/images/icon-checkmark-plus-gray-ef5a= c4e469.svg") left center / 18px no-repeat; } a.admin { color: rgb(209, 85, 69); } a.file { background-repeat: no-repeat; background-position: left center; fo= nt-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/i= mages/inst_tree/file_types/page_white-8e05d64f0b.png") !important; } a.pdf { background-repeat: no-repeat; background-position: left center; fon= t-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/im= ages/inst_tree/file_types/page_white_acrobat-673fb84236.png") !important; } a.image { background-repeat: no-repeat; background-position: left center; f= ont-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/= images/inst_tree/file_types/page_white_picture-94db8424e5.png") !important;= } a.spreadsheet { background-repeat: no-repeat; background-position: left cen= ter; font-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("= /dist/images/inst_tree/file_types/page_white_excel-3f420cf621.png") !import= ant; } a.xls { background-repeat: no-repeat; background-position: left center; fon= t-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/im= ages/inst_tree/file_types/page_white_excel-3f420cf621.png") !important; } a.word, a.doc { background-repeat: no-repeat; background-position: left cen= ter; font-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("= /dist/images/inst_tree/file_types/page_white_word-ee5daad636.png") !importa= nt; } a.ppt { background-repeat: no-repeat; background-position: left center; fon= t-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/im= ages/inst_tree/file_types/page_white_powerpoint-21120c1ab1.png") !important= ; } a.zip { background-repeat: no-repeat; background-position: left center; fon= t-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/im= ages/inst_tree/file_types/page_white_zip-c7174da97b.png") !important; } a.html { background-repeat: no-repeat; background-position: left center; fo= nt-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/i= mages/inst_tree/file_types/page_white_world-2fa59e9ad2.png") !important; } a.code { background-repeat: no-repeat; background-position: left center; fo= nt-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/i= mages/inst_tree/file_types/page_white_code-3222e663ce.png") !important; } a.text { background-repeat: no-repeat; background-position: left center; fo= nt-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/i= mages/inst_tree/file_types/page_white_text-ea9b5de535.png") !important; } a.audio { background-repeat: no-repeat; background-position: left center; f= ont-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/= images/inst_tree/file_types/sound_none-6af2c28cff.png") !important; } a.video { background-repeat: no-repeat; background-position: left center; f= ont-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/= images/inst_tree/file_types/page_white_camera-08c828542c.png") !important; = } a.flash { background-repeat: no-repeat; background-position: left center; f= ont-size: 0.75rem; padding: 1px 0px 2px 20px; background-image: url("/dist/= images/inst_tree/file_types/page_white_flash-9f6a1ee9d9.png") !important; } a.no-underline, a.no-underline:hover, a.no-underline:focus { text-decoratio= n: none; } .atr-reply, .atr-edit, .atr-delete { text-indent: -119988px; overflow: hidd= en; text-align: left; background-repeat: no-repeat; background-position: 50= % 50%; width: 16px; height: 16px; } .atr-reply { background-image: url("/dist/images/reply-8a2bc3988e.png"); } .atr-edit { background-image: url("/dist/images/edit-f36fae5353.png"); } .atr-delete { background-image: url("/dist/images/delete-39059ba0a6.png"); = } .tooltip { position: relative; z-index: 2; outline: none; } .tooltip:hover, .tooltip:active, .tooltip:focus { outline: none; text-decor= ation: none; } .tooltip:hover .tooltip_wrap, .tooltip:hover .tooltip_text, .tooltip:active= .tooltip_wrap, .tooltip:active .tooltip_text, .tooltip:focus .tooltip_wrap= , .tooltip:focus .tooltip_text { visibility: visible; } .tooltip .tooltip_wrap, .tooltip .tooltip_text { display: block; visibility= : hidden; } .tooltip .tooltip_wrap { background: url("/dist/images/tooltip_carat-3363aa= f402.png") left bottom no-repeat; bottom: 15px; padding-bottom: 3px; positi= on: absolute; opacity: 0.9; } .tooltip .tooltip_text { background-color: rgb(68, 68, 68); background-posi= tion: left bottom; color: rgb(255, 255, 255); left: 0px; max-width: 250px; = padding: 2px 7px; white-space: nowrap; border-radius: 5px; font-weight: nor= mal; } .tooltip .right { right: 0px; background-position: right bottom; } #breadcrumbs { background-color: rgb(255, 255, 255); } #breadcrumbs > ul { margin: 0px; list-style: none; padding: 0px; } #breadcrumbs > ul > li { display: inline-block; white-space: nowrap; vertic= al-align: top; font-size: 1.125rem; } #breadcrumbs > ul > li:first-of-type { display: none; } #breadcrumbs > ul > li:nth-child(2)::before { display: none; } #breadcrumbs > ul > li > a .ellipsis { float: right; line-height: inherit; = } .ff #breadcrumbs > ul > li > a .ellipsis { float: none; display: inline-blo= ck; position: relative; top: 5px; margin-top: -5px; } #breadcrumbs > ul > li + li::before { content: ""; width: 5px; height: 9px;= display: inline-block; margin: 0px 9px; background: url("/dist/images/brea= dcrumb-arrow-light-8702eeae02.svg") 50% 50% / 5px 9px no-repeat; } #breadcrumbs > ul > li + li:last-of-type a { color: var(--ic-brand-font-col= or-dark); } #breadcrumbs .icon-home::before { font-size: 0.625rem; color: var(--ic-bran= d-font-color-dark-lightened-15); } @keyframes al-slide-down {=20 0% { transform: rotateX(-90deg); opacity: 0.2; } 100% { transform: rotateX(0deg); opacity: 1; } } .admin-links { float: right; } .al-dropdown__container { position: relative; display: inline-block; } .al-options { display: none; -webkit-font-smoothing: antialiased; } .al-options.ui-menu { display: block; } .al-options { box-sizing: border-box; background-color: rgb(255, 255, 255);= box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 6px; position: absolute; padding: 8= px 0px; border-color: rgb(199, 205, 209); text-align: left; } .al-options * { box-sizing: border-box; } .al-options.ui-state-open { animation-duration: 0.2s; animation-name: al-sl= ide-down; animation-fill-mode: forwards; animation-timing-function: cubic-b= ezier(0, 1, 0.5, 1); transform-origin: center top; } .al-options .ui-menu-item a { background-color: transparent; color: var(--i= c-brand-font-color-dark); white-space: nowrap; min-width: 180px; padding: 6= px 12px; } .al-options .ui-menu-item a i[class*=3D"icon-"]::before, .al-options .ui-me= nu-item a i[class^=3D"icon-"]::before { margin-right: 8px; } .al-options .ui-menu-item a.disabled.ui-state-focus { border: 1px solid rgb= (157, 168, 175); } .al-options .ui-menu-item:first-of-type a { border-top-left-radius: 0px; bo= rder-top-right-radius: 0px; } .al-options .ui-menu-item:last-child a { border-bottom-left-radius: 0px; bo= rder-bottom-right-radius: 0px; } .al-options .ui-menu-item.ui-menu-item--helper-text { color: var(--ic-brand= -font-color-dark-lightened-15); padding: 0px 12px; margin: 6px 0px; } .al-options .ui-menu-item a.disabled, .al-options .ui-menu-item a.disabled.= ui-state-focus { background: none; cursor: not-allowed; color: rgb(179, 179= , 179); } .al-options .ui-menu-carat span { border-color: rgb(255, 255, 255) transpar= ent; } .al-options .ui-state-focus { border: none; text-shadow: none; margin: 0px = !important; } .al-trigger-gray { color: var(--ic-brand-font-color-dark-lightened-15); bor= der-radius: 3px; outline: none; } .al-trigger-gray:hover, .al-trigger-gray:focus { color: var(--ic-brand-font= -color-dark); } .al-trigger-gray:focus { box-shadow: inset 0 0 0 2px var(--ic-link-color); = } .admin-link-hover-area:hover .al-trigger, .admin-link-hover-area.active .al= -trigger, .al-trigger.ui-state-active, .ui-progressbar .al-trigger.ui-widge= t-header, .al-trigger:focus, .al-trigger:hover { text-decoration: none; } .al-trigger { padding-left: 8px; padding-right: 8px; cursor: pointer; white= -space: nowrap; text-decoration: none; user-select: none; display: inline-b= lock; } .al-hover-container .al-trigger { position: relative; } .broken-image { border: 1px solid rgb(45, 59, 69); padding: 2px; } .border { border-width: 0px; border-style: solid; border-color: rgb(199, 20= 5, 209); } .border-trbl { border-width: 1px; } .border-rbl { border-right-width: 1px; border-bottom-width: 1px; border-lef= t-width: 1px; border-top: none; } .border-tbl { border-top-width: 1px; border-bottom-width: 1px; border-left-= width: 1px; border-right: none; } .border-bl { border-bottom-width: 1px; border-left-width: 1px; } .border-tl { border-top-width: 1px; border-left-width: 1px; } .border-b { border-bottom-width: 1px; } .border-t { border-top-width: 1px; } .border-r { border-right-width: 1px; } .border-round-b { border-bottom-left-radius: 4px; border-bottom-right-radiu= s: 4px; } .border-round-t { border-top-left-radius: 4px; border-top-right-radius: 4px= ; } .border-round-tl { border-top-left-radius: 4px; } .border-round { border-radius: 4px; } .centered-block { width: 100%; overflow: hidden; position: relative; } .centered-block .centered-block-wrap { clear: left; margin: 0px; padding: 0= px; position: relative; left: 50%; text-align: center; } .centered-block .centered-block-wrap .centered-block-inner { display: block= ; margin: 0px; padding: 0px; position: relative; right: 50%; text-align: le= ft; } .toolbar { padding: 4px; font-size: 1rem; line-height: 20px; } .toolbar .header { font-size: 1.125rem; } .list-view { overflow: auto; } .list-view > header, .list-view #section-tabs-header { font-size: 1rem; fon= t-weight: bold; margin: 0px 0px 6px; white-space: nowrap; overflow: hidden;= text-overflow: ellipsis; } .list-view #section-tabs-header-subtitle { display: block; font-size: 0.687= 5rem; font-style: italic; color: inherit; } .list-view > :first-child { border-top: 0px !important; } .list-view > nav.theme-preview { padding: 3px; } .list-view > ul, .list-view > nav > ul { list-style: none; margin: 0px; pad= ding: 0px; } .list-view > ul > li, .list-view > nav > ul > li { padding: 0px; } .list-view > ul > li > a, .list-view > nav > ul > li > a { display: block; = text-decoration: none; border-radius: 3px; padding: 8px 0px 8px 6px; overfl= ow-wrap: break-word; line-height: 1.3; } .list-view > ul > li > a:hover, .list-view > nav > ul > li > a:hover { text= -decoration: underline; } .list-view > ul > li > a:focus, .list-view > nav > ul > li > a:focus { outl= ine-offset: 0.0625rem; outline-color: var(--ic-link-color); outline-width: = 2px; outline-style: solid; } .list-view > ul > li > a > span, .list-view > nav > ul > li > a > span { wh= ite-space: nowrap; } .list-view > ul > li:last-child > a, .list-view > nav > ul > li:last-child = > a { border-bottom: 0px; } .list-view > ul + ul { border-top: 1px solid rgb(199, 205, 209); } .list-view a.active { border-left: 2px solid rgb(45, 59, 69); border-radius= : 0px; font-weight: bold; color: rgb(45, 59, 69); padding-left: 4px; } .list-view a.active .nav-badge { background: rgb(255, 255, 255); color: var= (--ic-brand-primary); } .image-block { display: flex; min-width: 1px; } .image-block .image-block-content { flex: 1 1 0%; min-width: 1px; padding-l= eft: 12px; box-sizing: border-box; } .box-shadow { box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px; } .page-action-list { margin: 0px; padding: 0px; list-style: none; } .page-action-list li { margin: 0px; padding: 0px; } .page-action-list a { display: block; padding: 8px 0px; color: var(--ic-bra= nd-font-color-dark); font-weight: bold; border-bottom: 1px solid rgb(199, 2= 05, 209); } .page-action-list a:hover, .page-action-list a:focus { color: var(--ic-link= -color); } .page-action-list a:active { color: rgb(153, 153, 153); } * + .page-action-list { margin-top: 12px; } a.external:hover, a.external:focus, a.external:active { text-decoration: no= ne; } a.external:hover span, a.external:focus span, a.external:active span { text= -decoration: underline; } a.external:hover .ui-icon-extlink, a.external:focus .ui-icon-extlink, a.ext= ernal:active .ui-icon-extlink { text-decoration: none; } a.external .ui-icon-extlink { display: inline-block; padding: 0px; vertical= -align: middle; } .v-gutter { margin-top: 20px; margin-bottom: 20px; } .v-gutter-large { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 1200px) { .v-gutter { margin-top: 30px; margin-bottom: 30px; } .v-gutter-large { margin-top: 45px; margin-bottom: 45px; } } .header-bar { border-bottom: 1px solid rgb(199, 205, 209); background-color= : rgb(255, 255, 255); min-height: 33px; padding-bottom: 12px; } .header-bar::before, .header-bar::after { display: table; content: ""; line= -height: 0; } .header-bar::after { clear: both; } .header-bar.pinned { position: fixed; top: 0px; width: 1071px; background-c= olor: white; box-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px; margin-left: -12px= ; padding: 15px; z-index: 100; } .header-bar.sticky { position: fixed; top: 0px; left: 0px; right: 0px; marg= in-left: 176px; margin-right: 287px; z-index: 3; background: white; height:= 33px; min-width: 623px; border-color: rgb(193, 199, 207); box-shadow: rgba= (0, 0, 0, 0.3) 0px 1px 2px; } .header-bar .header-bar-right { float: right; padding-bottom: 5px; } .header-bar .header-bar-left { float: left; padding-bottom: 5px; } .header-bar.no-line { border: none; } .header-group-left { margin-right: 10px; } .header-group-left, .header-group-right { float: left; } #searchTerm { width: 225px; } @font-face { font-family: InstructureIcons-Line; src: url("/dist/fonts/inst= ructure_icons/Line/InstructureIcons-Line-113e17dfb5.woff2") format("woff2")= , url("/dist/fonts/instructure_icons/Line/InstructureIcons-Line-c4d8ea7a11.= woff") format("woff"); font-weight: normal; font-style: normal; font-displa= y: block; } i[class*=3D"icon-"].icon-Line::before, i[class^=3D"icon-"].icon-Line::befor= e, a[class*=3D"icon-"].icon-Line::before, a[class^=3D"icon-"].icon-Line::be= fore { font-family: InstructureIcons-Line; } @font-face { font-family: InstructureIcons-Solid; src: url("/dist/fonts/ins= tructure_icons/Solid/InstructureIcons-Solid-170077804f.woff2") format("woff= 2"), url("/dist/fonts/instructure_icons/Solid/InstructureIcons-Solid-c3da8a= fa55.woff") format("woff"); font-weight: normal; font-style: normal; font-d= isplay: block; } i[class*=3D"icon-"].icon-Solid::before, i[class^=3D"icon-"].icon-Solid::bef= ore, a[class*=3D"icon-"].icon-Solid::before, a[class^=3D"icon-"].icon-Solid= ::before { font-family: InstructureIcons-Solid; } i[class*=3D"icon-"]::before, i[class^=3D"icon-"]::before, a[class*=3D"icon-= "]::before, a[class^=3D"icon-"]::before { font-family: InstructureIcons-Lin= e; display: inline-block; vertical-align: top; line-height: 1; font-size: 1= rem; text-transform: none !important; font-weight: normal !important; font-= style: normal !important; } i[class*=3D"icon-"], i[class^=3D"icon-"] { display: inline-block; line-heig= ht: 1; font-style: normal !important; } .btn-large i[class*=3D"icon-"], .Button--large i[class*=3D"icon-"], .btn-la= rge i[class^=3D"icon-"], .Button--large i[class^=3D"icon-"] { line-height: = 1; } .btn-large i[class*=3D"icon-"]::before, .Button--large i[class*=3D"icon-"]:= :before, .btn-large i[class^=3D"icon-"]::before, .Button--large i[class^=3D= "icon-"]::before { font-size: 1.125rem; } .btn-mini i[class*=3D"icon-"], i[class*=3D"icon-"] .Button--mini, .btn-mini= i[class^=3D"icon-"], i[class^=3D"icon-"] .Button--mini { line-height: 1; } .btn-mini i[class*=3D"icon-"]::before, i[class*=3D"icon-"] .Button--mini::b= efore, .btn-mini i[class^=3D"icon-"]::before, i[class^=3D"icon-"] .Button--= mini::before { font-size: 0.75rem; } a[class*=3D"icon-"]::before, a[class^=3D"icon-"]::before { margin-right: 4p= x; vertical-align: text-bottom; } .standalone-icon::before { color: rgb(85, 85, 85); } h1 i[class*=3D"icon-"]::before, h1 i[class^=3D"icon-"]::before, h2 i[class*= =3D"icon-"]::before, h2 i[class^=3D"icon-"]::before, h3 i[class*=3D"icon-"]= ::before, h3 i[class^=3D"icon-"]::before, h4 i[class*=3D"icon-"]::before, h= 4 i[class^=3D"icon-"]::before, .h1 i[class*=3D"icon-"]::before, .h1 i[class= ^=3D"icon-"]::before, .h2 i[class*=3D"icon-"]::before, .h2 i[class^=3D"icon= -"]::before, .h3 i[class*=3D"icon-"]::before, .h3 i[class^=3D"icon-"]::befo= re, .h4 i[class*=3D"icon-"]::before, .h4 i[class^=3D"icon-"]::before, p i[c= lass*=3D"icon-"]::before, p i[class^=3D"icon-"]::before { vertical-align: b= aseline; } .icon-Arc::before { content: "=EE=A8=81"; } .icon-a11y::before { content: "=EE=A8=82"; } .icon-add-folder::before { content: "=EE=A8=83"; } .icon-add-media::before { content: "=EE=A8=84"; } .icon-add::before { content: "=EE=A8=85"; } .icon-address-book::before { content: "=EE=A8=86"; } .icon-admin-tools::before { content: "=EE=A8=87"; } .icon-admin::before { content: "=EE=A8=88"; } .icon-alerts::before { content: "=EE=A8=89"; } .icon-analytics::before { content: "=EE=A8=8A"; } .icon-android::before { content: "=EE=A8=8B"; } .icon-annotate::before { content: "=EE=A8=8C"; } .icon-announcement::before { content: "=EE=A8=8D"; } .icon-apple::before { content: "=EE=A8=8E"; } .icon-arrow-down::before { content: "=EE=A8=8F"; } .icon-arrow-end::before { content: "=EE=A8=90"; } .icon-arrow-left::before { content: "=EE=A8=91"; } .icon-arrow-open-down::before { content: "=EE=A8=92"; } .icon-arrow-open-end::before { content: "=EE=A8=93"; } .icon-arrow-open-left::before { content: "=EE=A8=94"; } .icon-arrow-open-right::before { content: "=EE=A8=95"; } .icon-arrow-open-start::before { content: "=EE=A8=96"; } .icon-arrow-open-up::before { content: "=EE=A8=97"; } .icon-arrow-right::before { content: "=EE=A8=98"; } .icon-arrow-start::before { content: "=EE=A8=99"; } .icon-arrow-up::before { content: "=EE=A8=9A"; } .icon-assignment::before { content: "=EE=A8=9B"; } .icon-attach-media::before { content: "=EE=A8=9C"; } .icon-audio-off::before { content: "=EE=A8=9D"; } .icon-audio::before { content: "=EE=A8=9E"; } .icon-bank::before { content: "=EE=A8=9F"; } .icon-blueprint-lock::before { content: "=EE=A8=A0"; } .icon-blueprint::before { content: "=EE=A8=A1"; } .icon-bold::before { content: "=EE=A8=A2"; } .icon-bookmark::before { content: "=EE=A8=A3"; } .icon-box::before { content: "=EE=A8=A4"; } .icon-bullet-list-alpha::before { content: "=EE=A8=A5"; } .icon-bullet-list-circle-outline::before { content: "=EE=A8=A6"; } .icon-bullet-list-roman::before { content: "=EE=A8=A7"; } .icon-bullet-list-square::before { content: "=EE=A8=A8"; } .icon-bullet-list::before { content: "=EE=A8=A9"; } .icon-calculator::before { content: "=EE=A8=AA"; } .icon-calendar-add::before { content: "=EE=A8=AB"; } .icon-calendar-clock::before { content: "=EE=A8=AC"; } .icon-calendar-day::before { content: "=EE=A8=AD"; } .icon-calendar-days::before { content: "=EE=A8=AE"; } .icon-calendar-month::before { content: "=EE=A8=AF"; } .icon-calendar-reserved::before { content: "=EE=A8=B0"; } .icon-certified::before { content: "=EE=A8=B1"; } .icon-chat::before { content: "=EE=A8=B2"; } .icon-check-dark::before { content: "=EE=A8=B3"; } .icon-check-mark-indeterminate::before { content: "=EE=A8=B4"; } .icon-check-mark::before { content: "=EE=A8=B5"; } .icon-check-plus::before { content: "=EE=A8=B6"; } .icon-check::before { content: "=EE=A8=B7"; } .icon-circle-arrow-down::before { content: "=EE=A8=B8"; } .icon-circle-arrow-up::before { content: "=EE=A8=B9"; } .icon-clear-text-formatting::before { content: "=EE=A8=BA"; } .icon-clock::before { content: "=EE=A8=BB"; } .icon-closed-captioning-off::before { content: "=EE=A8=BC"; } .icon-closed-captioning-on::before { content: "=EE=A8=BD"; } .icon-closed-captioning::before { content: "=EE=A8=BE"; } .icon-cloud-download::before { content: "=EE=A8=BF"; } .icon-cloud-lock::before { content: "=EE=A9=80"; } .icon-code::before { content: "=EE=A9=81"; } .icon-collapse::before { content: "=EE=A9=82"; } .icon-collection-save::before { content: "=EE=A9=83"; } .icon-collection::before { content: "=EE=A9=84"; } .icon-comment::before { content: "=EE=A9=85"; } .icon-comments-off::before { content: "=EE=A9=86"; } .icon-comments-on::before { content: "=EE=A9=87"; } .icon-commons::before { content: "=EE=A9=88"; } .icon-complete::before { content: "=EE=A9=89"; } .icon-compose::before { content: "=EE=A9=8A"; } .icon-copy-course::before { content: "=EE=A9=8B"; } .icon-copy::before { content: "=EE=A9=8C"; } .icon-courses::before { content: "=EE=A9=8D"; } .icon-dashboard::before { content: "=EE=A9=8E"; } .icon-deactivate-user::before { content: "=EE=A9=8F"; } .icon-discussion-check::before { content: "=EE=A9=90"; } .icon-discussion-new::before { content: "=EE=A9=91"; } .icon-discussion-reply-2::before { content: "=EE=A9=92"; } .icon-discussion-reply-dark::before { content: "=EE=A9=93"; } .icon-discussion-reply::before { content: "=EE=A9=94"; } .icon-discussion-search::before { content: "=EE=A9=95"; } .icon-discussion-x::before { content: "=EE=A9=96"; } .icon-discussion::before { content: "=EE=A9=97"; } .icon-document::before { content: "=EE=A9=98"; } .icon-download::before { content: "=EE=A9=99"; } .icon-drag-handle::before { content: "=EE=A9=9A"; } .icon-drop-down::before { content: "=EE=A9=9B"; } .icon-duplicate::before { content: "=EE=A9=9C"; } .icon-edit::before { content: "=EE=A9=9D"; } .icon-educators::before { content: "=EE=A9=9E"; } .icon-email::before { content: "=EE=A9=9F"; } .icon-empty::before { content: "=EE=A9=A0"; } .icon-end::before { content: "=EE=A9=A1"; } .icon-eportfolio::before { content: "=EE=A9=A2"; } .icon-equation::before { content: "=EE=A9=A3"; } .icon-equella::before { content: "=EE=A9=A4"; } .icon-essay::before { content: "=EE=A9=A5"; } .icon-exit-full-screen::before { content: "=EE=A9=A6"; } .icon-expand-items::before { content: "=EE=A9=A7"; } .icon-expand-left::before { content: "=EE=A9=A8"; } .icon-expand-start::before { content: "=EE=A9=A9"; } .icon-expand::before { content: "=EE=A9=AA"; } .icon-export-content::before { content: "=EE=A9=AB"; } .icon-export::before { content: "=EE=A9=AC"; } .icon-external-link::before { content: "=EE=A9=AD"; } .icon-eye::before { content: "=EE=A9=AE"; } .icon-facebook-boxed::before { content: "=EE=A9=AF"; } .icon-facebook::before { content: "=EE=A9=B0"; } .icon-fast-forward::before { content: "=EE=A9=B1"; } .icon-feedback::before { content: "=EE=A9=B2"; } .icon-file-locked::before { content: "=EE=A9=B3"; } .icon-files-copyright::before { content: "=EE=A9=B4"; } .icon-files-creative-commons::before { content: "=EE=A9=B5"; } .icon-files-fair-use::before { content: "=EE=A9=B6"; } .icon-files-obtained-permission::before { content: "=EE=A9=B7"; } .icon-files-public-domain::before { content: "=EE=A9=B8"; } .icon-filmstrip::before { content: "=EE=A9=B9"; } .icon-filter::before { content: "=EE=A9=BA"; } .icon-flag::before { content: "=EE=A9=BB"; } .icon-folder-locked::before { content: "=EE=A9=BC"; } .icon-folder::before { content: "=EE=A9=BD"; } .icon-forward::before { content: "=EE=A9=BE"; } .icon-full-screen::before { content: "=EE=A9=BF"; } .icon-github::before { content: "=EE=AA=80"; } .icon-gradebook-export::before { content: "=EE=AA=81"; } .icon-gradebook-import::before { content: "=EE=AA=82"; } .icon-gradebook::before { content: "=EE=AA=83"; } .icon-group-dark-new::before { content: "=EE=AA=84"; } .icon-group-new::before { content: "=EE=AA=85"; } .icon-group::before { content: "=EE=AA=86"; } .icon-hamburger::before { content: "=EE=AA=87"; } .icon-heart::before { content: "=EE=AA=88"; } .icon-highlighter::before { content: "=EE=AA=89"; } .icon-home::before { content: "=EE=AA=8A"; } .icon-hour-glass::before { content: "=EE=AA=8B"; } .icon-image::before { content: "=EE=AA=8C"; } .icon-import-content::before { content: "=EE=AA=8D"; } .icon-import::before { content: "=EE=AA=8E"; } .icon-inbox::before { content: "=EE=AA=8F"; } .icon-indent-2::before { content: "=EE=AA=90"; } .icon-indent::before { content: "=EE=AA=91"; } .icon-info-borderless::before { content: "=EE=AA=92"; } .icon-info::before { content: "=EE=AA=93"; } .icon-instructure::before { content: "=EE=AA=94"; } .icon-integrations::before { content: "=EE=AA=95"; } .icon-invitation::before { content: "=EE=AA=96"; } .icon-italic::before { content: "=EE=AA=97"; } .icon-keyboard-shortcuts::before { content: "=EE=AA=98"; } .icon-launch::before { content: "=EE=AA=99"; } .icon-life-preserver::before { content: "=EE=AA=9A"; } .icon-like::before { content: "=EE=AA=9B"; } .icon-link::before { content: "=EE=AA=9C"; } .icon-linkedin::before { content: "=EE=AA=9D"; } .icon-lock::before { content: "=EE=AA=9E"; } .icon-lti::before { content: "=EE=AA=9F"; } .icon-mark-as-read::before { content: "=EE=AA=A0"; } .icon-marker::before { content: "=EE=AA=A1"; } .icon-masquerade::before { content: "=EE=AA=A2"; } .icon-mastery-paths::before { content: "=EE=AA=A3"; } .icon-materials-required-light::before { content: "=EE=AA=A4"; } .icon-materials-required::before { content: "=EE=AA=A5"; } .icon-mature-light::before { content: "=EE=AA=A6"; } .icon-mature::before { content: "=EE=AA=A7"; } .icon-media::before { content: "=EE=AA=A8"; } .icon-message::before { content: "=EE=AA=A9"; } .icon-mic::before { content: "=EE=AA=AA"; } .icon-mini-arrow-down::before { content: "=EE=AA=AB"; } .icon-mini-arrow-end::before { content: "=EE=AA=AC"; } .icon-mini-arrow-left::before { content: "=EE=AA=AD"; } .icon-mini-arrow-right::before { content: "=EE=AA=AE"; } .icon-mini-arrow-start::before { content: "=EE=AA=AF"; } .icon-mini-arrow-up::before { content: "=EE=AA=B0"; } .icon-minimize::before { content: "=EE=AA=B1"; } .icon-module::before { content: "=EE=AA=B2"; } .icon-more::before { content: "=EE=AA=B3"; } .icon-move-down-bottom::before { content: "=EE=AA=B4"; } .icon-move-down::before { content: "=EE=AA=B5"; } .icon-move-end::before { content: "=EE=AA=B6"; } .icon-move-left::before { content: "=EE=AA=B7"; } .icon-move-right::before { content: "=EE=AA=B8"; } .icon-move-start::before { content: "=EE=AA=B9"; } .icon-move-up-top::before { content: "=EE=AA=BA"; } .icon-move-up::before { content: "=EE=AA=BB"; } .icon-ms-excel::before { content: "=EE=AA=BC"; } .icon-ms-ppt::before { content: "=EE=AA=BD"; } .icon-ms-word::before { content: "=EE=AA=BE"; } .icon-muted::before { content: "=EE=AA=BF"; } .icon-next-unread::before { content: "=EE=AB=80"; } .icon-no::before { content: "=EE=AB=81"; } .icon-not-graded::before { content: "=EE=AB=82"; } .icon-note-dark::before { content: "=EE=AB=83"; } .icon-note-light::before { content: "=EE=AB=84"; } .icon-note::before { content: "=EE=AB=85"; } .icon-numbered-list::before { content: "=EE=AB=86"; } .icon-off::before { content: "=EE=AB=87"; } .icon-open-folder::before { content: "=EE=AB=88"; } .icon-outcomes::before { content: "=EE=AB=89"; } .icon-outdent::before { content: "=EE=AB=8A"; } .icon-outdent2::before { content: "=EE=AB=8B"; } .icon-oval-half::before { content: "=EE=AB=8C"; } .icon-page-down::before { content: "=EE=AB=8D"; } .icon-page-up::before { content: "=EE=AB=8E"; } .icon-paint::before { content: "=EE=AB=8F"; } .icon-paperclip::before { content: "=EE=AB=90"; } .icon-partial::before { content: "=EE=AB=91"; } .icon-pause::before { content: "=EE=AB=92"; } .icon-pdf::before { content: "=EE=AB=93"; } .icon-peer-graded::before { content: "=EE=AB=94"; } .icon-peer-review::before { content: "=EE=AB=95"; } .icon-permissions::before { content: "=EE=AB=96"; } .icon-pin::before { content: "=EE=AB=97"; } .icon-pinterest::before { content: "=EE=AB=98"; } .icon-play::before { content: "=EE=AB=99"; } .icon-plus::before { content: "=EE=AB=9A"; } .icon-post-to-sis::before { content: "=EE=AB=9B"; } .icon-prerequisite::before { content: "=EE=AB=9C"; } .icon-printer::before { content: "=EE=AB=9D"; } .icon-progress::before { content: "=EE=AB=9E"; } .icon-publish::before { content: "=EE=AB=9F"; } .icon-question::before { content: "=EE=AB=A0"; } .icon-quiz-instructions::before { content: "=EE=AB=A1"; } .icon-quiz-stats-avg::before { content: "=EE=AB=A2"; } .icon-quiz-stats-cronbachs-alpha::before { content: "=EE=AB=A3"; } .icon-quiz-stats-deviation::before { content: "=EE=AB=A4"; } .icon-quiz-stats-high::before { content: "=EE=AB=A5"; } .icon-quiz-stats-low::before { content: "=EE=AB=A6"; } .icon-quiz-stats-time::before { content: "=EE=AB=A7"; } .icon-quiz-title::before { content: "=EE=AB=A8"; } .icon-quiz::before { content: "=EE=AB=A9"; } .icon-record::before { content: "=EE=AB=AA"; } .icon-refresh::before { content: "=EE=AB=AB"; } .icon-remove-bookmark::before { content: "=EE=AB=AC"; } .icon-remove-from-collection::before { content: "=EE=AB=AD"; } .icon-remove-link::before { content: "=EE=AB=AE"; } .icon-replied::before { content: "=EE=AB=AF"; } .icon-reply-2::before { content: "=EE=AB=B0"; } .icon-reply-all-2::before { content: "=EE=AB=B1"; } .icon-reply::before { content: "=EE=AB=B2"; } .icon-reset::before { content: "=EE=AB=B3"; } .icon-rewind::before { content: "=EE=AB=B4"; } .icon-rss-add::before { content: "=EE=AB=B5"; } .icon-rss::before { content: "=EE=AB=B6"; } .icon-rubric-dark::before { content: "=EE=AB=B7"; } .icon-rubric::before { content: "=EE=AB=B8"; } .icon-save::before { content: "=EE=AB=B9"; } .icon-search-address-book::before { content: "=EE=AB=BA"; } .icon-search::before { content: "=EE=AB=BB"; } .icon-settings-2::before { content: "=EE=AB=BC"; } .icon-settings::before { content: "=EE=AB=BD"; } .icon-shape-oval::before { content: "=EE=AB=BE"; } .icon-shape-polygon::before { content: "=EE=AB=BF"; } .icon-shape-rectangle::before { content: "=EE=AC=80"; } .icon-share::before { content: "=EE=AC=81"; } .icon-sis-imported::before { content: "=EE=AC=82"; } .icon-sis-not-synced::before { content: "=EE=AC=83"; } .icon-sis-synced::before { content: "=EE=AC=84"; } .icon-skype::before { content: "=EE=AC=85"; } .icon-sort::before { content: "=EE=AC=86"; } .icon-speed-grader::before { content: "=EE=AC=87"; } .icon-standards::before { content: "=EE=AC=88"; } .icon-star-light::before { content: "=EE=AC=89"; } .icon-star::before { content: "=EE=AC=8A"; } .icon-stats::before { content: "=EE=AC=8B"; } .icon-stop::before { content: "=EE=AC=8C"; } .icon-strikethrough::before { content: "=EE=AC=8D"; } .icon-student-view::before { content: "=EE=AC=8E"; } .icon-studio::before { content: "=EE=AC=8F"; } .icon-subaccounts::before { content: "=EE=AC=90"; } .icon-syllabus::before { content: "=EE=AC=91"; } .icon-table-cell-select-all::before { content: "=EE=AC=92"; } .icon-table-delete-column::before { content: "=EE=AC=93"; } .icon-table-delete-row::before { content: "=EE=AC=94"; } .icon-table-delete-table::before { content: "=EE=AC=95"; } .icon-table-insert-column-after::before { content: "=EE=AC=96"; } .icon-table-insert-column-before::before { content: "=EE=AC=97"; } .icon-table-insert-row-above::before { content: "=EE=AC=98"; } .icon-table-insert-row-after::before { content: "=EE=AC=99"; } .icon-table-left-header::before { content: "=EE=AC=9A"; } .icon-table-merge-cells::before { content: "=EE=AC=9B"; } .icon-table-row-properties::before { content: "=EE=AC=9C"; } .icon-table-split-cells::before { content: "=EE=AC=9D"; } .icon-table-top-header::before { content: "=EE=AC=9E"; } .icon-table::before { content: "=EE=AC=9F"; } .icon-tag::before { content: "=EE=AC=A0"; } .icon-target::before { content: "=EE=AC=A1"; } .icon-text-background-color::before { content: "=EE=AC=A2"; } .icon-text-centered::before { content: "=EE=AC=A3"; } .icon-text-color::before { content: "=EE=AC=A4"; } .icon-text-direction-ltr::before { content: "=EE=AC=A5"; } .icon-text-direction-rtl::before { content: "=EE=AC=A6"; } .icon-text-end::before { content: "=EE=AC=A7"; } .icon-text-left::before { content: "=EE=AC=A8"; } .icon-text-right::before { content: "=EE=AC=A9"; } .icon-text-start::before { content: "=EE=AC=AA"; } .icon-text-subscript::before { content: "=EE=AC=AB"; } .icon-text-superscript::before { content: "=EE=AC=AC"; } .icon-text::before { content: "=EE=AC=AD"; } .icon-textarea::before { content: "=EE=AC=AE"; } .icon-timer::before { content: "=EE=AC=AF"; } .icon-toggle-end::before { content: "=EE=AC=B0"; } .icon-toggle-left::before { content: "=EE=AC=B1"; } .icon-toggle-right::before { content: "=EE=AC=B2"; } .icon-toggle-start::before { content: "=EE=AC=B3"; } .icon-trash::before { content: "=EE=AC=B4"; } .icon-trouble::before { content: "=EE=AC=B5"; } .icon-twitter-boxed::before { content: "=EE=AC=B6"; } .icon-twitter::before { content: "=EE=AC=B7"; } .icon-underline::before { content: "=EE=AC=B8"; } .icon-unlock::before { content: "=EE=AC=B9"; } .icon-unmuted::before { content: "=EE=AC=BA"; } .icon-unpublish::before { content: "=EE=AC=BB"; } .icon-unpublished::before { content: "=EE=AC=BC"; } .icon-updown::before { content: "=EE=AC=BD"; } .icon-upload::before { content: "=EE=AC=BE"; } .icon-user-add::before { content: "=EE=AC=BF"; } .icon-user::before { content: "=EE=AD=80"; } .icon-video-camera-off::before { content: "=EE=AD=81"; } .icon-video-camera::before { content: "=EE=AD=82"; } .icon-video::before { content: "=EE=AD=83"; } .icon-warning-borderless::before { content: "=EE=AD=84"; } .icon-warning::before { content: "=EE=AD=85"; } .icon-windows::before { content: "=EE=AD=86"; } .icon-wordpress::before { content: "=EE=AD=87"; } .icon-x::before { content: "=EE=AD=88"; } .icon-zipped::before { content: "=EE=AD=89"; } .icon-zoom-in::before { content: "=EE=AD=8A"; } .icon-zoom-out::before { content: "=EE=AD=8B"; } .icon-Arc.icon-Solid::before { content: "=EE=A8=81"; } .icon-a11y.icon-Solid::before { content: "=EE=A8=82"; } .icon-add-folder.icon-Solid::before { content: "=EE=A8=83"; } .icon-add-media.icon-Solid::before { content: "=EE=A8=84"; } .icon-add.icon-Solid::before { content: "=EE=A8=85"; } .icon-address-book.icon-Solid::before { content: "=EE=A8=86"; } .icon-admin-tools.icon-Solid::before { content: "=EE=A8=87"; } .icon-admin.icon-Solid::before { content: "=EE=A8=88"; } .icon-alerts.icon-Solid::before { content: "=EE=A8=89"; } .icon-analytics.icon-Solid::before { content: "=EE=A8=8A"; } .icon-android.icon-Solid::before { content: "=EE=A8=8B"; } .icon-annotate.icon-Solid::before { content: "=EE=A8=8C"; } .icon-announcement.icon-Solid::before { content: "=EE=A8=8D"; } .icon-apple.icon-Solid::before { content: "=EE=A8=8E"; } .icon-arrow-down.icon-Solid::before { content: "=EE=A8=8F"; } .icon-arrow-end.icon-Solid::before { content: "=EE=A8=90"; } .icon-arrow-left.icon-Solid::before { content: "=EE=A8=91"; } .icon-arrow-open-down.icon-Solid::before { content: "=EE=A8=92"; } .icon-arrow-open-end.icon-Solid::before { content: "=EE=A8=93"; } .icon-arrow-open-left.icon-Solid::before { content: "=EE=A8=94"; } .icon-arrow-open-right.icon-Solid::before { content: "=EE=A8=95"; } .icon-arrow-open-start.icon-Solid::before { content: "=EE=A8=96"; } .icon-arrow-open-up.icon-Solid::before { content: "=EE=A8=97"; } .icon-arrow-right.icon-Solid::before { content: "=EE=A8=98"; } .icon-arrow-start.icon-Solid::before { content: "=EE=A8=99"; } .icon-arrow-up.icon-Solid::before { content: "=EE=A8=9A"; } .icon-assignment.icon-Solid::before { content: "=EE=A8=9B"; } .icon-attach-media.icon-Solid::before { content: "=EE=A8=9C"; } .icon-audio-off.icon-Solid::before { content: "=EE=A8=9D"; } .icon-audio.icon-Solid::before { content: "=EE=A8=9E"; } .icon-bank.icon-Solid::before { content: "=EE=A8=9F"; } .icon-blueprint-lock.icon-Solid::before { content: "=EE=A8=A0"; } .icon-blueprint.icon-Solid::before { content: "=EE=A8=A1"; } .icon-bold.icon-Solid::before { content: "=EE=A8=A2"; } .icon-bookmark.icon-Solid::before { content: "=EE=A8=A3"; } .icon-box.icon-Solid::before { content: "=EE=A8=A4"; } .icon-bullet-list-alpha.icon-Solid::before { content: "=EE=A8=A5"; } .icon-bullet-list-circle-outline.icon-Solid::before { content: "=EE=A8=A6";= } .icon-bullet-list-roman.icon-Solid::before { content: "=EE=A8=A7"; } .icon-bullet-list-square.icon-Solid::before { content: "=EE=A8=A8"; } .icon-bullet-list.icon-Solid::before { content: "=EE=A8=A9"; } .icon-calculator.icon-Solid::before { content: "=EE=A8=AA"; } .icon-calendar-add.icon-Solid::before { content: "=EE=A8=AB"; } .icon-calendar-clock.icon-Solid::before { content: "=EE=A8=AC"; } .icon-calendar-day.icon-Solid::before { content: "=EE=A8=AD"; } .icon-calendar-days.icon-Solid::before { content: "=EE=A8=AE"; } .icon-calendar-month.icon-Solid::before { content: "=EE=A8=AF"; } .icon-calendar-reserved.icon-Solid::before { content: "=EE=A8=B0"; } .icon-certified.icon-Solid::before { content: "=EE=A8=B1"; } .icon-chat.icon-Solid::before { content: "=EE=A8=B2"; } .icon-check-dark.icon-Solid::before { content: "=EE=A8=B3"; } .icon-check-mark-indeterminate.icon-Solid::before { content: "=EE=A8=B4"; } .icon-check-mark.icon-Solid::before { content: "=EE=A8=B5"; } .icon-check-plus.icon-Solid::before { content: "=EE=A8=B6"; } .icon-check.icon-Solid::before { content: "=EE=A8=B7"; } .icon-circle-arrow-down.icon-Solid::before { content: "=EE=A8=B8"; } .icon-circle-arrow-up.icon-Solid::before { content: "=EE=A8=B9"; } .icon-clear-text-formatting.icon-Solid::before { content: "=EE=A8=BA"; } .icon-clock.icon-Solid::before { content: "=EE=A8=BB"; } .icon-closed-captioning-off.icon-Solid::before { content: "=EE=A8=BC"; } .icon-closed-captioning-on.icon-Solid::before { content: "=EE=A8=BD"; } .icon-closed-captioning.icon-Solid::before { content: "=EE=A8=BE"; } .icon-cloud-download.icon-Solid::before { content: "=EE=A8=BF"; } .icon-cloud-lock.icon-Solid::before { content: "=EE=A9=80"; } .icon-code.icon-Solid::before { content: "=EE=A9=81"; } .icon-collapse.icon-Solid::before { content: "=EE=A9=82"; } .icon-collection-save.icon-Solid::before { content: "=EE=A9=83"; } .icon-collection.icon-Solid::before { content: "=EE=A9=84"; } .icon-comment.icon-Solid::before { content: "=EE=A9=85"; } .icon-comments-off.icon-Solid::before { content: "=EE=A9=86"; } .icon-comments-on.icon-Solid::before { content: "=EE=A9=87"; } .icon-commons.icon-Solid::before { content: "=EE=A9=88"; } .icon-complete.icon-Solid::before { content: "=EE=A9=89"; } .icon-compose.icon-Solid::before { content: "=EE=A9=8A"; } .icon-copy-course.icon-Solid::before { content: "=EE=A9=8B"; } .icon-copy.icon-Solid::before { content: "=EE=A9=8C"; } .icon-courses.icon-Solid::before { content: "=EE=A9=8D"; } .icon-dashboard.icon-Solid::before { content: "=EE=A9=8E"; } .icon-deactivate-user.icon-Solid::before { content: "=EE=A9=8F"; } .icon-discussion-check.icon-Solid::before { content: "=EE=A9=90"; } .icon-discussion-new.icon-Solid::before { content: "=EE=A9=91"; } .icon-discussion-reply-2.icon-Solid::before { content: "=EE=A9=92"; } .icon-discussion-reply-dark.icon-Solid::before { content: "=EE=A9=93"; } .icon-discussion-reply.icon-Solid::before { content: "=EE=A9=94"; } .icon-discussion-search.icon-Solid::before { content: "=EE=A9=95"; } .icon-discussion-x.icon-Solid::before { content: "=EE=A9=96"; } .icon-discussion.icon-Solid::before { content: "=EE=A9=97"; } .icon-document.icon-Solid::before { content: "=EE=A9=98"; } .icon-download.icon-Solid::before { content: "=EE=A9=99"; } .icon-drag-handle.icon-Solid::before { content: "=EE=A9=9A"; } .icon-drop-down.icon-Solid::before { content: "=EE=A9=9B"; } .icon-duplicate.icon-Solid::before { content: "=EE=A9=9C"; } .icon-edit.icon-Solid::before { content: "=EE=A9=9D"; } .icon-educators.icon-Solid::before { content: "=EE=A9=9E"; } .icon-email.icon-Solid::before { content: "=EE=A9=9F"; } .icon-empty.icon-Solid::before { content: "=EE=A9=A0"; } .icon-end.icon-Solid::before { content: "=EE=A9=A1"; } .icon-eportfolio.icon-Solid::before { content: "=EE=A9=A2"; } .icon-equation.icon-Solid::before { content: "=EE=A9=A3"; } .icon-equella.icon-Solid::before { content: "=EE=A9=A4"; } .icon-essay.icon-Solid::before { content: "=EE=A9=A5"; } .icon-exit-full-screen.icon-Solid::before { content: "=EE=A9=A6"; } .icon-expand-items.icon-Solid::before { content: "=EE=A9=A7"; } .icon-expand-left.icon-Solid::before { content: "=EE=A9=A8"; } .icon-expand-start.icon-Solid::before { content: "=EE=A9=A9"; } .icon-expand.icon-Solid::before { content: "=EE=A9=AA"; } .icon-export-content.icon-Solid::before { content: "=EE=A9=AB"; } .icon-export.icon-Solid::before { content: "=EE=A9=AC"; } .icon-external-link.icon-Solid::before { content: "=EE=A9=AD"; } .icon-eye.icon-Solid::before { content: "=EE=A9=AE"; } .icon-facebook-boxed.icon-Solid::before { content: "=EE=A9=AF"; } .icon-facebook.icon-Solid::before { content: "=EE=A9=B0"; } .icon-fast-forward.icon-Solid::before { content: "=EE=A9=B1"; } .icon-feedback.icon-Solid::before { content: "=EE=A9=B2"; } .icon-file-locked.icon-Solid::before { content: "=EE=A9=B3"; } .icon-files-copyright.icon-Solid::before { content: "=EE=A9=B4"; } .icon-files-creative-commons.icon-Solid::before { content: "=EE=A9=B5"; } .icon-files-fair-use.icon-Solid::before { content: "=EE=A9=B6"; } .icon-files-obtained-permission.icon-Solid::before { content: "=EE=A9=B7"; = } .icon-files-public-domain.icon-Solid::before { content: "=EE=A9=B8"; } .icon-filmstrip.icon-Solid::before { content: "=EE=A9=B9"; } .icon-filter.icon-Solid::before { content: "=EE=A9=BA"; } .icon-flag.icon-Solid::before { content: "=EE=A9=BB"; } .icon-folder-locked.icon-Solid::before { content: "=EE=A9=BC"; } .icon-folder.icon-Solid::before { content: "=EE=A9=BD"; } .icon-forward.icon-Solid::before { content: "=EE=A9=BE"; } .icon-full-screen.icon-Solid::before { content: "=EE=A9=BF"; } .icon-github.icon-Solid::before { content: "=EE=AA=80"; } .icon-gradebook-export.icon-Solid::before { content: "=EE=AA=81"; } .icon-gradebook-import.icon-Solid::before { content: "=EE=AA=82"; } .icon-gradebook.icon-Solid::before { content: "=EE=AA=83"; } .icon-group-dark-new.icon-Solid::before { content: "=EE=AA=84"; } .icon-group-new.icon-Solid::before { content: "=EE=AA=85"; } .icon-group.icon-Solid::before { content: "=EE=AA=86"; } .icon-hamburger.icon-Solid::before { content: "=EE=AA=87"; } .icon-heart.icon-Solid::before { content: "=EE=AA=88"; } .icon-highlighter.icon-Solid::before { content: "=EE=AA=89"; } .icon-home.icon-Solid::before { content: "=EE=AA=8A"; } .icon-hour-glass.icon-Solid::before { content: "=EE=AA=8B"; } .icon-image.icon-Solid::before { content: "=EE=AA=8C"; } .icon-import-content.icon-Solid::before { content: "=EE=AA=8D"; } .icon-import.icon-Solid::before { content: "=EE=AA=8E"; } .icon-inbox.icon-Solid::before { content: "=EE=AA=8F"; } .icon-indent-2.icon-Solid::before { content: "=EE=AA=90"; } .icon-indent.icon-Solid::before { content: "=EE=AA=91"; } .icon-info-borderless.icon-Solid::before { content: "=EE=AA=92"; } .icon-info.icon-Solid::before { content: "=EE=AA=93"; } .icon-instructure.icon-Solid::before { content: "=EE=AA=94"; } .icon-integrations.icon-Solid::before { content: "=EE=AA=95"; } .icon-invitation.icon-Solid::before { content: "=EE=AA=96"; } .icon-italic.icon-Solid::before { content: "=EE=AA=97"; } .icon-keyboard-shortcuts.icon-Solid::before { content: "=EE=AA=98"; } .icon-launch.icon-Solid::before { content: "=EE=AA=99"; } .icon-life-preserver.icon-Solid::before { content: "=EE=AA=9A"; } .icon-like.icon-Solid::before { content: "=EE=AA=9B"; } .icon-link.icon-Solid::before { content: "=EE=AA=9C"; } .icon-linkedin.icon-Solid::before { content: "=EE=AA=9D"; } .icon-lock.icon-Solid::before { content: "=EE=AA=9E"; } .icon-lti.icon-Solid::before { content: "=EE=AA=9F"; } .icon-mark-as-read.icon-Solid::before { content: "=EE=AA=A0"; } .icon-marker.icon-Solid::before { content: "=EE=AA=A1"; } .icon-masquerade.icon-Solid::before { content: "=EE=AA=A2"; } .icon-mastery-paths.icon-Solid::before { content: "=EE=AA=A3"; } .icon-materials-required-light.icon-Solid::before { content: "=EE=AA=A4"; } .icon-materials-required.icon-Solid::before { content: "=EE=AA=A5"; } .icon-mature-light.icon-Solid::before { content: "=EE=AA=A6"; } .icon-mature.icon-Solid::before { content: "=EE=AA=A7"; } .icon-media.icon-Solid::before { content: "=EE=AA=A8"; } .icon-message.icon-Solid::before { content: "=EE=AA=A9"; } .icon-mic.icon-Solid::before { content: "=EE=AA=AA"; } .icon-mini-arrow-down.icon-Solid::before { content: "=EE=AA=AB"; } .icon-mini-arrow-end.icon-Solid::before { content: "=EE=AA=AC"; } .icon-mini-arrow-left.icon-Solid::before { content: "=EE=AA=AD"; } .icon-mini-arrow-right.icon-Solid::before { content: "=EE=AA=AE"; } .icon-mini-arrow-start.icon-Solid::before { content: "=EE=AA=AF"; } .icon-mini-arrow-up.icon-Solid::before { content: "=EE=AA=B0"; } .icon-minimize.icon-Solid::before { content: "=EE=AA=B1"; } .icon-module.icon-Solid::before { content: "=EE=AA=B2"; } .icon-more.icon-Solid::before { content: "=EE=AA=B3"; } .icon-move-down-bottom.icon-Solid::before { content: "=EE=AA=B4"; } .icon-move-down.icon-Solid::before { content: "=EE=AA=B5"; } .icon-move-end.icon-Solid::before { content: "=EE=AA=B6"; } .icon-move-left.icon-Solid::before { content: "=EE=AA=B7"; } .icon-move-right.icon-Solid::before { content: "=EE=AA=B8"; } .icon-move-start.icon-Solid::before { content: "=EE=AA=B9"; } .icon-move-up-top.icon-Solid::before { content: "=EE=AA=BA"; } .icon-move-up.icon-Solid::before { content: "=EE=AA=BB"; } .icon-ms-excel.icon-Solid::before { content: "=EE=AA=BC"; } .icon-ms-ppt.icon-Solid::before { content: "=EE=AA=BD"; } .icon-ms-word.icon-Solid::before { content: "=EE=AA=BE"; } .icon-muted.icon-Solid::before { content: "=EE=AA=BF"; } .icon-next-unread.icon-Solid::before { content: "=EE=AB=80"; } .icon-no.icon-Solid::before { content: "=EE=AB=81"; } .icon-not-graded.icon-Solid::before { content: "=EE=AB=82"; } .icon-note-dark.icon-Solid::before { content: "=EE=AB=83"; } .icon-note-light.icon-Solid::before { content: "=EE=AB=84"; } .icon-note.icon-Solid::before { content: "=EE=AB=85"; } .icon-numbered-list.icon-Solid::before { content: "=EE=AB=86"; } .icon-off.icon-Solid::before { content: "=EE=AB=87"; } .icon-open-folder.icon-Solid::before { content: "=EE=AB=88"; } .icon-outcomes.icon-Solid::before { content: "=EE=AB=89"; } .icon-outdent.icon-Solid::before { content: "=EE=AB=8A"; } .icon-outdent2.icon-Solid::before { content: "=EE=AB=8B"; } .icon-oval-half.icon-Solid::before { content: "=EE=AB=8C"; } .icon-page-down.icon-Solid::before { content: "=EE=AB=8D"; } .icon-page-up.icon-Solid::before { content: "=EE=AB=8E"; } .icon-paint.icon-Solid::before { content: "=EE=AB=8F"; } .icon-paperclip.icon-Solid::before { content: "=EE=AB=90"; } .icon-partial.icon-Solid::before { content: "=EE=AB=91"; } .icon-pause.icon-Solid::before { content: "=EE=AB=92"; } .icon-pdf.icon-Solid::before { content: "=EE=AB=93"; } .icon-peer-graded.icon-Solid::before { content: "=EE=AB=94"; } .icon-peer-review.icon-Solid::before { content: "=EE=AB=95"; } .icon-permissions.icon-Solid::before { content: "=EE=AB=96"; } .icon-pin.icon-Solid::before { content: "=EE=AB=97"; } .icon-pinterest.icon-Solid::before { content: "=EE=AB=98"; } .icon-play.icon-Solid::before { content: "=EE=AB=99"; } .icon-plus.icon-Solid::before { content: "=EE=AB=9A"; } .icon-post-to-sis.icon-Solid::before { content: "=EE=AB=9B"; } .icon-prerequisite.icon-Solid::before { content: "=EE=AB=9C"; } .icon-printer.icon-Solid::before { content: "=EE=AB=9D"; } .icon-progress.icon-Solid::before { content: "=EE=AB=9E"; } .icon-publish.icon-Solid::before { content: "=EE=AB=9F"; } .icon-question.icon-Solid::before { content: "=EE=AB=A0"; } .icon-quiz-instructions.icon-Solid::before { content: "=EE=AB=A1"; } .icon-quiz-stats-avg.icon-Solid::before { content: "=EE=AB=A2"; } .icon-quiz-stats-cronbachs-alpha.icon-Solid::before { content: "=EE=AB=A3";= } .icon-quiz-stats-deviation.icon-Solid::before { content: "=EE=AB=A4"; } .icon-quiz-stats-high.icon-Solid::before { content: "=EE=AB=A5"; } .icon-quiz-stats-low.icon-Solid::before { content: "=EE=AB=A6"; } .icon-quiz-stats-time.icon-Solid::before { content: "=EE=AB=A7"; } .icon-quiz-title.icon-Solid::before { content: "=EE=AB=A8"; } .icon-quiz.icon-Solid::before { content: "=EE=AB=A9"; } .icon-record.icon-Solid::before { content: "=EE=AB=AA"; } .icon-refresh.icon-Solid::before { content: "=EE=AB=AB"; } .icon-remove-bookmark.icon-Solid::before { content: "=EE=AB=AC"; } .icon-remove-from-collection.icon-Solid::before { content: "=EE=AB=AD"; } .icon-remove-link.icon-Solid::before { content: "=EE=AB=AE"; } .icon-replied.icon-Solid::before { content: "=EE=AB=AF"; } .icon-reply-2.icon-Solid::before { content: "=EE=AB=B0"; } .icon-reply-all-2.icon-Solid::before { content: "=EE=AB=B1"; } .icon-reply.icon-Solid::before { content: "=EE=AB=B2"; } .icon-reset.icon-Solid::before { content: "=EE=AB=B3"; } .icon-rewind.icon-Solid::before { content: "=EE=AB=B4"; } .icon-rss-add.icon-Solid::before { content: "=EE=AB=B5"; } .icon-rss.icon-Solid::before { content: "=EE=AB=B6"; } .icon-rubric-dark.icon-Solid::before { content: "=EE=AB=B7"; } .icon-rubric.icon-Solid::before { content: "=EE=AB=B8"; } .icon-save.icon-Solid::before { content: "=EE=AB=B9"; } .icon-search-address-book.icon-Solid::before { content: "=EE=AB=BA"; } .icon-search.icon-Solid::before { content: "=EE=AB=BB"; } .icon-settings-2.icon-Solid::before { content: "=EE=AB=BC"; } .icon-settings.icon-Solid::before { content: "=EE=AB=BD"; } .icon-shape-oval.icon-Solid::before { content: "=EE=AB=BE"; } .icon-shape-polygon.icon-Solid::before { content: "=EE=AB=BF"; } .icon-shape-rectangle.icon-Solid::before { content: "=EE=AC=80"; } .icon-share.icon-Solid::before { content: "=EE=AC=81"; } .icon-sis-imported.icon-Solid::before { content: "=EE=AC=82"; } .icon-sis-not-synced.icon-Solid::before { content: "=EE=AC=83"; } .icon-sis-synced.icon-Solid::before { content: "=EE=AC=84"; } .icon-skype.icon-Solid::before { content: "=EE=AC=85"; } .icon-sort.icon-Solid::before { content: "=EE=AC=86"; } .icon-speed-grader.icon-Solid::before { content: "=EE=AC=87"; } .icon-standards.icon-Solid::before { content: "=EE=AC=88"; } .icon-star-light.icon-Solid::before { content: "=EE=AC=89"; } .icon-star.icon-Solid::before { content: "=EE=AC=8A"; } .icon-stats.icon-Solid::before { content: "=EE=AC=8B"; } .icon-stop.icon-Solid::before { content: "=EE=AC=8C"; } .icon-strikethrough.icon-Solid::before { content: "=EE=AC=8D"; } .icon-student-view.icon-Solid::before { content: "=EE=AC=8E"; } .icon-studio.icon-Solid::before { content: "=EE=AC=8F"; } .icon-subaccounts.icon-Solid::before { content: "=EE=AC=90"; } .icon-syllabus.icon-Solid::before { content: "=EE=AC=91"; } .icon-table-cell-select-all.icon-Solid::before { content: "=EE=AC=92"; } .icon-table-delete-column.icon-Solid::before { content: "=EE=AC=93"; } .icon-table-delete-row.icon-Solid::before { content: "=EE=AC=94"; } .icon-table-delete-table.icon-Solid::before { content: "=EE=AC=95"; } .icon-table-insert-column-after.icon-Solid::before { content: "=EE=AC=96"; = } .icon-table-insert-column-before.icon-Solid::before { content: "=EE=AC=97";= } .icon-table-insert-row-above.icon-Solid::before { content: "=EE=AC=98"; } .icon-table-insert-row-after.icon-Solid::before { content: "=EE=AC=99"; } .icon-table-left-header.icon-Solid::before { content: "=EE=AC=9A"; } .icon-table-merge-cells.icon-Solid::before { content: "=EE=AC=9B"; } .icon-table-row-properties.icon-Solid::before { content: "=EE=AC=9C"; } .icon-table-split-cells.icon-Solid::before { content: "=EE=AC=9D"; } .icon-table-top-header.icon-Solid::before { content: "=EE=AC=9E"; } .icon-table.icon-Solid::before { content: "=EE=AC=9F"; } .icon-tag.icon-Solid::before { content: "=EE=AC=A0"; } .icon-target.icon-Solid::before { content: "=EE=AC=A1"; } .icon-text-background-color.icon-Solid::before { content: "=EE=AC=A2"; } .icon-text-centered.icon-Solid::before { content: "=EE=AC=A3"; } .icon-text-color.icon-Solid::before { content: "=EE=AC=A4"; } .icon-text-direction-ltr.icon-Solid::before { content: "=EE=AC=A5"; } .icon-text-direction-rtl.icon-Solid::before { content: "=EE=AC=A6"; } .icon-text-end.icon-Solid::before { content: "=EE=AC=A7"; } .icon-text-left.icon-Solid::before { content: "=EE=AC=A8"; } .icon-text-right.icon-Solid::before { content: "=EE=AC=A9"; } .icon-text-start.icon-Solid::before { content: "=EE=AC=AA"; } .icon-text-subscript.icon-Solid::before { content: "=EE=AC=AB"; } .icon-text-superscript.icon-Solid::before { content: "=EE=AC=AC"; } .icon-text.icon-Solid::before { content: "=EE=AC=AD"; } .icon-textarea.icon-Solid::before { content: "=EE=AC=AE"; } .icon-timer.icon-Solid::before { content: "=EE=AC=AF"; } .icon-toggle-end.icon-Solid::before { content: "=EE=AC=B0"; } .icon-toggle-left.icon-Solid::before { content: "=EE=AC=B1"; } .icon-toggle-right.icon-Solid::before { content: "=EE=AC=B2"; } .icon-toggle-start.icon-Solid::before { content: "=EE=AC=B3"; } .icon-trash.icon-Solid::before { content: "=EE=AC=B4"; } .icon-trouble.icon-Solid::before { content: "=EE=AC=B5"; } .icon-twitter-boxed.icon-Solid::before { content: "=EE=AC=B6"; } .icon-twitter.icon-Solid::before { content: "=EE=AC=B7"; } .icon-underline.icon-Solid::before { content: "=EE=AC=B8"; } .icon-unlock.icon-Solid::before { content: "=EE=AC=B9"; } .icon-unmuted.icon-Solid::before { content: "=EE=AC=BA"; } .icon-unpublish.icon-Solid::before { content: "=EE=AC=BB"; } .icon-unpublished.icon-Solid::before { content: "=EE=AC=BC"; } .icon-updown.icon-Solid::before { content: "=EE=AC=BD"; } .icon-upload.icon-Solid::before { content: "=EE=AC=BE"; } .icon-user-add.icon-Solid::before { content: "=EE=AC=BF"; } .icon-user.icon-Solid::before { content: "=EE=AD=80"; } .icon-video-camera-off.icon-Solid::before { content: "=EE=AD=81"; } .icon-video-camera.icon-Solid::before { content: "=EE=AD=82"; } .icon-video.icon-Solid::before { content: "=EE=AD=83"; } .icon-warning-borderless.icon-Solid::before { content: "=EE=AD=84"; } .icon-warning.icon-Solid::before { content: "=EE=AD=85"; } .icon-windows.icon-Solid::before { content: "=EE=AD=86"; } .icon-wordpress.icon-Solid::before { content: "=EE=AD=87"; } .icon-x.icon-Solid::before { content: "=EE=AD=88"; } .icon-zipped.icon-Solid::before { content: "=EE=AD=89"; } .icon-zoom-in.icon-Solid::before { content: "=EE=AD=8A"; } .icon-zoom-out.icon-Solid::before { content: "=EE=AD=8B"; } .unstyled_list { margin: 0px; padding: 0px; list-style: none; } .unstyled_list.wide_spacing { line-height: 1.7em; } .ui-dialog-no-close-button .ui-dialog-titlebar-close { display: none; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;= } .new-and-total-badge .new-items, .new-and-total-badge .total-items { border= -radius: 3px; padding: 0px 5px; font-weight: bold; font-size: 0.6875rem; fl= oat: left; color: white; } .new-and-total-badge .new-items { background-color: var(--ic-brand-primary)= ; margin-right: -3px; padding-right: 8px; } .new-and-total-badge .total-items { background-color: rgb(245, 245, 245); c= olor: gray; } .ReactModal__Overlay { transition: opacity 0.2s ease-out 0s; overflow: hidd= en auto; background: rgba(45, 59, 69, 0.75); z-index: 150; opacity: 0; posi= tion: fixed; inset: 0px; } .ReactModal__Overlay.ReactModal__Overlay--after-open { opacity: 1; } .ReactModal__Content { position: absolute; overflow: auto; border-radius: 4= px; outline: none; padding: 20px; inset: 40px; } .ReactModal__Content.ReactModal__Content--canvas { display: flex; flex-dire= ction: column; align-items: center; justify-content: center; height: 100%; = padding: 6px; } @media only screen and (min-width: 500px) { .ReactModal__Content.ReactModal__Content--canvas { padding: 12px; } } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas { padding: 0px; } } .ReactModal__Content.ReactModal__Content--canvas form { margin: 0px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout { max-= height: 100%; overflow: auto; border-radius: 3px; box-shadow: rgba(45, 59, = 69, 0.95) 0px 1px 4px 1px; } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Layout { wi= dth: 696px; transition: all 0.5s cubic-bezier(0, 1, 0.5, 1) 0s; opacity: 0;= transform: rotateX(60deg) scale(0.8); } } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--aft= er-open .ReactModal__Layout { opacity: 1; transform: rotateX(0deg) scale(1)= ; } } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas.ReactModal__Content--min= i-modal .ReactModal__Layout { max-width: 384px; } } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header { padd= ing: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; displa= y: flex; align-items: center; background: rgb(255, 255, 255); border-bottom= : 1px solid rgb(199, 205, 209); } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header { pa= dding: 12px; } } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header + .Rea= ctModal__Body, .ReactModal__Content.ReactModal__Content--canvas .ReactModal= __Header + * > .ReactModal__Body:first-child { border-top-left-radius: 0px;= border-top-right-radius: 0px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title = { flex: 1 1 0%; overflow: hidden; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Title = * { margin: 0px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Header-Action= s { text-align: right; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body { paddin= g: 12px; background: rgb(255, 255, 255); border-top-left-radius: 3px; borde= r-top-right-radius: 3px; } @media only screen and (min-width: 992px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body { padd= ing: 18px; } } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body:last-chi= ld { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Body.ReactMod= al__Body--force-no-padding { padding: 0px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer { padd= ing: 6px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; = background: rgb(245, 245, 245); border-top: 1px solid rgb(199, 205, 209); } @media only screen and (min-width: 768px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer { pa= dding: 12px; } } @media only screen and (min-width: 500px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer { di= splay: flex; align-items: center; } } @media only screen and (min-width: 500px) { .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Acti= ons { flex: 1 1 0%; display: flex; justify-content: flex-end; } } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Action= s .Button, .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Fo= oter-Actions .ui-button, .ReactModal__Content.ReactModal__Content--canvas .= ReactModal__Footer-Actions .btn { margin-left: 4px; } .ReactModal__Content.ReactModal__Content--canvas .ReactModal__Footer-Action= s .Button:first-of-type, .ReactModal__Content.ReactModal__Content--canvas .= ReactModal__Footer-Actions .ui-button:first-of-type, .ReactModal__Content.R= eactModal__Content--canvas .ReactModal__Footer-Actions .btn:first-of-type {= margin-left: 0px; } .hide-till-hover { opacity: 0; } .touch .hide-till-hover, .hover-container:hover .hide-till-hover, .hover-co= ntainer:focus .hide-till-hover { opacity: 0.6; } .hide-till-hover:focus, .hide-till-hover:hover { opacity: 1 !important; } .dim-till-hover { opacity: 0.6; } .dim-till-hover:hover, .dim-till-hover:focus { opacity: 1; } .screenreader-only, .screenreader-only-tool { border: 0px; clip: rect(0px, = 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; = position: absolute; width: 1px; transform: translateZ(0px); } .screenreader-only-tool { margin-top: 0px; position: relative; clip-path: i= nset(50%); } [class*=3D"content-box"] { clear: both; position: relative; } [class*=3D"content-box"]::before, [class*=3D"content-box"]::after { display= : table; content: ""; line-height: 0; } [class*=3D"content-box"]::after { clear: both; } .content-box { margin: 20px 0px; } .content-box-mini { margin: 10px 0px; } .content-box-micro { margin: 6.66667px 0px; } .pad-box { padding: 20px; } .pad-box-mega { padding: 40px; } .pad-box-mini { padding: 10px; } .pad-box-micro { padding: 5px; } .pad-box.no-sides, .pad-box-mega.no-sides, .pad-box-mini.no-sides, .pad-box= -micro.no-sides { padding-left: 0px; padding-right: 0px; } .pad-box.no-top, .pad-box-mega.no-top, .pad-box-mini.no-top, .pad-box-micro= .no-top { padding-top: 0px; } .pad-box.sides-only, .pad-box-mega.sides-only, .pad-box-mini.sides-only, .p= ad-box-micro.sides-only { padding-top: 0px; padding-bottom: 0px; } .pad-box.top-only, .pad-box-mega.top-only, .pad-box-mini.top-only, .pad-box= -micro.top-only { padding-bottom: 0px; padding-right: 0px; padding-left: 0p= x; } .pad-box.bottom-only, .pad-box-mega.bottom-only, .pad-box-mini.bottom-only,= .pad-box-micro.bottom-only { padding-top: 0px; padding-right: 0px; padding= -left: 0px; } .align-right, .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } .inline-block { display: inline-block; } input[type=3D"text"].loading { background-image: url("/dist/images/ajax-rel= oad-animated-8255e06a8a.gif"); background-repeat: no-repeat; background-pos= ition: 98% center; } .loadingIndicator, .paginatedLoadingIndicator { background-image: url("/dis= t/images/ajax-reload-animated-8255e06a8a.gif"); background-repeat: no-repea= t; background-position: center center; height: 20px; } .hint-text { font-size: 0.75rem; color: var(--ic-brand-font-color-dark-ligh= tened-30); } input + .hint-text { margin-top: -8px; margin-bottom: 10px; } .formtable td:first-child { padding-top: 6px; } .form-dialog { margin-bottom: 0px; padding-bottom: 70px !important; } .form-dialog .form-controls { padding: 10px; margin: 0px; background-color:= rgb(242, 242, 242); border-top: 1px solid rgb(199, 205, 209); text-align: = right; position: absolute; left: 0px; right: 0px; bottom: 0px; } .form-dialog .form-dialog-content { position: absolute; inset: 0px 0px 60px= ; overflow: auto; padding: 20px; } .avatar { width: 50px; height: 50px; border: 2px solid rgb(211, 217, 217); = background-size: cover; background-repeat: no-repeat; background-position: = center center; background-color: white; border-radius: 500px; display: bloc= k; overflow: hidden; } #avatars tr .avatar_state { text-align: center; } .profile-link, .report_avatar_link, .profile_pic_link { overflow: visible; = } .item-group { border: 1px solid rgb(199, 205, 209); padding: 12px; border-r= adius: 0px; background-color: rgb(245, 245, 245); margin-bottom: 12px; } .ig-header .name { color: rgb(61, 69, 76); font-size: 1rem; text-shadow: rg= ba(255, 255, 255, 0.5) 1px 1px 0px; font-weight: bold; } .ig-text { padding-top: 10px; padding-bottom: 10px; } .ig-header { min-height: 30px; padding-top: 6px; padding-bottom: 6px; } .ig-header .ig-header-title { text-decoration: none; font-size: 1rem; font-= weight: bold; line-height: 20px; margin: auto; display: inline-block; flex:= 1 1 auto; } .ig-header .ig-header-title .icon-mini-arrow-down { vertical-align: middle;= } .ig-header .ig-header-title .icon-mini-arrow-right { position: relative; to= p: -1px; vertical-align: middle; } .ig-header .btn { vertical-align: text-bottom; } .ig-list { list-style: none; padding: 0px; margin: 0px; } .ig-list li { margin: 6px 0px; } .ig-row__layout { box-sizing: border-box; display: flex; align-items: cente= r; position: relative; } .ig-info { overflow-wrap: break-word; flex: 1 1 0%; min-width: 1px; margin:= 0px 12px; } @media only screen and (min-width: 992px) { .ig-info { margin-left: 12px; margin-right: 24px; } } .ig-list .ig-row { position: relative; display: block; padding: 12px 6px 12= px 10px; box-sizing: border-box; border-radius: 0px; color: var(--ic-brand-= font-color-dark-lightened-15); border: 1px solid rgb(199, 205, 209); backgr= ound: rgb(255, 255, 255); } .ig-list .ig-row a.ig-title { color: var(--ic-brand-font-color-dark); text-= decoration: none; } .ig-list .ig-row a.ig-title:hover, .ig-list .ig-row a.ig-title:focus { text= -decoration: underline; } .ig-list .ig-row .ellipses { overflow: hidden; white-space: nowrap; text-ov= erflow: ellipsis; } .ig-list .ig-row:hover { background-color: rgb(238, 247, 255); } .ig-list .ig-row:focus { background-color: rgb(238, 247, 255); } .ig-list .ig-row.ig-published:not(.student-view)::before { content: ""; box= -sizing: border-box; position: absolute; top: -1px; left: -1px; width: 0.25= rem; height: calc(100% + 2px); background-color: rgb(0, 172, 24); border-to= p: 1px solid rgb(0, 131, 18); border-bottom: 1px solid rgb(0, 131, 18); } .ig-list .ig-row.ig-published:not(.student-view).student-view .ig-title { c= olor: var(--ic-brand-font-color-dark); } .ig-list .ig-row.ig-row-empty { box-sizing: border-box; height: 36px; line-= height: 36px; padding: 0px; border: 1px solid rgb(199, 205, 209); backgroun= d: rgb(255, 255, 255); } .ig-list .ig-row .ig-empty-msg { text-align: center; color: var(--ic-brand-= font-color-dark-lightened-15); } .ig-type-icon { width: 1.875rem; height: 1.875rem; display: flex; justify-c= ontent: center; align-items: center; } .ig-published:not(.student-view) .ig-type-icon { color: rgb(0, 172, 24); } .ig-handle + .ig-type-icon { margin-left: 9px; } .ig-title { box-sizing: border-box; font-weight: bold; padding-right: 12px;= line-height: 1.3; margin-bottom: 3px; min-width: 1px; } .ig-details { font-size: 0.75rem; box-sizing: border-box; display: flex; fl= ex-wrap: wrap; } .ig-details__item { white-space: nowrap; } .ig-details__item--wrap-text { white-space: normal; } .ig-details__item::after { content: "=C2=A0=C2=A0|=C2=A0=C2=A0"; } .ig-details__item:last-of-type::after { display: none; } .ig-admin { box-sizing: border-box; white-space: nowrap; padding-left: 12px= ; } @media only screen and (min-width: 992px) { .ig-admin { padding-left: 0px; } } .ig-admin .publish-icon, .ig-admin .lock-icon { margin-right: 6px; } .ig-admin .publish-icon i[class*=3D"icon-"]::before, .ig-admin .publish-ico= n i[class^=3D"icon-"]::before, .ig-admin .lock-icon i[class*=3D"icon-"]::be= fore, .ig-admin .lock-icon i[class^=3D"icon-"]::before { font-size: 1.125re= m; } .ig-admin > a { margin-right: 10px; } .ig-admin .mastery-path-icon { margin-right: 10px; padding: 2px 7px; font-s= ize: 0.8em; } .ig-admin .mastery-path-icon i { margin-right: 5px; } .ig-list .icon-drag-handle { color: var(--ic-brand-font-color-dark); } .ig-details [class^=3D"span"] { white-space: nowrap; } [class^=3D"ig-indent"] { margin-left: 60px; } .ig-indent1 { margin-left: 20px; } .ig-indent2 { margin-left: 40px; } .ig-text { color: rgb(61, 69, 76); font-size: 0.9375rem; } .item-group-container { background: rgb(255, 255, 255); padding-bottom: 72p= x; border: 0px; } .item-group-container .item-group-condensed:last-child, .item-group-contain= er .item-group-condensed:last-of-type, .item-group-container .item-group-co= ndensed.last { border-bottom: 0px; } .item-group-container .ig-list li { margin: 0px; } .item-group-condensed { padding: 9px; } .item-group-condensed .ig-header { margin-top: 15px; background-color: rgb(= 245, 245, 245); border: 1px solid rgb(199, 205, 209); padding: 12px 6px; co= lor: var(--ic-brand-font-color-dark); position: relative; display: flex; fl= ex-wrap: wrap; } .item-group-condensed .ig-header .links { float: right; } .item-group-condensed .ig-row { border-top-width: 0px; border-radius: 0px; = background: rgb(255, 255, 255); border-bottom: 1px solid rgb(199, 205, 209)= ; } .item-group-condensed .ig-list li:first-child .ig-row, .item-group-condense= d .ig-list li:first-of-type .ig-row, .item-group-condensed .first_visible .= ig-row { border-top: 0px; } .item-group-condensed .ig-list li:last-child .ig-row.ig-row-empty, .item-gr= oup-condensed .ig-list li:last-of-type .ig-row.ig-row-empty, .item-group-co= ndensed .last_visible .ig-row.ig-row-empty { border-bottom: 1px solid rgb(1= 99, 205, 209); } .item-group-condensed .item-group-expandable { background-color: rgb(255, 2= 55, 255); border-right: 1px solid rgb(199, 205, 209); border-bottom: 1px so= lid rgb(199, 205, 209); border-left: 1px solid rgb(199, 205, 209); border-i= mage: initial; border-top: none; } .item-group-condensed .item-group-expandable .ig-list li { margin: 0px; } .item-group-condensed .item-group-expandable .ig-list li .ig-row { backgrou= nd: none; border: none; border-radius: 0px; } .item-group-condensed .item-group-expandable .ig-list li:last-child .ig-row= , .item-group-condensed .item-group-expandable .ig-list li:last-of-type .ig= -row { box-shadow: none; } .item-group-condensed .item-group-expandable .ig-list li:last-child .ig-sub= list, .item-group-condensed .item-group-expandable .ig-list li:last-of-type= .ig-sublist { border-bottom: none; } .item-group-condensed .item-group-expandable li:not(:last-child) .ig-sublis= t, .item-group-condensed .item-group-expandable li:not(:last-of-type) .ig-s= ublist { box-shadow: rgb(240, 240, 240) 0px 1px 0px inset, rgb(240, 240, 24= 0) 0px -1px 0px inset; } .item-group-condensed .item-group-expandable .ig-button { white-space: nowr= ap; } .item-group-condensed .item-group-expandable .ig-sublist { background-color= : rgb(245, 245, 245); box-shadow: rgb(240, 240, 240) 0px 1px 0px inset; bor= der-top: 1px solid rgb(199, 205, 209); border-bottom: 1px solid rgb(199, 20= 5, 209); } .item-group-condensed .item-group-expandable .ig-sublist ul { list-style: n= one; padding: 0px; margin: 0px; } .item-group-condensed .item-group-expandable .ig-sublist ul li:first-child,= .item-group-condensed .item-group-expandable .ig-sublist ul li:first-of-ty= pe { margin-top: 0px; } .item-group-condensed .item-group-expandable .ig-sublist ul li:last-child .= ig-row, .item-group-condensed .item-group-expandable .ig-sublist ul li:last= -of-type .ig-row { border-bottom: none; } .item-group-condensed .item-group-expandable .ig-sublist ul li .ig-row { bo= x-shadow: none; margin: 0px; border-bottom: 1px dotted rgb(225, 226, 227); = padding-top: 6px; padding-bottom: 6px; padding-left: 30px; } .item-group-condensed .item-group-expandable .ig-sublist ul li .ig-row .ig-= title { color: var(--ic-brand-font-color-dark); } .btn-publish, .btn-published, .btn-unpublish { transition: none 0s ease 0s;= padding-left: 9px; } .btn-publish i, .btn-published i, .btn-unpublish i { margin-right: 4px; ver= tical-align: text-top; line-height: 17px; } .btn-publish i::before, .btn-published i::before, .btn-unpublish i::before = { font-size: 1.125rem; color: inherit; } .btn-published, .btn-published:hover { background: rgb(0, 172, 24); border:= 1px solid rgb(0, 96, 13); color: rgb(255, 255, 255); } .btn-published:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset= ; background: rgb(0, 121, 17); color: rgb(255, 255, 255); } .btn-published.disabled, .btn-published.disabled:hover { border: 1px solid = rgb(37, 111, 30); background: rgb(53, 132, 44); box-shadow: none; color: rg= b(255, 255, 255); } .btn-unpublish { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.25= ) 0px -1px 0px; background-color: rgb(210, 65, 61); background-image: linea= r-gradient(rgb(238, 95, 91), rgb(164, 16, 12)); background-repeat: repeat-x= ; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); = box-shadow: none; } .btn-unpublish:hover, .btn-unpublish:active, .btn-unpublish.active, .btn-un= publish.disabled, .btn-unpublish[disabled] { color: rgb(255, 255, 255); bac= kground-color: rgb(164, 16, 12); } .btn-unpublish:focus { color: rgb(255, 255, 255); background: rgb(164, 16, = 12); text-decoration: none; } .btn-unpublish:focus { box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px inset= ; } .publish-icon { display: inline-block; color: gray; cursor: pointer; border= -radius: 3px; outline: none; padding: 2px 4px; } .publish-icon:focus { box-shadow: inset 0 0 0 2px var(--ic-link-color); } .publish-icon.publish-icon-unpublish { color: gray; } .publish-icon.publish-icon-published { color: rgb(0, 172, 24); } .publish-icon .publish-text { display: none; } .published-status.published { font-weight: bold; color: rgb(0, 172, 24); } .published-status.unpublished { font-weight: normal; color: gray; } .published-status.hiddenState { font-weight: normal; color: rgb(252, 94, 19= ); } .published-status.restricted { font-weight: normal; color: rgb(252, 94, 19)= ; } .lock-icon { outline: transparent solid 0.125rem; display: inline-block; co= lor: gray; cursor: pointer; } .lock-icon:focus { outline-offset: 0px; outline-color: var(--ic-link-color)= ; } .lock-icon.lock-icon-unlocked { color: gray; } .lock-icon.lock-icon-locked { color: var(--ic-brand-primary); } .lock-icon.disabled { color: gray; } .lock-icon.disabled { cursor: default; } .lock-text { display: inline; } .post-to-sis-status { transition: none 0s ease 0s; margin-right: 12px; curs= or: pointer; } .post-to-sis-status input { width: 16px; height: 20px; } .post-to-sis-status.enabled { font-weight: bold; color: rgb(0, 172, 24); } .post-to-sis-status.disabled { font-weight: normal; color: gray; } .pill { display: inline-block; margin: 0px; list-style: none; border-radius= : 1em; border: 1px solid rgba(0, 0, 0, 0.25); box-shadow: rgb(255, 255, 255= ) 0px 1px 0px; } .pill > li { float: left; padding: 0px 10px; border-right: 1px solid rgba(0= , 0, 0, 0.25); font-size: 0.875rem; } .pill > li:first-child { padding-left: 10px; border-radius: 1em 0px 0px 1em= ; } .pill > li:last-child { padding-right: 10px; border-right: none; border-rad= ius: 0px 1em 1em 0px; } .alert { padding: 12px 36px 12px 12px; background-color: rgb(251, 237, 231)= ; border-radius: 6px; color: rgb(209, 70, 4); } .alert h4 { margin: 0px; } .alert .close { position: relative; top: -2px; right: -21px; line-height: 2= 0px; } .alert-success { background-color: rgb(232, 246, 233); color: rgb(0, 138, 1= 9); } .alert-danger, .alert-error { background-color: rgb(252, 232, 231); color: = rgb(238, 6, 18); } .alert-info { background-color: rgb(229, 242, 248); color: rgb(0, 120, 189)= ; } .ic-flash-info, .ic-flash-success, .ic-flash-warning, .ic-flash-error { pos= ition: relative; box-sizing: border-box; padding: 6px 40px 6px 48px; margin= : 0px auto; width: 475px; min-height: 20px; line-height: 1.3; z-index: 2; v= ertical-align: middle; box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 8px; border:= 2px solid; border-radius: 6px; background-color: rgb(255, 255, 255); } .ic-flash-info .close_link, .ic-flash-success .close_link, .ic-flash-warnin= g .close_link, .ic-flash-error .close_link { position: absolute; right: 4px= ; top: 50%; margin-top: -12px; text-decoration: none; } .ic-flash-info.no_close .close_link, .ic-flash-success.no_close .close_link= , .ic-flash-warning.no_close .close_link, .ic-flash-error.no_close .close_l= ink { display: none; } .ic-flash-info .ic-flash__icon, .ic-flash-success .ic-flash__icon, .ic-flas= h-warning .ic-flash__icon, .ic-flash-error .ic-flash__icon { position: abso= lute; top: 0px; left: 0px; width: 36px; height: 100%; display: flex; align-= items: center; justify-content: center; color: rgb(255, 255, 255); } .ic-flash-info .ic-flash__icon i[class*=3D"icon-"]::before, .ic-flash-info = .ic-flash__icon i[class^=3D"icon-"]::before, .ic-flash-success .ic-flash__i= con i[class*=3D"icon-"]::before, .ic-flash-success .ic-flash__icon i[class^= =3D"icon-"]::before, .ic-flash-warning .ic-flash__icon i[class*=3D"icon-"]:= :before, .ic-flash-warning .ic-flash__icon i[class^=3D"icon-"]::before, .ic= -flash-error .ic-flash__icon i[class*=3D"icon-"]::before, .ic-flash-error .= ic-flash__icon i[class^=3D"icon-"]::before { left: -1px; } .ic-flash-info.ic-flash-static, .ic-flash-success.ic-flash-static, .ic-flas= h-warning.ic-flash-static, .ic-flash-error.ic-flash-static { width: auto; b= order-radius: 0px; } .responsive_awareness .ic-flash-info, .ic-flash-success, .ic-flash-warning,= .ic-flash-error { width: auto; min-width: 17rem; max-width: 32rem; } .ic-flash-info { border-color: var(--ic-brand-primary); } .ic-flash-info .ic-flash__icon { background-color: var(--ic-brand-primary);= } .ic-flash-success { border-color: rgb(0, 172, 24); } .ic-flash-success .ic-flash__icon { background-color: rgb(0, 172, 24); } .ic-flash-warning { border-color: rgb(252, 94, 19); } .ic-flash-warning .ic-flash__icon { background-color: rgb(252, 94, 19); } .ic-flash-error { border-color: rgb(238, 6, 18); } .ic-flash-error .ic-flash__icon { background-color: rgb(238, 6, 18); } .ic-flash--Theme-Editor { border-color: rgb(45, 59, 69); text-align: center= ; } .ic-flash--Theme-Editor .ic-flash__icon { background-color: rgb(45, 59, 69)= ; } .ic-flash__headline { margin: 0px; font-weight: bold; } .ic-flash__text { margin: 6px 0px; } .ic-flash__text:first-of-type { margin-top: 0px; } .ic-flash__text:last-child { margin-bottom: 0px; } a.Button--flash { text-decoration: none; } .ic-alert-masquerade-student-view { padding: 6px 12px; box-sizing: border-b= ox; display: flex; align-items: center; background: rgb(191, 50, 164); colo= r: rgb(255, 255, 255); } .ic-alert-masquerade-student-view::after { content: ""; position: fixed; to= p: 0px; left: 0px; width: 100%; height: 3px; background: rgb(191, 50, 164);= } .ic-alert-masquerade-student-view .avatar { width: 36px; height: 36px; } body.is-masquerading-or-student-view { border-right: 3px solid rgb(191, 50,= 164); } body.is-masquerading-or-student-view .ic-app-header { border-left: 3px soli= d rgb(191, 50, 164); } .ic-alert-masquerade-student-view-module { flex: 1 1 0%; padding: 0px 6px; = } .ic-alert-masquerade-student-view-module:first-of-type { padding-left: 0px;= } .ic-alert-masquerade-student-view-module:last-of-type { padding-right: 0px;= } .ic-alert-masquerade-student-view-module:last-of-type.ic-alert-masquerade-s= tudent-view-module--buttons { text-align: right; } .ic-alert-masquerade-student-view-module.ic-alert-masquerade-student-view-m= odule--header { font-weight: bold; } .ic-alert-masquerade-student-view-module.ic-alert-masquerade-student-view-m= odule--description { font-style: italic; font-size: 0.875rem; line-height: = 1.3; } .ic-notification { display: flex; border: 2px solid var(--ic-brand-primary)= ; margin-bottom: 12px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px; border-r= adius: 3px; box-sizing: border-box; } .ic-notification form { margin: 0px; } .ic-notification.ic-notification--success { border-color: rgb(0, 172, 24); = } .ic-notification.ic-notification--success .ic-notification__icon { backgrou= nd: rgb(0, 172, 24); } .ic-notification.ic-notification--alert { border-color: rgb(252, 94, 19); } .ic-notification.ic-notification--alert .ic-notification__icon { background= : rgb(252, 94, 19); } .ic-notification.ic-notification--danger { border-color: rgb(238, 6, 18); } .ic-notification.ic-notification--danger .ic-notification__icon { backgroun= d: rgb(238, 6, 18); } .ic-notification.ic-notification--admin-created .ic-notification__content {= display: flex; } @media only screen and (min-width: 992px) { .ic-notification.ic-notification--admin-created .ic-notification__content= { align-items: flex-start; } } .ic-notification.ic-notification--admin-created .ic-notification__message {= flex: 1 1 0%; } .ic-notification.ic-notification--admin-created .ic-notification__actions {= margin-left: 24px; } @media only screen and (min-width: 992px) { .ic-notification.ic-notification--admin-created .ic-notification__actions= { margin-left: 36px; } } .ic-notification.ic-notification--admin-created .ic-notification__title { d= isplay: block; font-size: 1.125rem; margin: 0px 0px 6px; } .ic-notification__icon { background: var(--ic-brand-primary); flex: 0 0 48p= x; position: relative; display: flex; justify-content: center; align-items:= center; border-top-left-radius: 1px; border-bottom-left-radius: 1px; box-s= izing: border-box; } .ic-notification__icon i[class*=3D"icon-"], .ic-notification__icon i[class^= =3D"icon-"] { line-height: 1; } .ic-notification__icon i[class*=3D"icon-"]::before, .ic-notification__icon = i[class^=3D"icon-"]::before { font-size: 22px; } .ic-notification__icon i[class*=3D"icon-"], .ic-notification__icon i[class^= =3D"icon-"] { color: rgb(255, 255, 255); text-shadow: none; } .ic-notification__title { margin-right: 4px; font-size: 1rem; display: inli= ne; font-weight: bold; } .ic-notification__content { flex: 1 1 0%; padding: 12px; box-sizing: border= -box; background: rgb(255, 255, 255); position: relative; } .ic-notification__message { box-sizing: border-box; } .ic-notification__message p:last-of-type { margin-bottom: 0px; } .ic-notification__actions { box-sizing: border-box; } .ic-notification__admin-actions { position: absolute; right: 12px; top: 12p= x; } .notification_account_content { width: 100%; } .notification_account_content_text { font-size: 0.8em; padding-left: 12px; = line-height: 22px; } .element_toggler { outline: transparent solid 0.125rem; cursor: pointer; } .element_toggler:focus { outline-offset: 0px; outline-color: var(--ic-link-= color); } .ic-Super-toggle__container { box-sizing: border-box; margin: 0px; user-sel= ect: none; } .ic-Super-toggle__input { opacity: 0; position: absolute; top: 0px; left: 0= px; } .ic-Super-toggle__switch { transition: background 0.1s ease 0s, border-colo= r 0.1s ease 0s; position: relative; line-height: 1; background-clip: paddin= g-box; } .ic-Super-toggle__switch::after { transition: all 0.1s ease-in-out 0s; cont= ent: ""; position: absolute; top: 0px; left: 0px; transform: translate3d(0p= x, 0px, 0px); border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 6= px; background-image: url("/dist/images/toggle-handle-139e09819b.svg"); bac= kground-position: 50% 50%; background-repeat: no-repeat; background-size: 2= 0px; } [class^=3D"ic-Super-toggle__option--"] { transition: all 0.2s ease-out 0s; = text-align: center; position: relative; z-index: 1; text-transform: upperca= se; font-weight: bold; line-height: 1; speak: none; box-sizing: border-box;= } [class^=3D"ic-Super-toggle__option--"] i[class*=3D"icon-"], [class^=3D"ic-S= uper-toggle__option--"] i[class^=3D"icon-"] { line-height: 1; } [class^=3D"ic-Super-toggle__option--"] i[class*=3D"icon-"]::before, [class^= =3D"ic-Super-toggle__option--"] i[class^=3D"icon-"]::before { font-size: 18= px; } .ic-Super-toggle__input:checked ~ .ic-Super-toggle__container .ic-Super-tog= gle__switch::after { transform: translate3d(100%, 0px, 0px); } .ic-Super-toggle__input:disabled ~ .ic-Super-toggle__container .ic-Super-to= ggle__switch, .ic-Super-toggle__input:disabled ~ .ic-Super-toggle__containe= r [class^=3D"ic-Super-toggle__option--"] { display: none; } .ic-Super-toggle__input:disabled ~ .ic-Super-toggle__container::before { op= acity: 0.8; content: attr(data-unchecked); } .ic-Super-toggle__input:disabled:checked ~ .ic-Super-toggle__container::bef= ore { content: attr(data-checked); } .ic-Super-toggle--on-off { position: relative; margin-bottom: 0px; } @media only screen and (min-width: 768px) { .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off { displ= ay: flex; align-items: center; flex-wrap: wrap; width: 100%; } .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--on-off .ic-Sup= er-toggle__container { flex: 1 1 0%; } } .ic-Super-toggle--on-off .ic-Super-toggle__switch { width: 60px; height: 30= px; background: rgb(57, 75, 88); border: 2px solid rgb(57, 75, 88); border-= radius: 17px; } .ic-Super-toggle--on-off .ic-Super-toggle__switch::after { background-color= : rgb(255, 255, 255); width: 30px; height: 30px; } .ic-Super-toggle--on-off .ic-Super-toggle__switch::before { content: ""; po= sition: absolute; top: -0.375rem; left: -0.375rem; width: calc(100% + 0.75r= em); height: calc(100% + 0.75rem); box-sizing: border-box; border: 1px soli= d var(--ic-brand-primary); border-radius: 30px; opacity: 0; } .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT { color: rgb(255, 2= 55, 255); } .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT svg > * { fill: rgb= (255, 255, 255); } .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT { color: rgb(255, = 255, 255); } .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT svg > * { fill: rg= b(255, 255, 255); } .ic-Super-toggle--on-off svg { max-width: 15px; max-height: 15px; display: = inline-block; vertical-align: middle; } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__switch { background: rgb(0, 172, 24); border-= color: rgb(0, 172, 24); } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--LEFT { color: rgb(255, 255, 255); } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--LEFT svg > * { fill: rgb(255, 255, 25= 5); } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--RIGHT { color: rgb(255, 255, 255); } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--RIGHT svg > * { fill: rgb(255, 255, 2= 55); } .ic-Super-toggle--on-off .ic-Super-toggle__input:focus ~ .ic-Super-toggle__= container .ic-Super-toggle__switch::before { opacity: 1; } .ic-Super-toggle--on-off .ic-Super-toggle__input:focus:checked ~ .ic-Super-= toggle__container .ic-Super-toggle__switch::before { opacity: 1; } .ic-Super-toggle--on-off .ic-Super-toggle__switch { display: flex; align-it= ems: center; } .ic-Super-toggle--on-off [class^=3D"ic-Super-toggle__option--"] { transitio= n-delay: 0.1s; flex: 0 0 50%; } .ic-Super-toggle--on-off .ic-Super-toggle__option--LEFT { transform: scale(= 0.1); opacity: 0; } .ic-Super-toggle--on-off .ic-Super-toggle__option--RIGHT { transform: scale= (1); opacity: 1; } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--LEFT { transform: scale(1); opacity: = 1; } .ic-Super-toggle--on-off .ic-Super-toggle__input:checked ~ .ic-Super-toggle= __container .ic-Super-toggle__option--RIGHT { transform: scale(0.1); opacit= y: 0; } .ic-Super-toggle--ui-switch { position: relative; margin-bottom: 0px; } @media only screen and (min-width: 768px) { .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch { di= splay: flex; align-items: center; flex-wrap: wrap; width: 100%; } .ic-Form-group.ic-Form-group--horizontal .ic-Super-toggle--ui-switch .ic-= Super-toggle__container { flex: 1 1 0%; } } .ic-Super-toggle--ui-switch .ic-Super-toggle__switch { width: 60px; height:= 30px; background: rgb(45, 59, 69); border: 2px solid rgb(45, 59, 69); bord= er-radius: 17px; } .ic-Super-toggle--ui-switch .ic-Super-toggle__switch::after { background-co= lor: rgb(255, 255, 255); width: 30px; height: 30px; } .ic-Super-toggle--ui-switch .ic-Super-toggle__switch::before { content: "";= position: absolute; top: -0.375rem; left: -0.375rem; width: calc(100% + 0.= 75rem); height: calc(100% + 0.75rem); box-sizing: border-box; border: 1px s= olid var(--ic-brand-primary); border-radius: 30px; opacity: 0; } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT { color: var(--i= c-brand-primary); } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT svg > * { fill: = var(--ic-brand-primary); } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT { color: var(--= ic-brand-font-color-dark-lightened-30); } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT svg > * { fill:= var(--ic-brand-font-color-dark-lightened-30); } .ic-Super-toggle--ui-switch svg { max-width: 15px; max-height: 15px; displa= y: inline-block; vertical-align: middle; } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__switch { background: rgb(45, 59, 69); bord= er-color: rgb(45, 59, 69); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--LEFT { color: var(--ic-brand-font-= color-dark-lightened-30); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--LEFT svg > * { fill: var(--ic-bran= d-font-color-dark-lightened-30); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--RIGHT { color: var(--ic-brand-prim= ary); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--RIGHT svg > * { fill: var(--ic-bra= nd-primary); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus ~ .ic-Super-toggl= e__container .ic-Super-toggle__switch::before { opacity: 1; } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:focus:checked ~ .ic-Sup= er-toggle__container .ic-Super-toggle__switch::before { opacity: 1; } .ic-Super-toggle--ui-switch .ic-Super-toggle__container { display: inline-f= lex; align-items: center; } .ic-Super-toggle--ui-switch .ic-Super-toggle__switch { display: block; } .ic-Super-toggle--ui-switch svg { max-width: 18px; max-height: 18px; } .ic-Super-toggle--ui-switch [class^=3D"ic-Super-toggle__option--"] { min-wi= dth: 24px; } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--LEFT { text-align: le= ft; transform: scale(1.1); } .ic-Super-toggle--ui-switch .ic-Super-toggle__option--RIGHT { text-align: r= ight; transform: scale(0.9); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--LEFT { transform: scale(0.9); } .ic-Super-toggle--ui-switch .ic-Super-toggle__input:checked ~ .ic-Super-tog= gle__container .ic-Super-toggle__option--RIGHT { transform: scale(1.1); } .ic-image-text-combo { display: flex; align-items: center; } .ic-image-text-combo i[class*=3D"icon-"], .ic-image-text-combo i[class^=3D"= icon-"] { line-height: 1; } .ic-image-text-combo i[class*=3D"icon-"]::before, .ic-image-text-combo i[cl= ass^=3D"icon-"]::before { font-size: 18px; } .ic-image-text-combo > * + .ic-image-text-combo__text { margin-left: 12px; = } .ic-image-text-combo__text { flex: 1 1 0%; line-height: 1.2; padding: 0px; = margin: 0px; } @keyframes color-picker-enter {=20 0% { opacity: 0; transform: translate3d(-20%, 0px, 0px); } 100% { opacity: 1; transform: translate3d(0px, 0px, 0px); } } .ColorPicker__Overlay { background-color: transparent; } .ColorPicker__Title { margin: 0px 0px 12px; padding: 0px; line-height: 1.1;= font-size: 1rem; font-weight: bold; } .ColorPicker__Container.with-animation { animation-name: color-picker-enter= ; animation-duration: 0.2s; animation-fill-mode: forwards; animation-timing= -function: ease-out; } .ColorPicker__Container { width: 174px; background: rgb(255, 255, 255); box= -sizing: border-box; padding: 12px; position: relative; } .ColorPicker__Container.with-border { box-shadow: rgba(0, 0, 0, 0.2) 0px 1p= x 8px; border-radius: 3px; border: 1px solid rgb(199, 205, 209); } .ColorPicker__Container.with-arrow::after, .ColorPicker__Container.with-arr= ow::before { right: 100%; top: 24px; border: solid transparent; content: ""= ; height: 0px; width: 0px; position: absolute; pointer-events: none; } .ColorPicker__Container.with-arrow::after { border-color: rgba(255, 255, 25= 5, 0) rgb(255, 255, 255) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); bor= der-width: 11px; margin-top: -11px; } .ColorPicker__Container.with-arrow::before { border-color: rgba(215, 215, 2= 15, 0) rgb(188, 195, 200) rgba(215, 215, 215, 0) rgba(215, 215, 215, 0); bo= rder-width: 12px; margin-top: -12px; } .right > .ColorPicker__Container { transform: translate3d(20%, 0px, 0px); } .right > .ColorPicker__Container::after, .right > .ColorPicker__Container::= before { right: auto; left: 100%; } .right > .ColorPicker__Container::after { border-right-color: rgba(255, 255= , 255, 0); border-left-color: rgb(255, 255, 255); } .right > .ColorPicker__Container::before { border-right-color: rgba(255, 25= 5, 255, 0); border-left-color: rgb(188, 195, 200); } .middle > .ColorPicker__Container::after, .middle > .ColorPicker__Container= ::before { top: 50%; } .ColorPicker__ColorContainer { margin-top: 12px; display: flex; flex-wrap: = wrap; justify-content: space-between; } .ColorPicker__ColorBlock { transition: all 0.2s ease 0s; transform: transla= te3d(0px, 0px, 0px); display: inline-block; width: 24px; height: 24px; marg= in: 0px 7px 7px 0px; padding: 0px; appearance: none; box-shadow: none; text= -align: center; color: rgb(255, 255, 255); border-radius: 3px; border: 2px = solid rgb(199, 205, 209); } .ColorPicker__ColorBlock::before { content: ""; position: absolute; inset: = -4px; border: 1px solid var(--ic-brand-primary); border-radius: 5px; transf= orm: scale(0.01); transition: all 0.2s ease 0s; opacity: 0; } .ColorPicker__ColorBlock:focus { outline: none; } .ColorPicker__ColorBlock:focus::before { opacity: 1; transform: scale(1); } .ColorPicker__ColorBlock:hover, .ColorPicker__ColorBlock:focus { transform:= scale(1.15); } .ColorPicker__ColorBlock i[class*=3D"icon-"]::before, .ColorPicker__ColorBl= ock i[class^=3D"icon-"]::before { vertical-align: text-bottom; } .ColorPicker__ColorBlock:nth-child(5n) { margin-right: 0px; } .ColorPicker__ColorBlock-line { position: absolute; top: 0px; left: 0px; wi= dth: 100%; height: 100%; stroke: red; stroke-width: 1; } .ColorPicker__ColorBlock.with-dark-check i[class*=3D"icon-"], .ColorPicker_= _ColorBlock.with-dark-check i[class^=3D"icon-"] { color: rgb(45, 59, 69); } .ColorPicker__ColorBlock.with-box-shadow:hover { box-shadow: rgba(0, 0, 0, = 0.25) 0px 1px 2px; } .ColorPicker__ColorBlock.with-box-shadow:focus { box-shadow: rgba(0, 0, 0, = 0.25) 0px 1px 2px, rgb(255, 255, 255) 0px 0px 0px 1px inset; outline: none;= } .ColorPicker__CustomInputContainer { margin-top: 5px; display: flex; align-= items: center; } .ColorPicker__ColorPreview { display: flex; justify-content: center; align-= items: center; flex-shrink: 0; width: 24px; height: 24px; border-style: sol= id; border-color: rgb(199, 205, 209); border-radius: 3px; border-width: 1px= ; margin-right: 2px; } .ColorPicker__ColorPreview:focus { outline: none; } .ColorPicker__ColorPreview i[class*=3D"icon-"], .ColorPicker__ColorPreview = i[class^=3D"icon-"] { margin: 0px auto; color: rgb(252, 94, 19); } .ColorPicker__Actions { margin-top: 6px; display: flex; justify-content: fl= ex-end; } body.chrome .ColorPicker__Actions .Button:first-of-type, body.chrome .Color= Picker__Actions .ui-button:first-of-type { margin-left: 1px; } select.ic-Input, textarea.ic-Input, input[type=3D"text"].ic-Input, input[ty= pe=3D"password"].ic-Input, input[type=3D"datetime"].ic-Input, input[type=3D= "datetime-local"].ic-Input, input[type=3D"date"].ic-Input, input[type=3D"mo= nth"].ic-Input, input[type=3D"time"].ic-Input, input[type=3D"week"].ic-Inpu= t, input[type=3D"number"].ic-Input, input[type=3D"email"].ic-Input, input[t= ype=3D"url"].ic-Input, input[type=3D"search"].ic-Input, input[type=3D"tel"]= .ic-Input, input[type=3D"color"].ic-Input, .uneditable-input.ic-Input { wid= th: 100%; height: 38px; display: block; margin-top: 0px; margin-bottom: 0px= ; box-shadow: none; box-sizing: border-box; transition: all 0.2s ease-out 0= s; border-width: 1px; border-style: solid; outline: transparent solid 12px;= outline-offset: -12px; background: rgb(255, 255, 255); padding: 8px 12px; = appearance: none; border-color: rgb(216, 224, 230); } select.ic-Input:focus, textarea.ic-Input:focus, input[type=3D"text"].ic-Inp= ut:focus, input[type=3D"password"].ic-Input:focus, input[type=3D"datetime"]= .ic-Input:focus, input[type=3D"datetime-local"].ic-Input:focus, input[type= =3D"date"].ic-Input:focus, input[type=3D"month"].ic-Input:focus, input[type= =3D"time"].ic-Input:focus, input[type=3D"week"].ic-Input:focus, input[type= =3D"number"].ic-Input:focus, input[type=3D"email"].ic-Input:focus, input[ty= pe=3D"url"].ic-Input:focus, input[type=3D"search"].ic-Input:focus, input[ty= pe=3D"tel"].ic-Input:focus, input[type=3D"color"].ic-Input:focus, .uneditab= le-input.ic-Input:focus { border-color: var(--ic-brand-primary); outline-co= lor: var(--ic-brand-primary-lightened-15); } select.ic-Input:focus, textarea.ic-Input:focus, input[type=3D"text"].ic-Inp= ut:focus, input[type=3D"password"].ic-Input:focus, input[type=3D"datetime"]= .ic-Input:focus, input[type=3D"datetime-local"].ic-Input:focus, input[type= =3D"date"].ic-Input:focus, input[type=3D"month"].ic-Input:focus, input[type= =3D"time"].ic-Input:focus, input[type=3D"week"].ic-Input:focus, input[type= =3D"number"].ic-Input:focus, input[type=3D"email"].ic-Input:focus, input[ty= pe=3D"url"].ic-Input:focus, input[type=3D"search"].ic-Input:focus, input[ty= pe=3D"tel"].ic-Input:focus, input[type=3D"color"].ic-Input:focus, .uneditab= le-input.ic-Input:focus { outline-width: 2px; outline-offset: -2px; } select.ic-Input ~ .ic-Form-message, textarea.ic-Input ~ .ic-Form-message, i= nput[type=3D"text"].ic-Input ~ .ic-Form-message, input[type=3D"password"].i= c-Input ~ .ic-Form-message, input[type=3D"datetime"].ic-Input ~ .ic-Form-me= ssage, input[type=3D"datetime-local"].ic-Input ~ .ic-Form-message, input[ty= pe=3D"date"].ic-Input ~ .ic-Form-message, input[type=3D"month"].ic-Input ~ = .ic-Form-message, input[type=3D"time"].ic-Input ~ .ic-Form-message, input[t= ype=3D"week"].ic-Input ~ .ic-Form-message, input[type=3D"number"].ic-Input = ~ .ic-Form-message, input[type=3D"email"].ic-Input ~ .ic-Form-message, inpu= t[type=3D"url"].ic-Input ~ .ic-Form-message, input[type=3D"search"].ic-Inpu= t ~ .ic-Form-message, input[type=3D"tel"].ic-Input ~ .ic-Form-message, inpu= t[type=3D"color"].ic-Input ~ .ic-Form-message, .uneditable-input.ic-Input ~= .ic-Form-message { transform: translate3d(0px, -4px, 0px); } select.ic-Input:focus ~ .ic-Form-message, textarea.ic-Input:focus ~ .ic-For= m-message, input[type=3D"text"].ic-Input:focus ~ .ic-Form-message, input[ty= pe=3D"password"].ic-Input:focus ~ .ic-Form-message, input[type=3D"datetime"= ].ic-Input:focus ~ .ic-Form-message, input[type=3D"datetime-local"].ic-Inpu= t:focus ~ .ic-Form-message, input[type=3D"date"].ic-Input:focus ~ .ic-Form-= message, input[type=3D"month"].ic-Input:focus ~ .ic-Form-message, input[typ= e=3D"time"].ic-Input:focus ~ .ic-Form-message, input[type=3D"week"].ic-Inpu= t:focus ~ .ic-Form-message, input[type=3D"number"].ic-Input:focus ~ .ic-For= m-message, input[type=3D"email"].ic-Input:focus ~ .ic-Form-message, input[t= ype=3D"url"].ic-Input:focus ~ .ic-Form-message, input[type=3D"search"].ic-I= nput:focus ~ .ic-Form-message, input[type=3D"tel"].ic-Input:focus ~ .ic-For= m-message, input[type=3D"color"].ic-Input:focus ~ .ic-Form-message, .unedit= able-input.ic-Input:focus ~ .ic-Form-message { transform: translate3d(0px, = 6px, 0px); } select.ic-Input[disabled], select.ic-Input[readonly], textarea.ic-Input[dis= abled], textarea.ic-Input[readonly], input[type=3D"text"].ic-Input[disabled= ], input[type=3D"text"].ic-Input[readonly], input[type=3D"password"].ic-Inp= ut[disabled], input[type=3D"password"].ic-Input[readonly], input[type=3D"da= tetime"].ic-Input[disabled], input[type=3D"datetime"].ic-Input[readonly], i= nput[type=3D"datetime-local"].ic-Input[disabled], input[type=3D"datetime-lo= cal"].ic-Input[readonly], input[type=3D"date"].ic-Input[disabled], input[ty= pe=3D"date"].ic-Input[readonly], input[type=3D"month"].ic-Input[disabled], = input[type=3D"month"].ic-Input[readonly], input[type=3D"time"].ic-Input[dis= abled], input[type=3D"time"].ic-Input[readonly], input[type=3D"week"].ic-In= put[disabled], input[type=3D"week"].ic-Input[readonly], input[type=3D"numbe= r"].ic-Input[disabled], input[type=3D"number"].ic-Input[readonly], input[ty= pe=3D"email"].ic-Input[disabled], input[type=3D"email"].ic-Input[readonly],= input[type=3D"url"].ic-Input[disabled], input[type=3D"url"].ic-Input[reado= nly], input[type=3D"search"].ic-Input[disabled], input[type=3D"search"].ic-= Input[readonly], input[type=3D"tel"].ic-Input[disabled], input[type=3D"tel"= ].ic-Input[readonly], input[type=3D"color"].ic-Input[disabled], input[type= =3D"color"].ic-Input[readonly], .uneditable-input.ic-Input[disabled], .uned= itable-input.ic-Input[readonly] { cursor: not-allowed; background-color: rg= b(242, 242, 242); opacity: 0.8; } select.ic-Input.ic-Input--has-error, .ic-Form-control--has-error select.ic-= Input, textarea.ic-Input.ic-Input--has-error, .ic-Form-control--has-error t= extarea.ic-Input, input[type=3D"text"].ic-Input.ic-Input--has-error, .ic-Fo= rm-control--has-error input[type=3D"text"].ic-Input, input[type=3D"password= "].ic-Input.ic-Input--has-error, .ic-Form-control--has-error input[type=3D"= password"].ic-Input, input[type=3D"datetime"].ic-Input.ic-Input--has-error,= .ic-Form-control--has-error input[type=3D"datetime"].ic-Input, input[type= =3D"datetime-local"].ic-Input.ic-Input--has-error, .ic-Form-control--has-er= ror input[type=3D"datetime-local"].ic-Input, input[type=3D"date"].ic-Input.= ic-Input--has-error, .ic-Form-control--has-error input[type=3D"date"].ic-In= put, input[type=3D"month"].ic-Input.ic-Input--has-error, .ic-Form-control--= has-error input[type=3D"month"].ic-Input, input[type=3D"time"].ic-Input.ic-= Input--has-error, .ic-Form-control--has-error input[type=3D"time"].ic-Input= , input[type=3D"week"].ic-Input.ic-Input--has-error, .ic-Form-control--has-= error input[type=3D"week"].ic-Input, input[type=3D"number"].ic-Input.ic-Inp= ut--has-error, .ic-Form-control--has-error input[type=3D"number"].ic-Input,= input[type=3D"email"].ic-Input.ic-Input--has-error, .ic-Form-control--has-= error input[type=3D"email"].ic-Input, input[type=3D"url"].ic-Input.ic-Input= --has-error, .ic-Form-control--has-error input[type=3D"url"].ic-Input, inpu= t[type=3D"search"].ic-Input.ic-Input--has-error, .ic-Form-control--has-erro= r input[type=3D"search"].ic-Input, input[type=3D"tel"].ic-Input.ic-Input--h= as-error, .ic-Form-control--has-error input[type=3D"tel"].ic-Input, input[t= ype=3D"color"].ic-Input.ic-Input--has-error, .ic-Form-control--has-error in= put[type=3D"color"].ic-Input, .uneditable-input.ic-Input.ic-Input--has-erro= r, .ic-Form-control--has-error .uneditable-input.ic-Input { border-color: r= gb(238, 6, 18); } select.ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error sele= ct.ic-Input:focus, textarea.ic-Input.ic-Input--has-error:focus, .ic-Form-co= ntrol--has-error textarea.ic-Input:focus, input[type=3D"text"].ic-Input.ic-= Input--has-error:focus, .ic-Form-control--has-error input[type=3D"text"].ic= -Input:focus, input[type=3D"password"].ic-Input.ic-Input--has-error:focus, = .ic-Form-control--has-error input[type=3D"password"].ic-Input:focus, input[= type=3D"datetime"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--ha= s-error input[type=3D"datetime"].ic-Input:focus, input[type=3D"datetime-loc= al"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[= type=3D"datetime-local"].ic-Input:focus, input[type=3D"date"].ic-Input.ic-I= nput--has-error:focus, .ic-Form-control--has-error input[type=3D"date"].ic-= Input:focus, input[type=3D"month"].ic-Input.ic-Input--has-error:focus, .ic-= Form-control--has-error input[type=3D"month"].ic-Input:focus, input[type=3D= "time"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error inp= ut[type=3D"time"].ic-Input:focus, input[type=3D"week"].ic-Input.ic-Input--h= as-error:focus, .ic-Form-control--has-error input[type=3D"week"].ic-Input:f= ocus, input[type=3D"number"].ic-Input.ic-Input--has-error:focus, .ic-Form-c= ontrol--has-error input[type=3D"number"].ic-Input:focus, input[type=3D"emai= l"].ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[t= ype=3D"email"].ic-Input:focus, input[type=3D"url"].ic-Input.ic-Input--has-e= rror:focus, .ic-Form-control--has-error input[type=3D"url"].ic-Input:focus,= input[type=3D"search"].ic-Input.ic-Input--has-error:focus, .ic-Form-contro= l--has-error input[type=3D"search"].ic-Input:focus, input[type=3D"tel"].ic-= Input.ic-Input--has-error:focus, .ic-Form-control--has-error input[type=3D"= tel"].ic-Input:focus, input[type=3D"color"].ic-Input.ic-Input--has-error:fo= cus, .ic-Form-control--has-error input[type=3D"color"].ic-Input:focus, .une= ditable-input.ic-Input.ic-Input--has-error:focus, .ic-Form-control--has-err= or .uneditable-input.ic-Input:focus { border-color: rgb(238, 6, 18); outlin= e-color: rgba(238, 6, 18, 0.2); } select.ic-Input.ic-Input--has-warning, .ic-Form-control--has-warning select= .ic-Input, textarea.ic-Input.ic-Input--has-warning, .ic-Form-control--has-w= arning textarea.ic-Input, input[type=3D"text"].ic-Input.ic-Input--has-warni= ng, .ic-Form-control--has-warning input[type=3D"text"].ic-Input, input[type= =3D"password"].ic-Input.ic-Input--has-warning, .ic-Form-control--has-warnin= g input[type=3D"password"].ic-Input, input[type=3D"datetime"].ic-Input.ic-I= nput--has-warning, .ic-Form-control--has-warning input[type=3D"datetime"].i= c-Input, input[type=3D"datetime-local"].ic-Input.ic-Input--has-warning, .ic= -Form-control--has-warning input[type=3D"datetime-local"].ic-Input, input[t= ype=3D"date"].ic-Input.ic-Input--has-warning, .ic-Form-control--has-warning= input[type=3D"date"].ic-Input, input[type=3D"month"].ic-Input.ic-Input--ha= s-warning, .ic-Form-control--has-warning input[type=3D"month"].ic-Input, in= put[type=3D"time"].ic-Input.ic-Input--has-warning, .ic-Form-control--has-wa= rning input[type=3D"time"].ic-Input, input[type=3D"week"].ic-Input.ic-Input= --has-warning, .ic-Form-control--has-warning input[type=3D"week"].ic-Input,= input[type=3D"number"].ic-Input.ic-Input--has-warning, .ic-Form-control--h= as-warning input[type=3D"number"].ic-Input, input[type=3D"email"].ic-Input.= ic-Input--has-warning, .ic-Form-control--has-warning input[type=3D"email"].= ic-Input, input[type=3D"url"].ic-Input.ic-Input--has-warning, .ic-Form-cont= rol--has-warning input[type=3D"url"].ic-Input, input[type=3D"search"].ic-In= put.ic-Input--has-warning, .ic-Form-control--has-warning input[type=3D"sear= ch"].ic-Input, input[type=3D"tel"].ic-Input.ic-Input--has-warning, .ic-Form= -control--has-warning input[type=3D"tel"].ic-Input, input[type=3D"color"].i= c-Input.ic-Input--has-warning, .ic-Form-control--has-warning input[type=3D"= color"].ic-Input, .uneditable-input.ic-Input.ic-Input--has-warning, .ic-For= m-control--has-warning .uneditable-input.ic-Input { border-color: rgb(252, = 94, 19); } select.ic-Input.ic-Input--has-warning:focus, .ic-Form-control--has-warning = select.ic-Input:focus, textarea.ic-Input.ic-Input--has-warning:focus, .ic-F= orm-control--has-warning textarea.ic-Input:focus, input[type=3D"text"].ic-I= nput.ic-Input--has-warning:focus, .ic-Form-control--has-warning input[type= =3D"text"].ic-Input:focus, input[type=3D"password"].ic-Input.ic-Input--has-= warning:focus, .ic-Form-control--has-warning input[type=3D"password"].ic-In= put:focus, input[type=3D"datetime"].ic-Input.ic-Input--has-warning:focus, .= ic-Form-control--has-warning input[type=3D"datetime"].ic-Input:focus, input= [type=3D"datetime-local"].ic-Input.ic-Input--has-warning:focus, .ic-Form-co= ntrol--has-warning input[type=3D"datetime-local"].ic-Input:focus, input[typ= e=3D"date"].ic-Input.ic-Input--has-warning:focus, .ic-Form-control--has-war= ning input[type=3D"date"].ic-Input:focus, input[type=3D"month"].ic-Input.ic= -Input--has-warning:focus, .ic-Form-control--has-warning input[type=3D"mont= h"].ic-Input:focus, input[type=3D"time"].ic-Input.ic-Input--has-warning:foc= us, .ic-Form-control--has-warning input[type=3D"time"].ic-Input:focus, inpu= t[type=3D"week"].ic-Input.ic-Input--has-warning:focus, .ic-Form-control--ha= s-warning input[type=3D"week"].ic-Input:focus, input[type=3D"number"].ic-In= put.ic-Input--has-warning:focus, .ic-Form-control--has-warning input[type= =3D"number"].ic-Input:focus, input[type=3D"email"].ic-Input.ic-Input--has-w= arning:focus, .ic-Form-control--has-warning input[type=3D"email"].ic-Input:= focus, input[type=3D"url"].ic-Input.ic-Input--has-warning:focus, .ic-Form-c= ontrol--has-warning input[type=3D"url"].ic-Input:focus, input[type=3D"searc= h"].ic-Input.ic-Input--has-warning:focus, .ic-Form-control--has-warning inp= ut[type=3D"search"].ic-Input:focus, input[type=3D"tel"].ic-Input.ic-Input--= has-warning:focus, .ic-Form-control--has-warning input[type=3D"tel"].ic-Inp= ut:focus, input[type=3D"color"].ic-Input.ic-Input--has-warning:focus, .ic-F= orm-control--has-warning input[type=3D"color"].ic-Input:focus, .uneditable-= input.ic-Input.ic-Input--has-warning:focus, .ic-Form-control--has-warning .= uneditable-input.ic-Input:focus { border-color: rgb(252, 94, 19); outline-c= olor: rgba(252, 94, 19, 0.2); } select.ic-Input.ic-Input--has-success, .ic-Form-control--has-success select= .ic-Input, textarea.ic-Input.ic-Input--has-success, .ic-Form-control--has-s= uccess textarea.ic-Input, input[type=3D"text"].ic-Input.ic-Input--has-succe= ss, .ic-Form-control--has-success input[type=3D"text"].ic-Input, input[type= =3D"password"].ic-Input.ic-Input--has-success, .ic-Form-control--has-succes= s input[type=3D"password"].ic-Input, input[type=3D"datetime"].ic-Input.ic-I= nput--has-success, .ic-Form-control--has-success input[type=3D"datetime"].i= c-Input, input[type=3D"datetime-local"].ic-Input.ic-Input--has-success, .ic= -Form-control--has-success input[type=3D"datetime-local"].ic-Input, input[t= ype=3D"date"].ic-Input.ic-Input--has-success, .ic-Form-control--has-success= input[type=3D"date"].ic-Input, input[type=3D"month"].ic-Input.ic-Input--ha= s-success, .ic-Form-control--has-success input[type=3D"month"].ic-Input, in= put[type=3D"time"].ic-Input.ic-Input--has-success, .ic-Form-control--has-su= ccess input[type=3D"time"].ic-Input, input[type=3D"week"].ic-Input.ic-Input= --has-success, .ic-Form-control--has-success input[type=3D"week"].ic-Input,= input[type=3D"number"].ic-Input.ic-Input--has-success, .ic-Form-control--h= as-success input[type=3D"number"].ic-Input, input[type=3D"email"].ic-Input.= ic-Input--has-success, .ic-Form-control--has-success input[type=3D"email"].= ic-Input, input[type=3D"url"].ic-Input.ic-Input--has-success, .ic-Form-cont= rol--has-success input[type=3D"url"].ic-Input, input[type=3D"search"].ic-In= put.ic-Input--has-success, .ic-Form-control--has-success input[type=3D"sear= ch"].ic-Input, input[type=3D"tel"].ic-Input.ic-Input--has-success, .ic-Form= -control--has-success input[type=3D"tel"].ic-Input, input[type=3D"color"].i= c-Input.ic-Input--has-success, .ic-Form-control--has-success input[type=3D"= color"].ic-Input, .uneditable-input.ic-Input.ic-Input--has-success, .ic-For= m-control--has-success .uneditable-input.ic-Input { border-color: rgb(0, 17= 2, 24); } select.ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success = select.ic-Input:focus, textarea.ic-Input.ic-Input--has-success:focus, .ic-F= orm-control--has-success textarea.ic-Input:focus, input[type=3D"text"].ic-I= nput.ic-Input--has-success:focus, .ic-Form-control--has-success input[type= =3D"text"].ic-Input:focus, input[type=3D"password"].ic-Input.ic-Input--has-= success:focus, .ic-Form-control--has-success input[type=3D"password"].ic-In= put:focus, input[type=3D"datetime"].ic-Input.ic-Input--has-success:focus, .= ic-Form-control--has-success input[type=3D"datetime"].ic-Input:focus, input= [type=3D"datetime-local"].ic-Input.ic-Input--has-success:focus, .ic-Form-co= ntrol--has-success input[type=3D"datetime-local"].ic-Input:focus, input[typ= e=3D"date"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-suc= cess input[type=3D"date"].ic-Input:focus, input[type=3D"month"].ic-Input.ic= -Input--has-success:focus, .ic-Form-control--has-success input[type=3D"mont= h"].ic-Input:focus, input[type=3D"time"].ic-Input.ic-Input--has-success:foc= us, .ic-Form-control--has-success input[type=3D"time"].ic-Input:focus, inpu= t[type=3D"week"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--ha= s-success input[type=3D"week"].ic-Input:focus, input[type=3D"number"].ic-In= put.ic-Input--has-success:focus, .ic-Form-control--has-success input[type= =3D"number"].ic-Input:focus, input[type=3D"email"].ic-Input.ic-Input--has-s= uccess:focus, .ic-Form-control--has-success input[type=3D"email"].ic-Input:= focus, input[type=3D"url"].ic-Input.ic-Input--has-success:focus, .ic-Form-c= ontrol--has-success input[type=3D"url"].ic-Input:focus, input[type=3D"searc= h"].ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success inp= ut[type=3D"search"].ic-Input:focus, input[type=3D"tel"].ic-Input.ic-Input--= has-success:focus, .ic-Form-control--has-success input[type=3D"tel"].ic-Inp= ut:focus, input[type=3D"color"].ic-Input.ic-Input--has-success:focus, .ic-F= orm-control--has-success input[type=3D"color"].ic-Input:focus, .uneditable-= input.ic-Input.ic-Input--has-success:focus, .ic-Form-control--has-success .= uneditable-input.ic-Input:focus { border-color: rgb(0, 172, 24); outline-co= lor: rgba(0, 172, 24, 0.2); } select.ic-Input, input[type=3D"file"].ic-Input { padding: 0px 0px 0px 12px;= } textarea.ic-Input { height: auto; resize: vertical; } select.ic-Input { background-color: rgb(255, 255, 255); background-image: u= rl("/dist/images/forms/ic-icon-arrow-down-0a55c3d1bf.svg"); background-repe= at: no-repeat; background-size: 10px 5.667px; background-position: calc(100= % - 8px) 50%; padding: 0px 24px 0px 12px; } @supports (-ms-accelerator: true) { select.ic-Input { background-color: rgb(255, 255, 255); background-image:= url("/dist/images/forms/ic-icon-arrow-down-0a55c3d1bf.svg"); background-re= peat: no-repeat; background-size: 10px 5.667px; background-position: 99% 50= %; padding: 0px 24px 0px 12px; } } @media only screen and (min-width: 768px) { .ic-Form-group.ic-Form-group--inline { display: flex; align-items: flex-e= nd; } .ic-Form-group.ic-Form-group--inline .ic-Form-actions { margin-top: 0px; = border: none; padding: 0px 0px 0px 12px; background: transparent; } .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-contro= l--checkbox):not(.ic-Form-control--radio), .ic-Form-group.ic-Form-group--in= line .ic-Checkbox-group { flex: 1 1 0%; margin: 0px 6px; } .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-contro= l--checkbox):not(.ic-Form-control--radio):first-child, .ic-Form-group.ic-Fo= rm-group--inline .ic-Checkbox-group:first-child { margin-left: 0px; } .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-contro= l--checkbox):not(.ic-Form-control--radio):last-child, .ic-Form-group.ic-For= m-group--inline .ic-Checkbox-group:last-child { margin-right: 0px; } .ic-Form-group.ic-Form-group--inline .ic-Form-control:not(.ic-Form-contro= l--checkbox):not(.ic-Form-control--radio) .ic-Form-message, .ic-Form-group.= ic-Form-group--inline .ic-Checkbox-group .ic-Form-message { margin-left: 0p= x; } } @media only screen and (min-width: 768px) { .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) { display: flex; flex-wrap:= wrap; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) > .ic-Label { margin-bottom= : 0px; flex: 0 0 192px; padding-right: 24px; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) > .ic-Input, .ic-Form-group= .ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-control--checkbo= x):not(.ic-Form-control--radio) > .ic-Input-group, .ic-Form-group.ic-Form-g= roup--horizontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic= -Form-control--radio) > .ic-Multi-input, .ic-Form-group.ic-Form-group--hori= zontal > .ic-Form-control:not(.ic-Form-control--checkbox):not(.ic-Form-cont= rol--radio) > .ic-Forms-component { flex: 1 1 0%; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) > .ic-Form-message { displa= y: block; margin-left: 0px; width: 100%; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) > .ic-Form-message .ic-Form= -message__Layout { margin-left: 204px; display: inline-flex; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio) > .ic-Form-help-text { padd= ing-left: 192px; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control:not(.ic-Form-= control--checkbox):not(.ic-Form-control--radio):not(.ic-Form-control--top-a= lign-label) { align-items: center; } .ic-Form-group.ic-Form-group--horizontal > .ic-Form-control.ic-Form-contr= ol--top-align-label > .ic-Label { transform: translateY(2px); } .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox {= position: relative; padding-left: 192px; min-height: 30px; } .ic-Form-group.ic-Form-group--horizontal > .ic-Fieldset--radio-checkbox >= .ic-Legend { position: absolute; top: 5px; left: 0px; width: 168px; margin= -bottom: 0px; } } .ic-Form-message { display: inline-block; margin-left: 12px; position: rela= tive; z-index: 1; transition: all 0.2s cubic-bezier(0, 1, 0.5, 1) 0s; box-s= izing: border-box; } .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout { backgrou= nd: rgb(238, 6, 18); } .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout::before { = background: rgb(213, 5, 16); border-right: 1px solid rgb(178, 4, 13); } .ic-Form-message.ic-Form-message--error .ic-Form-message__Layout::after { b= order-bottom-color: rgb(213, 5, 16); } .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout { backgr= ound: rgb(0, 172, 24); } .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout::before = { background: rgb(0, 147, 20); border-right: 1px solid rgb(0, 111, 15); } .ic-Form-message.ic-Form-message--success .ic-Form-message__Layout::after {= border-bottom-color: rgb(0, 147, 20); } .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout { backgr= ound: rgb(252, 94, 19); } .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout::before = { background: rgb(242, 80, 3); border-right: 1px solid rgb(207, 68, 3); } .ic-Form-message.ic-Form-message--warning .ic-Form-message__Layout::after {= border-bottom-color: rgb(242, 80, 3); } .ic-Form-group:not(.ic-Form-group--horizontal) [class^=3D"ic-Super-toggle--= "] + .ic-Form-message { display: block; margin-left: 0px; } .ic-Form-group:not(.ic-Form-group--horizontal) [class^=3D"ic-Super-toggle--= "] + .ic-Form-message .ic-Form-message__Layout { display: inline-flex; } .ic-Input-group + .ic-Form-message { margin-left: 0px; } .ic-Form-message__Layout { position: relative; display: flex; align-items: = center; padding: 8px 8px 8px 0px; font-size: 0.875rem; line-height: 1.2; co= lor: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px; box-si= zing: border-box; } .ic-Form-message__Layout::before { content: ""; width: 32px; height: 100%; = position: absolute; left: 0px; top: 0px; box-sizing: border-box; } .ic-Form-message__Layout::after { bottom: 100%; left: 16px; border: 6px sol= id rgba(255, 255, 255, 0); content: ""; height: 0px; width: 0px; position: = absolute; pointer-events: none; margin-left: -6px; box-sizing: border-box; = } .ic-Form-message__Layout a { color: rgb(255, 255, 255); text-decoration: un= derline; } .ic-Form-message__Layout a:hover, .ic-Form-message__Layout a:focus { color:= rgb(255, 255, 255); text-decoration: none; } .ic-Form-message__Layout i[class*=3D"icon-"], .ic-Form-message__Layout i[cl= ass^=3D"icon-"] { width: 32px; height: auto; flex: 0 0 32px; line-height: 1= ; margin-right: 8px; box-sizing: border-box; display: flex; justify-content= : center; align-items: center; } form.ic-Form-group { margin: 0px; } .ic-Form-control { box-sizing: border-box; margin-bottom: 18px; position: r= elative; display: block; } .ic-Form-control .ic-Form-control--radio { margin-bottom: 0px; } .ic-Form-control.ic-Form-control--checkbox-inline, .ic-Form-control.ic-Form= -control--radio-inline { display: flex; flex-wrap: wrap; align-items: cente= r; } .ic-Form-control.ic-Form-control--checkbox-inline .ic-Form-message__Layout:= :after, .ic-Form-control.ic-Form-control--radio-inline .ic-Form-message__La= yout::after { display: none; } .ic-Form-control.ic-Form-control--checkbox-inline.ic-Form-control--checkbox= , .ic-Form-control.ic-Form-control--checkbox-inline .ic-Radio, .ic-Form-con= trol.ic-Form-control--radio-inline.ic-Form-control--checkbox, .ic-Form-cont= rol.ic-Form-control--radio-inline .ic-Radio { padding-right: 18px; } .ic-Form-control.ic-Form-control--has-error .ic-Label, .ic-Form-control.ic-= Form-control--has-error .ic-Input-group__add-on { color: rgb(238, 6, 18); } .ic-Form-control.ic-Form-control--has-warning .ic-Label, .ic-Form-control.i= c-Form-control--has-warning .ic-Input-group__add-on { color: rgb(252, 94, 1= 9); } .ic-Form-control.ic-Form-control--has-success .ic-Label, .ic-Form-control.i= c-Form-control--has-success .ic-Input-group__add-on { color: rgb(0, 172, 24= ); } @media only screen and (min-width: 500px) { .ic-Multi-input { display: flex; align-items: center; } .ic-Multi-input > .ic-Input, .ic-Multi-input > .ic-Input-group { margin: = 0px 4px; flex: 1 1 0%; } .ic-Multi-input > .ic-Input:first-child, .ic-Multi-input > .ic-Input-grou= p:first-child { margin-left: 0px; } .ic-Multi-input > .ic-Input:last-child, .ic-Multi-input > .ic-Input-group= :last-child { margin-right: 0px; } } .ic-Label { box-sizing: border-box; user-select: none; margin: 0px 0px 6px;= display: block; line-height: 1.3; font-weight: bold; font-size: 1rem; } .ic-Form-actions { box-sizing: border-box; margin-top: 12px; border: 1px so= lid rgb(199, 205, 209); padding: 12px; text-align: right; background: rgb(2= 47, 247, 247); white-space: nowrap; } .ic-Fieldset { box-sizing: border-box; margin: 0px 0px 18px; padding: 0px; = border: none; width: 100%; } .ic-Fieldset.ic-Fieldset--radio-checkbox { margin-bottom: 21px; } .ic-Fieldset.ic-Fieldset--radio-checkbox .ic-Legend { margin-bottom: 6px; f= ont-weight: bold; font-size: 1rem; border-bottom: none; padding-bottom: 0px= ; } .ic-Fieldset.ic-Fieldset--radio-checkbox .ic-Form-control--radio { margin-b= ottom: 0px; } .ic-Legend { box-sizing: border-box; width: 100%; border-top: none; border-= right: none; border-left: none; border-image: initial; padding: 0px 0px 6px= ; margin: 0px 0px 24px; font-size: 1.125rem; line-height: 1.3; color: var(-= -ic-brand-font-color-dark); border-bottom: 1px solid rgb(199, 205, 209); } .ic-Radio { overflow: hidden; position: relative; box-sizing: border-box; } .ic-Radio .ic-Label { margin: 0px; position: relative; z-index: 1; padding:= 4px 0px 4px 22px; font-weight: normal; display: inline-block; } .ic-Radio .ic-Label::before { transition: all 0.2s ease-out 0s; content: ""= ; box-sizing: border-box; border-radius: 100%; width: 16px; height: 16px; b= order: 1px solid rgb(216, 224, 230); position: absolute; top: 5px; left: 0p= x; background: rgb(255, 255, 255); } .ic-Radio ~ .ic-Form-message { margin-left: 22px; } .ic-Radio input[type=3D"radio"] { opacity: 0; position: absolute; top: 0px;= left: 0px; } .ic-Radio input[type=3D"radio"] ~ .ic-Label { vertical-align: baseline; } .ic-Radio input[type=3D"radio"]:not([disabled]):hover ~ .ic-Label::before {= border-color: var(--ic-brand-primary); } .ic-Radio input[type=3D"radio"]:checked ~ .ic-Label::before { border-color:= var(--ic-brand-primary); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px in= set; background: var(--ic-brand-primary); } .ic-Radio input[type=3D"radio"]:focus ~ .ic-Label::before { box-shadow: ins= et 0 0 0 2px var(--ic-brand-primary-lightened-15),inset 0 0 0 4px #fff; bac= kground: var(--ic-brand-primary); } .ic-Radio input[type=3D"radio"][disabled] ~ .ic-Label { opacity: 0.5; curso= r: not-allowed; pointer-events: none; } .ic-Radio.ic-Radio--icon-only { height: 2.75rem; } .ic-Radio.ic-Radio--icon-only .ic-Label { transition: all 0.2s ease 0s; pad= ding: 0.5rem; background-color: rgb(255, 255, 255); border: 2px solid trans= parent; border-radius: 4px; color: var(--ic-brand-font-color-dark); } .ic-Radio.ic-Radio--icon-only .ic-Label:hover { border-color: rgb(199, 205,= 209); } .ic-Radio.ic-Radio--icon-only .ic-Label::before { display: none; } .ic-Radio.ic-Radio--icon-only .ic-Label > svg { display: block; width: 1.5r= em; height: 1.5rem; } .ic-Radio.ic-Radio--icon-only input[type=3D"radio"]:checked ~ .ic-Label { b= order-color: var(--ic-brand-primary); color: var(--ic-brand-primary); } .ic-Radio.ic-Radio--icon-only input[type=3D"radio"]:focus ~ .ic-Label { box= -shadow: inset 0 0 0 3px var(--ic-brand-primary-lightened-15); } @media only screen and (min-width: 768px) { .ic-Checkbox-group.ic-Checkbox-group--inline { display: flex; flex-wrap: = wrap; } .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-control.ic-Form-con= trol--checkbox { margin-right: 18px; } .ic-Checkbox-group.ic-Checkbox-group--inline .ic-Form-message { display: = block; } } .ic-Form-control.ic-Form-control--checkbox { line-height: 1; margin-bottom:= 0px; } .ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-error .ic-L= abel, .ic-Form-control.ic-Form-control--checkbox.ic-Form-control--has-succe= ss .ic-Label, .ic-Form-control.ic-Form-control--checkbox.ic-Form-control--h= as-warning .ic-Label { display: block; } .ic-Form-control.ic-Form-control--checkbox .ic-Label { margin-bottom: 0px; = position: relative; z-index: 1; padding: 4px 0px 4px 22px; font-weight: nor= mal; display: inline-block; } .ic-Form-control.ic-Form-control--checkbox .ic-Label::before { content: "";= transition: border-color 0.2s ease-out 0s, outline-offset 0.2s ease-out 0s= , outline-color 0.2s ease-out 0s; box-sizing: border-box; position: absolut= e; top: 5px; left: 0px; width: 16px; height: 16px; border-radius: 3px; back= ground: url("/dist/images/forms/ic-checkbox-bg-0a15011a47.svg") center bott= om / 16px 48px no-repeat rgb(255, 255, 255); border: 1px solid rgb(216, 224= , 230); outline: transparent solid 2px; outline-offset: -12px; } .ic-Form-control.ic-Form-control--checkbox .ic-Form-message { margin-left: = 22px; vertical-align: middle; } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"] { margi= n: 0px; opacity: 0; position: absolute; top: 0px; left: 0px; } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"]:not([di= sabled]):hover ~ .ic-Label::before { border-color: var(--ic-brand-primary);= } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"]:focus ~= .ic-Label::before { border-color: var(--ic-brand-primary); outline-offset:= -3px; outline-color: var(--ic-brand-primary-lightened-15); } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"]:checked= ~ .ic-Label::before { background-color: var(--ic-brand-primary); backgroun= d-position: center -1px; border-color: var(--ic-brand-primary); } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"]:checked= :focus ~ .ic-Label::before { outline-color: rgba(255, 255, 255, 0.35); } .ic-Form-control.ic-Form-control--checkbox input[type=3D"checkbox"][disable= d] ~ .ic-Label { opacity: 0.5; cursor: not-allowed; pointer-events: none; } .ic-Input-group { display: flex; box-sizing: border-box; } .ic-Action-header__Primary .ic-Input-group { flex: 1 1 0%; } .ic-Input-group .ic-Input { width: auto; flex: 1 1 0%; } .ic-Input-group .ic-Input:not(:first-child) { border-top-left-radius: 0px; = border-bottom-left-radius: 0px; } .ic-Input-group .ic-Input:not(:last-child) { border-top-right-radius: 0px; = border-bottom-right-radius: 0px; } .ic-Input-group .Button:first-child, .ic-Input-group .ui-button:first-child= { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .ic-Input-group .Button:first-child:not(.Button--primary):not(.Button--seco= ndary):not(.Button--success):not(.Button--warning):not(.Button--danger), .i= c-Input-group .ui-button:first-child:not(.Button--primary):not(.Button--sec= ondary):not(.Button--success):not(.Button--warning):not(.Button--danger) { = border-right: none; } .ic-Input-group .Button:last-child, .ic-Input-group .ui-button:last-child {= border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .ic-Input-group .Button:last-child:not(.Button--primary):not(.Button--secon= dary):not(.Button--success):not(.Button--warning):not(.Button--danger), .ic= -Input-group .ui-button:last-child:not(.Button--primary):not(.Button--secon= dary):not(.Button--success):not(.Button--warning):not(.Button--danger) { bo= rder-left: none; } .ic-Input-group .ic-Input-group__add-on, .ic-Input-group .ic-Label { height= : 38px; background: rgb(255, 255, 255); border: 1px solid rgb(216, 224, 230= ); display: flex; align-items: center; padding: 6px 8px; } .ic-Input-group .ic-Input-group__add-on:first-child, .ic-Input-group .ic-La= bel:first-child { border-right: none; border-top-left-radius: 3px; border-b= ottom-left-radius: 3px; } .ic-Input-group .ic-Input-group__add-on:last-child, .ic-Input-group .ic-Lab= el:last-child { border-left: none; border-top-right-radius: 3px; border-bot= tom-right-radius: 3px; } .ic-Input-group .ic-Input-group__add-on { color: var(--ic-brand-font-color-= dark-lightened-15); box-sizing: border-box; } .ic-Input-group .ic-Label { margin-bottom: 0px; } .ic-Action-header { margin-bottom: 24px; box-sizing: border-box; display: f= lex; flex-direction: column; justify-content: start; } .ic-Action-header.ic-Action-header--before-item-groups { margin-bottom: 0px= ; padding-bottom: 12px; border-bottom: 1px solid rgb(199, 205, 209); } @media only screen and (min-width: 768px) { .ic-Action-header { align-items: center; box-sizing: border-box; flex-dir= ection: row; justify-content: space-between; } .ic-Action-header .ic-Action-header__Primary { flex-grow: 1; margin-botto= m: 0px; box-sizing: border-box; } .ic-Action-header .ic-Action-header__Secondary { box-sizing: border-box; = text-align: right; } .ic-Action-header .ic-Action-header__Secondary--auto { flex: 0 0 auto; } .ic-Action-header .ic-Action-header__Secondary > .Button, .ic-Action-head= er .ic-Action-header__Secondary > .ui-button, .ic-Action-header .ic-Action-= header__Secondary > .btn, .ic-Action-header .ic-Action-header__Secondary > = .ui-button { margin-left: 3px; } .ic-Action-header .ic-Action-header__Primary + .ic-Action-header__Seconda= ry { padding-left: 24px; } } .ic-Action-header__Heading { margin: 0px; word-break: break-all; } .ic-Action-header__Primary { margin-bottom: 6px; } .ic-Form-action-box { display: flex; align-items: flex-start; box-sizing: b= order-box; margin-bottom: 24px; } @media only screen and (min-width: 992px) { .ic-Form-action-box { margin-bottom: 12px; } } .ic-Form-action-box .ic-Form-control { margin-bottom: 6px; } @media only screen and (min-width: 992px) { .ic-Form-action-box .ic-Form-control { margin: 0px 4px; flex: 1 1 0%; } .ic-Form-action-box .ic-Form-control:first-child { margin-left: 0px; } .ic-Form-action-box .ic-Form-control:last-of-type { margin-right: 0px; } } .ic-Form-action-box__Form { flex: 1 1 0%; box-sizing: border-box; } @media only screen and (min-width: 992px) { .ic-Form-action-box__Form { display: flex; align-items: center; } } .ic-Form-action-box__Actions { box-sizing: border-box; } @media only screen and (min-width: 992px) { .ic-Form-action-box__Actions { padding-left: 48px; } } .ic-Form-help-text { font-size: 0.75rem; display: block; margin-top: 6px; c= olor: var(--ic-brand-font-color-dark-lightened-15); width: 100%; line-heigh= t: 1.5; } .ic-badge { font-size: 0.6875rem; min-width: 20px; line-height: 20px; borde= r-radius: 10px; background: var(--ic-brand-primary); color: rgb(255, 255, 2= 55); display: inline-block; vertical-align: middle; text-align: center; box= -sizing: border-box; padding: 0px 6px; } .ic-badge.ic-badge--neutral { background: rgb(245, 245, 245); color: var(--= ic-brand-font-color-dark); } .ic-badge.ic-badge--success { background: rgb(0, 172, 24); } .ic-badge.ic-badge--alert { background: rgb(252, 94, 19); } .ic-badge.ic-badge--danger { background: rgb(238, 6, 18); } body { min-height: 100vh; background: rgb(255, 255, 255); font-weight: 300;= } body.no-headers #header, body.no-headers #topbar, body.no-headers #left-sid= e, body.no-headers #breadcrumbs, body.embedded #header, body.embedded #topb= ar, body.embedded #left-side, body.embedded #breadcrumbs { display: none !i= mportant; } body.no-headers .ic-app-nav-toggle-and-crumbs, body.embedded .ic-app-nav-to= ggle-and-crumbs { display: none; } body.no-headers #footer, body.embedded #footer { display: none; } body.embedded #application { height: 100%; } body.embedded h2, body.embedded .h2 { border: 1px solid rgb(199, 205, 209);= background: rgb(245, 245, 245); font-size: 1rem; font-weight: bold; margin= : -0.95em -0.95em 1em; padding: 0.4em 1em; line-height: 20px; } body.embedded.no-headers h2, body.embedded.no-headers .h2 { display: none; = } body.embedded #modal-box { background: rgb(255, 255, 255) !important; color= : var(--ic-brand-font-color-dark) !important; height: auto !important; } .scripts-not-loaded a:not([href]), .scripts-not-loaded a[href=3D"#"], .scri= pts-not-loaded button:not([type]) { visibility: hidden !important; } .with-left-side #left-side { display: block; overflow: visible; z-index: 11= ; } .with-right-side #right-side-wrapper { display: block; } #footer .footer-logo { background-color: transparent; background-image: url= ("/dist/images/footer-logo-878a92a06f.png"); background-repeat: no-repeat; = background-position: left top; display: inline-block; height: 16px; margin:= 0px 20px 0px 0px; width: 114px; } @media not all, (-webkit-min-device-pixel-ratio: 1.5), not all, (min-resolu= tion: 1.5dppx) { #footer .footer-logo { background-image: url("/dist/images/footer-logo@2x= -d9c97a05a2.png"); background-size: 114px 16px; } } div.content_notice { margin: 12px 12px 6px; } div.content_notice div { display: inline-block; } div.content_notice i { padding-right: 8px; } .tool_content_wrapper.custom_height[style] { height: 100% !important; } .before_external_content_info_alert:focus, .after_external_content_info_ale= rt:focus { margin: 20px 0px; outline: none; } iframe.info_alert_outline { border: 2px solid rgb(0, 142, 226) !important; = } iframe.tool_launch { min-height: 450px; width: 100%; height: 100%; border: = none; max-width: 100%; } #assignment_external_tools iframe.tool_launch { display: block; } #assignment_external_tools iframe.tool_launch:not(:first-of-type) { margin-= top: 10px; } #skip_navigation_link { padding: 4px 8px; background-image: ; background-po= sition-x: ; background-position-y: ; background-size: ; background-repeat-x= : ; background-repeat-y: ; background-attachment: ; background-origin: ; ba= ckground-color: ; background-clip: border-box; text-align: center; color: r= gb(255, 255, 255); text-decoration: none; border-radius: 4px; border: 1px d= ashed rgba(255, 255, 255, 0.8); position: absolute; left: -10000px; top: au= to; width: 1px; height: 1px; overflow: hidden; } #skip_navigation_link:focus { color: rgb(255, 255, 255); } #skip_navigation_link:focus { text-decoration: underline; } #skip_navigation_link:focus { left: 0px; top: 0px; width: auto; height: aut= o; z-index: 1; outline: none; } #skip_navigation_link:focus + .ic-app-header__main-navigation { margin-top:= 50px; } @media (max-width: 767px) { #left-side, #header, .ic-app-nav-toggle-and-crumbs { display: none !impor= tant; } } body:not(.ic-no-flex-layout):not(.embedded) .ic-app-main-content { box-sizi= ng: border-box; flex: 1 1 0%; min-width: 1px; } .ic-Layout-contentWrapper { box-sizing: border-box; } .ic-Layout-contentMain { padding: 24px; } @media (max-width: 767px) { .ic-Layout-contentMain { padding-left: 12px; padding-right: 12px; } } body.is-inside-submission-frame .ic-Layout-contentMain { padding-left: 12px= ; padding-right: 12px; } body.no-headers .ic-Layout-contentMain { padding-top: 0px; } body.embedded .ic-Layout-contentMain { padding: 0px 1em 1em; } body.ic-framed-lti-tool .ic-Layout-contentMain { padding: 0px 24px; } body.ic-full-screen-lti-tool .ic-Layout-contentMain { padding: 0px; } .ic-app-main-content__secondary { box-sizing: border-box; min-width: 1px; p= adding: 24px; position: relative; transform: translate3d(0px, 0px, 0px); } @media (max-width: 767px) { .ic-app-main-content__secondary { padding-left: 12px; padding-right: 12px= ; } } @media only screen and (min-width: 1140px) { body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-app-= main-content { display: flex; } } @media only screen and (min-width: 1140px) { body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded) .ic-Layo= ut-contentWrapper { flex: 1 1 0%; min-width: 1px; } } @media only screen and (min-width: 1140px) { body.course-menu-expanded .ic-app-main-content__secondary { width: 288px;= padding-left: 24px; } } @media only screen and (min-width: 992px) { body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .i= c-app-main-content { display: flex; } } @media only screen and (min-width: 992px) { body:not(.course-menu-expanded):not(.ic-no-flex-layout):not(.embedded) .i= c-Layout-contentWrapper { flex: 1 1 0%; min-width: 1px; } } @media only screen and (min-width: 992px) { body:not(.course-menu-expanded) .ic-app-main-content__secondary { width: = 288px; padding-left: 24px; } } .ic-app-footer { box-sizing: border-box; padding: 12px 0px; margin: 0px 24p= x; border-top: 1px solid rgb(199, 205, 209); } .ic-app-footer .terms-of-service__link { margin-top: -2px !important; color= : var(--ic-brand-font-color-dark-lightened-15) !important; } .ic-app-footer .terms-of-service__link a { outline: transparent solid 0.125= rem; } .ic-app-footer .terms-of-service__link a:focus { outline-offset: 0px; outli= ne-color: var(--ic-link-color); } @media only screen and (min-width: 992px) { .ic-app-footer { display: flex; align-items: center; } } body.modal .ic-app-footer { margin: 0px; padding: 12px 24px; } .ic-app-footer__links { flex: 1 1 0%; display: flex; } .ic-app-footer__links a { color: var(--ic-brand-font-color-dark-lightened-1= 5); margin-right: 12px; font-size: 0.875rem; } @media only screen and (min-width: 992px) { .ic-app-footer__links { justify-content: flex-end; } .ic-app-footer__links a { margin-right: 0px; margin-left: 12px; } } @media (max-width: 767px) { body.responsive_awareness .ic-app-footer__links a { display: inline-block= ; width: 100%; } } @media (max-width: 767px) { body.responsive_awareness .ic-app-footer__links { display: block; } } .ic-app { box-sizing: border-box; min-height: 100vh; } .ic-Layout-wrapper { box-sizing: border-box; min-height: 100vh; } body:not(.full-width):not(.outcomes):not(.body--login-confirmation) .ic-Lay= out-wrapper { max-width: 1366px; } body:not(.ic-no-flex-layout):not(.embedded) .ic-Layout-wrapper { display: f= lex; flex-direction: column; } @media (min-width: 768px) { body:not(.no-headers) .ic-Layout-wrapper { margin-left: 54px; } body:not(.no-headers).primary-nav-expanded .ic-Layout-wrapper { margin-le= ft: 84px; } } body.embedded .ic-Layout-wrapper { height: 100%; } .ic-Layout-columns { position: relative; box-sizing: border-box; z-index: 1= 0; } body:not(.ic-no-flex-layout):not(.embedded):not(.is-inside-submission-frame= ) .ic-Layout-columns { flex: 1 0 auto; min-width: 1px; } @media (min-width: 768px) { body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-= inside-submission-frame) .ic-Layout-columns { margin-left: 192px; } body.course-menu-expanded:not(.ic-no-flex-layout):not(.embedded):not(.is-= inside-submission-frame) .ic-Layout-columns .ic-Layout-watermark { left: -1= 92px; } } body.ic-no-flex-layout .ic-Layout-columns { min-height: 100vh; } body.no-headers .ic-Layout-columns, body.embedded .ic-Layout-columns { marg= in: 0px; border: 0px none; background-color: transparent; } body.embedded .ic-Layout-columns { min-height: 0px; height: 100%; } .ic-Layout-watermark { position: absolute; left: 0px; bottom: 0px; z-index:= -1; width: 100%; height: 100%; opacity: var(--ic-brand-watermark-opacity);= background-image: var(--ic-brand-watermark); background-repeat: no-repeat;= background-position: left bottom; } .ic-app-course-menu { transition: transform 1s ease-in-out 0.75s; transform= : translate3d(0px, 0px, 0px); box-sizing: border-box; position: absolute; t= op: 0px; right: 99.9999%; width: 192px; padding: 24px 12px 12px 24px; opaci= ty: 0; } body.course-menu-expanded .ic-app-course-menu { opacity: 1; transform: tran= slate3d(0px, 0px, 0px); } .ic-app-course-menu #section-tabs-header-subtitle { padding: 0px 0px 12px 1= 2px; } .ic-app-nav-toggle-and-crumbs { display: flex; align-items: center; border-= bottom: 1px solid rgb(199, 205, 209); margin: 0px 24px; min-height: 4.5rem;= box-sizing: border-box; } .ic-app-course-nav-toggle { margin-right: 12px; padding: 0px; width: 36px; = height: 30px; } .ic-app-course-nav-toggle i[class*=3D"icon-"], .ic-app-course-nav-toggle i[= class^=3D"icon-"] { line-height: 1; } .ic-app-course-nav-toggle i[class*=3D"icon-"]::before, .ic-app-course-nav-t= oggle i[class^=3D"icon-"]::before { font-size: 1.5rem; } .ic-app-course-nav-toggle i[class*=3D"icon-"], .ic-app-course-nav-toggle i[= class^=3D"icon-"] { margin-right: 0px; } .ic-app-crumbs { flex: 1 1 0%; display: flex; align-items: center; box-sizi= ng: border-box; } @media (min-width: 768px) { .tray-with-space-for-global-nav { margin-left: 54px; } body.primary-nav-expanded .tray-with-space-for-global-nav { margin-left: = 84px; } .navigation-tray-container { min-height: 100vh; } } .ic-app-header { box-sizing: border-box; position: fixed; top: 0px; left: 0= px; height: 100%; display: flex; flex-direction: column; width: 54px; z-ind= ex: 100; background-color: var(--ic-brand-global-nav-bgd); } .ic-app-header__main-navigation { box-sizing: border-box; flex: 1 0 auto; } .ic-app-header__secondary-navigation { box-sizing: border-box; position: ab= solute; left: 0px; bottom: 0px; z-index: 1; width: 100%; } .ic-app-header__menu-list { margin: 0px; padding: 0px; list-style: none; } .ic-app-header__menu-list li { margin: 0px; padding: 0px; } .ic-app-header__menu-list-item { box-sizing: border-box; } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-ap= p-header__menu-list-link { background: rgb(255, 255, 255); } body:not(.primary-nav-expanded) .ic-app-header__menu-list-item.ic-app-heade= r__menu-list-item--active .ic-app-header__menu-list-link:hover .menu-item__= text, body:not(.primary-nav-expanded) .ic-app-header__menu-list-item.ic-app= -header__menu-list-item--active .ic-app-header__menu-list-link:focus .menu-= item__text { transition: none 0s ease 0s; transform: none; opacity: 0; } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-ap= p-header__menu-list-link:focus { box-shadow: inset 0 0 0 1px var(--ic-brand= -global-nav-bgd),inset 0 0 0 2px var(--ic-brand-global-nav-menu-item__text-= color--active); } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-ic= on-svg { fill: var(--ic-brand-global-nav-ic-icon-svg-fill--active); } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-av= atar { border-color: rgb(199, 205, 209); } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .ic-av= atar.ic-avatar--fake-student { border-color: rgb(191, 50, 164); } .ic-app-header__menu-list-item.ic-app-header__menu-list-item--active .menu-= item-icon-container { color: var(--ic-brand-global-nav-ic-icon-svg-fill--ac= tive); } .ic-app-header__menu-list-link { box-sizing: border-box; transition: backgr= ound-color 0.3s ease 0s, padding 0.3s ease 0s; position: relative; text-ali= gn: center; display: block; color: var(--ic-brand-global-nav-menu-item__tex= t-color); border-style: none; } .ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-togg= le) { padding: 0.25rem 0px; } @media only screen and (min-height: 400px) { .ic-app-header__menu-list-link:not(.ic-app-header__menu-list-link--nav-to= ggle) { padding: 0.4375rem 0px; } } .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle { = width: 100%; perspective: 600px; } .ic-app-header__menu-list-link.ic-app-header__menu-list-link--nav-toggle .i= c-icon-svg--navtoggle { transition: all 0.4s ease 0s; } .ic-app-header__menu-list-link:hover, .ic-app-header__menu-list-link:focus = { background-color: rgba(0, 0, 0, 0.2); text-decoration: none; outline: non= e; } .ic-app-header__menu-list-link:hover .ic-avatar, .ic-app-header__menu-list-= link:focus .ic-avatar { border-color: var(--ic-brand-global-nav-avatar-bord= er); } .ic-app-header__menu-list-link:hover .ic-avatar.ic-avatar--fake-student, .i= c-app-header__menu-list-link:focus .ic-avatar.ic-avatar--fake-student { bor= der-color: rgb(191, 50, 164); } .ic-app-header__menu-list-link:hover .menu-item__text, .ic-app-header__menu= -list-link:focus .menu-item__text { transform: translate3d(0.375rem, 0px, 0= px); opacity: 1; } .ic-app-header__menu-list-link:focus { box-shadow: inset 0 0 0 1px var(--ic= -brand-global-nav-bgd),inset 0 0 0 2px var(--ic-brand-global-nav-menu-item_= _text-color); } .ic-app-header__menu-list-link:active { background-color: rgba(0, 0, 0, 0.4= ); box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px inset; } .ic-app-header__menu-list-link .ic-icon-svg { width: 26px; display: inline-= block; vertical-align: middle; fill: var(--ic-brand-global-nav-ic-icon-svg-= fill); } button.ic-app-header__menu-list-link { background: transparent; outline: no= ne; width: 100%; } .ic-avatar { overflow: hidden; border-radius: 100%; border: 2px solid var(-= -ic-brand-global-nav-avatar-border); width: 50px; height: 50px; box-sizing:= border-box; display: inline-block; vertical-align: middle; } .ic-avatar.ic-avatar--fake-student { border-color: rgb(191, 50, 164); } .menu-item-icon-container { transform: translate3d(0px, 0px, 0px); position= : relative; z-index: 1; width: 48px; margin: 0px auto; color: var(--ic-bran= d-global-nav-ic-icon-svg-fill); } .menu-item-icon-container .ic-avatar { transform: translate3d(0px, 0px, 0px= ); width: 30px; height: 30px; } body.primary-nav-expanded .menu-item-icon-container .ic-avatar { width: 36p= x; height: 36px; } .menu-item__text { transform: translate3d(-100%, 0px, 0px); opacity: 0; poi= nter-events: none; box-sizing: border-box; background-color: var(--ic-brand= -global-nav-ic-icon-svg-fill--active); position: absolute; left: 100%; top:= 50%; padding: 0px 12px; line-height: 1.8rem; margin-top: -0.9rem; font-siz= e: 0.875rem; border-radius: 3px; color: rgb(255, 255, 255); white-space: no= wrap; } body.primary-nav-transitions .menu-item__text { transition: transform 0.3s = cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.3s, opacity 0.3s ease; } .menu-item__text::after { right: 100%; top: 50%; border-style: solid; borde= r-image: initial; content: ""; height: 0px; width: 0px; position: absolute;= pointer-events: none; border-top-color: transparent; border-bottom-color: = transparent; border-left-color: transparent; border-right-color: var(--ic-b= rand-global-nav-ic-icon-svg-fill--active); border-width: 0.375rem; margin-t= op: -0.375rem; } .menu-item__badge { font-size: 0.6875rem; min-width: 20px; line-height: 20p= x; border-radius: 10px; display: inline-block; vertical-align: middle; text= -align: center; box-sizing: border-box; padding: 0px 6px; transition: all 0= .3s ease-out 0s; position: absolute; top: -0.5em; right: 0px; background: v= ar(--ic-brand-global-nav-menu-item__badge-bgd); color: var(--ic-brand-globa= l-nav-menu-item__badge-text); } .ic-app-header__logomark-container { width: 100%; background-color: var(--i= c-brand-global-nav-logo-bgd); box-sizing: border-box; } .ic-app-header__logomark { display: block; overflow: hidden; background-ima= ge: var(--ic-brand-header-image); background-position: 50% center; backgrou= nd-repeat: no-repeat; background-size: contain; transition: transform 0.3s = ease 0s; height: 75px; } body.primary-nav-expanded .ic-app-header__logomark { height: 85px; } .ic-app-header__logomark:focus { outline-style: none; box-shadow: inset 0 0= 0 1px var(--ic-brand-global-nav-bgd),inset 0 0 0 2px var(--ic-brand-global= -nav-menu-item__text-color); } .ic-app-header__uploaded-logo { display: block; } .ic-app-header__menu-list-link { padding: 0.5625rem 0px; } body.primary-nav-expanded .ic-app-header { width: 84px; overflow-y: auto; } body.primary-nav-expanded .ic-app-header__secondary-navigation { position: = static; left: auto; bottom: auto; z-index: auto; width: auto; } body.primary-nav-expanded .ic-app-header__menu-list-item.ic-app-header__men= u-list-item--active .menu-item__text { color: var(--ic-brand-global-nav-men= u-item__text-color--active); } body.primary-nav-expanded .ic-app-header__menu-list-link.ic-app-header__men= u-list-link--nav-toggle .ic-icon-svg--navtoggle { transform: rotate3d(0, 1,= 0, -180deg); } body.primary-nav-expanded .ic-app-header__menu-list-link:hover .menu-item__= text, body.primary-nav-expanded .ic-app-header__menu-list-link:focus .menu-= item__text { transform: none; } body.primary-nav-expanded .menu-item__text { transition: none 0s ease 0s; p= osition: static; left: auto; top: auto; transform: none; opacity: 1; text-a= lign: center; display: block; line-height: 1.4; border-radius: 0px; margin:= 3px 0px 0px; padding: 0px 0.25rem; background: transparent; color: var(--i= c-brand-global-nav-menu-item__text-color); white-space: normal; overflow-wr= ap: break-word; } body.primary-nav-expanded .menu-item__text::after { display: none; } .ic-HelpDialog__form-legend { display: table; font-size: 1em; line-height: = inherit; font-weight: bold; margin: 0px; padding: 0px; border: 0px; min-wid= th: 0px; } .ic-HelpDialog__form-fieldset { border: 0px; padding: 0.01em 0px 0px; min-w= idth: 0px; margin: 0px 0px 10px; } .ic-HelpDialog__form-actions { display: flex; justify-content: flex-end; } #mobile-header { z-index: 100; background-color: var(--ic-brand-global-nav-= bgd); } #mobile-header * { color: var(--ic-brand-global-nav-menu-item__text-color);= } #mobileContextNavContainer { overflow: hidden; transition: max-height 1.5s = ease-out 0s; max-height: 0px; } #mobileContextNavContainer[aria-expanded=3D"true"] { max-height: 3000px; ma= rgin-bottom: 50px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.375rem 0.4375rem, r= gba(0, 0, 0, 0.25) 0px 0.625rem 1.75rem; } @media (min-width: 768px) { #mobile-header, #mobileContextNavContainer { display: none; } } .mobile-header-hamburger { float: left; } .mobile-header-title { text-align: center; display: block; } .mobile-header-hamburger, .mobile-header-title { padding: 15.6px; } .ic-brand-mobile-global-nav-logo { height: 48px; display: block; background= -image: var(--ic-brand-mobile-global-nav-logo); background-position: left t= op; background-repeat: no-repeat; background-size: contain; } #___reactour .reactour__helper { background-color: white; color: unset; max= -width: 515px; width: calc(100vw - 20px); } #___reactour .tour-star-image { max-width: 120px; padding: 1rem 0px; margin= : 0px auto; text-align: center; } #left-side { display: none; } #right-side-wrapper { display: none; position: relative; } #right-side { position: relative; z-index: 10; min-height: 20px; } #right-side hr { border-style: dotted; border-color: rgb(170, 170, 170); bo= rder-image: initial; border-width: 1px 0px 0px; margin: 17px 0px 20px; } #right-side h2, #right-side .h2 { font-size: 1rem; overflow: hidden; border= -bottom: 1px solid rgb(199, 205, 209); padding-bottom: 6px; margin: 0px 0px= 6px; font-weight: bold; } #right-side .shared-space { padding-bottom: 0px; } #right-side .shared-space h2 { display: inline-block; margin-bottom: 0px; p= adding-bottom: 0px; border-bottom-style: none; } .rs-margin-bottom { margin-bottom: 13px; } #right-side .right-side-list { padding: 0px; list-style: none; margin: -6px= 0px 12px; } #right-side .right-side-list li { margin: 0px; padding: 0px; } #right-side .right-side-list li a { font-size: 0.875rem; padding-top: 12px;= padding-bottom: 12px; display: flex; } #right-side .right-side-list li a > i { min-width: 24px; padding-right: 12p= x; box-sizing: border-box; color: rgb(89, 89, 89); } #right-side .right-side-list li:last-child a { border-bottom: none; box-sha= dow: none; } #right-side .right-side-list li small { display: block; font-size: 0.8125re= m; } #right-side .right-side-list li b, #right-side .right-side-list li em, #rig= ht-side .right-side-list li p { font-weight: normal; display: block; line-h= eight: 1.3; } #right-side .right-side-list li p, #right-side .right-side-list li .more_li= nk { font-size: 0.75rem; margin-bottom: 0px; } #right-side .right-side-list li em, #right-side .right-side-list li p { col= or: rgb(119, 119, 119); } #right-side .right-side-list li .more_link { padding-top: 6px; } #right-side .right-side-list .recent_feedback_icon { background-position: 0= px 9px; } #right-side .right-side-list .recent_feedback_title { line-height: 1.3; mar= gin-bottom: 3px; } #right-side .right-side-list .recent_feedback_comment { color: rgb(245, 245= , 245); border: 0px; font-size: 100%; } #right-side .right-side-list .tooltip .tooltip_wrap { left: -185px; width: = 185px; height: 70px; top: 0px; font-size: 0.9em; background-image: none; } #right-side .right-side-list .tooltip .tooltip_text { margin-right: 15px; m= in-height: 30px; } #right-side .right-side-list .tooltip .tooltip-carat { border-bottom: 7px s= olid transparent; border-left: 14px solid rgb(68, 68, 68); border-top: 7px = solid transparent; display: block; margin-top: 12px; float: right; width: 1= px; height: 1px; } #right-side .right-side-list.to-do-list li { position: relative; } #right-side .right-side-list.to-do-list li a.item { display: flex; } #right-side .todo-list-header { margin-top: 1.0625rem; } #right-side .right-side-list .todo-badge-wrapper { display: inline-block; v= ertical-align: top; min-width: 40px; text-align: right; padding-right: 12px= ; box-sizing: border-box; } #right-side .right-side-list .disable_item_link { position: absolute; right= : 0px; top: 0.5rem; z-index: 2; padding: 0px; } #right-side .right-side-list .disable_item_link i[class*=3D"icon-"], #right= -side .right-side-list .disable_item_link i[class^=3D"icon-"] { line-height= : 1; } #right-side .right-side-list .disable_item_link i[class*=3D"icon-"]::before= , #right-side .right-side-list .disable_item_link i[class^=3D"icon-"]::befo= re { font-size: 0.75rem; } .ic-sidebar-logo { display: none; margin-bottom: 24px; text-align: center; = } .ic-sidebar-logo__image { max-width: 180px; max-height: 70px; display: inli= ne-block; } @media only screen and (min-width: 992px) { body:not(.course-menu-expanded) .ic-sidebar-logo { display: block; } } @media only screen and (min-width: 1140px) { body.course-menu-expanded .ic-sidebar-logo { display: block; } } @media print { html, body { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; = color: black !important; background: none transparent !important; } .no-print, #header, #footer, #right-side-wrapper, #left-side { display: n= one !important; } .ic-Layout-columns, .ic-Layout-wrapper { margin: 0px !important; border: = 0px none !important; } .ic-Layout-wrapper, .ic-Layout-columns { margin-left: 0px !important; } .ic-Layout-wrapper, .ic-Layout-contentMain, #wiki_show_view_main { overfl= ow: visible !important; } .ic-Layout-wrapper, .ic-Layout-columns, .ic-app-main-content { display: b= lock !important; } .ic-Layout-contentMain { width: auto; padding: 0px !important; } .ic-Layout-contentMain .fill_height_div { overflow: visible !important; } a:link, a:visited { font-weight: bold; text-decoration: underline; } a:link::after, a:visited::after { content: " (" attr(href) ") "; font-siz= e: 90%; } a[href^=3D"/"]::after, a[href^=3D"#"]::after { content: ""; } #breadcrumbs { margin: 0px 0px 10px; padding: 0px; box-shadow: white 0px = 0px 0px; } #breadcrumbs ul { margin: 0px; padding: 0px; } #breadcrumbs ul li { margin: 0px; padding: 0px 0px 0px 10px; } #breadcrumbs ul li::after { content: " =E2=86=92 "; } #breadcrumbs ul li:last-child::after { content: ""; } #breadcrumbs ul li:first-of-type { padding-left: 0px; } #breadcrumbs ul li.home { display: none; } #breadcrumbs ul a { padding-right: 10px; text-decoration: none !important= ; } } .module-sequence-footer { position: relative; left: 0px; right: 0px; bottom= : 0px; height: 65px; overflow: hidden; } .module-sequence-footer .hidden-aria-title { display: none; } .module-sequence-footer .module-sequence-footer-content { height: 64px; bac= kground: rgb(255, 255, 255); border-top: 1px solid rgb(199, 205, 209); box-= sizing: border-box; padding-top: 12px; } @keyframes module-sequence-footer-animation {=20 0% { transform: translate3d(0px, 100%, 0px); opacity: 0; } 100% { transform: translate3d(0px, 0px, 0px); opacity: 1; } } .module-sequence-footer-content:not(.no-animation) { animation: 0.5s ease-o= ut 0s 1 normal none running module-sequence-footer-animation; } .module-sequence-footer-button--next { float: right; } .module-sequence-footer-button--previous { float: left; } @media print { .module-sequence-padding, .module-sequence-footer { display: none; } } html { font-size: 100%; text-size-adjust: 100%; font-family: "Lato Extended= ", Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; } body { font-size: 1rem; font-weight: normal; line-height: 1.5; color: var(-= -ic-brand-font-color-dark); -webkit-font-smoothing: antialiased; } p { margin: 12px 0px; } small { font-size: 85%; } strong { font-weight: bold; } em { font-style: italic; } cite { font-style: normal; } .lead { margin-bottom: 12px; font-size: 1rem; font-weight: 200; line-height= : 2.25; } .muted { color: var(--ic-brand-font-color-dark-lightened-30); } .text-warning { color: rgb(252, 94, 19); } a.text-warning:hover { color: rgb(217, 72, 3); } .text-error { color: rgb(238, 6, 18); } a.text-error:hover { color: rgb(188, 5, 14); } .text-info { color: var(--ic-brand-primary); } a.text-info:hover { color: var(--ic-brand-primary-darkened-10); } .text-success { color: rgb(0, 172, 24); } a.text-success:hover { color: rgb(0, 121, 17); } h1, h2, h3, h4, h5, h6 { margin: 6px 0px; font-family: "Lato Extended", Lat= o, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; line-= height: 1.5; text-rendering: optimizelegibility; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: n= ormal; line-height: 3; color: var(--ic-brand-font-color-dark-lightened-15);= } h1 { font-size: 38px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } h1 small { font-size: 24px; } h2 small { font-size: 18px; } h3 small { font-size: 16px; } h4 small { font-size: 16px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: normal;= } h1, h2, .h1, .h2 { font-size: 1.8em; line-height: 1.5; } h3, .h3 { font-size: 1.5em; } .page-header { padding-bottom: 6px; margin: 20px 0px 30px; border-bottom: 1= px solid rgb(199, 205, 209); } a { color: var(--ic-link-color); text-decoration: none; } a:focus, a:hover { color: var(--ic-link-color-darkened-10); } a:focus, a:hover { text-decoration: underline; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(= .ui-button):not(.ui-tabs-anchor) { text-decoration: underline; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(= .ui-button):not(.ui-tabs-anchor):focus, .Underline-All-Links__enabled a:not= (.Button):not(.ui-button):not(.btn):not(.ui-button):not(.ui-tabs-anchor):ho= ver { text-decoration: none; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(= .ui-button):not(.ui-tabs-anchor):not([data-cid*=3D"Button"]) { outline: tra= nsparent solid 0.125rem; } .Underline-All-Links__enabled a:not(.Button):not(.ui-button):not(.btn):not(= .ui-button):not(.ui-tabs-anchor):not([data-cid*=3D"Button"]):focus { outlin= e-offset: 0px; outline-color: var(--ic-link-color); } .alert a { font-weight: bold; color: inherit; } ul, ol { padding: 0px; margin: 0px 0px 6px 25px; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0px; } ul.unstyled, ol.unstyled { margin-left: 0px; list-style: none; } dl { margin-bottom: 20px; } dt, dd { line-height: 1.5; } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal::before, .dl-horizontal::after { display: table; content: ""= ; line-height: 0; } .dl-horizontal::after { clear: both; } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: rig= ht; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-ali= gn: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } label { display: inline-block; } .input-micro { width: 30px; } .form-horizontal label, .bootstrap-form label { display: block; } p label { font-size: inherit; } .bootstrap-form.no-margin { margin-bottom: 0px; } .no-margin-bottom { margin-bottom: 0px !important; } select.un-bootrstrapify { width: auto; border-radius: 0px; height: auto; } .form-actions { text-align: right; padding: 10px 10px 11px; } .ui-dialog-content .form-actions { margin-bottom: 0px; box-shadow: rgb(255,= 255, 255) 0px 1px 0px inset; } .form-actions.flush { margin-bottom: -1em; margin-left: -1em; margin-right:= -1em; } input[type=3D"checkbox"] + label, input[type=3D"radio"] + label { vertical-= align: -4px; } .form-inline input[type=3D"checkbox"] + label, .form-inline input[type=3D"r= adio"] + label { vertical-align: middle; } .table > thead { background: rgb(228, 233, 237); } .table-vertically-center th, .table-vertically-center td { vertical-align: = middle; } .table .center { text-align: center; } .table-striped { border: 1px solid rgb(199, 205, 209); } .table-striped > thead { border: 1px solid rgb(199, 205, 209); } .table-striped > tbody > tr td { background: rgb(255, 255, 255); } .table-striped > tbody > tr:first-child > td { border-top: 0px; } .table-hover tbody tr:hover td, .table-hover tbody tr:hover th, .table-hove= r tbody tr.table-hover-row td, .table-hover tbody tr.table-hover-row th { b= ackground: rgb(230, 230, 230); } iframe#tool_content { border: none; } .ui-dialog .input-append input:focus, .ui-dialog .input-append select:focus= , .ui-dialog .input-append .uneditable-input:focus, .ui-dialog .input-prepe= nd input:focus, .ui-dialog .input-prepend select:focus, .ui-dialog .input-p= repend .uneditable-input:focus { z-index: 1001; } .calendar_links input[readonly] { cursor: auto; } blockquote p { font-size: inherit; } .progress-small { height: 10px; margin: 5px 0px; } .popover { z-index: 10; } hr { margin: 20px 0px; border-right: 0px; border-left: 0px; border-image: i= nitial; border-top: 1px solid rgb(199, 205, 209); border-bottom: none; } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px d= otted rgb(199, 205, 209); } abbr.initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 0px 0px 0px 15px; margin: 0px 0px 20px; border-left: = 5px solid rgb(199, 205, 209); } blockquote p { margin-bottom: 0px; font-size: 1rem; font-weight: 300; line-= height: 25px; } blockquote small { display: block; line-height: 1.5; color: var(--ic-brand-= font-color-dark-lightened-15); } blockquote small::before { content: "=E2=80=94=C2=A0"; } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0p= x; border-right: 5px solid rgb(199, 205, 209); border-left: 0px; } blockquote.pull-right p, blockquote.pull-right small { text-align: right; } blockquote.pull-right small::before { content: ""; } blockquote.pull-right small::after { content: "=C2=A0=E2=80=94"; } q::before, q::after, blockquote::before, blockquote::after { content: ""; } address { display: block; margin-bottom: 20px; font-style: normal; line-hei= ght: 1.5; } .ui-widget.ui-tooltip { overflow-wrap: break-word; } .ui-widget.ui-tooltip.popover { padding: 1px; font-size: 14px; max-width: 2= 36px; width: 236px; color: rgb(115, 129, 140); text-align: left; text-decor= ation: none; background-color: rgb(255, 255, 255); opacity: 1; border: 1px = solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2= ) 0px 5px 10px; } .ui-widget.ui-tooltip.popover-padded { padding: 9px 14px; } .ui-tooltip.popover::before, .ui-tooltip.popover::after { border-color: tra= nsparent transparent rgba(0, 0, 0, 0.25); position: absolute; border-style:= solid; border-width: 11px; width: 0px; height: 0px; content: ""; top: -22p= x; left: 11px; } .ui-tooltip.popover::after { border-bottom-color: rgb(247, 247, 247); borde= r-width: 10px; top: -20px; left: 12px; } .ui-tooltip.popover.right::before { left: auto; right: 11px; } .ui-tooltip.popover.right::after { left: auto; right: 12px; } .ui-tooltip.popover.bottom::before { border-color: rgba(0, 0, 0, 0.25) tran= sparent transparent; top: auto; bottom: -22px; } .ui-tooltip.popover.bottom::after { border-color: rgb(255, 255, 255) transp= arent transparent; top: auto; bottom: -20px; } .ui-tooltip.popover.center::before { left: 50%; margin-left: -11px; right: = auto; } .ui-tooltip.popover.center::after { left: 50%; margin-left: -10px; right: a= uto; } .ui-tooltip.popover.middle::before { top: 50%; margin-top: -11px; bottom: a= uto; } .ui-tooltip.popover.middle::after { top: 50%; margin-top: -10px; bottom: au= to; } .ui-tooltip.popover.horizontal::before { inset: 50% auto auto -22px; margin= -top: -11px; border-color: transparent rgba(0, 0, 0, 0.25) transparent tran= sparent; } .ui-tooltip.popover.horizontal::after { inset: 50% auto auto -20px; margin-= top: -10px; border-color: transparent rgb(255, 255, 255) transparent transp= arent; } .ui-tooltip.popover.right.horizontal::before { left: auto; right: -22px; bo= rder-color: transparent transparent transparent rgba(0, 0, 0, 0.25); } .ui-tooltip.popover.right.horizontal::after { left: auto; right: -20px; bor= der-color: transparent transparent transparent rgb(255, 255, 255); } .ui-tooltip.popover.bottom.horizontal::before { top: auto; bottom: 11px; } .ui-tooltip.popover.bottom.horizontal::after { top: auto; bottom: 12px; } .ui-tooltip.popover.top.horizontal::before { margin-top: 0px; top: 11px; } .ui-tooltip.popover.top.horizontal::after { margin-top: 0px; top: 12px; } .ui-tooltip.popover.content-top.horizontal::before { margin-top: 0px; top: = 35px; } .ui-tooltip.popover.content-top.horizontal::after { margin-top: 0px; top: 3= 6px; } .dotted-separator { border-bottom: 1px dotted rgb(170, 170, 170); } @keyframes highlight-shadow-fade {=20 0% { box-shadow: rgb(82, 168, 236) 0px 0px 8px; } 100% { box-shadow: none; } } .turnitin_score_container_caret { position: absolute; width: 0px; height: 0= px; top: 50%; content: ""; border-width: 4px; border-color: transparent; bo= rder-style: solid; left: -8px; margin-top: -4px; } .turnitin_score_container_caret.none_score { border-right-color: rgb(57, 12= 2, 244); } .turnitin_score_container_caret.acceptable_score { border-right-color: rgb(= 0, 153, 23); } .turnitin_score_container_caret.warning_score { border-right-color: rgb(137= , 123, 1); } .turnitin_score_container_caret.problem_score { border-right-color: rgb(200= , 102, 4); } .turnitin_score_container_caret.failure_score { border-right-color: rgb(173= , 57, 58); } .turnitin_score_container_caret.submission_error, .turnitin_score_container= _caret.submission_pending { border-right-color: gray; } .turnitin_score_container { position: relative; margin-left: 10px; } .turnitin_similarity_score, .turnitin_similarity_score:link, .turnitin_simi= larity_score:visited, .turnitin_similarity_score:active, .turnitin_similari= ty_score:hover, .turnitin_similarity_score:focus { display: inline-block; w= hite-space: nowrap; border-radius: 3px; padding: 2px 4px; font-weight: bold= ; color: rgb(255, 255, 255); font-size: 0.75rem; text-decoration: none; } .turnitin_similarity_score.none_score, .turnitin_similarity_score:link.none= _score, .turnitin_similarity_score:visited.none_score, .turnitin_similarity= _score:active.none_score, .turnitin_similarity_score:hover.none_score, .tur= nitin_similarity_score:focus.none_score { background-color: rgb(57, 122, 24= 4); } .turnitin_similarity_score.acceptable_score, .turnitin_similarity_score:lin= k.acceptable_score, .turnitin_similarity_score:visited.acceptable_score, .t= urnitin_similarity_score:active.acceptable_score, .turnitin_similarity_scor= e:hover.acceptable_score, .turnitin_similarity_score:focus.acceptable_score= { background-color: rgb(0, 153, 23); } .turnitin_similarity_score.warning_score, .turnitin_similarity_score:link.w= arning_score, .turnitin_similarity_score:visited.warning_score, .turnitin_s= imilarity_score:active.warning_score, .turnitin_similarity_score:hover.warn= ing_score, .turnitin_similarity_score:focus.warning_score { background-colo= r: rgb(137, 123, 1); } .turnitin_similarity_score.problem_score, .turnitin_similarity_score:link.p= roblem_score, .turnitin_similarity_score:visited.problem_score, .turnitin_s= imilarity_score:active.problem_score, .turnitin_similarity_score:hover.prob= lem_score, .turnitin_similarity_score:focus.problem_score { background-colo= r: rgb(200, 102, 4); } .turnitin_similarity_score.failure_score, .turnitin_similarity_score:link.f= ailure_score, .turnitin_similarity_score:visited.failure_score, .turnitin_s= imilarity_score:active.failure_score, .turnitin_similarity_score:hover.fail= ure_score, .turnitin_similarity_score:focus.failure_score { background-colo= r: rgb(173, 57, 58); } .turnitin_similarity_score.submission_error, .turnitin_similarity_score.sub= mission_pending, .turnitin_similarity_score:link.submission_error, .turniti= n_similarity_score:link.submission_pending, .turnitin_similarity_score:visi= ted.submission_error, .turnitin_similarity_score:visited.submission_pending= , .turnitin_similarity_score:active.submission_error, .turnitin_similarity_= score:active.submission_pending, .turnitin_similarity_score:hover.submissio= n_error, .turnitin_similarity_score:hover.submission_pending, .turnitin_sim= ilarity_score:focus.submission_error, .turnitin_similarity_score:focus.subm= ission_pending { background-color: gray; } .turnitin_similarity_score.pending_score, .turnitin_similarity_score:link.p= ending_score, .turnitin_similarity_score:visited.pending_score, .turnitin_s= imilarity_score:active.pending_score, .turnitin_similarity_score:hover.pend= ing_score, .turnitin_similarity_score:focus.pending_score { background-imag= e: url("/dist/images/turnitin_submission_pending-010535f0b1.png"); width: 1= 0px; height: 10px; } .turnitin_score_container { position: relative; margin-left: 10px; } .turnitin_resubmit_container { text-align: right; } .turnitin-comments { font-size: 0.8em; } #instructure_ajax_error_box { display: none; position: fixed; top: 10px; le= ft: 50px; z-index: 99999; background-color: rgb(255, 255, 255); border: 2px= solid rgb(136, 136, 136); } #instructure_ajax_error_result { width: 600px; height: 300px; overflow: aut= o; } #fixed_bottom, #flash_message_holder { position: fixed; z-index: 100000; le= ft: 0px; width: 100vw; } #flash_message_buffer { visibility: hidden; } #flash_message_holder { height: 0px; } #flash_message_holder, #flash_message_buffer { top: 0px; list-style: none; = margin: 0px; padding: 0px; } #flash_message_holder li.ic-flash-info:first-child, #flash_message_holder l= i.ic-flash-success:first-child, #flash_message_holder li.ic-flash-warning:f= irst-child, #flash_message_holder li.ic-flash-error:first-child, #flash_mes= sage_buffer li.ic-flash-info:first-child, #flash_message_buffer li.ic-flash= -success:first-child, #flash_message_buffer li.ic-flash-warning:first-child= , #flash_message_buffer li.ic-flash-error:first-child { margin-top: 12px; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error), #flash_message_holder .ui-effects-wra= pper, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash-success):n= ot(.ic-flash-warning):not(.ic-flash-error), #flash_message_buffer .ui-effec= ts-wrapper { margin: 0px auto !important; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error), #flash_message_buffer li:not(.ic-flas= h-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error) = { box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 1px; border-bottom-color: rgba(0,= 0, 0, 0.5); padding: 4px 40px 4px 8px; min-height: 20px; vertical-align: m= iddle; text-align: center; font-weight: bold; position: relative; z-index: = 2; width: 400px; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error).static_message, #flash_message_buffer = li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.i= c-flash-error).static_message { width: auto; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error) a, #flash_message_buffer li:not(.ic-fl= ash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error= ) a { text-decoration: underline; color: inherit; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error) .close_link, #flash_message_buffer li:= not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-f= lash-error) .close_link { position: absolute; right: 10px; top: 50%; width:= 20px; height: 20px; overflow: hidden; margin-top: -11px; color: white; tex= t-decoration: none; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error) i, #flash_message_buffer li:not(.ic-fl= ash-info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error= ) i { display: inline-block; vertical-align: middle; margin-right: 0px; wid= th: 20px; height: 20px; background-image: url("/dist/images/check_16-195e0c= 04fd.png"); background-repeat: no-repeat; } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error).ui-state-error i, #flash_message_holde= r li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):not(= .ic-flash-error).ui-state-warning i, #flash_message_buffer li:not(.ic-flash= -info):not(.ic-flash-success):not(.ic-flash-warning):not(.ic-flash-error).u= i-state-error i, #flash_message_buffer li:not(.ic-flash-info):not(.ic-flash= -success):not(.ic-flash-warning):not(.ic-flash-error).ui-state-warning i { = background-image: url("/dist/images/warning_16-bdc795aad1.png"); } #flash_message_holder li:not(.ic-flash-info):not(.ic-flash-success):not(.ic= -flash-warning):not(.ic-flash-error).no_close .close_link, #flash_message_b= uffer li:not(.ic-flash-info):not(.ic-flash-success):not(.ic-flash-warning):= not(.ic-flash-error).no_close .close_link { display: none; } .user_content, .mceContentBody { position: relative; min-height: 5px; max-w= idth: 100%; overflow-x: auto; } .user_content a:not(.btn):not(.Button):not(.ui-button), .mceContentBody a:n= ot(.btn):not(.Button):not(.ui-button) { text-decoration: underline; } .user_content table:not([cellpadding]) td, .mceContentBody table:not([cellp= adding]) td { padding: 2px; } .user_content iframe, .user_content video { border: 0px; padding: 0px; marg= in: 0px; max-width: 100%; } .user_content iframe[data-media-id] { background-color: rgb(238, 238, 238);= } .reminder, .reminder-content { border: 1px solid rgb(170, 170, 170); border= -radius: 5px; margin: 5px; clear: both; font-size: 0.9em; } .reminder h2, .reminder .h2, .reminder-content h2, .reminder-content .h2 { = margin-top: 0px; background-color: rgb(238, 238, 238); text-transform: uppe= rcase; color: rgb(34, 68, 136); padding: 0px 10px; border-bottom: 1px solid= rgb(170, 170, 170); font-size: 1.2em; border-top-right-radius: 4px; border= -top-left-radius: 4px; } .reminder .body, .reminder-content .body { width: auto; padding: 5px 10px; = } #floating_reminders { cursor: move; padding: 5px 10px; position: absolute; = top: 5px; left: 0px; background-color: rgb(255, 238, 136); border: 2px soli= d rgb(251, 173, 0); border-radius: 5px; width: 300px; z-index: 2; } #floating_reminders a { font-weight: bold; cursor: pointer; } #right-side h2 .small_link, #right-side .h2 .small_link { font-size: 0.6em;= font-family: arial, sans-serif; } #right-side h4.item_list_header, #right-side .h4.item_list_header { font-si= ze: 1.3em; font-weight: bold; border-bottom: 1px solid rgb(136, 136, 136); = margin: 0px; } #right-side ul.item_list { margin-top: 0px; list-style-type: none; margin-l= eft: 15px; } #right-side ul.item_list.limit_height { max-height: 150px; overflow: auto; = } #right-side p { margin-top: 0px; margin-bottom: 1em; } #right-side table.summary { margin: 5px 0px; width: 100%; } #right-side table.summary tbody th { font-weight: bold; } #right-side table.notifications { border-top: 2px solid rgb(153, 153, 153);= border-collapse: collapse; } #right-side table.notifications tr { border-color: rgb(153, 153, 153); } #right-side table.notifications tr td { border-color: rgb(153, 153, 153); b= order-bottom-width: 2px; border-bottom-style: solid; } #right-side table.courses { width: 100%; } #right-side table.courses td { padding: 5px 5px 10px 10px; background-color= : rgb(238, 238, 238); color: rgb(136, 136, 136); } #right-side table.courses td .name { font-size: 1.5em; font-weight: bold; } #right-side table.courses td .links { font-size: 0.8em; text-align: center;= } #right-side table.courses td a { text-decoration: none; color: rgb(68, 68, = 68); } #right-side table.courses td a:hover { text-decoration: underline; } #right-side .events_list li.event i.icon-check, #right-side .events_list li= .todo i.icon-check, #right-side .to-do-list li.event i.icon-check, #right-s= ide .to-do-list li.todo i.icon-check { color: rgb(0, 172, 24); } #right-side .events_list li.event .todo-badge, #right-side .events_list li.= todo .todo-badge, #right-side .to-do-list li.event .todo-badge, #right-side= .to-do-list li.todo .todo-badge { font-size: 0.6875rem; min-width: 18px; l= ine-height: 18px; border-radius: 9px; background: var(--ic-brand-primary); = color: rgb(255, 255, 255); display: inline-block; text-align: center; box-s= izing: border-box; padding: 0px 6px; vertical-align: top; margin-top: 2px; = } #right-side .events_list .event-details, #right-side .events_list .todo-det= ails, #right-side .to-do-list .event-details, #right-side .to-do-list .todo= -details { padding-right: 12px; flex: 1 1 0%; min-width: 1px; overflow: hid= den; position: relative; } #right-side .events_list .event-details::after, #right-side .events_list .t= odo-details::after, #right-side .to-do-list .event-details::after, #right-s= ide .to-do-list .todo-details::after { content: ""; position: absolute; top= : 0px; right: 0px; height: 100%; width: 12px; background: linear-gradient(t= o right, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 80%); } #right-side .events_list .todo-details, #right-side .to-do-list .todo-detai= ls { padding-right: 30px; } #right-side .events_list .todo-details::after, #right-side .to-do-list .tod= o-details::after { width: 30px; background: linear-gradient(to right, rgba(= 255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%); } #right-side .events_list .todo-details__title + *, #right-side .events_list= .event-details__title + *, #right-side .to-do-list .todo-details__title + = *, #right-side .to-do-list .event-details__title + * { margin-top: 3px; } #right-side .events_list .todo-details__context, #right-side .events_list .= event-details__context, #right-side .to-do-list .todo-details__context, #ri= ght-side .to-do-list .event-details__context { margin-bottom: 3px; } #right-side .events_list { margin-bottom: 18px; } #right-side .events_list .event-list-view-calendar { float: right; font-siz= e: 0.75rem; font-weight: normal; } #right-side .events_list .event-list-view-calendar[class*=3D"icon-"]::befor= e, #right-side .events_list .event-list-view-calendar[class^=3D"icon-"]::be= fore { font-size: 1rem; vertical-align: middle; } #right-side .events_list .event-list-view-calendar:focus { outline: 1px sol= id var(--ic-link-color-darkened-10); outline-offset: -1px; padding: 2px; } #right-side * + .events_list { margin-top: 18px; } #right-side .details { margin: 5px; padding: 5px 10px; border: 1px solid rg= b(136, 136, 136); border-radius: 5px; } #right-side .details .header { color: rgb(68, 68, 68); font-weight: bold; } #right-side .details .preview { margin: 5px 30px 10px; padding: 5px; border= : 1px solid rgb(170, 170, 170); text-align: center; border-radius: 5px; } #right-side .details .links { margin: 10px 0px; } table.summary { width: auto; } table.summary th, table.summary caption { text-align: left; } table.summary th, table.summary td, table.summary caption { padding: 6px; } table.summary thead th, table.summary caption { font-weight: bold; border-b= ottom: 1px solid rgb(165, 175, 181); } table.summary td, table.summary tbody th { border-bottom: 1px solid rgb(199= , 205, 209); background-color: rgb(255, 255, 255); } table.summary table.subtable th, table.summary table.subtable td { border-t= op: 0px; padding: 1px 5px 1px 0px; font-size: 0.8em; } form table.formtable { margin: 0px; padding: 0px; width: auto; } table.formtable td { vertical-align: top; padding: 2px 3px; } .courses .name, .groups .name, .accounts .name { font-size: 1.1em; font-wei= ght: bold; } .courses .unpublished .name a, .groups .unpublished .name a, .accounts .unp= ublished .name a { color: var(--ic-brand-font-color-dark-lightened-15); } .courses .unpublished i, .groups .unpublished i, .accounts .unpublished i {= color: var(--ic-brand-font-color-dark-lightened-15); } .courses .details, .groups .details, .accounts .details { font-size: 0.8em;= margin: 0px 0px 0px 10px; } .courses .info, .groups .info, .accounts .info { clear: left; font-size: 0.= 8em; margin: 0px 0px 5px 10px; } .courses .info .links, .groups .info .links, .accounts .info .links { color= : rgb(238, 238, 238); } .courses .info .links a, .groups .info .links a, .accounts .info .links a {= color: var(--ic-brand-font-color-dark-lightened-15); } .touch .course .course .info .links, .touch .course .group .info .links, .t= ouch .course .account .info .links, .touch .group .course .info .links, .to= uch .group .group .info .links, .touch .group .account .info .links, .touch= .account .course .info .links, .touch .account .group .info .links, .touch= .account .account .info .links, .course:hover .course .info .links, .cours= e:hover .group .info .links, .course:hover .account .info .links, .group:ho= ver .course .info .links, .group:hover .group .info .links, .group:hover .a= ccount .info .links, .account:hover .course .info .links, .account:hover .g= roup .info .links, .account:hover .account .info .links { color: var(--ic-b= rand-font-color-dark-lightened-30); } .touch .course .course .info .links a, .touch .course .group .info .links a= , .touch .course .account .info .links a, .touch .group .course .info .link= s a, .touch .group .group .info .links a, .touch .group .account .info .lin= ks a, .touch .account .course .info .links a, .touch .account .group .info = .links a, .touch .account .account .info .links a, .course:hover .course .i= nfo .links a, .course:hover .group .info .links a, .course:hover .account .= info .links a, .group:hover .course .info .links a, .group:hover .group .in= fo .links a, .group:hover .account .info .links a, .account:hover .course .= info .links a, .account:hover .group .info .links a, .account:hover .accoun= t .info .links a { color: var(--ic-brand-font-color-dark); } span.hint { color: var(--ic-brand-font-color-dark); font-size: 0.8em; } .event_pending { opacity: 0.4; } .error_message { color: rgb(238, 6, 18); } .formError { color: rgb(238, 6, 18); font-size: 0.8em; padding-left: 15px; = } .nobr { white-space: nowrap; } .mini_discussion { font-size: 0.8em; } .mini_discussion .name { font-weight: bold; margin-left: 10px; } .mini_discussion .date { margin-left: 5px; } .mini_discussion .message { font-size: 1.5em; } .loading_image { background-color: rgb(255, 255, 255); } body .disabled_link { display: none; } .error_box { position: absolute; top: -1000px; left: -100px; z-index: 11; m= ax-width: 200px; min-width: 100px; } .error_box .error_text { max-height: 100px; overflow: auto; margin-bottom: = 10px; background-color: rgb(238, 221, 221); border: 2px solid rgb(170, 68, = 68); border-radius: 5px; padding: 5px; } .error_box .error_bottom { position: absolute; bottom: 0px; left: 4px; } .datetime_suggest { font-size: 0.8em; padding-left: 10px; color: rgb(115, 1= 15, 115); } #submission_preview { margin: 20px auto; } #submission_preview.paper { min-width: 400px; } #submission_preview.plain_text { width: 90%; font-family: courier, monospac= e; } #sidebar .ui-widget { margin-bottom: 1em; } ul.notification_list { line-height: 1.7em; padding-left: 10px; margin-botto= m: 20px; } ul.group_list { line-height: 1.7em; padding-left: 10px; margin-bottom: 20px= ; } @keyframes icon-slide-down {=20 0% { transform: scale(0.7); } 100% { transform: scale(1); } } @keyframes icon-slide-up {=20 0% { transform: translate3d(0px, 48px, 0px); } 100% { transform: translate3d(0px, 0px, 0px); } } #wizard_box { border-bottom: 1px solid rgb(170, 170, 170); z-index: 111; po= sition: fixed; bottom: 0px; left: 0px; width: 100%; display: none; } #wizard_box h3, #wizard_box .h3 { border-bottom: 1px solid rgb(170, 170, 17= 0); margin: 0px 0px 10px; padding-bottom: 5px; } #wizard_box .wizard_content { background-color: rgb(238, 238, 238); border-= top: 1px solid rgb(136, 136, 136); padding: 10px; box-shadow: rgb(51, 51, 5= 1) 0px 0px 10px; } #wizard_box .wizard_content::before, #wizard_box .wizard_content::after { d= isplay: table; content: ""; line-height: 0; } #wizard_box .wizard_content::after { clear: both; } #wizard_box .wizard_content .links { float: right; } #wizard_box .wizard_content .wizard_options { float: left; width: 40%; padd= ing-right: 20px; position: relative; } #wizard_box .wizard_content .wizard_details { float: left; width: 43%; disp= lay: none; border: 1px solid rgb(170, 170, 170); border-radius: 5px; paddin= g: 10px; margin: 0px 20px; color: rgb(68, 68, 68); position: relative; } #wizard_box .wizard_content .wizard_details a.link { background-image: none= ; padding: 0px; } #wizard_box .wizard_content .wizard_details p { margin-top: 0px; } #wizard_box .wizard_content .wizard_options_list { list-style-type: none; m= argin: 0px 10px 0px 0px; padding-left: 5px; } #wizard_box .wizard_content .wizard_options_list li { line-height: 1.8em; } #wizard_box .wizard_content .wizard_options_list .option { cursor: pointer;= font-weight: bold; color: rgb(68, 68, 68); border-radius: 3px; } #wizard_box .wizard_content .wizard_options_list .option:hover { background= -color: rgb(255, 255, 255); } #wizard_box .wizard_content .wizard_options_list .option.completed a { colo= r: rgb(170, 170, 170); } #wizard_box .wizard_content .wizard_options_list .option.selected { backgro= und-color: rgb(255, 255, 255); } #wizard_box .wizard_content .wizard_options_list .option a[class*=3D"icon-"= ]::before, #wizard_box .wizard_content .wizard_options_list .option a[class= ^=3D"icon-"]::before { font-size: 1.125rem; line-height: 16px; vertical-ali= gn: text-top; color: rgb(85, 85, 85); } #wizard_box.wizard-box--course { transition: background 0.3s ease 0s; heigh= t: 100%; border: none; background: url("/dist/images/wizard-bg-dbbd15d1dc.j= pg") center center no-repeat rgb(45, 59, 69); } #wizard_box.wizard-box--course * { box-sizing: border-box; } #wizard_box.wizard-box--course h3 { padding: 0px; margin: 0px; border-botto= m-color: rgba(255, 255, 255, 0.15); font-weight: bold; } #wizard_box.wizard-box--course .wizard-box__feature-icon { display: none; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__feature-icon { display: block= ; text-align: center; margin: -72px 0px 24px; transform: translate3d(0px, 0= px, 0px) scale(0.7); transform-origin: center top; animation-duration: 0.5s= ; animation-name: icon-slide-down; animation-timing-function: cubic-bezier(= 0, 1, 0.5, 1); animation-fill-mode: forwards; } } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=3D"icon-"= ] { width: 84px; height: 84px; background: rgb(45, 59, 69); border-radius: = 100%; font-size: 60px; } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=3D"icon-"= ]::before { font-size: 54px; color: rgb(255, 255, 255); line-height: 84px; = } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=3D"icon= -"] { width: 168px; height: 168px; font-size: 120px; } #wizard_box.wizard-box--course .wizard-box__feature-icon i[class^=3D"icon= -"]::before { font-size: 108px; line-height: 168px; } } #wizard_box.wizard-box--course .wizard-box__container { height: 100%; displ= ay: flex; flex-direction: column; background: linear-gradient(rgba(45, 59, = 69, 0.75) 0%, transparent 100%); } #wizard_box.wizard-box--course .wizard-box__columns { display: flex; flex-d= irection: column-reverse; flex: 1 1 0%; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__columns { flex-direction: row= ; } } #wizard_box.wizard-box--course .wizard-box__close-wizard { width: 100%; } #wizard_box.wizard-box--course .wizard-box__logo { padding: 12px; flex: 0 0= 34%; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__logo { flex: 0 0 120px; paddi= ng: 24px; } } #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo { display= : block; width: 120px; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard-box__logo .svg-canvas-logo { width= : 144px; } } #wizard_box.wizard-box--course .wizard_content { background: transparent; c= olor: rgb(255, 255, 255); padding: 0px; border: none; box-shadow: none; hei= ght: 100%; } #wizard_box.wizard-box--course .wizard_content .links { display: none; } #wizard_box.wizard-box--course .wizard_content .wizard_options, #wizard_box= .wizard-box--course .wizard_content .wizard_details { float: none; width: a= uto !important; height: auto !important; } #wizard_box.wizard-box--course .wizard_content .wizard_options { padding: 0= px; display: flex; background: rgba(23, 30, 34, 0.9); } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options { flex-dir= ection: column; flex: 0 0 30%; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list { margi= n: 0px; padding: 12px; flex: 1 1 0%; display: flex; flex-direction: column;= } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list { pad= ding: 0px; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option= { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center= ; border-radius: 0px; font-weight: normal; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list .opti= on { font-size: 0.9375rem; } } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option= .selected { background: rgba(255, 255, 255, 0.1); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option= .selected a.header { border-left-color: var(--ic-brand-primary); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option= .completed a.header { background-image: url("/dist/images/wizard-todo-check= ed-db664c742f.svg"); } #wizard_box.wizard-box--course .wizard_content .wizard_options_list .option= a.header { flex: 1 1 0%; display: flex; width: 100%; align-items: center; = padding: 8px 36px; color: rgb(255, 255, 255); text-decoration: none; backgr= ound: url("/dist/images/wizard-todo-unchecked-702d5ae3af.svg") 12px 50% / 1= 6px 16px no-repeat; line-height: 1.2; border-left: 4px solid transparent; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_options_list .opti= on a.header { background-position: 24px 50%; background-size: 24px 24px; pa= dding-left: 60px; } } #wizard_box.wizard-box--course .wizard_content .wizard_details__layout { fl= ex: 2 1 0%; display: flex; flex-direction: column; align-items: center; pos= ition: relative; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details__layout { = align-items: center; } } #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headline = { font-size: 36px; line-height: 1; color: rgba(255, 255, 255, 0.95); border= -bottom: none; flex: 0.75 1 0%; align-self: center; text-align: center; } @media only screen and (min-width: 500px) { #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headlin= e { font-size: 60px; letter-spacing: -1px; flex: 1 1 0%; } } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content h3.wizard_details__headlin= e { font-size: 84px; display: flex; width: 100%; justify-content: center; a= lign-self: auto; } } #wizard_box.wizard-box--course .wizard_content .wizard_details__calltoactio= n { margin-top: 24px; } #wizard_box.wizard-box--course .wizard_content .wizard_details__container {= flex: 3 1 0%; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details__container= { flex: 2 1 0%; } } #wizard_box.wizard-box--course .wizard_content .wizard_details { margin: 0p= x; border: none; border-radius: 0px; text-align: center; padding: 24px; ani= mation-duration: 0.5s; animation-name: icon-slide-up; animation-timing-func= tion: cubic-bezier(0, 1, 0.5, 1); background: rgba(255, 255, 255, 0.85); co= lor: rgb(5, 6, 7); max-height: none !important; overflow: visible !importan= t; } @media only screen and (min-width: 768px) { #wizard_box.wizard-box--course .wizard_content .wizard_details { max-widt= h: 600px; border-radius: 6px; padding: 36px; } } #wizard_box.wizard-box--course .wizard_content .wizard_details p { line-hei= ght: 1.5; } @media only screen and (min-width: 992px) { #wizard_box.wizard-box--course .wizard_content .wizard_details p { font-s= ize: 0.9375rem; } } #wizard_box.wizard-box--course .wizard_content .wizard_details p:last-of-ty= pe { margin-bottom: 0px; } #wizard_box.wizard-box--course .wizard_content .wizard_details a.link { pad= ding: 12px 24px; background-image: none; } #content_tags_dialog h3, #content_tags_dialog .h3 { margin: 0px; padding: 0= px; font-size: 0.8em; color: rgb(136, 136, 136); } #content_tags_dialog .tags { list-style-type: none; padding: 0px; margin: 0= px; } #content_tags_dialog .tags > .tag { display: block; float: left; border: 1p= x solid rgb(204, 204, 204); border-radius: 3px; background-color: rgb(204, = 221, 255); padding: 1px 4px; margin: 2px 3px; font-size: 0.9em; } #content_tags_dialog .tags > .tag.uneditable { background-color: rgb(221, 2= 21, 221); } #content_tags_dialog .tags > .tag.uneditable .delete_link { display: none; = } .hidden-readable { position: absolute; left: -100000px; top: auto; width: 1= px; height: 1px; overflow: hidden; } #keyboard_navigation { display: none; } #keyboard_navigation ul.navigation_list, .keyboard_navigation ul.navigation= _list { padding: 0px; margin: 0px; list-style-type: none; line-height: 1.7e= m; } #keyboard_navigation ul.navigation_list li span, .keyboard_navigation ul.na= vigation_list li span { padding: 1px 2px; } #keyboard_navigation ul.navigation_list li .keycode, .keyboard_navigation u= l.navigation_list li .keycode { font-weight: bold; font-size: 1.2em; color:= rgb(34, 68, 136); font-family: courier, monospace; text-align: right; } .communication_messages_list .communication_message .context_code, .communi= cation_messages_list .communication_sub_message .context_code { display: no= ne; } .communication_messages_list.communication_messages_show_context .communica= tion_message .context_code, .communication_messages_list.communication_mess= ages_show_context .communication_sub_message .context_code { display: inlin= e; } .communication_message { margin: 0px 0.5em 0.5em; padding: 0px 0px 0.5em; w= idth: auto; color: rgb(0, 0, 0); border-bottom: 1px solid rgb(221, 221, 221= ); } .communication_message.selected { border-width: 1px; } .communication_message div.header { padding: 2px 5px; color: rgb(102, 102, = 102); } .communication_message div.header .header_title { float: left; } .communication_message div.header .header_icon { float: left; padding-top: = 5px; } .communication_message div.header .header_icon.announcement_header_icon { d= isplay: none; } .communication_message div.header .title { margin-left: 10px; font-size: 1e= m; font-weight: bold; } .communication_message div.header .sub_title { margin-left: 30px; line-heig= ht: 0.8em; } .communication_message div.header .context_code { font-size: 0.8em; padding= -right: 5px; padding-left: 0px; } .communication_message div.header .context_name { font-size: 0.8em; padding= : 0px 5px; color: inherit; text-decoration: none; } .communication_message div.header .points_possible { font-size: 0.8em; padd= ing-right: 5px; padding-left: 0px; } .communication_message div.header .podcast { display: none; } .communication_message div.header .user_name { white-space: nowrap; font-si= ze: 0.8em; } .communication_message div.header .post_date { float: right; padding-right:= 10px; font-size: 0.8em; padding-top: 0.2em; } .communication_message div.header .post_date .new-and-total-badge { float: = right; } .communication_message div.header .under_links { float: right; clear: right= ; padding-right: 10px; font-size: 0.8em; } .communication_message div.header .under_links a { color: inherit; } .communication_message div.header .link_box { float: right; width: 60px; te= xt-align: right; min-height: 10px; margin-right: 5px; } .communication_message div.header .link_box a { opacity: 0; } .communication_message div.header .link_box a:hover, .communication_message= div.header .link_box a:focus { opacity: 1; } .communication_message div.content { padding: 5px 5px 1px 50px; color: rgb(= 68, 68, 68); } .communication_message div.content .links { text-align: right; margin-right= : 2.5em; display: block; font-size: 0.8em; color: rgb(136, 136, 136); } .communication_message div.content .links a { color: rgb(102, 102, 102); } .communication_message div.content .links a.brief_footer_link { display: no= ne; } .communication_message div.content .links a.verbose_footer_link { display: = inline; } .communication_message div.content .subcontent { padding-top: 5px; } .communication_message div.content .status { text-align: right; font-size: = 0.8em; } .communication_message div.content .original_post_date { text-align: right;= font-size: 0.8em; padding-right: 44px; color: rgb(136, 136, 136); } .communication_message div.content .statistics td.name { width: 20%; vertic= al-align: top; padding: 5px 0px; border-bottom: 1px solid rgb(238, 238, 238= ); } .communication_message div.content .statistics td.name .text { font-size: 0= .8em; } .communication_message div.content .statistics td.stats { vertical-align: t= op; padding: 5px 0px 5px 10px; border-bottom: 1px solid rgb(238, 238, 238);= } .communication_message div.content .statistics td.stats .answer .text { fon= t-size: 0.8em; } .communication_message div.content .statistics td.stats .answer .answer_bar= { margin-bottom: 3px; border: 1px solid rgb(136, 136, 136); background: rg= b(204, 204, 204); height: 10px; } .communication_message div.content .statistics td.stats .answer.correct_ans= wer .answer_bar { background: rgb(142, 199, 120); } .communication_message div.content .attachments_list a { color: rgb(136, 13= 6, 136); } .communication_message div.content .extras { font-size: 0.8em; color: rgb(1= 36, 136, 136); } .communication_message div.footer { margin: 5px; } .communication_message div.base_links { font-size: 1.5em; text-align: cente= r; } .communication_message.pinned_notification { border: 1px solid rgb(187, 187= , 187); background: rgb(255, 255, 187); } .communication_message.pinned_notification .header .links { float: right; f= ont-size: 0.8em; } .communication_message.pinned_notification .user_content p:last-child { mar= gin-bottom: 0px; } .communication_message.has_podcast .header .podcast { display: block; float= : right; opacity: 0.7; } .communication_message a.disable_item_link { visibility: hidden; float: rig= ht; margin-right: 6px; } .communication_message.alert div.content { padding-left: 35px; } .communication_message_hover div.header .link_box a { opacity: 0.5; } .communication_message_hover a.disable_item_link { visibility: visible; opa= city: 0.5; } .communication_message_hover a.disable_item_link:hover { opacity: 1; } .brief_communication_message div.header .link_box { display: none; } .brief_communication_message div.content .links a.brief_footer_link { displ= ay: inline; } .brief_communication_message div.content .links a.verbose_footer_link { dis= play: none; } .communication_message.announcement div.header .header_icon.announcement_he= ader_icon { display: inline; } .communication_message.announcement div.header .header_icon.discussion_topi= c_header_icon { display: none; } .communication_message.conversation .submission ul { margin: 0px 10px 10px = 0px; padding: 0px; } .communication_message.conversation .submission li { padding: 2px 5px; marg= in: 0px 0px 2px; list-style: none; background: rgb(232, 232, 232); } .communication_message.conversation .submission .user_name { font-size: 0.8= em; padding: 0px; } .communication_message.conversation .submission .score { float: right; padd= ing-right: 10px; } .communication_sub_message { margin: 0px 2.5em 2px 0em; padding: 0px; width= : auto; color: rgb(0, 0, 0); border-width: 0px; font-size: 0.85em; backgrou= nd-color: rgb(242, 242, 242); } .communication_sub_message div.header, .communication_sub_message div li { = padding: 0px 5px; border-width: 0px; color: rgb(153, 153, 153); } .communication_sub_message div.header .link_box, .communication_sub_message= div li .link_box { float: right; width: 60px; text-align: right; min-heigh= t: 10px; margin-right: 5px; opacity: 0.5; } .communication_sub_message div.header .link_box a, .communication_sub_messa= ge div li .link_box a { visibility: hidden; } .communication_sub_message div.header .link_box:hover, .communication_sub_m= essage div li .link_box:hover { opacity: 1; } .communication_sub_message div.header .link_box:hover a, .communication_sub= _message div li .link_box:hover a { visibility: visible; } .communication_sub_message div.header .header_title, .communication_sub_mes= sage div li .header_title { float: left; } .communication_sub_message div.header .user_name, .communication_sub_messag= e div li .user_name { padding-left: 5px; white-space: nowrap; } .communication_sub_message div.header .post_date, .communication_sub_messag= e div li .post_date { float: right; padding-right: 10px; font-size: 0.9em; = padding-top: 0.2em; } .communication_sub_message div.header a, .communication_sub_message div li = a { color: rgb(136, 136, 136); } .communication_sub_message div.content { padding: 1px 5px 1px 30px; color: = rgb(68, 68, 68); } .communication_sub_message div.content .less_important { color: rgb(136, 13= 6, 136); display: block; text-align: right; padding-right: 20px; } .communication_sub_message div.content a.textarea { display: block; border-= radius: 4px; border: 1px solid rgb(170, 170, 170); background-color: rgb(25= 5, 255, 255); text-decoration: none; padding: 2px; width: 94%; } .communication_sub_message div.content textarea { border: 1px solid rgb(170= , 170, 170); border-radius: 4px; padding: 2px; font-size: 1.1em; font-famil= y: Arial, sans-serif; width: 94%; } .communication_sub_message div.content textarea.dim { height: 1em; color: r= gb(170, 170, 170); font-family: arial, sans-serif; } .communication_sub_message div.behavior_content { color: rgb(153, 153, 153)= ; padding: 2px 5px 2px 30px; } .communication_sub_message div.behavior_content a { color: rgb(136, 136, 13= 6); } .communication_sub_message div.footer { float: right; } .communication_sub_message.toggled_communication_sub_message { display: non= e; } .communication_sub_message.lonely_behavior_message { background-color: tran= sparent; } .communication_sub_message.lonely_behavior_message div.content a.textarea {= display: inline; color: inherit; padding: 0px; margin-right: 15px; border-= width: 0px; } .communication_sub_message.lonely_behavior_message div.content a.textarea:h= over, .communication_sub_message.lonely_behavior_message div.content a.text= area:focus { text-decoration: underline; } .communication_sub_message.lonely_behavior_message div.content .less_import= ant { display: inline; color: inherit; } html > body .communication_sub_message .content textarea { width: 97%; } html > body .communication_sub_message .content a.textarea { width: 97%; } html > body .communication_message div.header .under_links { opacity: 0; } html > body .communication_message:hover div.header .under_links { opacity:= 1; } .new_activity_message a.textarea { display: block; border-radius: 4px; bord= er: 1px solid rgb(170, 170, 170); color: rgb(136, 136, 136); text-decoratio= n: none; cursor: text; background-color: rgb(255, 255, 255); padding: 2px; = width: 94%; } .new_activity_message .message_type img { border-radius: 2px; padding: 0px = 5px; cursor: pointer; border: 1px solid rgb(255, 255, 255); } .new_activity_message .message_type img:hover { border-color: rgb(204, 204,= 204); } .new_activity_message .message_type img.selected { border-color: rgb(136, 1= 36, 136); background-color: rgb(238, 238, 238); } .new_activity_message form textarea { height: 4.8em; border: 1px solid rgb(= 170, 170, 170); border-radius: 4px; padding: 2px; font-size: 1.1em; font-fa= mily: Arial, sans-serif; width: 94%; } html > body .new_activity_message a.textarea { width: 97%; } html > body .new_activity_message form textarea { width: 97%; } .notification_list li a { padding-left: 20px; background-image: url("/dist/= images/other_icon-2a7be474af.png"); background-repeat: no-repeat; backgroun= d-position: left center; } .notification_list li a.announcement { background-image: url("/dist/images/= announcement_icon-d0bf3f3894.png"); } .notification_list li a.course_content { background-image: url("/dist/image= s/course_content_icon-95ff332fb8.png"); } .notification_list li a.due_date { background-image: url("/dist/images/due_= date_icon-9fe551d920.png"); } .notification_list li a.discussion { background-image: url("/dist/images/di= scussion_icon-4d54295129.png"); } .notification_list li a.grading { background-image: url("/dist/images/gradi= ng_icon-16e9e323ad.png"); } .notification_list li a.invitation { background-image: url("/dist/images/in= vitation_icon-9a971ebcbe.png"); } .notification_list li a.message { background-image: url("/dist/images/messa= ge_icon-d6170068a2.png"); } .module_legend { float: right; clear: right; border: 1px solid rgb(204, 204= , 204); min-width: 200px; margin-bottom: 5px; margin-left: 10px; } .module_legend.module_legend_locked .title { display: none; } .module_legend.module_legend_locked .locked_title, .module_legend.module_le= gend_locked .locked_message { display: inline; } .module_legend .locked_title, .module_legend .locked_message { display: non= e; } .module_legend .header { border-bottom: 1px solid rgb(204, 204, 204); backg= round-color: rgb(238, 238, 238); font-size: 1.2em; font-weight: bold; paddi= ng: 2px 5px; } .module_legend .content { padding: 5px 20px 5px 10px; max-height: 50px; ove= rflow: auto; } .module_legend .content ul { padding: 0px; margin: 0px; list-style-type: no= ne; } .module_legend .content ul .context_module_item .type_icon { background: ur= l("/dist/images/file-95ff332fb8.png") left top no-repeat; } .module_legend .content ul .attachment_module_item .type_icon { background-= image: url("/dist/images/file_download-d7ad375e63.png"); } .module_legend .content ul .assignment_module_item .type_icon { background-= image: url("/dist/images/assignment-e807a4c93b.png"); } .module_legend .footer { text-align: right; font-size: 0.8em; } .module_legend .context_module_item .criterion { width: 16px; height: 16px;= } .module_legend .context_module_item .criterion.completed { background: url(= "/dist/images/pass-25e17f592d.png") left top no-repeat; } .module_legend .context_module_item .criterion.completed img { visibility: = hidden; } .module_legend .context_module_item .criterion.completed:hover { background= : transparent; } .module_legend .context_module_item .criterion.completed:hover img { visibi= lity: visible; } body > #ui-datepicker-div { display: none; } #instructure_dropdown_list { z-index: 10; } #instructure_dropdown_list .list { list-style-type: none; padding: 0px; mar= gin: 0px; overflow: auto; } #instructure_dropdown_list .option.ui-state-default.minimal { background: r= gb(255, 255, 255); border-color: rgb(221, 232, 240); } #instructure_dropdown_list .option .ui-icon { float: left; margin-top: 0.2e= m; margin-right: 2px; } .communication_message .media_comment_thumbnail { margin: 3px 0px; } .quoted_text_holder .show_quoted_text_link { font-size: 0.8em; } #sequence_details .sequence_list { margin-left: 10px; } #sequence_details .sequence_list li { padding-left: 20px; background: url("= /dist/images/ball-e9b3bf0d21.png") left center no-repeat; } #sequence_details .sequence_list li.prev, #sequence_details .sequence_list = li.next { font-size: 0.9em; } #sequence_details .sequence_list li.prev { background-image: url("/dist/ima= ges/uptick-688aded017.png"); } #sequence_details .sequence_list li.next { background-image: url("/dist/ima= ges/downtick-187f7c308b.png"); } #sequence_details .sequence_list li.current { font-weight: bold; font-size:= 1.1em; margin: 2px 0px; } body.padless-content .ic-Layout-contentMain #sequence_footer, .ic-Layout-co= ntentMain.padless #sequence_footer { margin-left: 10px; margin-right: 10px;= padding-top: 0px; } #sequence_footer { padding-top: 24px; } #sequence_footer .next, #sequence_footer .prev { width: 150px; overflow: hi= dden; } #sequence_footer .next .title, #sequence_footer .prev .title { display: blo= ck; font-size: 0.8em; white-space: nowrap; } #sequence_footer .next:hover .title, #sequence_footer .prev:hover .title { = text-decoration: none; } #sequence_footer .next { float: right; } #sequence_footer .prev { float: left; } #sequence_footer .all { clear: right; float: right; } .content_lock_icon { cursor: pointer; } #module_prerequisites_list { list-style-type: none; color: rgb(115, 129, 14= 0); } #module_prerequisites_list li.module { padding: 5px 0px; vertical-align: mi= ddle; } #module_prerequisites_list li.module ul { list-style-type: none; padding: 5= px 0px; } #module_prerequisites_list li.module li.requirement { vertical-align: middl= e; } #module_prerequisites_list li.module li.requirement .description { font-siz= e: 0.8em; } #module_prerequisites_list li.module li.requirement.locked_requirement .des= cription { padding-left: 24px; } #module_prerequisites_list li.module li.requirement.locked_requirement a { = color: rgb(115, 129, 140); } #module_prerequisites_list li.module.locked { cursor: pointer; } #module_prerequisites_list li.module.locked h3 { display: inline-block; pad= ding-left: 12px; } #module_prerequisites_list li.module.locked ul { display: none; } h2.h-margin-top, h3.h-margin-top, .h2.h-margin-top, .h3.h-margin-top { marg= in-top: 20px; } form.user_content_post_form { display: none; } #change_calendar_version_link_holder { float: right !important; background:= none !important; } #change_calendar_version_link_holder a, .dashboard-toggle a { margin-right:= 10px; padding: 1px 10px; border-radius: 3px; background-image: linear-grad= ient(rgb(10, 189, 255), rgb(0, 143, 214)); font-size: 0.875rem; font-family= : GillSans, Calibri, Trebuchet, sans-serif; border: 1px solid rgb(30, 126, = 202); text-shadow: rgba(0, 0, 0, 0.5) 1px 0px 1px; cursor: pointer; text-de= coration: none !important; color: white !important; } #change_calendar_version_link_holder a:hover, .dashboard-toggle a:hover { b= order-color: rgb(22, 90, 146); box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px 0= px; } .equation_image { vertical-align: middle; } .dashboard-toggle { display: block; padding: 10px 0px 0px; } #breadcrumbs .dashboard-toggle { margin: 4px 0px; } .with-fixed-bottom .ic-Layout-wrapper { padding-bottom: 60px; box-sizing: b= order-box; } #fixed_bottom { bottom: 0px; } #fixed_bottom > :not(.ic-alert-masquerade-student-view) i { vertical-align:= middle; margin-right: 10px; } #fixed_bottom > :not(.ic-alert-masquerade-student-view) b, #fixed_bottom > = :not(.ic-alert-masquerade-student-view) div { line-height: 28px; vertical-a= lign: middle; } #fixed_bottom > :not(.ic-alert-masquerade-student-view) i.icon-x { padding-= bottom: 3px; margin: 0px; } #fixed_bottom .fixed_warning { background-color: rgb(255, 221, 221); border= -width: 2px 0px 0px; border-style: solid; border-color: black; padding: 15p= x; opacity: 0.9; color: black; display: flex; align-items: center; flex-wra= p: wrap; } #fixed_bottom .fixed_warning .warning_message { margin-left: auto; } .hidden-text { overflow: hidden; text-indent: -10000px; white-space: nowrap= ; } .hidden-inline-text { display: inline-block; height: 0px; overflow: hidden;= text-indent: -10000px; white-space: nowrap; width: 0px; } .nav-icon { font-size: 0.6875rem; min-width: 18px; line-height: 18px; borde= r-radius: 9px; background: rgb(255, 255, 255); color: rgb(45, 59, 69); disp= lay: inline-block; vertical-align: middle; text-align: center; box-sizing: = border-box; padding: 0px 6px; float: right; } .nav-badge { font-size: 0.6875rem; min-width: 20px; line-height: 20px; bord= er-radius: 10px; background: var(--ic-brand-primary); color: rgb(255, 255, = 255); display: inline-block; vertical-align: middle; text-align: center; bo= x-sizing: border-box; padding: 0px 6px; float: right; } .unread-grade { float: left; display: inline-block; line-height: 8px; width= : 8px; margin-top: 6px; margin-left: -16px; background-color: rgb(6, 169, 2= 38); border-radius: 4px; } .clear { clear: both; } .ic-Error-page { text-align: center; } .ic-Error-page h1 { margin-top: 3rem; } .ic-Error-page .ic-Error-img { margin-top: 2rem; max-width: 350px; } .ic-Error-page .ic-Error-form { text-align: left; max-width: 410px; margin-= left: auto; margin-right: auto; } table { max-width: 100%; background-color: transparent; } :not(.user_content) > table, .user_content table:not([cellspacing]) { borde= r-collapse: collapse; border-spacing: 0px; } .ic-Table-responsive-x-scroll { overflow-x: auto; } .ic-Table { max-width: 100%; width: 100%; border-collapse: collapse; border= -spacing: 0px; } .ic-Table th, .ic-Table td { padding: 14px 7px; line-height: 1.3; text-alig= n: left; vertical-align: middle; border-bottom-style: solid; border-bottom-= width: 1px; } .ic-Table tr.ic-Table__row--bg-neutral { background-color: rgb(245, 245, 24= 5); } .ic-Table tr.ic-Table__row--bg-success { background-color: rgb(232, 246, 23= 3); } .ic-Table tr.ic-Table__row--bg-alert { background-color: rgb(251, 237, 231)= ; } .ic-Table tr.ic-Table__row--bg-danger { background-color: rgb(252, 232, 231= ); } .ic-Table th { border-bottom-color: rgb(165, 175, 181); padding-bottom: 7px= ; font-weight: bold; } .ic-Table th.ic-Table--header-row { border-bottom-color: rgb(199, 205, 209)= ; } .ic-Table tbody th { border-bottom-color: rgb(199, 205, 209); padding-botto= m: 14px; } .ic-Table td { border-bottom-color: rgb(199, 205, 209); } .ic-Table td .ic-Table__actions { position: relative; text-align: right; } .ic-Table.ic-Table--condensed td { padding: 7px; font-size: 0.875rem; } .ic-Table.ic-Table--condensed th { padding: 7px 7px 3.5px; } .ic-Table.ic-Table--condensed tbody th { padding-bottom: 7px; font-size: 0.= 875rem; } .ic-Table.ic-Table--striped tbody tr:nth-child(2n+1) { background-color: rg= b(245, 245, 245); } .ic-Table.ic-Table--hover-row tbody tr { transition: background-color 0.3s = ease 0s; } .ic-Table.ic-Table--hover-row tbody tr:hover, .ic-Table.ic-Table--hover-row= tbody tr.ic-Table__row--bg-neutral:hover, .ic-Table.ic-Table--hover-row tb= ody tr.ic-Table__row--bg-success:hover, .ic-Table.ic-Table--hover-row tbody= tr.ic-Table__row--bg-alert:hover, .ic-Table.ic-Table--hover-row tbody tr.i= c-Table__row--bg-danger:hover { background-color: rgb(229, 242, 248); } .ui-tabs .ui-tabs-panel { border-color: rgb(199, 205, 209); padding: 14px; = } .ui-tabs .ui-tabs-nav { border-bottom-color: rgb(199, 205, 209); } .ui-tabs .ui-tabs-nav li { background: transparent; border-color: transpare= nt; box-shadow: none; } .ui-tabs .ui-tabs-nav li a { outline: transparent solid 0.125rem; color: va= r(--ic-link-color); font-weight: normal; padding: 8px 14px; text-shadow: no= ne; } .ui-tabs .ui-tabs-nav li a:focus { text-decoration: underline; outline: non= e; } #edit_event .ui-tabs .ui-tabs-nav li a { color: rgb(255, 255, 255); } .ui-tabs .ui-tabs-nav li.ui-state-hover, .ui-tabs .ui-tabs-nav li:hover { b= ackground: rgb(255, 255, 255); border-color: rgb(199, 205, 209); } .ui-tabs .ui-tabs-nav li.ui-state-hover a, .ui-tabs .ui-tabs-nav li:hover a= { color: var(--ic-brand-font-color-dark); } #edit_event .ui-tabs .ui-tabs-nav li.ui-state-hover a, #edit_event .ui-tabs= .ui-tabs-nav li:hover a { color: var(--ic-link-color); } .ui-tabs .ui-tabs-nav li.ui-state-focus, .ui-tabs .ui-tabs-nav li.ui-state-= focus.ui-tabs-active { outline: none; border-color: rgb(199, 205, 209); bac= kground: rgb(255, 255, 255); } .ui-tabs .ui-tabs-nav li.ui-state-focus a, .ui-tabs .ui-tabs-nav li.ui-stat= e-focus.ui-tabs-active a { text-decoration: underline; outline: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-tabs-a= ctive.ui-state-hover, .ui-tabs .ui-tabs-nav li.ui-tabs-active:hover { borde= r-color: rgb(199, 205, 209); background: rgb(255, 255, 255); } #edit_event .ui-tabs .ui-tabs-nav li.ui-tabs-active a, #edit_event .ui-tabs= .ui-tabs-nav li.ui-tabs-active.ui-state-hover a, #edit_event .ui-tabs .ui-= tabs-nav li.ui-tabs-active:hover a { color: var(--ic-brand-font-color-dark)= ; } .ui-tabs.ui-tabs--mini .ui-tabs-nav li a { padding: 4px 8px; } .ui-tabs.ui-tabs-minimal .ui-tabs-panel { border-width: 0px; padding-left: = 0px; padding-right: 0px; padding-bottom: 0px; } #auth-config-right-side a img { margin-right: 5px; } .debug_data .debug_label { font-weight: bold; } .debug_data pre { margin: auto auto auto 10px; overflow: auto; font-family:= monospace; } #groups .move_icon, #groups .group_move_icon { cursor: move; } #groups .move_icon, #groups .group_move_icon, #groups .links a { left: -100= 00px; position: relative; } #groups .move_icon:focus, #groups .move_icon.focus, #groups .group_move_ico= n:focus, #groups .group_move_icon.focus, #groups .links a:focus, #groups .l= inks a.focus { left: auto; text-decoration: none; } #groups .group_assignment .content:hover .move_icon, #groups .group_assignm= ent .content:hover .group_move_icon, #groups .group_assignment .content:hov= er .links a, #groups .header_content:hover .move_icon, #groups .header_cont= ent:hover .group_move_icon, #groups .header_content:hover .links a { left: = auto; text-decoration: none; opacity: 0.5; } #groups .group_assignment .content:hover .move_icon:hover, #groups .group_a= ssignment .content:hover .group_move_icon:hover, #groups .group_assignment = .content:hover .links a:hover, #groups .header_content:hover .move_icon:hov= er, #groups .header_content:hover .group_move_icon:hover, #groups .header_c= ontent:hover .links a:hover { opacity: 1; } #groups .assignment_group { background: rgb(245, 245, 245); border: 1px sol= id rgb(199, 205, 209); margin-bottom: 16px; } #groups .group_header { color: rgb(115, 129, 140); background-color: rgb(23= 9, 239, 239); background-image: linear-gradient(rgb(245, 245, 245), rgb(230= , 230, 230)); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1)= rgba(0, 0, 0, 0.1) rgb(199, 205, 209); border-bottom-width: 1px; border-bo= ttom-style: solid; padding: 4px 12px; text-shadow: none; } #groups .group_header::before, #groups .group_header::after { display: tabl= e; content: ""; line-height: 0; } #groups .group_header::after { clear: both; } #groups .group_header:hover, #groups .group_header:active, #groups .group_h= eader.active, #groups .group_header.disabled, #groups .group_header[disable= d] { color: rgb(115, 129, 140); background-color: rgb(230, 230, 230); } #groups .group_header:focus { color: rgb(115, 129, 140); background: rgb(23= 0, 230, 230); text-decoration: none; } #groups .group_header .name { font-weight: bold; } #groups .assignment_list { min-height: 8px; } #groups .group_assignment { display: table; width: 100%; } #groups .group_assignment .content { display: table-row; } #groups .data, #groups .cell { border-bottom: 1px solid rgb(255, 255, 255);= border-top: 1px solid white; display: table-cell; padding: 4px 0px; vertic= al-align: middle; } #groups .data.move, #groups .cell.move { padding-left: 12px; width: 20px; } #groups .data.assignment_title, #groups .cell.assignment_title { max-width:= 200px; min-width: 200px; width: 25%; } #groups .data.assignment_due, #groups .cell.assignment_due { width: 25%; } #groups .data.links, #groups .cell.links { padding-right: 12px; width: 40px= ; } #groups .load_pending { background: url("/dist/images/ajax-loader-small-ccc= -03b5adf6b7.gif") left center no-repeat; } #groups .add_assignment_form { display: table-row; } #groups .add_assignment_form .vdd_no_edit { margin-top: 5px; display: inlin= e-block; } #groups .add_assignment_form .cell.first { padding-left: 6px; } #groups .add_assignment_form .cell.last { padding-right: 6px; } #groups .add_assignment_form .no_points { display: none; } #groups .add_assignment_form .points_uneditable .points { display: none; } #groups .add_assignment_form .points_uneditable .no_points { display: inlin= e; } #groups .add_assignment_form label, #groups .add_assignment_form select { f= ont-size: 0.8em; } #groups .add_assignment_form .input-append { display: inline; } #assignments_for_student .group_assignment { min-height: 40px; border-botto= m: 1px solid rgb(204, 204, 204); padding-bottom: 3px; } #assignments_for_student .group_assignment::before, #assignments_for_studen= t .group_assignment::after { display: table; content: ""; line-height: 0; } #assignments_for_student .group_assignment::after { clear: both; } #assignments_for_student .group_assignment.last { border-bottom-width: 0px;= } #assignments_for_student .group_assignment .content { padding-top: 9px; } #assignments_for_student .group_assignment .details { display: block; margi= n-left: 60px; font-size: 0.8em; margin-bottom: 5px; } #assignments_for_student .group_assignment .grade { display: none; } #assignments_for_student .group_assignment.group_assignment_graded { color:= rgb(170, 170, 170); } #assignments_for_student .group_assignment.group_assignment_graded a { colo= r: rgb(136, 136, 136); } #assignments_for_student .group_assignment.group_assignment_graded a.grade = { color: rgb(68, 68, 68); font-weight: bold; display: inline; } #assignments_for_student .group_assignment.group_assignment_ungraded .assig= nment_due { font-weight: bold; color: rgb(136, 136, 34); } #assignments_for_student .group_assignment.group_assignment_overdue .assign= ment_due { font-weight: bold; color: rgb(204, 0, 0); } #assignments_for_student .group_assignment:hover { background-color: rgb(23= 8, 238, 238); } #assignments_for_student .group_assignment:hover .course_name { opacity: 1 = !important; } #assignments_for_student .group_assignment div.data { float: left; border: = 0px; padding: 2px 5px; } #assignments_for_student .group_assignment div.data.assignment_title { widt= h: 40%; margin-left: 30px; } #assignments_for_student .group_assignment div.data.assignment_title .title= { font-size: 1.3em; font-weight: bold; } #assignments_for_student .group_assignment div.data.assignment_title .cours= e_name { font-size: 0.8em; line-height: 1.2em; padding: 2px 7px; color: inh= erit; opacity: 0.75; border-radius: 10px; } #assignments_for_student .group_assignment div.data.assignment_due { width:= 30%; font-size: 1em; display: block; } #assignments_for_student .group_assignment div.data.assignment_points { fon= t-size: 1em; } #assignments_for_student .group_assignment div.data.links { display: none; = } #assignments_for_student .group_assignment div.data.move { display: none; } #assignments_for_student .assignment_list.show_context .group_assignment .c= ontext_name { display: block; } #groups_for_student .assignment_group { margin: 0px 0.5em 1.5em; width: aut= o; border: 1px solid rgb(153, 153, 153); color: black; border-radius: 5px; = } #groups_for_student .assignment_group .group_move_icon, #groups_for_student= .assignment_group .add_assignment_link, #groups_for_student .assignment_gr= oup .edit_group_link, #groups_for_student .assignment_group .delete_group_l= ink { display: none; } #groups_for_student .assignment_group .group_move { visibility: hidden; } #groups_for_student .assignment_group div.header { width: auto; border-bott= om: 1px solid rgb(153, 153, 153); background-color: rgb(221, 221, 221); pad= ding-left: 25px; color: rgb(102, 102, 102); margin-bottom: 0px; border-top-= right-radius: 3px; border-top-left-radius: 3px; } #groups_for_student .assignment_group div.header .group_name { font-size: 1= .5em; font-weight: bold; } #groups_for_student .assignment_group div.header .more_info_brief { line-he= ight: 1.7em; } #groups_for_student .assignment_group div.header .links { display: none; } #groups_for_student .assignment_group div.padding { padding: 0px 0px 5px; d= isplay: none; } #groups_for_student .assignment_group .group_assignment { min-height: 30px;= border-radius: 3px; color: rgb(68, 68, 68); border-bottom: 1px solid rgb(2= 38, 238, 238); } #groups_for_student .assignment_group .group_assignment:hover { background-= color: rgb(238, 238, 238); } #groups_for_student .assignment_group .group_assignment .content { padding-= top: 3px; } #groups_for_student .assignment_group .group_assignment.group_assignment_gr= aded { color: rgb(170, 170, 170); } #groups_for_student .assignment_group .group_assignment.group_assignment_gr= aded a { color: rgb(136, 136, 136); } #groups_for_student .assignment_group .group_assignment.group_assignment_ov= erdue .assignment_due { font-weight: bold; color: rgb(204, 0, 0); } #groups_for_student .assignment_group .group_assignment div.data { float: l= eft; border: 0px; padding: 2px 5px; } #groups_for_student .assignment_group .group_assignment div.data.assignment= _title { width: 40%; font-weight: bold; margin-left: 30px; } #groups_for_student .assignment_group .group_assignment div.data.assignment= _title .context_name { font-weight: normal; font-size: 0.7em; padding-left:= 10px; color: rgb(136, 136, 136); } #groups_for_student .assignment_group .group_assignment div.data.assignment= _due { width: 30%; font-size: 0.8em; display: block; } #groups_for_student .assignment_group .group_assignment div.data.assignment= _points { font-size: 0.8em; } #groups_for_student .assignment_group .group_assignment div.data.buttons { = float: right; } #groups_for_student .assignment_group .group_assignment div.data.links { di= splay: none; } #groups_for_student .assignment_group .group_assignment div.data.name { mar= gin-right: 10px; font-weight: bold; width: 200px; } #groups_for_student .assignment_group .group_assignment div.data.move { dis= play: none; } #group_weight_table input.weight { width: 35px; } #group_weight_table th, #group_weight_table td { padding: 1px; } #group_weight_table th { font-weight: bold; border-bottom: 1px solid rgb(13= 6, 136, 136); } #group_weight_table td.total { font-weight: bold; } #group_weight_table tr.group_weight .move { cursor: move; visibility: hidde= n; } #group_weight_table tr.group_weight td { border-bottom: 1px solid rgb(170, = 170, 170); } #group_weight_table .group_weight_hover .move { visibility: visible; } .show-only-from a { display: block; margin-top: 3px; color: var(--ic-brand-= font-color-dark); padding-left: 5px; } table.full_assignment_table select { width: 140px !important; } #submit_from_external_tool_form #external_tool_submission_details { padding= -left: 10px; } #submit_from_external_tool_form #external_tool_submission_details.not_selec= ted { color: rgb(119, 119, 102); font-style: italic; } #submit_from_external_tool_form #external_tool_submission_details.file_subm= ission { font-weight: bold; padding-left: 28px; background: url("/dist/imag= es/file-95ff332fb8.png") 10px center no-repeat; font-size: 1.125rem; } #submit_from_external_tool_form #external_tool_submission_details.url_submi= ssion { font-weight: bold; padding-left: 28px; background: url("/dist/image= s/link-cf0b7a38be.png") 10px center no-repeat; font-size: 1.125rem; } #submit_from_external_tool_form.has_submission .tools { opacity: 0.7; } #submit_from_external_tool_form .tools { list-style-type: none; margin-righ= t: 20px; } #submit_from_external_tool_form .tools .tool { display: block; padding: 2px= 5px; font-size: 1rem; } #submit_from_external_tool_form .tools .tool img { vertical-align: middle; = } #submit_from_external_tool_form .tools .tool:hover { background: rgb(238, 2= 38, 238); border-radius: 3px; } .vdd_tooltip_link { cursor: pointer; } .ui-widget.ui-tooltip { max-width: 240px; } input[type=3D"checkbox"].post_to_sis_checkbox { margin-left: 20px; } .dl-horizontal.vdd_tooltip_content { margin: 7px 0px; } .dl-horizontal.vdd_tooltip_content dt { width: 115px; white-space: normal; = line-height: 12px; margin-bottom: 5px; } .dl-horizontal.vdd_tooltip_content dd { margin-left: 125px; width: 115px; l= ine-height: 12px; text-align: left; } .assignment-search { margin-bottom: 0px; } .assignment-search select { min-width: 170px; } .assignment-search input { min-width: 210px; } .Submission__Link--has-icon .icon-rubric, .Submission__Link--has-icon .icon= -check, .Submission__Link--has-icon .icon-warning, .Submission__List .icon-= rubric, .Submission__List .icon-check, .Submission__List .icon-warning { co= lor: rgb(57, 75, 88); } .assignment .ig-row .options-spacer { width: 48px; } .group_list { list-style: none; } .group_list .group .group_name { clear: left; position: relative; border-to= p: 1px dotted rgb(170, 170, 170); padding-top: 5px; margin: 1em 1em -2px; } .group_list .group .group_name .management { float: left; position: absolut= e; right: 0px; } .group_list .group .group_name .name { font-size: 1.5em; padding-left: 20px= ; background: url("/dist/images/group-6f0ea57c9d.png") left center no-repea= t; } .group_list .group.teacher_group .name { background: url("/dist/images/assi= gnment-e807a4c93b.png") left center no-repeat; } .group_list .group .group_info { margin-top: -2px; padding-left: 3em; } .group_list .group .member_list { list-style: none; max-height: 150px; over= flow: auto; } .left_side a.assign_students_link { display: none; } .student-groups { border: 1px solid rgb(193, 199, 207); border-radius: 3px;= } .student-groups .student-group-header { padding: 16px 16px 16px 10px; displ= ay: flex; align-items: center; } .student-groups .icon-mini-arrow-right, .student-groups .icon-mini-arrow-do= wn { order: -1; } .student-groups .icon-mini-arrow-down { display: none; } .student-groups.show-body .student-group-header { background-color: rgb(245= , 245, 245); border-bottom: 1px solid rgb(193, 199, 207); cursor: pointer; = position: relative; } .student-groups.show-body .icon-mini-arrow-right { display: none; } .student-groups.show-body .icon-mini-arrow-down { display: block; } .student-groups .student-group-title { display: inline-flex; align-items: c= enter; flex-grow: 1; max-width: 70%; } .student-groups .student-group-title h2 { margin: 0px 7px 0px 5px; font-wei= ght: bold; font-size: 1rem; line-height: 18px; text-overflow: ellipsis; ove= rflow: hidden; } .student-groups .student-group-title h2 small { font-size: 0.875rem; } .student-groups .student-group-title h2 a { color: rgb(85, 85, 85); } .student-groups .student-group-title a { padding-right: 5px; } .student-groups .student-group-students { color: rgb(85, 85, 85); font-weig= ht: normal; flex-basis: 10rem; } .student-groups .student-group-students i { padding-right: 5px; } .student-groups .student-group-join { text-transform: uppercase; font-weigh= t: bold; text-align: right; flex-basis: 2rem; } .student-groups .student-group-body { padding: 16px 16px 16px 36px; } .student-groups .student-group-body:last-child { border-bottom: 0px; } .student-groups .student-group-body .student-group-list { list-style: none;= margin: 0px; } .student-groups .student-group-body .student-group-list li { float: left; w= idth: 25%; } .student-groups .student-group-body .student-group-list li i { padding-left= : 5px; } .empty-groupset-instructions .group-categories-actions { top: 55px; } .group-categories-actions { height: 36px; z-index: 1; position: absolute; t= op: 0px; right: 14px; } #group_categories_tabs { margin: 0px -1em -1em; } #group_categories_tabs > .collectionViewItems { padding: 10px 130px 0px 1em= ; } #group_categories_tabs > .roster-tab { padding-left: 1em; padding-right: 1e= m; } .spinner-container { width: 100%; height: 100px; display: flex; align-items= : center; justify-content: center; } .al-trigger--within-left-menu { margin: 0px 0px 12px 6px; } .al-trigger--within-left-menu.ui-menu-item { max-width: 200px; } .al-options .ui-menu-item a { box-sizing: border-box; overflow: hidden; whi= te-space: nowrap; text-overflow: ellipsis; } .al-options .ui-menu-item:first-of-type { margin-top: 8px; } .al-options .ui-menu-item:last-of-type { margin-bottom: 8px; } .active-selection.ui-menu-item .ui-corner-all { color: var(--ic-brand-font-= color-dark-lightened-15); } .active-selection.ui-menu-item .ui-corner-all.ui-state-focus, .active-selec= tion.ui-menu-item .ui-corner-all:hover, .active-selection.ui-menu-item .ui-= corner-all:focus { background: rgb(115, 129, 140); color: rgb(255, 255, 255= ); font-weight: bold; } .active-selection.ui-menu-item:first-of-type .ui-corner-all.ui-state-focus = { background: rgb(115, 129, 140); } .roster-empty-state { max-width: 400px; margin: auto; text-align: center; f= ont-size: 16px; } .roster-empty-state .empty-state-list { list-style: none; margin: 0px; padd= ing: 0px; } .roster-empty-state .empty-state-list .empty-state-list-item { display: inl= ine; margin-inline: 0.5rem; } #media_record_option_holder .record_option { display: block; margin: 0px 2p= x 2px; padding: 4px; border: 2px solid rgb(255, 255, 255); border-radius: 3= px; } #media_record_option_holder .record_option:hover { border: 2px solid rgb(17= 0, 170, 170); background: rgb(238, 238, 238); } #media_record_option_holder, #video_record_holder_holder, #audio_record_hol= der_holder { float: left; } #media_record_option_holder .record_option.selected_option { border: 2px so= lid rgb(136, 136, 136); background: rgb(204, 204, 204); } #audio_record_holder_holder, #video_record_holder_holder { overflow: hidden= ; position: relative; } #audio_record_holder_holder #audio_record_holder_message, #audio_record_hol= der_holder #video_record_holder_message, #video_record_holder_holder #audio= _record_holder_message, #video_record_holder_holder #video_record_holder_me= ssage { width: 600px; height: 600px; z-index: 9999; background-color: rgb(1= 02, 102, 102); position: absolute; display: none; } #audio_record_holder_holder #audio_record_holder_message .recorder_message,= #audio_record_holder_holder #video_record_holder_message .recorder_message= , #video_record_holder_holder #audio_record_holder_message .recorder_messag= e, #video_record_holder_holder #video_record_holder_message .recorder_messa= ge { color: rgb(238, 238, 238); font-size: 1.5em; opacity: 1; margin: 120px= 55px; width: 300px; text-align: center; } #audio_record_holder_holder #audio_record_holder_message.saving, #audio_rec= ord_holder_holder #video_record_holder_message.saving, #video_record_holder= _holder #audio_record_holder_message.saving, #video_record_holder_holder #v= ideo_record_holder_message.saving { display: block; } #audio_upload_under button, #video_upload_under button { width: 180px; heig= ht: 50px; font-size: 1.2em; font-weight: bold; } #audio_upload, #video_upload { position: absolute; z-index: 9999; } div#audio_upload, div#video_upload { background: rgb(255, 255, 255); font-s= ize: 1.2em; } .media_tab { height: 360px; } #record_media_tab { padding-bottom: 35px; } #media_upload_holder { height: 240px; } #media_upload_title { width: 200px; } #media_upload_holder .content { margin-top: 8px; } #media_upload_file_size { font-size: 0.8em; padding-left: 20px; } #media_upload_progress { width: 300px; height: 15px; } #media_upload_submit { font-size: 1.2em; font-weight: bold; } #audio_record_holder, #video_record_holder { width: 400px; height: 300px; o= verflow: hidden; position: relative; border: 0px; background: url("/dist/im= ages/ajax-loader-medium-444-ed8f74efc3.gif") 10px 10px no-repeat rgb(255, 2= 55, 255); box-shadow: rgb(0, 0, 0) 0px 0px 10px; margin: 10px; } #audio_record, #video_record { border: 0px solid rgb(136, 136, 136); height= : 300px; } .volume_meter { width: 20px; height: 240px; float: right; border: 0px solid= rgb(136, 136, 136); position: absolute; top: 0px; left: 400px; z-index: 99= 99; } .volume_meter .audio_level { width: 14px; height: 14px; border: 1px solid r= gb(102, 102, 102); display: block; margin: 2px; background-color: rgb(0, 25= 5, 0); visibility: hidden; border-radius: 2px; } .volume_meter .level_6 { background-color: rgb(255, 255, 0); } .volume_meter .level_7 { background-color: rgb(255, 255, 0); } .volume_meter .level_8 { background-color: rgb(255, 255, 0); } .volume_meter .level_9 { background-color: rgb(255, 0, 0); } .volume_meter.band_1 .level_0, .volume_meter.band_2 .level_0, .volume_meter= .band_2 .level_1, .volume_meter.band_3 .level_0, .volume_meter.band_3 .leve= l_1, .volume_meter.band_3 .level_2, .volume_meter.band_4 .level_0, .volume_= meter.band_4 .level_1, .volume_meter.band_4 .level_2, .volume_meter.band_4 = .level_3, .volume_meter.band_5 .level_0, .volume_meter.band_5 .level_1, .vo= lume_meter.band_5 .level_2, .volume_meter.band_5 .level_3, .volume_meter.ba= nd_5 .level_4, .volume_meter.band_6 .level_0, .volume_meter.band_6 .level_1= , .volume_meter.band_6 .level_2, .volume_meter.band_6 .level_3, .volume_met= er.band_6 .level_4, .volume_meter.band_6 .level_5, .volume_meter.band_7 .le= vel_0, .volume_meter.band_7 .level_1, .volume_meter.band_7 .level_2, .volum= e_meter.band_7 .level_3, .volume_meter.band_7 .level_4, .volume_meter.band_= 7 .level_5, .volume_meter.band_7 .level_6, .volume_meter.band_8 .level_0, .= volume_meter.band_8 .level_1, .volume_meter.band_8 .level_2, .volume_meter.= band_8 .level_3, .volume_meter.band_8 .level_4, .volume_meter.band_8 .level= _5, .volume_meter.band_8 .level_6, .volume_meter.band_8 .level_7, .volume_m= eter.band_9 .level_0, .volume_meter.band_9 .level_1, .volume_meter.band_9 .= level_2, .volume_meter.band_9 .level_3, .volume_meter.band_9 .level_4, .vol= ume_meter.band_9 .level_5, .volume_meter.band_9 .level_6, .volume_meter.ban= d_9 .level_7, .volume_meter.band_9 .level_8, .volume_meter.band_10 .level_0= , .volume_meter.band_10 .level_1, .volume_meter.band_10 .level_2, .volume_m= eter.band_10 .level_3, .volume_meter.band_10 .level_4, .volume_meter.band_1= 0 .level_5, .volume_meter.band_10 .level_6, .volume_meter.band_10 .level_7,= .volume_meter.band_10 .level_8, .volume_meter.band_10 .level_9 { visibilit= y: visible; } .youtubed { display: block; } .media_comment_thumbnail { width: 140px; height: 100px; margin: 3px 5px; bo= x-sizing: border-box; background: url("/dist/images/blank-7bf2b2cd6a.png") = center center / cover no-repeat rgb(0, 142, 226); display: flex; place-cont= ent: center space-around; align-items: center; padding: 0px; } .media_comment_thumbnail.media_comment_thumbnail-small { width: 70px; heigh= t: 50px; } .media_comment_thumbnail_play_button { width: 50px; height: 50px; text-alig= n: center; background-image: url("/dist/images/icon-arrow-right-white-a54e5= 7acde.svg"); background-repeat: no-repeat; background-size: 40%; background= -position: 55% center; background-color: rgb(0, 142, 226); border-radius: 5= 0%; } .media_comment_thumbnail-small .media_comment_thumbnail_play_button { width= : 25px; height: 25px; } a.menu_tool_link img.icon, a.menu_tray_tool_link img.icon { max-width: 16px= ; } #context_modules { min-width: 20px; } .context_module { border: 0px; background-color: rgb(255, 255, 255); min-wi= dth: 20px; margin-top: 15px; } .context_module .links a, .context_module .reorder_module_link, .context_mo= dule .move_item_link { opacity: 0.5; text-decoration: none; } .context_module .links a:hover, .context_module .reorder_module_link:hover,= .context_module .move_item_link:hover { opacity: 1; } .context_module .links { padding-right: 10px; text-align: right; white-spac= e: nowrap; } .context_module .icon-minimize { color: rgb(252, 94, 19); } .context_module .icon-info { color: var(--ic-brand-primary); } .context_module .icon-check { color: rgb(0, 172, 24); } .context_module .ig-row { display: flex; align-items: center; } .context_module .ig-row .module-item-status-icon { width: 16px; padding-rig= ht: 10px; } .context_module .ig-row .module-item-status-icon .icon-mark-as-read { opaci= ty: 0.4; } .context_module .ig-row .module-item-status-icon + .ig-admin { margin-left:= 12px; } .context_module .ig-row:not(.with-completion-requirements) .ig-details__ite= m:nth-last-child(2)::after { display: none; } .context_module h2 .name { display: inline; position: absolute; left: 45px;= right: 140px; top: 6px; white-space: nowrap; text-overflow: ellipsis; over= flow: hidden; } .context_module.student-view h2 .name { left: 20px; } .context_module h2 .name { display: inline; position: absolute; left: 45px;= right: 140px; top: 6px; white-space: nowrap; text-overflow: ellipsis; over= flow: hidden; } .context_module.student-view h2 .name { left: 20px; } .context_module .completion_status .complete_icon, .context_module .locked_= icon, .context_module .in_progress_icon, .context_module .progression_detai= ls_link, .context_module .header .links, .context_module .add_module_item_l= ink, .context_module .manage_module, .context_module .delete_prerequisite_l= ink, .context_module .expand_module_link, .context_module .collapsed, .cont= ext_module .context_module_item .links { display: none; } .context_module.editable_context_module .progression_details_link, .context= _module.editable_context_module .reorder_module_link, .context_module.edita= ble_context_module .add_module_item_link, .context_module.editable_context_= module .edit_module_link, .context_module.editable_context_module .delete_m= odule_link, .context_module.editable_context_module .delete_prerequisite_li= nk { display: inline; } .context_module.editable_context_module .delete_prerequisite_link { text-de= coration: none; padding-left: 3px; } .context_module.editable_context_module .header .links, .context_module.edi= table_context_module .manage_module { display: block; } .context_module.editable_context_module .completion_status { visibility: hi= dden; } .context_module.editable_context_module .context_module_item td.links { dis= play: table-cell; } .context_module.collapsed_module .expand_module_link { display: inline; } .context_module.collapsed_module .collapse_module_link, .context_module.col= lapsed_module .content { display: none; } .context_module.collapsed_module .collapsed { display: block; } .context_module.completed.has_requirements .completion_status .complete_ico= n { display: inline; } .context_module.completed.has_requirements .completion_status .in_progress_= icon, .context_module.completed.has_requirements .completion_status .locked= _icon { display: none; } .context_module.started .completion_status .in_progress_icon { display: inl= ine; } .context_module.started .completion_status .complete_icon, .context_module.= started .completion_status .locked_icon { display: none; } .context_module.unlocked .completion_status .in_progress_icon, .context_mod= ule.unlocked .completion_status .complete_icon, .context_module.unlocked .c= ompletion_status .locked_icon { display: none; } .context_module.locked .context_module_item { opacity: 0.5; } .context_module.locked .context_module_item .title { display: none; } .context_module.locked .context_module_item .locked_title { display: inline= ; } .context_module.locked .context_module_item .completion_requirement { color= : rgb(170, 170, 170); } .context_module.locked .completion_status .locked_icon { display: inline; } .context_module.locked .completion_status .complete_icon, .context_module.l= ocked .completion_status .in_progress_icon { display: none; } .context_module.locked .module_item_icons { opacity: 0.8; } .context_module .manage_module, .context_module .show_hide, .context_module= .progression_container { font-size: 0.8em; float: left; padding-left: 15px= ; } .context_module .progression_container { float: right; } .context_module a.add-small { line-height: normal; } .context_module div.footer { padding: 13px 10px 2px; margin-left: 15px; col= or: rgb(102, 102, 102); } .context_module div.footer::before, .context_module div.footer::after { dis= play: table; content: ""; line-height: 0; } .context_module div.footer::after { clear: both; } .context_module .prerequisites .criterion { float: left; border: 1px solid = rgb(170, 170, 170); background-color: rgb(221, 238, 255); margin-left: 3px;= padding: 0.2em 4px; font-size: 0.8em; color: rgb(68, 68, 68); } .context_module_item { border-bottom: 1px dotted rgb(224, 224, 224); } .context_module_item.indent_0 td .type_icon { padding-right: 15px; } .context_module_item.indent_0 .outdent_item_link { display: none !important= ; } .context_module_item.indent_1 td .type_icon { padding-right: 15px; } .context_module_item.indent_1 .type_icon { padding-left: 20px; } .context_module_item.indent_2 td .type_icon { padding-right: 15px; } .context_module_item.indent_2 .type_icon { padding-left: 40px; } .context_module_item.indent_3 td .type_icon { padding-right: 15px; } .context_module_item.indent_3 .type_icon { padding-left: 60px; } .context_module_item.indent_4 td .type_icon { padding-right: 15px; } .context_module_item.indent_4 .type_icon { padding-left: 80px; } .context_module_item.indent_5 td .type_icon { padding-right: 15px; } .context_module_item.indent_5 .type_icon { padding-left: 100px; } .context_module_item.indent_5 .indent_item_link { display: none !important;= } .context_module_item .type_icon i { color: rgb(119, 119, 119); display: non= e; } .context_module_item .type_icon .icon-document { display: inline-block; } .context_module_item.attachment .icon-document { display: none; } .context_module_item.attachment .icon-paperclip { display: inline-block; } .context_module_item.discussion_topic .icon-document { display: none; } .context_module_item.discussion_topic .icon-discussion { display: inline-bl= ock; } .context_module_item.assignment .icon-document { display: none; } .context_module_item.assignment .icon-assignment { display: inline-block; } .context_module_item.quiz .icon-document { display: none; } .context_module_item.quiz .icon-quiz:not(.icon-Solid) { display: inline-blo= ck; } .context_module_item.lti-quiz .icon-document { display: none; } .context_module_item.lti-quiz .icon-Solid { display: inline-block; } .context_module_item.external_url .icon-document, .context_module_item.cont= ext_external_tool .icon-document, .context_module_item.lti\/message_handler= .icon-document { display: none; } .context_module_item.external_url .icon-link, .context_module_item.context_= external_tool .icon-link, .context_module_item.lti\/message_handler .icon-l= ink { display: inline-block; } .context_module_item.context_module_sub_header .type_icon i { display: none= ; } .context_module_item.context_module_sub_header .completion_status { display= : none; } .context_module_item .completion_requirement { font-size: 0.8em; padding-le= ft: 5px; margin-top: -4px; color: rgb(136, 136, 136); display: block; } .context_module_item .completion_requirement .requirement_type { display: n= one; } .context_module_item .completion_requirement .requirement_type .fulfilled {= display: none; } .context_module_item.min_score_requirement .completion_requirement, .contex= t_module_item.min_score_requirement .min_score_requirement { display: block= ; } .context_module_item.must_view_requirement .completion_requirement, .contex= t_module_item.must_view_requirement .must_view_requirement { display: block= ; } .context_module_item.must_mark_done_requirement .completion_requirement, .c= ontext_module_item.must_mark_done_requirement .must_mark_done_requirement {= display: block; } .context_module_item.must_contribute_requirement .completion_requirement, .= context_module_item.must_contribute_requirement .must_contribute_requiremen= t { display: block; } .context_module_item.must_submit_requirement .completion_requirement, .cont= ext_module_item.must_submit_requirement .must_submit_requirement { display:= block; } .context_module_item .complete_item_icon { display: none; } .context_module_item.completed_item .completion_requirement .requirement_ty= pe .fulfilled { display: inline; } .context_module_item.completed_item .completion_requirement .requirement_ty= pe .unfulfilled { display: none; } .context_module_item.after_current_position .item_name { opacity: 0.5; } .context_module_item.after_current_position .item_name .title { display: no= ne; } .context_module_item.after_current_position .item_name .locked_title { disp= lay: inline; } .context_module_item.after_current_position .item_name .completion_requirem= ent { color: rgb(170, 170, 170); } .context_module_item .module_item_icons { text-align: left; white-space: no= wrap; width: 3.2em; } #context_modules.editable .context_module_item.after_current_position { opa= city: 1; } #context_modules.editable .context_module_item.after_current_position .titl= e { display: inline-block; } #context_modules.editable .context_module_item.after_current_position .lock= ed_title { display: none; } .module_item_select { min-height: 175px; min-width: 200px; width: 100%; } .context_module_item { width: 100%; } .context_module_item .item_name .locked_title { display: none; } .context_module_item .move_item_link, .context_module_item .links a { visib= ility: hidden; } .locked .context_module_item .title { display: none; } .locked .context_module_item .locked_title { display: inline; } .context_module_item.context_module_sub_header .title { display: none; } .context_module_item.context_module_sub_header .type_icon { width: 0px; } .context_module_item.context_module_sub_header .ig-type-icon { display: non= e; } .context_module_item.context_module_sub_header .ig-info { margin-left: 3px;= } .context_module_item.context_module_sub_header .criterion img { display: no= ne; } .context_module_item.context_module_sub_header .locked_title { font-size: 1= .125rem; display: inline; font-weight: bold; } .context_module_item .links { width: 80px; vertical-align: top; padding-top= : 2px; } .context_module_item.context_module_item_hover, .context_module_item:hover = { background-color: rgb(249, 249, 249); } .context_module_item.context_module_item_hover .move_item_link, .context_mo= dule_item.context_module_item_hover .links a, .context_module_item:hover .m= ove_item_link, .context_module_item:hover .links a { visibility: visible; } .context_module_item td.points_possible_display, .context_module_item td.du= e_date_display { padding-top: 5px; vertical-align: top; color: rgb(136, 136= , 136); font-size: 0.8em; text-align: left; white-space: nowrap; } .context_module_item td.points_possible_display { padding-right: 15px; widt= h: 40px; } .context_module_item td.due_date_display { padding-right: 5px; padding-left= : 15px; width: 40px; } .context_module_placeholder { height: 15px; border: 1px dashed rgb(136, 136= , 136); margin: 3px 0px; } .context_module .context_module_items { border-collapse: collapse; } .context_module .context_module_items .context_module_item .move_item_link = { display: none; } .context_module .context_module_items .context_module_item .completion_stat= us { display: inline; } .context_module .context_module_items .context_module_item .links a { displ= ay: none; } .context_module .context_module_items.manageable .context_module_item .move= _item_link { display: inline; } .context_module .context_module_items.manageable .context_module_item .comp= letion_status { display: none; } .context_module .context_module_items.manageable .context_module_item .link= s a { display: inline; } .context_module_item:not(.assignment) li.assignment_menu { display: none; } .context_module_item:not(.discussion_topic) li.discussion_topic_menu { disp= lay: none; } .context_module_item:not(.attachment) li.file_menu { display: none; } .context_module_item:not(.quiz) li.quiz_menu { display: none; } .context_module_item:not(.wiki_page) li.wiki_page_menu { display: none; } .context_module_item:not(.dupeable) .dupe-option { display: none; } div.completion_criterion_option select.assignment_picker { width: 175px; } div.completion_criterion_option select.assignment_requirement_picker { widt= h: 175px; } .publish-icon button { border: 0px; border-radius: 3px; outline: none; padd= ing: 4px; margin-right: -7px; } .publish-icon button:focus { box-shadow: inset 0 0 0 2px var(--ic-link-colo= r); } .collaborations-header { display: block; overflow: hidden; margin-bottom: 1= 4px; } .collaborations-header h1, .collaborations-header .h1 { float: left; margin= : 0px; } .collaborations-header .add_collaboration_link { float: right; } .collaboration { border: 1px solid rgb(199, 205, 209); border-radius: 6px; = margin: 0px 0px 10px; padding: 10px; } .collaboration.etherpad { padding: 10px; } .collaboration .collaboration-header h2, .collaboration .collaboration-head= er .h2 { float: left; font-family: arial, sans-serif; font-size: 1.2em; lin= e-height: inherit; margin: 0px; border-bottom: 1px solid rgb(199, 205, 209)= ; } .collaboration .collaboration-header .links { float: right; line-height: 0.= 8em; } .collaboration .description { margin-bottom: 5px; } .collaboration .edit_collaboration .header, .collaboration .edit_collaborat= ion .content, .collaboration .edit_collaboration .footer { margin: 0px; pad= ding: 0px; } .collaboration .edit_collaboration .header input[name=3D"collaboration[titl= e]"] { width: 300px; } .collaboration .edit_collaboration .content label { margin-bottom: 0px; } .collaboration .edit_collaboration .content textarea { display: block; heig= ht: 50px; width: 400px; } .collaborator-picker .list-wrapper { float: left; height: 300px; overflow-y= : scroll; width: 50%; } .collaborator-picker .list-wrapper li { position: relative; } .collaborator-picker .list-wrapper li .icon-end, .collaborator-picker .list= -wrapper li .icon-add { display: none; position: absolute; right: 5px; top:= 4px; } .collaborator-picker .list-wrapper li:hover .icon-end, .collaborator-picker= .list-wrapper li:hover .icon-add, .collaborator-picker .list-wrapper li a:= focus .icon-end, .collaborator-picker .list-wrapper li a:focus .icon-add { = display: block; } .collaborator-picker .loading-wrapper { text-align: center; } .collaborator-picker .loading-wrapper img { margin: 16px auto; } .collaborator-picker .list-wrapper ul { display: none; } .collaborator-picker .list-wrapper ul:first-child { display: block; } .collaborator-picker .members-list-wrapper ul { display: block; } .collaborator-picker .box-with-header .box-content { overflow: hidden; padd= ing: 0px; } .collaborator-picker .ui-state-active i, .collaborator-picker .ui-progressb= ar .ui-widget-header i, .ui-progressbar .collaborator-picker .ui-widget-hea= der i { color: rgb(0, 181, 254) !important; } .collaborator-picker .filters { display: inline-block; padding-right: 5px; = } .collaborator-picker .radio-group-outline { outline: var(--ic-brand-primary= ) solid 2px; } .collaboration-actions.form-actions { background: none; border: none; paddi= ng: 0px; } .collaborator-list > ul > li { background: none; border-bottom: 1px solid r= gb(255, 255, 255); border-top: 1px solid rgb(255, 255, 255); color: rgb(115= , 129, 140); display: block; padding: 4px 12px; } .collaborator-list > ul > li:hover { background: rgb(237, 244, 252); } .collaborator-list > ul > li > a { border: none; padding: 0px; } .collaborator-list > ul > li > a:hover { background: none; } .members-list-wrapper li { background: rgb(245, 251, 247); } .members-list-wrapper li:hover, .members-list-wrapper li:hover a, .members-= list-wrapper li a:focus { background: none; color: rgb(183, 45, 30); outlin= e: 0px; } .members-list-wrapper a { cursor: pointer; } .members-list-wrapper .remove-button { display: none; } .members-list-wrapper .remove-button a { color: rgb(51, 51, 51); cursor: po= inter; display: block; text-align: center; } .members-list-wrapper .member-instructions { border: 2px dashed rgb(153, 15= 3, 153); border-radius: 10px; color: rgb(119, 119, 119); font-size: 1.125re= m; margin: 36px 8px 8px; padding: 4px; text-align: center; } @keyframes page-changed-alert {=20 0% { height: 0px; } 100% { height: 39px; } } @keyframes page-changed-header-bar {=20 0% { height: 64px; } 100% { height: 103px; } } a.menu_tool_link img.icon, a.menu_tray_tool_link img.icon { max-width: 16px= ; } .pages .sticky-toolbar .sticky { position: fixed; z-index: 1000; top: 0px; = left: 0px; right: 0px; margin-left: 1px; background: white; height: 33px; m= ax-width: 1100px; border-color: rgb(171, 180, 186); } .pages.with-left-side .sticky-toolbar .sticky { margin-left: 176px; } .pages.with-right-side .sticky-toolbar .sticky { margin-right: 287px; } .delete_criterion_link { border: none; background: none; padding: 0px; } .add_prerequisite_or_requirement_link { color: var(--ic-link-color); border= : none; background: none; padding: 0px; } .add_prerequisite_or_requirement_link:hover { color: var(--ic-link-color-da= rkened-10); background: none; text-decoration: underline; } .pages .header-bar-outer-container { min-height: 64px; clear: right; } .pages .header-bar-outer-container .header-bar-container { min-width: 508px= ; min-height: 64px; } @media (max-width: 767px) { body.responsive_misc .pages .header-bar-outer-container .header-bar-conta= iner { min-width: 100%; } } .pages .header-bar-outer-container .header-bar-container .page-changed-aler= t { overflow: hidden; height: 0px; } .pages .header-bar-outer-container .header-bar-container .page-changed-aler= t .alert { border-radius: 0px; } .pages .header-bar-outer-container .header-bar-container .header-left-flex = { flex: 1 1 0%; float: none; white-space: nowrap; overflow: hidden; } .pages .header-bar-outer-container .header-bar-container .header-left-flex = .course-title { text-overflow: ellipsis; overflow: hidden; } .pages .header-bar-outer-container .header-bar-container .header-right-flex= { padding-left: 12px; } .pages .header-bar-outer-container .header-bar-container .flex-container { = display: flex; } .pages .header-bar-outer-container.page-changed { height: 103px; animation:= 1.15s ease 0s 1 normal none running page-changed-header-bar; } .pages .header-bar-outer-container.page-changed .header-bar-container { hei= ght: 103px; animation: 1.15s ease 0s 1 normal none running page-changed-hea= der-bar; } .pages .header-bar-outer-container.page-changed .header-bar-container .page= -changed-alert { margin: -1px 0px 0px; border-bottom: 1px solid rgb(199, 20= 5, 209); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 0px; height: 39px; animati= on: 1.15s ease 0s 1 normal none running page-changed-alert; } .pages.index .index-content-container { margin-top: 1px; } .pages.index .page-edit-dialog .edit-content { margin: 8px 5px; } .pages.index .page-edit-dialog .edit-content .edit-label { padding-top: 8px= ; width: 75px; float: left; text-align: right; } @media (max-width: 767px) { .pages.index .page-edit-dialog .edit-content .edit-label { width: auto; } } .pages.index .page-edit-dialog .edit-content .edit-controls { margin-left: = 85px; } @media (max-width: 767px) { .pages.index .page-edit-dialog .edit-content .edit-controls { float: righ= t; margin-left: 0px; } } .pages.index .page-edit-dialog .edit-content .edit-control-text { width: 27= 0px; } @media (max-width: 767px) { .pages.index .page-edit-dialog .edit-content .edit-control-text { width: = 140px; } } .pages.index .index-content .table { margin-bottom: 0px; border-collapse: s= eparate; border-spacing: 0px; } .pages.index .index-content .table td:first-child, .pages.index .index-cont= ent .table th:first-child { padding-left: 12px; } .pages.index .index-content .table td:last-child, .pages.index .index-conte= nt .table th:last-child { padding-right: 12px; } .pages.index .index-content .table thead { background: rgb(255, 255, 255); = } .pages.index .index-content .table thead tr { height: 40px; } .pages.index .index-content .table thead th { vertical-align: middle; font-= weight: bold; } .pages.index .index-content .table tbody .page_title { font-weight: bold; } .pages.index .index-content .table tbody .front-page { margin: auto 0.5em; = } .pages.index .index-content .table tbody tr { background: rgb(245, 245, 245= ); text-decoration: inherit; color: inherit; } .pages.index .index-content .table tbody tr.clickable:hover { background: r= gb(238, 247, 255); text-decoration: inherit; color: inherit; } .pages.index .index-content .table tbody tr td:first-child { border-left: 1= px solid rgb(199, 205, 209); } .pages.index .index-content .table tbody tr td:last-child { border-right: 1= px solid rgb(199, 205, 209); } .pages.index .index-content .table tbody tr:first-child td { border-top: 1p= x solid rgb(199, 205, 209); } .pages.index .index-content .table tbody tr:first-child td:first-child { bo= rder-top-left-radius: 3px; } .pages.index .index-content .table tbody tr:first-child td:last-child { bor= der-top-right-radius: 3px; } .pages.index .index-content .table tbody tr:last-child td { border-bottom: = 1px solid rgb(199, 205, 209); } .pages.index .index-content .table tbody tr:last-child td:first-child { bor= der-bottom-left-radius: 3px; } .pages.index .index-content .table tbody tr:last-child td:last-child { bord= er-bottom-right-radius: 3px; } .pages.index .index-content .table tbody td { font-size: 0.6875rem; color: = dimgray; border-top: 1px solid rgb(199, 205, 209); vertical-align: middle; = line-height: 1.5; } .pages.index .index-content .table tbody td .wiki-page-link { font-size: 0.= 8125rem; color: rgb(77, 77, 77); font-weight: bold; } .pages.index .index-content .table tbody td .wiki-page-link.published { col= or: rgb(0, 172, 24); } .pages.index .index-content .table tbody td .wiki-page-link.unpublished { c= olor: var(--ic-brand-font-color-dark-lightened-15); } .pages.index .index-content .table tbody td .icon-publish { color: rgb(0, 1= 72, 24); } .pages.index .index-content .table tbody td .icon-unpublished { color: var(= --ic-brand-font-color-dark-lightened-30); } .pages.index .index-content .table .no-pages .no-pages-cell { border: 1px d= ashed rgb(199, 205, 209); } .pages.index .index-content .loading { text-align: center; color: rgb(143, = 146, 149); } .pages.index .index-content .loading img { margin-top: -3px; opacity: 0.75;= } .pages.index .index-content .loading.loading { border: 1px solid transparen= t; } .pages.index .index-content .loading.loading-more { border-width: 0px 1px 1= px; border-style: dashed; border-color: rgb(199, 205, 209); border-image: i= nitial; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; ma= rgin-top: 1px; padding: 4px 12px; background: rgb(244, 246, 248); } .header-row a.sort-field { cursor: pointer; user-select: none; color: inher= it; white-space: nowrap; } .header-row a.sort-field i { color: rgb(204, 204, 204); } .header-row a.sort-field:hover { text-decoration: none; } .header-row a.sort-field:hover i { color: rgb(0, 136, 204); } .header-row a.sort-field-active i { color: black; } .pages.show .course-title { display: none; font-size: 1.8em; font-weight: b= old; margin: 0px; color: rgb(102, 102, 102); } .pages.show .page-title { font-size: 2.5em; font-weight: 200; margin: 15px = 0px; color: rgb(102, 102, 102); } .pages.show .header-bar .front-page.label { margin: 11px 12px 11px 0px; } .pages.show .locked-alert ul { margin: 4px 0px 6px 25px; } .pages.show .show-content { overflow-wrap: break-word; overflow-x: auto; bo= x-sizing: border-box; padding: 0px 12px; } @media only screen and (min-width: 992px) { .pages.show .show-content { padding: 0px 24px 0px 12px; } } .pages.show .floating_links { margin-right: 15px; } .pages.show .public-license { margin-left: 15px; margin-bottom: 15px; } .pages.show.home .course-title { display: block; } .pages.show.home .page-title { display: none; } .pages.show.home .show-content { padding-top: 25px; } .pages.edit .form-actions { padding-left: 1em; } @media (max-width: 767px) { .pages.edit.responsive_misc .form-actions label { text-align: left; } } @media (max-width: 767px) { .pages.edit.responsive_misc .edit-content #title { max-width: 90%; } } .pages.edit.responsive_misc .page-edit__action_buttons { width: 100%; displ= ay: flex; flex-direction: column-reverse; align-items: flex-start; } .pages.edit.responsive_misc .page-edit__action_buttons button { margin-top:= 10px; } @media only screen and (min-width: 500px) { .pages.edit.responsive_misc .page-edit__action_buttons { display: inline-= block; width: unset; } .pages.edit.responsive_misc .page-edit__action_buttons button { margin-to= p: 0px; } } @media (max-width: 767px) { .pages.edit.responsive_misc .control-group.options .controls { margin-lef= t: 0px; } .pages.edit.responsive_misc .control-group.options .control-label { float= : none; text-align: left; width: 100%; } } .pages.edit .edit-form { margin: 0px; } .pages.edit .edit-form .edit-content { padding: 1em; } .pages.edit .edit-form .edit-content .edit-header { position: relative; mar= gin-bottom: 1em; } .pages.edit .edit-form .edit-content .edit-header h2 { margin: 0px; } .pages.edit .edit-form .edit-content .switch_views_container { display: fle= x; justify-content: flex-end; } .pages.edit .edit-form .edit-content .body { width: 98.5%; } .pages.edit .edit-form .edit-content .mceLayout { margin: 0px; } .pages.edit .edit-form .edit-content .options { margin-top: 1em; } .pages.edit .edit-form .form-actions { margin-top: 0px; margin-bottom: 0px;= } .pages.show.revisions #wiki_page_revisions { position: relative; } @media only screen and (min-width: 992px) { .pages.show.revisions #wiki_page_revisions { min-height: 502px; } } @media only screen and (min-width: 992px) { .pages.show.revisions .show-content { margin-right: 270px; } } .pages.show.revisions .show-revisions { border-bottom: 1px solid rgb(199, 2= 05, 209); } @media only screen and (min-width: 992px) { .pages.show.revisions .show-revisions { border-bottom: none; position: ab= solute; top: 0px; right: 0px; width: 270px; } .pages.show.revisions .show-revisions aside { width: 270px; position: fix= ed; padding-top: 24px; } } .pages.show.revisions .show-revisions .revision-history { position: relativ= e; font-weight: bold; margin-bottom: 12px; font-size: 1rem; } .pages.show.revisions .show-revisions .revision-history .close-button { pos= ition: absolute; top: 3px; bottom: 3px; right: 3px; width: 42px; text-align= : center; color: dimgrey; } .pages.show.revisions .show-revisions .revision-history .close-button:hover= { color: var(--ic-brand-primary); } .pages.show.revisions .show-revisions .revision-history .close-button i.ico= n-x { position: absolute; top: 50%; margin-top: -8px; right: 13px; } .pages.show.revisions .show-revisions ul.revisions-list { margin: 0px; over= flow-y: auto; } .pages.show.revisions .revision { list-style-type: none; overflow: hidden; = border-left: 2px solid transparent; } .pages.show.revisions .revision .revision-content { padding: 7px 8px; font-= size: 0.875rem; } .pages.show.revisions .revision .revision-content .revision-details { paddi= ng-left: 3px; text-align: left; font-size: 12px; color: rgb(51, 51, 51); } .pages.show.revisions .revision .revision-content .revision-actions { paddi= ng-left: 3px; } .pages.show.revisions .revision:not(.selected):hover { border-left-color: v= ar(--ic-link-color); } .pages.show.revisions .revision:not(.selected):hover .revision-content { cu= rsor: pointer; } .pages.show.revisions .revision .revision-actions { margin-top: 2px; font-s= tyle: italic; color: rgb(115, 115, 115); } .pages.show.revisions .revision .revision-actions a.restore-link { font-sty= le: normal; cursor: pointer; } .pages.show.revisions .revision.selected { border-left-color: var(--ic-link= -color); background: rgb(229, 242, 248); } .pages.show.revisions .revision-nav-buttons { position: relative; height: 3= 6px; } .pages.show.revisions .revision-nav-buttons a { user-select: none; text-tra= nsform: uppercase; font-weight: bold; } .pages.show.revisions .revision-nav-buttons a:hover { text-decoration: none= ; cursor: pointer; color: var(--revision-button-hover-color); border-radius= : 3px; } .pages.show.revisions .revision-nav-buttons .prev-button { position: absolu= te; left: 0px; top: 0px; } .pages.show.revisions .revision-nav-buttons .next-button { position: absolu= te; right: 0px; top: 0px; } @media print { #breadcrumbs, .header-bar-outer-container { display: none; } .pages.show.revisions .show-revisions { display: none; } .pages.show.revisions .show-content { margin-right: 0px; } } #wiki_show_view_main { overflow: auto; } #last_edited_by { border-style: solid; border-color: rgb(238, 238, 238); bo= rder-image: initial; border-width: 0px 0px 1px; font-size: 0.8em; margin-bo= ttom: 10px; margin-right: 2px; } #last_edited_by h3, #last_edited_by .h3 { margin: 0px 20px 10px; font-size:= 1.5em; color: rgb(68, 68, 68); } #page_history { float: right; } #wiki_page_body_parent.mceEditor { display: block; overflow: auto; } .page-toolbar { display: flex; align-items: stretch; } .page-toolbar.header-bar { padding-bottom: 6px; } .page-toolbar .page-toolbar-start { display: flex; flex-grow: 1; flex-wrap:= wrap; place-content: stretch space-between; align-items: stretch; } .page-toolbar .page-toolbar-start > div { padding-bottom: 6px; } .page-toolbar .page-toolbar-end { display: flex; flex-grow: 0; flex-wrap: w= rap; place-content: center flex-end; align-items: stretch; white-space: now= rap; } .page-toolbar .page-toolbar-end > div { padding-bottom: 6px; } .page-toolbar .publishing { display: flex; } .page-toolbar .publishing > div { padding-left: 4px; } .page-toolbar .buttons { margin-left: 12px; } @media only screen and (max-width: 500px) { .page-toolbar .hide-when-small, .page-toolbar .publish-text { border: 0px= ; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidd= en; padding: 0px; position: absolute; width: 1px; transform: translateZ(0px= ); } .page-toolbar .btn-published { padding-right: 9px; } .page-toolbar .publish-button button { padding-left: 9px; } .page-toolbar .btn.edit-wiki { padding-left: 0.5rem; padding-right: 0.5re= m; } } #members_list { margin: 0px; list-style-type: none; } #members_list .member { font-size: 0.8em; } .rubric_container { margin-top: 20px; } .rubric_container tr.criterion .links { float: right; text-align: right; } .rubric_container .small_description { font-weight: normal; margin: 0.25rem= 0px; } .rubric_container.editing tr.criterion .links { display: inline-block; } .rubric_container.editing tr.criterion .description { clear: both; } .rubric_container.editing label[for=3D"rubric-title"] { font-weight: bold; = } .rubric_container.editing tr.criterion .add_rating_link { line-height: 0; m= argin-right: -1.2rem; display: flex; flex-direction: column; justify-conten= t: center; } .rubric_container.editing tr.criterion td.rating > div.container { display:= flex; } .rubric_container.editing tr.criterion .rating-main { flex: 1 1 0%; } .rubric_container.editing .add_rating_link_after { border-radius: 1rem; bac= kground-color: var(--ic-link-color); text-align: center; vertical-align: mi= ddle; display: table-cell; } .rubric_container.editing .add_rating_link i::before { font-size: 0.75rem; = padding: 0.1875rem; } .rubric_container.editing .add_rating_link i { color: rgb(255, 255, 255); } .rubric_container.editing tr.criterion td.criterion_description .descriptio= n_content { float: left; clear: both; } .rubric_container .rubric_table { border-collapse: collapse; width: 99.9%; = height: 100%; break-inside: avoid; } .rubric_container .rubric_table .find_outcome_link { margin-left: 10px; } .rubric_container thead th { background-color: rgb(245, 245, 245); } .rubric_container td, .rubric_container th { border: 1px solid rgb(199, 205= , 209); padding: 7px 10px; } .rubric_container .rubric_title { background-color: rgb(245, 245, 245); bor= der-top: 1px solid rgb(199, 205, 209); border-left: 1px solid rgb(199, 205,= 209); border-right: 1px solid rgb(199, 205, 209); padding: 5px; font-weigh= t: bold; } .rubric_container .has-assessments-warning { font-size: 0.8em; font-weight:= normal; } .rubric_container tr.criterion td.criterion_description { height: 100%; ver= tical-align: top; } .rubric_container tr.criterion td.criterion_description .container { margin= -left: 0px; margin-right: 0px; position: relative; font-size: 0.85rem; disp= lay: table; width: 100%; } .rubric_container tr.criterion td.criterion_description .description_conten= t { display: table-cell; vertical-align: middle; } .rubric_container tr.criterion td.criterion_description .learning_outcome_f= lag, .rubric_container tr.criterion td.criterion_description .threshold { d= isplay: none; } .rubric_container tr.criterion td.criterion_description .long_description_h= older { font-size: 0.8em; display: block; } .rubric_container tr.criterion td.criterion_description .long_description_h= older.empty { display: none; } .rubric_container tr.criterion td.criterion_description .assessment-comment= s { font-size: 0.625rem; } .rubric_container tr.criterion td.criterion_description .assessment-comment= s h6, .rubric_container tr.criterion td.criterion_description .assessment-c= omments .h6 { margin-top: 10px; } .rubric_container tr.criterion.learning_outcome_criterion td.criterion_desc= ription .learning_outcome_flag { display: inline; } .rubric_container tr.criterion.learning_outcome_criterion td.criterion_desc= ription .threshold { font-size: 0.8em; display: block; white-space: nowrap;= } .rubric_container tr.criterion.learning_outcome_criterion td.criterion_desc= ription.points_form .editing { display: none; } .rubric_container tr.criterion.learning_outcome_criterion td.criterion_desc= ription.points_form .displaying { display: block; } .rubric_container tr.criterion.learning_outcome_criterion td.criterion_desc= ription.points_form .ignoring { display: none; } .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_= for_scoring .points_form .editing { display: none; } .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_= for_scoring .points_form .displaying { display: none; } .rubric_container tr.criterion.learning_outcome_criterion.ignore_criterion_= for_scoring .points_form .ignoring { display: block; } .rubric_container table.ratings { border-collapse: collapse; width: 100%; h= eight: 100%; margin-left: -1px; } .rubric_container table.ratings td { border-width: 0px 0px 0px 1px; border-= style: solid; border-color: rgb(170, 170, 170); border-image: initial; font= -size: 0.85em; font-weight: bold; vertical-align: top; padding: 7px 10px; } .rubric_container table.ratings td .container { margin-left: 0px; margin-ri= ght: 0px; width: auto; padding: 5px 0px; position: relative; height: 100%; = } .rubric_container table.ratings td.edge_rating .delete_rating_link { displa= y: none; } .rubric_container table.ratings td.infinitesimal .range_rating { display: n= one; } .rubric_container .editing { display: none; } .rubric_container .displaying { display: block; } .rubric_container .ignoring { display: none; } .rubric_container .assessing { display: none; } .rubric_container td.criterion_description.completed { background-color: rg= b(221, 221, 221); } .rubric_container td.rating.selected { background-color: rgb(204, 255, 170)= ; } .rubric_container td.points_form .criterion_comments { display: none; } .rubric_container td.points_form .displaying .criterion_comments { display:= inline; } .rubric_container td.points_form .displaying .criterion_comments.empty { di= splay: none; } .rubric_container.assessing .points_form .editing { display: block; } .rubric_container.assessing .points_form .displaying { display: none; } .rubric_container.assessing .points_form .ignoring { display: none; } .rubric_container.assessing .points_form .criterion_comments { display: inl= ine; } .rubric_container.assessing .points_form .criterion_comments.empty { opacit= y: 0.7; } .rubric_container.assessing .points_form .criterion_comments.empty:hover { = opacity: 0.9; } .rubric_container.assessing span.assessing { display: inline; } .rubric_container.assessing div.assessing { display: block; } .rubric_container.assessing div.not_assessing { display: none; } .rubric_container.assessing td.rating:hover { background-color: rgb(170, 22= 1, 153); cursor: pointer; } .rubric_container.assessing tr.criterion.learning_outcome_criterion td.poin= ts_form .editing { display: block; } .rubric_container.assessing tr.criterion.learning_outcome_criterion td.poin= ts_form .displaying { display: none; } .rubric_container.assessing tr.criterion.learning_outcome_criterion td.poin= ts_form .ignoring { display: none; } .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_= criterion_for_scoring td.points_form .editing { display: none; } .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_= criterion_for_scoring td.points_form .displaying { display: none; } .rubric_container.assessing tr.criterion.learning_outcome_criterion.ignore_= criterion_for_scoring td.points_form .ignoring { display: block; } .rubric_container.editing .editing { display: block; } .rubric_container.editing .displaying { display: none; } .rubric_container.editing .ignoring { display: none; } .rubric_container.editing td.editing, .rubric_container.editing th.editing = { display: table-cell; } .rubric_container.editing table.ratings td { border-left: 1px dashed rgb(16= 5, 175, 181); border-right: 1px dashed rgb(165, 175, 181); } .rubric_container.editing table.ratings td:nth-of-type(1) { border-left: 0p= x; } .rubric_container.editing table.ratings td:nth-last-of-type(1) { border-rig= ht: 0px; } .rubric_container.editing tr.criterion td.criterion_description .container = { height: 100%; } .rubric_container.editing tr.criterion td.criterion_description .long_descr= iption_holder { font-size: 0.8em; font-weight: bold; } .rubric_container.editing tr.criterion td.criterion_description .long_descr= iption_holder.empty { font-weight: normal; display: block; } .rubric_container.editing tr.criterion.learning_outcome_criterion td.points= _form .editing { display: none; } .rubric_container.editing tr.criterion.learning_outcome_criterion td.points= _form .displaying { display: block; } .rubric_container.editing tr.criterion.learning_outcome_criterion td.points= _form .ignoring { display: none; } .rubric_container.editing table.ratings td.add_right { border-right-color: = rgb(0, 0, 0); background: url("/dist/images/add_right-5625036f7a.png") righ= t center no-repeat; } .rubric_container.editing table.ratings td.add_left { border-left-color: rg= b(0, 0, 0); background: url("/dist/images/add_left-98f1da4be8.png") left ce= nter no-repeat; } .rubric_container.editing table.ratings td.add_column { cursor: pointer; } .rubric_container .has-assessments-warning { font-size: 0.8em; font-weight:= normal; text-align: left; } .rubric_summary { margin-top: 0px !important; } .rubric_summary .rating_holder { margin-bottom: 3px; } .rubric_summary .rating { color: rgb(119, 119, 119); text-align: left; } .rubric_summary .rating_comments_dialog_link { font-size: 0.8em; max-height= : 2.7em; cursor: pointer; overflow: hidden; } .rubric_summary .x_out_of_x { float: right; } .rubric_summary.free_form .rating.description { display: none; } .rubric_summary .points_form { font-size: 0.85rem; } .rubric_summary .points_form .rating_custom { height: 15px; } .edit-rubric-form .button-container { margin: 8px 0px; text-align: right; } #rubric_holder .rubric_title { margin-right: 0px; } #rubric_holder .hide_rubric_link { color: rgb(51, 51, 51); cursor: pointer;= } .ic-Action-header--half-margin { margin-top: 6px; margin-bottom: 6px; } #edit_rating_form div, #edit_criterion_form div { margin-top: 30px; width: = 100%; } .rating_form_label { font-size: 1rem; } .popover_menu_width { max-width: 15em; } #edit_criterion_form label { width: 100%; margin-bottom: 0px; } #edit_criterion_form textarea { margin-top: 5px; width: 90%; } .mini_month { padding: 12px 0px 0px; margin-bottom: 24px; } .mini-cal-header { text-align: center; padding: 12px 6px; font-weight: bold= ; border: 1px solid rgb(199, 205, 209); color: var(--ic-brand-font-color-da= rk-lightened-15); } .mini-cal-header img { vertical-align: middle; } .mini-cal-header .prev_month_link { float: left; } .mini-cal-header .next_month_link { float: right; } .mini_calendar { width: 100%; border-right: 1px solid rgb(199, 205, 209); b= order-bottom: 1px solid rgb(199, 205, 209); border-left: 1px solid rgb(199,= 205, 209); border-image: initial; border-top: none; } .mini_calendar .day { padding: 0px; height: 21px; color: rgb(68, 68, 68); t= ext-align: center; cursor: pointer; width: 14%; font-size: 0.875rem; border= -radius: 3px; } .mini_calendar .day.has_event { background-color: rgb(235, 235, 235); } .mini_calendar .day.today { background-color: rgb(251, 237, 231); } .mini_calendar .day .event_link_text, .mini_calendar .day .today_text, .min= i_calendar .day .previous_month_text, .mini_calendar .day .next_month_text = { display: none; } .mini_calendar .day.other_month { color: rgb(136, 136, 136); } .mini_calendar .day:hover, .mini_calendar .day.related, .mini_calendar .day= .drop_target { background-image: url("/dist/images/4_percent_opacity-c55451= 2ede.png"); } .mini_calendar .day.drop_target { background-color: rgb(170, 170, 170); } .mini_calendar .day.today .today_text { display: block; } .mini_calendar .day.previous_month .previous_month_text { display: block; } .mini_calendar .day.next_month .next_month_text { display: block; } .mini_calendar .day.has_event .event_link_text { display: block; } #help-dialog { padding: 0px; overflow: visible; position: relative; } #help-dialog #help-dialog-options { list-style: none; padding: 0px; margin:= 0px; overflow: auto; } #help-dialog #help-dialog-options li a { border-bottom: 1px solid rgb(199, = 205, 209); display: block; padding: 12px; text-decoration: none; font-weigh= t: bold; } #help-dialog #help-dialog-options li a .subtext { display: block; font-size= : 0.75rem; color: var(--ic-brand-font-color-dark-lightened-15); font-weight= : normal; } #help-dialog #help-dialog-options li a:focus { outline: none; box-shadow: i= nset 0 0 0 1px var(--ic-link-color); } #help-dialog #help-dialog-options li a:focus, #help-dialog #help-dialog-opt= ions li a:hover { background-color: rgb(245, 245, 245); } #help-dialog #help-dialog-options li a:focus .text, #help-dialog #help-dial= og-options li a:hover .text { text-decoration: underline; } #help-dialog #help-dialog-options li.user li.user, #help-dialog #help-dialo= g-options li.student li.student, #help-dialog #help-dialog-options li.teach= er li.teacher, #help-dialog #help-dialog-options li.admin li.admin { displa= y: block; } #help-dialog form { padding: 10px 10px 6px; width: 380px; position: absolut= e; left: 400px; top: 0px; } #help-dialog textarea { height: 100px; resize: none; } #help-dialog small { font-size: 0.625rem; display: block; color: rgb(85, 85= , 85); margin-top: -6px; } #help-dialog .ui-state-error, #help-dialog .ui-state-highlight { padding: 1= 0px 10px 10px 35px; position: relative; border-radius: 4px !important; } #help-dialog .ui-state-error a, #help-dialog .ui-state-highlight a { text-d= ecoration: underline; } #help-dialog .ui-state-error .ui-icon, #help-dialog .ui-state-highlight .ui= -icon { position: absolute; left: 10px; top: 10px; } .ui-dialog-header-backlink { display: block; float: left; overflow: hidden;= text-indent: -999px; width: 16px; height: 16px; margin-left: -4px; margin-= top: 2px; margin-right: 10px; background: url("/dist/images/jqueryui/icon_s= prite-30c4d78a47.png") left -32px no-repeat; } .ui-dialog-header-backlink:hover { background-position: left -48px; } .ic-Expand-link { display: flex; overflow: hidden; } .ic-Expand-link * { box-sizing: border-box; } .ic-Expand-link .ic-Expand-link__trigger { transition: all 1s cubic-bezier(= 0, 1, 0.5, 1) 0s; transform: translateX(-100%) translateX(48px); text-trans= form: uppercase; overflow: hidden; } .ic-Expand-link .ic-Expand-link__trigger:hover, .ic-Expand-link .ic-Expand-= link__trigger:focus { transform: translateX(0px); text-decoration: none; ou= tline: none; } .ic-Expand-link .ic-Expand-link__trigger:hover .ic-Expand-link__icon, .ic-E= xpand-link .ic-Expand-link__trigger:focus .ic-Expand-link__icon { backgroun= d: rgba(0, 0, 0, 0.15); } .ic-Expand-link .ic-Expand-link__layout { position: relative; display: flex= ; padding: 0px 48px 0px 0px; min-height: 48px; } .ic-Expand-link .ic-Expand-link__text { display: flex; align-items: center;= padding: 12px; line-height: 1.1; min-height: 48px; } .ic-Expand-link .ic-Expand-link__icon { transition: all 0.3s ease 0s; width= : 48px; height: 48px; line-height: 1; position: absolute; top: 0px; right: = 0px; text-align: center; } .ic-Expand-link .ic-Expand-link__icon::before { top: 6px; font-size: 36px; = } .ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger { transform= : translateX(0px); } .ic-Expand-link.ic-Expand-link--active .ic-Expand-link__trigger .ic-Expand-= link__icon { background: rgba(0, 0, 0, 0.15); } .ic-Expand-link.ic-Expand-link--from-right { justify-content: flex-end; } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger { trans= form: translateX(100%) translateX(-48px); } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover, = .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {= transform: translateX(0px); } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover .= ic-Expand-link__icon, .ic-Expand-link.ic-Expand-link--from-right .ic-Expand= -link__trigger:focus .ic-Expand-link__icon { background: rgba(0, 0, 0, 0.15= ); } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__layout { paddin= g: 0px 0px 0px 48px; } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__icon { right: a= uto; left: 0px; } .ic-Expand-link.ic-Expand-link--from-right.ic-Expand-link--active .ic-Expan= d-link__trigger { transform: translateX(0px); } .ic-Expand-link.ic-Expand-link--from-right.ic-Expand-link--active .ic-Expan= d-link__trigger .ic-Expand-link__icon { background: rgba(0, 0, 0, 0.15); } .ic-Expand-link .ic-Expand-link__trigger .ic-Expand-link__layout { backgrou= nd: rgba(45, 59, 69, 0.8); color: rgb(255, 255, 255); } .ic-Expand-link .ic-Expand-link__trigger:hover .ic-Expand-link__layout, .ic= -Expand-link .ic-Expand-link__trigger:focus .ic-Expand-link__layout { backg= round: rgb(45, 59, 69); } .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:hover, = .ic-Expand-link.ic-Expand-link--from-right .ic-Expand-link__trigger:focus {= background: rgb(45, 59, 69); } .ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger .ic-Expand= -link__layout { background: rgba(0, 172, 24, 0.8); color: rgb(255, 255, 255= ); } .ic-Expand-link.ic-Expand-link--Success .ic-Expand-link__trigger:hover .ic-= Expand-link__layout, .ic-Expand-link.ic-Expand-link--Success .ic-Expand-lin= k__trigger:focus .ic-Expand-link__layout { background: rgb(0, 172, 24); } .ic-Expand-link.ic-Expand-link--Success.ic-Expand-link--from-right .ic-Expa= nd-link__trigger:hover, .ic-Expand-link.ic-Expand-link--Success.ic-Expand-l= ink--from-right .ic-Expand-link__trigger:focus { background: rgb(0, 172, 24= ); } .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger .ic-Expand-= link__layout { background: rgba(238, 6, 18, 0.8); color: rgb(255, 255, 255)= ; } .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link__trigger:hover .ic-E= xpand-link__layout, .ic-Expand-link.ic-Expand-link--Danger .ic-Expand-link_= _trigger:focus .ic-Expand-link__layout { background: rgb(238, 6, 18); } .ic-Expand-link.ic-Expand-link--Danger.ic-Expand-link--from-right .ic-Expan= d-link__trigger:hover, .ic-Expand-link.ic-Expand-link--Danger.ic-Expand-lin= k--from-right .ic-Expand-link__trigger:focus { background: rgb(238, 6, 18);= } .ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger .ic-Expand-l= ink__layout { background: rgba(255, 255, 255, 0.8); color: rgb(45, 59, 69);= } .ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__trigger:hover .ic-Ex= pand-link__layout, .ic-Expand-link.ic-Expand-link--Light .ic-Expand-link__t= rigger:focus .ic-Expand-link__layout { background: rgb(255, 255, 255); } .ic-Expand-link.ic-Expand-link--Light.ic-Expand-link--from-right .ic-Expand= -link__trigger:hover, .ic-Expand-link.ic-Expand-link--Light.ic-Expand-link-= -from-right .ic-Expand-link__trigger:focus { background: rgb(255, 255, 255)= ; } .FlickrSearch__logo { margin-top: 12px; height: 48px; width: 48px; } .FlickrSearch__images { margin-top: 12px; display: flex; align-items: cente= r; justify-content: center; flex-flow: row wrap; } .FlickrSearch__loading { margin-top: 60px; width: 100%; display: flex; just= ify-content: center; } .FlickrSearch__pageNavigation { display: flex; align-items: center; justify= -content: center; } .FlickrSearch__control { margin: 12px; } .FlickrImage { height: 120px; width: 180px; margin: 12px; position: relativ= e; } .FlickrImage__screenreader { opacity: 0; width: 100%; height: 100%; positio= n: absolute; } .FlickrImage__display { background-color: rgb(230, 230, 230); background-si= ze: cover; background-position: center center; background-repeat: no-repeat= ; width: 100%; height: 100%; position: absolute; } .Unsplash__logo { width: 120px; } .ImageSearch__images { margin-top: 12px; display: flex; align-items: center= ; justify-content: center; flex-flow: row wrap; } .ImageSearch__loading { margin-top: 60px; width: 100%; display: flex; justi= fy-content: center; } .ImageSearch__item { height: 120px; position: relative; background: transpa= rent; border: none; padding: 0px; } .ImageSearch__item:focus { outline: 2px solid var(--ic-brand-primary); outl= ine-offset: 2px; } .ImageSearch__screenreader { opacity: 0; width: 100%; height: 100%; positio= n: absolute; } .ImageSearch__img { width: auto; height: 100%; } .ImageSearch__wrapper { position: relative; margin: 12px; } .ImageSearch__attribution { position: absolute; bottom: 0px; left: 0px; wid= th: 100%; min-height: 8px; opacity: 0; background-color: rgb(45, 59, 69); z= -index: 99; } .ImageSearch__wrapper:focus-within .ImageSearch__attribution { opacity: 0.8= ; } .ImageSearch__wrapper:hover .ImageSearch__attribution { opacity: 0.8; } .ImageSearch__attribution a, .ImageSearch__attribution a:link, .ImageSearch= __attribution a:visited, .ImageSearch__attribution a:focus, .ImageSearch__a= ttribution a:hover { color: rgb(255, 255, 255); margin: 0px 0.25rem; } .ImageSearch__attribution a:focus, .ImageSearch__attribution a:hover { outl= ine: rgb(255, 255, 255) solid 1px; } ul[class*=3D"ac-"] { list-style: none; margin: 0px; padding: 0px; } [class*=3D"ac-"][aria-hidden=3D"true"] { display: none; } .ac { position: relative; display: table; width: 100%; } .ac-row { display: table-row; } .ac-input-cell { display: table-cell; width: 93%; } .ac-input-box { background: rgb(255, 255, 255); border: 1px solid rgb(204, = 204, 204); border-radius: 3px 0px 0px 3px; box-shadow: rgba(0, 0, 0, 0.075)= 0px 1px 1px inset; box-sizing: border-box; cursor: text; min-height: 30px;= overflow: hidden; padding: 8px; position: relative; transition: border 0.2= s linear 0s, box-shadow 0.2s linear 0s; width: 100%; } .ac-input-box.focused { border-color: var(--ic-link-color); } .ac-input-box.disabled { background-color: rgb(221, 221, 221); } .ac .btn { border-left: none; border-radius: 0px 3px 3px 0px; display: tabl= e-cell; } .ac .btn.disabled { color: rgb(166, 166, 166); } .ac-input-box .ac-input { background: transparent; border: none; box-shadow= : none; display: inline; margin: 0px 0px 0px 8px; min-width: 15px; padding:= 0px; width: 15px; vertical-align: middle; } .ac-input-box .ac-input:focus { box-shadow: none; } .ac-placeholder { color: rgb(153, 153, 153); left: 12px; position: absolute= ; top: 5px; transition: opacity 0.2s linear 0s; } .ac-clear { display: none; position: absolute; right: 4px; top: 5px; z-inde= x: 10; } .ac-clear i::before { color: rgb(153, 153, 153); font-size: 1.25rem; } .ac-clear:hover, .ac-clear:focus { outline: none; } .ac-clear:hover i::before, .ac-clear:focus i::before { color: inherit; } .ac-token-list { display: inline; position: relative; z-index: 2; } .ac-token { background: rgb(222, 231, 250); border: 1px solid rgb(133, 172,= 224); border-radius: 14px; box-sizing: border-box; cursor: default; displa= y: inline-block; line-height: normal; margin: 2px 4px 2px 0px; overflow: hi= dden; padding: 0px 18px 0px 8px; position: relative; vertical-align: middle= ; text-overflow: ellipsis; white-space: nowrap; max-width: 85%; } .ac-token:hover { background: rgb(188, 206, 244); border-color: rgb(111, 14= 8, 230); } .ac-token:hover a, .ac-token a:focus { right: -1px; } .ac-token a { position: absolute; right: -9999em; top: 0px; } .ac-token a, .ac-token a i::before { color: rgb(255, 255, 255); cursor: poi= nter; font-size: 0.875rem; text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 0px; } i[class*=3D"icon-"].icon-messageRecipient--cancel::before { background: var= (--ic-brand-primary); border-radius: 10px; padding: 2px; font-size: 0.5625r= em; line-height: 9px; top: 0px; text-shadow: none; } .ac-result-wrapper { display: none; } .ac-result-wrapper::before, .ac-result-wrapper::after { content: ""; height= : 0px; position: absolute; right: 15px; width: 0px; z-index: 3; } .ac-result-wrapper::before { border-bottom: 10px solid rgb(199, 205, 209); = border-left: 10px solid transparent; border-right: 10px solid transparent; = top: 26px; } .ac-result-wrapper::after { border-bottom: 10px solid rgb(255, 255, 255); b= order-left: 10px solid transparent; border-right: 10px solid transparent; t= op: 27px; } .ac-result-container { background: rgb(255, 255, 255); border: 1px solid rg= b(199, 205, 209); border-radius: 10px; box-sizing: border-box; box-shadow: = rgba(0, 0, 0, 0.2) 0px 2px 5px; font-size: 0.875rem; max-height: 250px; min= -height: 50px; left: 0px; overflow: auto; position: absolute; top: 36px; wi= dth: 100%; z-index: 2; } .ac-result { cursor: pointer; line-height: 16px; padding: 5px 8px 2px; } .ac-result:first-child { border-radius: 10px 10px 0px 0px !important; } .ac-result:last-child { border-radius: 0px 0px 10px 10px; } .ac-result.selected, .ac-result:hover { background: rgb(0, 142, 226); color= : rgb(255, 255, 255); } .ac-result:hover .result-name { color: rgb(255, 255, 255); } .ac-result.selected .result-name { color: rgb(255, 255, 255); } .ac-result:hover .icon-mini-arrow-right { color: rgb(255, 255, 255); } .ac-result.selected .icon-mini-arrow-right { color: rgb(255, 255, 255); } .ac-result:hover .icon-mini-arrow-left { color: rgb(255, 255, 255); } .ac-result.selected .icon-mini-arrow-left { color: rgb(255, 255, 255); } .ac-result-list .context, .ac-result-list .everyone { border: none; color: = var(--ic-brand-primary); } .ac-result-list .back { color: rgb(51, 51, 51); } .ac-result-list .no-result { display: block; } .ac-result-list .result-name { display: inline-block; overflow: hidden; tex= t-overflow: ellipsis; white-space: nowrap; width: 80%; } .MessageStudents__Alert { margin-bottom: 24px; } .MessageStudents__Form { margin-bottom: 0px; } .MessageStudents__FormField { margin-bottom: 24px; } .MessageStudents__FormField:last-of-type { margin-bottom: 0px; } .StudentContextTray { box-sizing: border-box; padding: 36px 18px 12px; } @media only screen and (min-width: 768px) { .StudentContextTray { padding-left: 24px; padding-right: 24px; } } .StudentContextTray--withAvatar { } .StudentContextTray__Avatar, .StudentContextTray__Spinner { text-align: cen= ter; margin-bottom: 12px; } .StudentContextTray-Header { margin-bottom: 18px; } .StudentContextTray-Header__Layout { display: flex; } .StudentContextTray-Header__Content { flex: 1 1 0%; min-width: 1px; box-siz= ing: border-box; padding-right: 24px; } .StudentContextTray-Header__Actions { min-width: 1px; } .StudentContextTray-Header__Actions i[class*=3D"icon-"], .StudentContextTra= y-Header__Actions i[class^=3D"icon-"] { line-height: 1; } .StudentContextTray-Header__Actions i[class*=3D"icon-"]::before, .StudentCo= ntextTray-Header__Actions i[class^=3D"icon-"]::before { font-size: 1.25rem;= } .StudentContextTray-Header__Name { margin-bottom: 9px; } .StudentContextTray-Header__CourseName { margin-bottom: 4px; } .StudentContextTray__Section { margin-bottom: 24px; } .StudentContextTray__Section:last-of-type { margin-bottom: 0px; } .StudentContextTray-QuickLinks { display: flex; } .StudentContextTray-QuickLinks__Link { flex: 1 1 0%; box-sizing: border-box= ; padding: 0px 6px; } .StudentContextTray-QuickLinks__Link:first-of-type { padding-left: 0px; } .StudentContextTray-QuickLinks__Link:last-of-type { padding-right: 0px; } .StudentContextTray-QuickLinks__Link .StudentContextTray-QuickLinks__Link-t= ext { display: inline-block; width: 100%; text-align: center; line-height: = 1rem; margin-top: 0.25rem; } .StudentContextTray-Progress__Bar { margin-top: 9px; } .StudentContextTray-Ratings__Layout { display: flex; justify-content: space= -around; padding-top: 12px; } .StudentContextTray-Rating { text-align: center; } .StudentContextTray-Rating__Stars { margin-top: 4px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: image/svg+xml Content-Transfer-Encoding: quoted-printable Content-Location: https://du11hjcvx0uqb.cloudfront.net/dist/images/breadcrumb-arrow-light-8702eeae02.svg ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://du11hjcvx0uqb.cloudfront.net/br/dist/brandable_css/responsive_layout_normal_contrast/bundles/new_user_tutorials-2e3774c277.css @charset "utf-8"; .NewUserTutorialTray { min-height: 100vh; display: grid; grid-template-rows= : 1fr auto; position: relative; } .NewUserTutorialTray__Content { height: 100%; display: grid; grid-template-= rows: auto 1fr; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://instructure-uploads.s3.amazonaws.com/account_11680000000000001/attachments/4695678/canvas_global.css @charset "utf-8"; @import url("https://designtools.ciditools.com/css/themes.css"); @import url("https://files.ciditools.com/una/theme_colors.css"); .forgot_password_link { display: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://designtools.ciditools.com/css/themes.css @charset "utf-8"; @import url("../ext/themes-payload.css"); @import url("https://files.ciditools.com/fontawesome-5.13.0/css/all.min.css= "); ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://designtools.ciditools.com/ext/themes-payload.css @charset "utf-8"; @import url("https://fonts.googleapis.com/css?family=3DPT+Sans"); @import url("https://fonts.googleapis.com/css?family=3DSatisfy"); :root { --red:#dc3545; --yellow:#ffc107; --green:#28a745; --cyan:#17a2b8; -= -white:#fff; --gray-dark:#343a40; --primary-alert-link:#002752; --primary-t= ext:#004085; --primary-hover-dark:#0054ad; --primary-border:#0062cc; --prim= ary:#006fe6; --primary-hover-light:#9fcdff; --primary-bg-light:#b8daff; --p= rimary-bg-lighter:#cce5ff; --primary-contrast:#fff; --secondary-alert-link:= #202326; --secondary-text:#383d41; --secondary-border:#545b62; --secondary-= hover-dark:#5a6268; --secondary:#6f767e; --secondary-hover-light:#c8cbcf; -= -secondary-bg-light:#d6d8db; --secondary-bg-lighter:#e2e3e5; --secondary-co= ntrast:#fff; --info-alert-link:#062c33; --info-text:#0c5460; --info-border:= #117a8b; --info-hover-dark:#138496; --info:#54bbcb; --info-hover-light:#abd= de5; --info-bg-light:#bee5eb; --info-bg-lighter:#d1ecf1; --info-contrast:#0= 00; --dark-alert-link:#040505; --dark-text:#1b1e21; --dark-border:#23272b; = --dark-hover-dark:#32383e; --dark:#343a40; --dark-hover-light:#b9bbbe; --da= rk-bg-light:#c6c8ca; --dark-bg-lighter:#d6d8d9; --dark-contrast:#fff; --mid= -alert-link:#040505; --mid-text:#2d3b45; --mid-border:#c7cdd1; --mid-border= -dark:#999; --mid-hover-dark:#666; --mid:#f5f5f5; --mid-hover-light:#e8e8e8= ; --mid-bg-light:#f5f5f5; --mid-bg-lighter:#f5f5f5; --mid-contrast:#000; --= light-alert-link:#686868; --light-hover-text:#686868; --light-text:#727272;= --light-border:#d3d9df; --light-hover-light:#e2e6ea; --light-bg-light:#e9e= cef; --light:#f8f9fa; --light-bg-lighter:#fdfdfe; --light-contrast:#000; --= success-alert-link:#0b2e13; --success-text:#155724; --success-border:#1e7e3= 4; --success-hover-dark:#1a7830; --success:#1c8536; --success-hover-light:#= b1dfbb; --success-bg-light:#c3e6cb; --success-bg-lighter:#d4edda; --success= -contrast:#fff; --danger-alert-link:#491217; --danger-text:#721c24; --dange= r-border:#bd2130; --danger-hover-dark:#c82333; --danger:#d50510; --danger-h= over-light:#f1b0b7; --danger-bg-light:#f5c6cb; --danger-bg-lighter:#f8d7da;= --danger-contrast:#fff; --warning-alert-link:#533f03; --warning-text:#8564= 04; --warning-border:#c69500; --warning-hover-dark:#e0a800; --warning:#ffc1= 07; --warning-hover-light:#ffe8a1; --warning-bg-light:#ffeeba; --warning-bg= -lighter:#fff3cd; --warning-contrast:#533f03; --bs-focus:#80bdff; --bs-ligh= t-blue:#b3d7ff; --bs-gray-border:#dee2e6; --bs-popover-light-gray:#f7f7f7; = --bs-link-hover:#0056b3; --bs-mark:#fcf8e3; --bs-blockquote-border:#adb5bd;= --bs-text:#212529; --bs-gray-text-dark:#495057; --bs-input-valid:#34ce57; = --bs-input-valid-light:#71dd8a; --bs-input-invalid:#e4606d; --bs-input-inva= lid-light:#efa2a9; --bs-ui-light-gray:#e9ecef; --bs-disabled-gray:#6f767e; = --bs-gray-text:#6f767e; --bs-light-gray-border:#dee2e6; --breakpoint-xs:0; = --breakpoint-sm:576px; --breakpoint-md:768px; --breakpoint-lg:992px; --brea= kpoint-xl:1200px; --font-family-sans-serif:-apple-system,BlinkMacSystemFont= ,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","S= egoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-family-monospac= e:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",mono= space; } .kl_wrapper .bs-badge { display: inline-block; padding: 0.25em 0.4em; font-= size: 80%; font-weight: 700; line-height: 1; color: rgb(255, 255, 255); tex= t-align: center; white-space: nowrap; vertical-align: baseline; border-radi= us: 0.25rem; text-shadow: none; font-style: normal; } .kl_wrapper .bs-text { padding: 2px 4px; font-style: normal; } .kl_wrapper a.bs-badge:hover { text-decoration: none; } .kl_wrapper .bs-badge-primary, .kl_wrapper .bs-text-primary { color: rgb(25= 5, 255, 255); background-color: rgb(0, 111, 230); } .kl_wrapper .bs-badge-secondary, .kl_wrapper .bs-text-secondary { color: rg= b(255, 255, 255); background-color: rgb(111, 118, 126); } .kl_wrapper .bs-badge-success, .kl_wrapper .bs-text-success { color: rgb(25= 5, 255, 255); background-color: rgb(28, 133, 54); } .kl_wrapper .bs-badge-danger, .kl_wrapper .bs-text-danger { color: rgb(255,= 255, 255); background-color: rgb(213, 5, 16); } .kl_wrapper .bs-badge-warning, .kl_wrapper .bs-text-warning { color: rgb(17= , 17, 17); background-color: rgb(255, 193, 7); } .kl_wrapper a.bs-badge-warning:hover { color: rgb(0, 0, 0); } .kl_wrapper .bs-badge-info, .kl_wrapper .bs-text-info { color: rgb(0, 0, 0)= ; background-color: rgb(84, 187, 203); } .kl_wrapper .bs-badge-light, .kl_wrapper .bs-text-light { color: rgb(17, 17= , 17); background-color: rgb(248, 249, 250); } .kl_wrapper .bs-badge-dark, .kl_wrapper .bs-text-dark { color: rgb(255, 255= , 255); background-color: rgb(52, 58, 64); } .kl_wrapper .bs-badge-pill { padding-right: 0.6em; padding-left: 0.6em; bor= der-radius: 10rem; } .kl_wrapper .bs-alert { padding: 0.75rem 1.25rem; margin-bottom: 1rem; bord= er: 1px solid transparent; border-radius: 0.25rem; overflow: hidden; } .kl_wrapper .bs-alert-primary { color: rgb(0, 64, 133); background-color: r= gb(204, 229, 255); border-color: rgb(184, 218, 255); } .kl_wrapper .bs-alert-secondary { color: rgb(70, 74, 78); background-color:= rgb(231, 232, 234); border-color: rgb(221, 223, 226); } .kl_wrapper .bs-alert-success { color: rgb(21, 87, 36); background-color: r= gb(212, 237, 218); border-color: rgb(195, 230, 203); } .kl_wrapper .bs-alert-danger { color: rgb(114, 28, 36); background-color: r= gb(248, 215, 218); border-color: rgb(245, 198, 203); } .kl_wrapper .bs-alert-warning { color: rgb(133, 100, 4); background-color: = rgb(255, 243, 205); border-color: rgb(255, 238, 186); } .kl_wrapper .bs-alert-info { color: rgb(12, 84, 96); background-color: rgb(= 209, 236, 241); border-color: rgb(190, 229, 235); } .kl_wrapper .bs-alert-light { color: rgb(117, 117, 118); background-color: = rgb(254, 254, 254); border-color: rgb(253, 253, 254); } .kl_wrapper .bs-alert-dark { color: rgb(27, 30, 33); background-color: rgb(= 214, 216, 217); border-color: rgb(198, 200, 202); } .kl_wrapper .bs-breadcrumb { padding: 0.75rem 1rem; margin-bottom: 1rem; li= st-style: none; background-color: rgb(233, 236, 239); border-radius: 0.25re= m; } .kl_wrapper .bs-breadcrumb-item { float: left; } .kl_wrapper .bs-breadcrumb-item + .breadcrumb-item::before { display: inlin= e-block; padding-right: 0.5rem; padding-left: 0.5rem; color: rgb(111, 118, = 126); content: "/"; } .kl_wrapper .bs-breadcrumb-item.active { color: rgb(111, 118, 126); } .kl_wrapper .bs-btn { display: inline-block; font-weight: 400; text-align: = center; vertical-align: middle; border: 1px solid transparent; padding: 0.5= rem 0.75rem; font-size: 1rem; line-height: 1.25; border-radius: 0.25rem; tr= ansition: all 0.15s ease-in-out 0s; } body:not(.mce-content-body) .bs-btn { user-select: none; } .mceContentBody div.kl_wrapper a.bs-btn, .user_content div.kl_wrapper a.bs-= btn { text-decoration: none !important; } .kl_wrapper .bs-btn-primary { color: rgb(255, 255, 255); background-color: = rgb(0, 111, 230); border-color: rgb(0, 111, 230); } .kl_wrapper .bs-btn-primary.active, .kl_wrapper .bs-btn-primary:focus, .kl_= wrapper .bs-btn-primary:hover { color: rgb(255, 255, 255); background-color= : rgb(0, 84, 173); border-color: rgb(0, 98, 204); } .kl_wrapper .bs-btn-secondary { color: rgb(255, 255, 255); background-color= : rgb(111, 118, 126); border-color: rgb(111, 118, 126); } .kl_wrapper .bs-btn-secondary.active, .kl_wrapper .bs-btn-secondary:focus, = .kl_wrapper .bs-btn-secondary:hover { color: rgb(255, 255, 255); background= -color: rgb(82, 87, 93); border-color: rgb(108, 117, 125); } .kl_wrapper .bs-btn-success { color: rgb(255, 255, 255); background-color: = rgb(28, 133, 54); border-color: rgb(28, 133, 54); } .kl_wrapper .bs-btn-success.active, .kl_wrapper .bs-btn-success:focus, .kl_= wrapper .bs-btn-success:hover { color: rgb(255, 255, 255); background-color= : rgb(25, 105, 43); border-color: rgb(30, 126, 52); } .kl_wrapper .bs-btn-danger { color: rgb(255, 255, 255); background-color: r= gb(213, 5, 16); border-color: rgb(213, 5, 16); } .kl_wrapper .bs-btn-danger.active, .kl_wrapper .bs-btn-danger:focus, .kl_wr= apper .bs-btn-danger:hover { color: rgb(255, 255, 255); background-color: r= gb(200, 35, 51); border-color: rgb(189, 33, 48); } .kl_wrapper .bs-btn-warning { color: rgb(17, 17, 17); background-color: rgb= (255, 193, 7); border-color: rgb(255, 193, 7); } .kl_wrapper .bs-btn-warning.active, .kl_wrapper .bs-btn-warning:focus, .kl_= wrapper .bs-btn-warning:hover { color: rgb(17, 17, 17); background-color: r= gb(224, 168, 0); border-color: rgb(211, 158, 0); } .kl_wrapper .bs-btn-info { color: rgb(0, 0, 0); background-color: rgb(84, 1= 87, 203); border-color: rgb(84, 187, 203); } .kl_wrapper .bs-btn-info.active, .kl_wrapper .bs-btn-info:focus, .kl_wrappe= r .bs-btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(19,= 132, 150); border-color: rgb(17, 122, 139); } .kl_wrapper .bs-btn-light { color: rgb(17, 17, 17); background-color: rgb(2= 48, 249, 250); border-color: rgb(248, 249, 250); } .kl_wrapper .bs-btn-light.active, .kl_wrapper .bs-btn-light:focus, .kl_wrap= per .bs-btn-light:hover { color: rgb(17, 17, 17); background-color: rgb(226= , 230, 234); border-color: rgb(218, 224, 229); } .kl_wrapper .bs-btn-mid { background: rgb(245, 245, 245); color: rgb(45, 59= , 69); border-color: rgb(199, 205, 209); } .kl_wrapper .bs-btn-mid.active, .kl_wrapper .bs-btn-mid:focus, .kl_wrapper = .bs-btn-mid:hover { background: rgb(232, 232, 232); color: rgb(45, 59, 69);= } .kl_wrapper .bs-btn-dark { color: rgb(255, 255, 255); background-color: rgb= (52, 58, 64); border-color: rgb(52, 58, 64); } .kl_wrapper .bs-btn-dark.active, .kl_wrapper .bs-btn-dark:focus, .kl_wrappe= r .bs-btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(108= , 112, 117); border-color: rgb(29, 33, 36); } .kl_wrapper .bs-btn-link, .kl_wrapper .bs-btn-link:active, .kl_wrapper .bs-= btn-link:focus { border-color: transparent; box-shadow: none; background: t= ransparent; } #kl_wrapper_3.kl_wrapper a.bs-btn-link:focus, #kl_wrapper_3.kl_wrapper a.bs= -btn-link:hover, .kl_wrapper a.bs-btn-link:focus, .kl_wrapper a.bs-btn-link= :hover { background-color: transparent; text-decoration: underline !importa= nt; } .kl_wrapper .bs-btn-outline-primary { color: rgb(0, 111, 230); background-c= olor: rgb(255, 255, 255); background-image: none; border-color: rgb(0, 111,= 230); } .kl_wrapper .bs-btn-outline-primary.active, .kl_wrapper .bs-btn-outline-pri= mary:focus, .kl_wrapper .bs-btn-outline-primary:hover { color: rgb(255, 255= , 255); background-color: rgb(0, 111, 230); background-image: none; border-= color: rgb(0, 111, 230); } .kl_wrapper .bs-btn-outline-secondary { color: rgb(111, 118, 126); backgrou= nd-color: rgb(255, 255, 255); background-image: none; border-color: rgb(111= , 118, 126); } .kl_wrapper .bs-btn-outline-secondary.active, .kl_wrapper .bs-btn-outline-s= econdary:focus, .kl_wrapper .bs-btn-outline-secondary:hover { color: rgb(25= 5, 255, 255); background-color: rgb(111, 118, 126); background-image: none;= border-color: rgb(111, 118, 126); } .kl_wrapper .bs-btn-outline-success { color: rgb(28, 133, 54); background-c= olor: rgb(255, 255, 255); background-image: none; border-color: rgb(28, 133= , 54); } .kl_wrapper .bs-btn-outline-success.active, .kl_wrapper .bs-btn-outline-suc= cess:focus, .kl_wrapper .bs-btn-outline-success:hover { color: rgb(255, 255= , 255); background-color: rgb(28, 133, 54); background-image: none; border-= color: rgb(28, 133, 54); } .kl_wrapper .bs-btn-outline-danger { color: rgb(213, 5, 16); background-col= or: rgb(255, 255, 255); background-image: none; border-color: rgb(213, 5, 1= 6); } .kl_wrapper .bs-btn-outline-danger.active, .kl_wrapper .bs-btn-outline-dang= er:focus, .kl_wrapper .bs-btn-outline-danger:hover { color: rgb(255, 255, 2= 55); background-color: rgb(213, 5, 16); background-image: none; border-colo= r: rgb(213, 5, 16); } .kl_wrapper .bs-btn-outline-warning { color: rgb(159, 109, 0); background-c= olor: rgb(255, 255, 255); background-image: none; border-color: rgb(159, 10= 9, 0); } .kl_wrapper .bs-btn-outline-warning.active, .kl_wrapper .bs-btn-outline-war= ning:focus, .kl_wrapper .bs-btn-outline-warning:hover { color: rgb(0, 0, 0)= ; background-color: rgb(255, 193, 7); background-image: none; border-color:= rgb(255, 193, 7); } .kl_wrapper .bs-btn-outline-info { color: rgb(60, 128, 139); background-col= or: rgb(255, 255, 255); background-image: none; border-color: rgb(60, 128, = 139); } .kl_wrapper .bs-btn-outline-info.active, .kl_wrapper .bs-btn-outline-info:f= ocus, .kl_wrapper .bs-btn-outline-info:hover { color: rgb(0, 0, 0); backgro= und-color: rgb(84, 187, 203); background-image: none; border-color: rgb(84,= 187, 203); } .kl_wrapper .bs-btn-outline-light { color: rgb(114, 114, 114); background-c= olor: rgb(255, 255, 255); background-image: none; border-color: rgb(248, 24= 9, 250); } .kl_wrapper .bs-btn-outline-light.active, .kl_wrapper .bs-btn-outline-light= :focus, .kl_wrapper .bs-btn-outline-light:hover { color: rgb(17, 17, 17); b= ackground-color: rgb(226, 230, 234); background-image: none; border-color: = rgb(218, 224, 229); } .kl_wrapper .bs-btn-outline-mid { color: rgb(102, 102, 102); background-col= or: rgb(255, 255, 255); background-image: none; border-color: rgb(153, 153,= 153); } .kl_wrapper .bs-btn-outline-mid.active, .kl_wrapper .bs-btn-outline-mid:foc= us, .kl_wrapper .bs-btn-outline-mid:hover { color: rgb(255, 255, 255); back= ground-color: rgb(102, 102, 102); background-image: none; border-color: rgb= (153, 153, 153); } .kl_wrapper .bs-btn-outline-dark { color: rgb(52, 58, 64); background-color= : rgb(255, 255, 255); background-image: none; border-color: rgb(52, 58, 64)= ; } .kl_wrapper .bs-btn-outline-dark.active, .kl_wrapper .bs-btn-outline-dark:f= ocus, .kl_wrapper .bs-btn-outline-dark:hover { color: rgb(255, 255, 255); b= ackground-color: rgb(52, 58, 64); background-image: none; border-color: rgb= (52, 58, 64); } .bs-btn.disabled, .bs-btn:disabled { opacity: 0.65; } .bs-btn-primary.disabled, .bs-btn-primary:disabled { background-color: rgb(= 0, 123, 255); border-color: rgb(0, 123, 255); } .bs-btn-secondary.disabled, .bs-btn-secondary:disabled { background-color: = rgb(134, 142, 150); border-color: rgb(134, 142, 150); } .bs-btn-success.disabled, .bs-btn-success:disabled { background-color: rgb(= 40, 167, 69); border-color: rgb(40, 167, 69); } .bs-btn-danger.disabled, .bs-btn-danger:disabled { background-color: rgb(22= 0, 53, 69); border-color: rgb(220, 53, 69); } .bs-btn-warning.disabled, .bs-btn-warning:disabled { background-color: rgb(= 255, 193, 7); border-color: rgb(255, 193, 7); } .bs-btn-info.disabled, .bs-btn-info:disabled { background-color: rgb(23, 16= 2, 184); border-color: rgb(23, 162, 184); } .bs-btn-light.disabled, .bs-btn-light:disabled { background-color: rgb(248,= 249, 250); border-color: rgb(248, 249, 250); } .bs-btn-dark.disabled, .bs-btn-dark:disabled { background-color: rgb(52, 58= , 64); border-color: rgb(52, 58, 64); } .bs-btn-outline-primary.disabled, .bs-btn-outline-primary:disabled { color:= rgb(0, 123, 255); background-color: transparent; } .bs-btn-outline-secondary.disabled, .bs-btn-outline-secondary:disabled { co= lor: rgb(134, 142, 150); background-color: transparent; } .bs-btn-outline-success.disabled, .bs-btn-outline-success:disabled { color:= rgb(40, 167, 69); background-color: transparent; } .bs-btn-outline-danger.disabled, .bs-btn-outline-danger:disabled { color: r= gb(220, 53, 69); background-color: transparent; } .bs-btn-outline-warning.disabled, .bs-btn-outline-warning:disabled { color:= rgb(255, 193, 7); background-color: transparent; } .bs-btn-outline-info.disabled, .bs-btn-outline-info:disabled { color: rgb(2= 3, 162, 184); background-color: transparent; } .bs-btn-outline-light.disabled, .bs-btn-outline-light:disabled { color: rgb= (248, 249, 250); background-color: transparent; } .bs-btn-outline-dark.disabled, .bs-btn-outline-dark:disabled { color: rgb(5= 2, 58, 64); background-color: transparent; } .kl_wrapper .bs-btn-group-lg > .bs-btn, .kl_wrapper .bs-btn-lg { padding: 0= .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .kl_wrapper .bs-btn-group-sm > .bs-btn, .kl_wrapper .bs-btn-sm { padding: 0= .25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem= ; } .kl_wrapper .bs-btn-group-xs > .bs-btn, .kl_wrapper .bs-btn-xs { padding: 0= .2rem 0.4rem; font-size: 0.775rem; line-height: 1.25; border-radius: 0.1rem= ; } .kl_wrapper .bs-btn-block { display: block; width: 100%; } .kl_wrapper .bs-btn-group, .kl_wrapper .bs-btn-group-vertical { position: r= elative; display: inline-flex; vertical-align: middle; } .kl_wrapper .bs-btn-group > .bs-btn:first-child:not(:last-child):not(.dropd= own-toggle) { border-top-right-radius: 0px; border-bottom-right-radius: 0px= ; } .kl_wrapper .bs-btn-group > .bs-btn:first-child { margin-left: 0px; } .kl_wrapper .bs-btn-group-vertical { display: inline-flex; flex-direction: = column; align-items: flex-start; justify-content: center; } .kl_wrapper .bs-btn-group > .bs-btn:not(:first-child):not(:last-child):not(= .dropdown-toggle) { border-radius: 0px; } .kl_wrapper .bs-btn-group-vertical > .bs-btn:first-child:not(:last-child) {= border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .kl_wrapper .bs-btn-group-vertical .bs-btn, .kl_wrapper .bs-btn-group-verti= cal .bs-btn-group { width: 100%; } .kl_wrapper .bs-btn-group-vertical > .bs-btn, .kl_wrapper .bs-btn-group > .= bs-btn { position: relative; flex: 0 1 auto; margin-bottom: 0px; } .kl_wrapper .bs-btn-group-vertical .bs-btn-group + .bs-btn-group, .kl_wrapp= er .bs-btn-group-vertical .bs-btn-group + a.bs-btn, .kl_wrapper .bs-btn-gro= up-vertical a.bs-btn + .bs-btn-group, .kl_wrapper .bs-btn-group-vertical a.= bs-btn + a.bs-btn, .kl_wrapper .bs-btn-group .bs-btn-group + .bs-btn-group,= .kl_wrapper .bs-btn-group .bs-btn-group + a.bs-btn, .kl_wrapper .bs-btn-gr= oup a.bs-btn + .bs-btn, .kl_wrapper .bs-btn-group a.bs-btn + .bs-btn-group = { margin-left: -2px; } .kl_wrapper .bs-callout { padding: 10px; margin: 15px 0px; border-width: 1p= x 1px 1px 5px; border-style: solid; border-color: rgb(238, 238, 238); borde= r-image: initial; border-radius: 3px; text-align: left; background-color: r= gb(255, 255, 255); overflow: hidden; } #kl_wrapper_3.kl_wrapper .bs-callout h3, #kl_wrapper_3.kl_wrapper .bs-callo= ut h4, #kl_wrapper_3.kl_wrapper .bs-callout h5, #kl_wrapper_3.kl_wrapper .b= s-callout h6, .kl_wrapper .bs-callout h3, .kl_wrapper .bs-callout h4, .kl_w= rapper .bs-callout h5, .kl_wrapper .bs-callout h6 { margin-top: 0px; } .kl_wrapper .bs-callout-primary { border-left-color: rgb(0, 111, 230); } #kl_wrapper_3.kl_wrapper .bs-callout-primary h3, #kl_wrapper_3.kl_wrapper .= bs-callout-primary h4, #kl_wrapper_3.kl_wrapper .bs-callout-primary h5, #kl= _wrapper_3.kl_wrapper .bs-callout-primary h6, .kl_wrapper .bs-callout-prima= ry h3, .kl_wrapper .bs-callout-primary h4, .kl_wrapper .bs-callout-primary = h5, .kl_wrapper .bs-callout-primary h6 { color: rgb(0, 111, 230); } .kl_wrapper .bs-callout-secondary { border-left-color: rgb(111, 118, 126); = } #kl_wrapper_3.kl_wrapper .bs-callout-secondary h3, #kl_wrapper_3.kl_wrapper= .bs-callout-secondary h4, #kl_wrapper_3.kl_wrapper .bs-callout-secondary h= 5, #kl_wrapper_3.kl_wrapper .bs-callout-secondary h6, .kl_wrapper .bs-callo= ut-secondary h3, .kl_wrapper .bs-callout-secondary h4, .kl_wrapper .bs-call= out-secondary h5, .kl_wrapper .bs-callout-secondary h6 { color: rgb(111, 11= 8, 126); } .kl_wrapper .bs-callout-success { border-left-color: rgb(28, 133, 54); } #kl_wrapper_3.kl_wrapper .bs-callout-success h3, #kl_wrapper_3.kl_wrapper .= bs-callout-success h4, #kl_wrapper_3.kl_wrapper .bs-callout-success h5, #kl= _wrapper_3.kl_wrapper .bs-callout-success h6, .kl_wrapper .bs-callout-succe= ss h3, .kl_wrapper .bs-callout-success h4, .kl_wrapper .bs-callout-success = h5, .kl_wrapper .bs-callout-success h6 { color: rgb(28, 133, 54); } .kl_wrapper .bs-callout-danger { border-left-color: rgb(213, 5, 16); } #kl_wrapper_3.kl_wrapper .bs-callout-danger h3, #kl_wrapper_3.kl_wrapper .b= s-callout-danger h4, #kl_wrapper_3.kl_wrapper .bs-callout-danger h5, #kl_wr= apper_3.kl_wrapper .bs-callout-danger h6, .kl_wrapper .bs-callout-danger h3= , .kl_wrapper .bs-callout-danger h4, .kl_wrapper .bs-callout-danger h5, .kl= _wrapper .bs-callout-danger h6 { color: rgb(213, 5, 16); } .kl_wrapper .bs-callout-warning { border-left-color: rgb(178, 88, 25); } #kl_wrapper_3.kl_wrapper .bs-callout-warning h3, #kl_wrapper_3.kl_wrapper .= bs-callout-warning h4, #kl_wrapper_3.kl_wrapper .bs-callout-warning h5, #kl= _wrapper_3.kl_wrapper .bs-callout-warning h6, .kl_wrapper .bs-callout-warni= ng h3, .kl_wrapper .bs-callout-warning h4, .kl_wrapper .bs-callout-warning = h5, .kl_wrapper .bs-callout-warning h6 { color: rgb(178, 88, 25); } .kl_wrapper .bs-callout-info { border-left-color: rgb(84, 187, 203); } #kl_wrapper_3.kl_wrapper .bs-callout-info h3, #kl_wrapper_3.kl_wrapper .bs-= callout-info h4, #kl_wrapper_3.kl_wrapper .bs-callout-info h5, #kl_wrapper_= 3.kl_wrapper .bs-callout-info h6, .kl_wrapper .bs-callout-info h3, .kl_wrap= per .bs-callout-info h4, .kl_wrapper .bs-callout-info h5, .kl_wrapper .bs-c= allout-info h6 { color: rgb(60, 128, 139); } .kl_wrapper .bs-callout-light { border-left-color: rgb(204, 204, 204); } #kl_wrapper_3.kl_wrapper .bs-callout-light h3, #kl_wrapper_3.kl_wrapper .bs= -callout-light h4, #kl_wrapper_3.kl_wrapper .bs-callout-light h5, #kl_wrapp= er_3.kl_wrapper .bs-callout-light h6, .kl_wrapper .bs-callout-light h3, .kl= _wrapper .bs-callout-light h4, .kl_wrapper .bs-callout-light h5, .kl_wrappe= r .bs-callout-light h6 { color: rgb(105, 105, 105); } .kl_wrapper .bs-callout-dark { border-left-color: rgb(52, 58, 64); } #kl_wrapper_3.kl_wrapper .bs-callout-dark h3, #kl_wrapper_3.kl_wrapper .bs-= callout-dark h4, #kl_wrapper_3.kl_wrapper .bs-callout-dark h5, #kl_wrapper_= 3.kl_wrapper .bs-callout-dark h6, .kl_wrapper .bs-callout-dark h3, .kl_wrap= per .bs-callout-dark h4, .kl_wrapper .bs-callout-dark h5, .kl_wrapper .bs-c= allout-dark h6 { color: rgb(52, 58, 64); } .kl_wrapper .bs-bg-primary { color: rgb(255, 255, 255); background-color: r= gb(0, 111, 230) !important; } .kl_wrapper .bs-bg-secondary { color: rgb(255, 255, 255); background-color:= rgb(111, 118, 126) !important; } .kl_wrapper .bs-bg-success { color: rgb(255, 255, 255); background-color: r= gb(28, 133, 54) !important; } .kl_wrapper .bs-bg-danger { color: rgb(255, 255, 255); background-color: rg= b(213, 5, 16) !important; } .kl_wrapper .bs-bg-warning { color: rgb(17, 17, 17); background-color: rgb(= 255, 193, 7) !important; } .kl_wrapper .bs-bg-info { color: rgb(0, 0, 0); background-color: rgb(84, 18= 7, 203) !important; } .kl_wrapper .bs-bg-light { color: rgb(17, 17, 17); background-color: rgb(24= 8, 249, 250) !important; } .kl_wrapper .bs-bg-dark { color: rgb(255, 255, 255); background-color: rgb(= 52, 58, 64) !important; } .kl_wrapper .bs-container { margin-right: auto; margin-left: auto; padding-= right: 15px; padding-left: 15px; width: 100%; } .kl_wrapper .bs-row { display: flex; flex-wrap: wrap; margin-right: -15px; = margin-left: -15px; } .kl_wrapper .bs-no-gutters { margin-right: 0px; margin-left: 0px; } .kl_wrapper .bs-no-gutters > .bs-col, .kl_wrapper .bs-no-gutters > [class*= =3D"bs-col-"] { padding-right: 0px; padding-left: 0px; } .kl_wrapper .bs-col, .kl_wrapper .bs-col-1, .kl_wrapper .bs-col-2, .kl_wrap= per .bs-col-3, .kl_wrapper .bs-col-4, .kl_wrapper .bs-col-5, .kl_wrapper .b= s-col-6, .kl_wrapper .bs-col-7, .kl_wrapper .bs-col-8, .kl_wrapper .bs-col-= 9, .kl_wrapper .bs-col-10, .kl_wrapper .bs-col-11, .kl_wrapper .bs-col-12, = .kl_wrapper .bs-col-auto, .kl_wrapper .bs-col-lg, .kl_wrapper .bs-col-lg-1,= .kl_wrapper .bs-col-lg-2, .kl_wrapper .bs-col-lg-3, .kl_wrapper .bs-col-lg= -4, .kl_wrapper .bs-col-lg-5, .kl_wrapper .bs-col-lg-6, .kl_wrapper .bs-col= -lg-7, .kl_wrapper .bs-col-lg-8, .kl_wrapper .bs-col-lg-9, .kl_wrapper .bs-= col-lg-10, .kl_wrapper .bs-col-lg-11, .kl_wrapper .bs-col-lg-12, .kl_wrappe= r .bs-col-lg-auto, .kl_wrapper .bs-col-md, .kl_wrapper .bs-col-md-1, .kl_wr= apper .bs-col-md-2, .kl_wrapper .bs-col-md-3, .kl_wrapper .bs-col-md-4, .kl= _wrapper .bs-col-md-5, .kl_wrapper .bs-col-md-6, .kl_wrapper .bs-col-md-7, = .kl_wrapper .bs-col-md-8, .kl_wrapper .bs-col-md-9, .kl_wrapper .bs-col-md-= 10, .kl_wrapper .bs-col-md-11, .kl_wrapper .bs-col-md-12, .kl_wrapper .bs-c= ol-md-auto, .kl_wrapper .bs-col-sm, .kl_wrapper .bs-col-sm-1, .kl_wrapper .= bs-col-sm-2, .kl_wrapper .bs-col-sm-3, .kl_wrapper .bs-col-sm-4, .kl_wrappe= r .bs-col-sm-5, .kl_wrapper .bs-col-sm-6, .kl_wrapper .bs-col-sm-7, .kl_wra= pper .bs-col-sm-8, .kl_wrapper .bs-col-sm-9, .kl_wrapper .bs-col-sm-10, .kl= _wrapper .bs-col-sm-11, .kl_wrapper .bs-col-sm-12, .kl_wrapper .bs-col-sm-a= uto, .kl_wrapper .bs-col-xl, .kl_wrapper .bs-col-xl-1, .kl_wrapper .bs-col-= xl-2, .kl_wrapper .bs-col-xl-3, .kl_wrapper .bs-col-xl-4, .kl_wrapper .bs-c= ol-xl-5, .kl_wrapper .bs-col-xl-6, .kl_wrapper .bs-col-xl-7, .kl_wrapper .b= s-col-xl-8, .kl_wrapper .bs-col-xl-9, .kl_wrapper .bs-col-xl-10, .kl_wrappe= r .bs-col-xl-11, .kl_wrapper .bs-col-xl-12, .kl_wrapper .bs-col-xl-auto { p= osition: relative; width: 100%; min-height: 1px; padding-right: 15px; paddi= ng-left: 15px; } .kl_wrapper .bs-col { flex-basis: 0px; flex-grow: 1; max-width: 100%; } .kl_wrapper .bs-col-auto { flex: 0 0 auto; width: auto; max-width: none; } .kl_wrapper .bs-col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .kl_wrapper .bs-col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } .kl_wrapper .bs-col-3 { flex: 0 0 25%; max-width: 25%; } .kl_wrapper .bs-col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } .kl_wrapper .bs-col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } .kl_wrapper .bs-col-6 { flex: 0 0 50%; max-width: 50%; } .kl_wrapper .bs-col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } .kl_wrapper .bs-col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } .kl_wrapper .bs-col-9 { flex: 0 0 75%; max-width: 75%; } .kl_wrapper .bs-col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } .kl_wrapper .bs-col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } .kl_wrapper .bs-col-12 { flex: 0 0 100%; max-width: 100%; } .kl_wrapper .bs-order-1 { order: 1; } .kl_wrapper .bs-order-2 { order: 2; } .kl_wrapper .bs-order-3 { order: 3; } .kl_wrapper .bs-order-4 { order: 4; } .kl_wrapper .bs-order-5 { order: 5; } .kl_wrapper .bs-order-6 { order: 6; } .kl_wrapper .bs-order-7 { order: 7; } .kl_wrapper .bs-order-8 { order: 8; } .kl_wrapper .bs-order-9 { order: 9; } .kl_wrapper .bs-order-10 { order: 10; } .kl_wrapper .bs-order-11 { order: 11; } .kl_wrapper .bs-order-12 { order: 12; } @media (min-width: 576px) { body.kl_app_css .kl_wrapper .bs-col-sm, body.mceContentBody .kl_wrapper .= bs-col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; } body.kl_app_css .kl_wrapper .bs-col-sm-auto, body.mceContentBody .kl_wrap= per .bs-col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } body.kl_app_css .kl_wrapper .bs-col-sm-1, body.mceContentBody .kl_wrapper= .bs-col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } body.kl_app_css .kl_wrapper .bs-col-sm-2, body.mceContentBody .kl_wrapper= .bs-col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } body.kl_app_css .kl_wrapper .bs-col-sm-3, body.mceContentBody .kl_wrapper= .bs-col-sm-3 { flex: 0 0 25%; max-width: 25%; } body.kl_app_css .kl_wrapper .bs-col-sm-4, body.mceContentBody .kl_wrapper= .bs-col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } body.kl_app_css .kl_wrapper .bs-col-sm-5, body.mceContentBody .kl_wrapper= .bs-col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } body.kl_app_css .kl_wrapper .bs-col-sm-6, body.mceContentBody .kl_wrapper= .bs-col-sm-6 { flex: 0 0 50%; max-width: 50%; } body.kl_app_css .kl_wrapper .bs-col-sm-7, body.mceContentBody .kl_wrapper= .bs-col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } body.kl_app_css .kl_wrapper .bs-col-sm-8, body.mceContentBody .kl_wrapper= .bs-col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } body.kl_app_css .kl_wrapper .bs-col-sm-9, body.mceContentBody .kl_wrapper= .bs-col-sm-9 { flex: 0 0 75%; max-width: 75%; } body.kl_app_css .kl_wrapper .bs-col-sm-10, body.mceContentBody .kl_wrappe= r .bs-col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } body.kl_app_css .kl_wrapper .bs-col-sm-11, body.mceContentBody .kl_wrappe= r .bs-col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } body.kl_app_css .kl_wrapper .bs-col-sm-12, body.mceContentBody .kl_wrappe= r .bs-col-sm-12 { flex: 0 0 100%; max-width: 100%; } body.kl_app_css .kl_wrapper .bs-order-sm-1, body.mceContentBody .kl_wrapp= er .bs-order-sm-1 { order: 1; } body.kl_app_css .kl_wrapper .bs-order-sm-2, body.mceContentBody .kl_wrapp= er .bs-order-sm-2 { order: 2; } body.kl_app_css .kl_wrapper .bs-order-sm-3, body.mceContentBody .kl_wrapp= er .bs-order-sm-3 { order: 3; } body.kl_app_css .kl_wrapper .bs-order-sm-4, body.mceContentBody .kl_wrapp= er .bs-order-sm-4 { order: 4; } body.kl_app_css .kl_wrapper .bs-order-sm-5, body.mceContentBody .kl_wrapp= er .bs-order-sm-5 { order: 5; } body.kl_app_css .kl_wrapper .bs-order-sm-6, body.mceContentBody .kl_wrapp= er .bs-order-sm-6 { order: 6; } body.kl_app_css .kl_wrapper .bs-order-sm-7, body.mceContentBody .kl_wrapp= er .bs-order-sm-7 { order: 7; } body.kl_app_css .kl_wrapper .bs-order-sm-8, body.mceContentBody .kl_wrapp= er .bs-order-sm-8 { order: 8; } body.kl_app_css .kl_wrapper .bs-order-sm-9, body.mceContentBody .kl_wrapp= er .bs-order-sm-9 { order: 9; } body.kl_app_css .kl_wrapper .bs-order-sm-10, body.mceContentBody .kl_wrap= per .bs-order-sm-10 { order: 10; } body.kl_app_css .kl_wrapper .bs-order-sm-11, body.mceContentBody .kl_wrap= per .bs-order-sm-11 { order: 11; } body.kl_app_css .kl_wrapper .bs-order-sm-12, body.mceContentBody .kl_wrap= per .bs-order-sm-12 { order: 12; } } @media (min-width: 660px) { body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= { flex-basis: 0px; flex-grow: 1; max-width: 100%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -auto { flex: 0 0 auto; width: auto; max-width: none; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -1 { flex: 0 0 8.33333%; max-width: 8.33333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -2 { flex: 0 0 16.6667%; max-width: 16.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -3 { flex: 0 0 25%; max-width: 25%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -4 { flex: 0 0 33.3333%; max-width: 33.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -5 { flex: 0 0 41.6667%; max-width: 41.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -6 { flex: 0 0 50%; max-width: 50%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -7 { flex: 0 0 58.3333%; max-width: 58.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -8 { flex: 0 0 66.6667%; max-width: 66.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -9 { flex: 0 0 75%; max-width: 75%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -10 { flex: 0 0 83.3333%; max-width: 83.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -11 { flex: 0 0 91.6667%; max-width: 91.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-sm= -12 { flex: 0 0 100%; max-width: 100%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-1 { order: 1; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-2 { order: 2; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-3 { order: 3; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-4 { order: 4; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-5 { order: 5; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-6 { order: 6; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-7 { order: 7; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-8 { order: 8; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-9 { order: 9; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-10 { order: 10; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-11 { order: 11; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= sm-12 { order: 12; } } @media (min-width: 840px) { body.course-menu-expanded .kl_wrapper .bs-col-sm { flex-basis: 0px; flex-= grow: 1; max-width: 100%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-auto { flex: 0 0 auto; w= idth: auto; max-width: none; } body.course-menu-expanded .kl_wrapper .bs-col-sm-1 { flex: 0 0 8.33333%; = max-width: 8.33333%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-2 { flex: 0 0 16.6667%; = max-width: 16.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-3 { flex: 0 0 25%; max-w= idth: 25%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-4 { flex: 0 0 33.3333%; = max-width: 33.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-5 { flex: 0 0 41.6667%; = max-width: 41.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-6 { flex: 0 0 50%; max-w= idth: 50%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-7 { flex: 0 0 58.3333%; = max-width: 58.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-8 { flex: 0 0 66.6667%; = max-width: 66.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-9 { flex: 0 0 75%; max-w= idth: 75%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-10 { flex: 0 0 83.3333%;= max-width: 83.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-11 { flex: 0 0 91.6667%;= max-width: 91.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-sm-12 { flex: 0 0 100%; max= -width: 100%; } body.course-menu-expanded .kl_wrapper .bs-order-sm-1 { order: 1; } body.course-menu-expanded .kl_wrapper .bs-order-sm-2 { order: 2; } body.course-menu-expanded .kl_wrapper .bs-order-sm-3 { order: 3; } body.course-menu-expanded .kl_wrapper .bs-order-sm-4 { order: 4; } body.course-menu-expanded .kl_wrapper .bs-order-sm-5 { order: 5; } body.course-menu-expanded .kl_wrapper .bs-order-sm-6 { order: 6; } body.course-menu-expanded .kl_wrapper .bs-order-sm-7 { order: 7; } body.course-menu-expanded .kl_wrapper .bs-order-sm-8 { order: 8; } body.course-menu-expanded .kl_wrapper .bs-order-sm-9 { order: 9; } body.course-menu-expanded .kl_wrapper .bs-order-sm-10 { order: 10; } body.course-menu-expanded .kl_wrapper .bs-order-sm-11 { order: 11; } body.course-menu-expanded .kl_wrapper .bs-order-sm-12 { order: 12; } } @media (min-width: 768px) { body.kl_app_css .kl_wrapper .bs-col-md, body.mceContentBody .kl_wrapper .= bs-col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; } body.kl_app_css .kl_wrapper .bs-col-md-auto, body.mceContentBody .kl_wrap= per .bs-col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } body.kl_app_css .kl_wrapper .bs-col-md-1, body.mceContentBody .kl_wrapper= .bs-col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } body.kl_app_css .kl_wrapper .bs-col-md-2, body.mceContentBody .kl_wrapper= .bs-col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; } body.kl_app_css .kl_wrapper .bs-col-md-3, body.mceContentBody .kl_wrapper= .bs-col-md-3 { flex: 0 0 25%; max-width: 25%; } body.kl_app_css .kl_wrapper .bs-col-md-4, body.mceContentBody .kl_wrapper= .bs-col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; } body.kl_app_css .kl_wrapper .bs-col-md-5, body.mceContentBody .kl_wrapper= .bs-col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; } body.kl_app_css .kl_wrapper .bs-col-md-6, body.mceContentBody .kl_wrapper= .bs-col-md-6 { flex: 0 0 50%; max-width: 50%; } body.kl_app_css .kl_wrapper .bs-col-md-7, body.mceContentBody .kl_wrapper= .bs-col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; } body.kl_app_css .kl_wrapper .bs-col-md-8, body.mceContentBody .kl_wrapper= .bs-col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; } body.kl_app_css .kl_wrapper .bs-col-md-9, body.mceContentBody .kl_wrapper= .bs-col-md-9 { flex: 0 0 75%; max-width: 75%; } body.kl_app_css .kl_wrapper .bs-col-md-10, body.mceContentBody .kl_wrappe= r .bs-col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; } body.kl_app_css .kl_wrapper .bs-col-md-11, body.mceContentBody .kl_wrappe= r .bs-col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; } body.kl_app_css .kl_wrapper .bs-col-md-12, body.mceContentBody .kl_wrappe= r .bs-col-md-12 { flex: 0 0 100%; max-width: 100%; } body.kl_app_css .kl_wrapper .bs-order-md-1, body.mceContentBody .kl_wrapp= er .bs-order-md-1 { order: 1; } body.kl_app_css .kl_wrapper .bs-order-md-2, body.mceContentBody .kl_wrapp= er .bs-order-md-2 { order: 2; } body.kl_app_css .kl_wrapper .bs-order-md-3, body.mceContentBody .kl_wrapp= er .bs-order-md-3 { order: 3; } body.kl_app_css .kl_wrapper .bs-order-md-4, body.mceContentBody .kl_wrapp= er .bs-order-md-4 { order: 4; } body.kl_app_css .kl_wrapper .bs-order-md-5, body.mceContentBody .kl_wrapp= er .bs-order-md-5 { order: 5; } body.kl_app_css .kl_wrapper .bs-order-md-6, body.mceContentBody .kl_wrapp= er .bs-order-md-6 { order: 6; } body.kl_app_css .kl_wrapper .bs-order-md-7, body.mceContentBody .kl_wrapp= er .bs-order-md-7 { order: 7; } body.kl_app_css .kl_wrapper .bs-order-md-8, body.mceContentBody .kl_wrapp= er .bs-order-md-8 { order: 8; } body.kl_app_css .kl_wrapper .bs-order-md-9, body.mceContentBody .kl_wrapp= er .bs-order-md-9 { order: 9; } body.kl_app_css .kl_wrapper .bs-order-md-10, body.mceContentBody .kl_wrap= per .bs-order-md-10 { order: 10; } body.kl_app_css .kl_wrapper .bs-order-md-11, body.mceContentBody .kl_wrap= per .bs-order-md-11 { order: 11; } body.kl_app_css .kl_wrapper .bs-order-md-12, body.mceContentBody .kl_wrap= per .bs-order-md-12 { order: 12; } } @media (min-width: 924px) { body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= { flex-basis: 0px; flex-grow: 1; max-width: 100%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -auto { flex: 0 0 auto; width: auto; max-width: none; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -1 { flex: 0 0 8.33333%; max-width: 8.33333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -2 { flex: 0 0 16.6667%; max-width: 16.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -3 { flex: 0 0 25%; max-width: 25%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -4 { flex: 0 0 33.3333%; max-width: 33.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -5 { flex: 0 0 41.6667%; max-width: 41.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -6 { flex: 0 0 50%; max-width: 50%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -7 { flex: 0 0 58.3333%; max-width: 58.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -8 { flex: 0 0 66.6667%; max-width: 66.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -9 { flex: 0 0 75%; max-width: 75%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -10 { flex: 0 0 83.3333%; max-width: 83.3333%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -11 { flex: 0 0 91.6667%; max-width: 91.6667%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-col-md= -12 { flex: 0 0 100%; max-width: 100%; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-1 { order: 1; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-2 { order: 2; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-3 { order: 3; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-4 { order: 4; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-5 { order: 5; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-6 { order: 6; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-7 { order: 7; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-8 { order: 8; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-9 { order: 9; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-10 { order: 10; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-11 { order: 11; } body.using_design_tools:not(.course-menu-expanded) .kl_wrapper .bs-order-= md-12 { order: 12; } } @media (min-width: 1100px) { body.course-menu-expanded .kl_wrapper .bs-col-md { flex-basis: 0px; flex-= grow: 1; max-width: 100%; } body.course-menu-expanded .kl_wrapper .bs-col-md-auto { flex: 0 0 auto; w= idth: auto; max-width: none; } body.course-menu-expanded .kl_wrapper .bs-col-md-1 { flex: 0 0 8.33333%; = max-width: 8.33333%; } body.course-menu-expanded .kl_wrapper .bs-col-md-2 { flex: 0 0 16.6667%; = max-width: 16.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-md-3 { flex: 0 0 25%; max-w= idth: 25%; } body.course-menu-expanded .kl_wrapper .bs-col-md-4 { flex: 0 0 33.3333%; = max-width: 33.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-md-5 { flex: 0 0 41.6667%; = max-width: 41.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-md-6 { flex: 0 0 50%; max-w= idth: 50%; } body.course-menu-expanded .kl_wrapper .bs-col-md-7 { flex: 0 0 58.3333%; = max-width: 58.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-md-8 { flex: 0 0 66.6667%; = max-width: 66.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-md-9 { flex: 0 0 75%; max-w= idth: 75%; } body.course-menu-expanded .kl_wrapper .bs-col-md-10 { flex: 0 0 83.3333%;= max-width: 83.3333%; } body.course-menu-expanded .kl_wrapper .bs-col-md-11 { flex: 0 0 91.6667%;= max-width: 91.6667%; } body.course-menu-expanded .kl_wrapper .bs-col-md-12 { flex: 0 0 100%; max= -width: 100%; } body.course-menu-expanded .kl_wrapper .bs-order-md-1 { order: 1; } body.course-menu-expanded .kl_wrapper .bs-order-md-2 { order: 2; } body.course-menu-expanded .kl_wrapper .bs-order-md-3 { order: 3; } body.course-menu-expanded .kl_wrapper .bs-order-md-4 { order: 4; } body.course-menu-expanded .kl_wrapper .bs-order-md-5 { order: 5; } body.course-menu-expanded .kl_wrapper .bs-order-md-6 { order: 6; } body.course-menu-expanded .kl_wrapper .bs-order-md-7 { order: 7; } body.course-menu-expanded .kl_wrapper .bs-order-md-8 { order: 8; } body.course-menu-expanded .kl_wrapper .bs-order-md-9 { order: 9; } body.course-menu-expanded .kl_wrapper .bs-order-md-10 { order: 10; } body.course-menu-expanded .kl_wrapper .bs-order-md-11 { order: 11; } body.course-menu-expanded .kl_wrapper .bs-order-md-12 { order: 12; } } @media (max-width: 1200px) and (min-width: 992px) { body.with-left-side:not(.course-menu-expanded).with-right-side .kl_wrappe= r [class*=3D"bs-col-md"] { width: 100%; display: block; flex-basis: unset; = max-width: 100%; } } @media (max-width: 1380px) and (min-width: 1140px) { body.with-right-side.course-menu-expanded .kl_wrapper [class*=3D"bs-col-m= d"] { width: 100%; display: block; flex-basis: unset; max-width: 100%; } } .kl_wrapper .bs-flex-row { flex-direction: row !important; } .kl_wrapper .bs-flex-column { flex-direction: column !important; } .kl_wrapper .bs-flex-row-reverse { flex-direction: row-reverse !important; = } .kl_wrapper .bs-flex-column-reverse { flex-direction: column-reverse !impor= tant; } .kl_wrapper .bs-flex-wrap { flex-wrap: wrap !important; } .kl_wrapper .bs-flex-nowrap { flex-wrap: nowrap !important; } .kl_wrapper .bs-flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .kl_wrapper .bs-justify-content-start { justify-content: flex-start !import= ant; } .kl_wrapper .bs-justify-content-end { justify-content: flex-end !important;= } .kl_wrapper .bs-justify-content-center { justify-content: center !important= ; } .kl_wrapper .bs-justify-content-between { justify-content: space-between !i= mportant; } .kl_wrapper .bs-justify-content-around { justify-content: space-around !imp= ortant; } .kl_wrapper .bs-align-items-start { align-items: flex-start !important; } .kl_wrapper .bs-align-items-end { align-items: flex-end !important; } .kl_wrapper .bs-align-items-center { align-items: center !important; } .kl_wrapper .bs-align-items-baseline { align-items: baseline !important; } .kl_wrapper .bs-align-items-stretch { align-items: stretch !important; } .kl_wrapper .bs-align-content-start { align-content: flex-start !important;= } .kl_wrapper .bs-align-content-end { align-content: flex-end !important; } .kl_wrapper .bs-align-content-center { align-content: center !important; } .kl_wrapper .bs-align-content-between { align-content: space-between !impor= tant; } .kl_wrapper .bs-align-content-around { align-content: space-around !importa= nt; } .kl_wrapper .bs-align-content-stretch { align-content: stretch !important; = } .kl_wrapper .bs-align-self-auto { align-self: auto !important; } .kl_wrapper .bs-align-self-start { align-self: flex-start !important; } .kl_wrapper .bs-align-self-end { align-self: flex-end !important; } .kl_wrapper .bs-align-self-center { align-self: center !important; } .kl_wrapper .bs-align-self-baseline { align-self: baseline !important; } .kl_wrapper .bs-align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .kl_wrapper .bs-flex-sm-row { flex-direction: row !important; } .kl_wrapper .bs-flex-sm-column { flex-direction: column !important; } .kl_wrapper .bs-flex-sm-row-reverse { flex-direction: row-reverse !import= ant; } .kl_wrapper .bs-flex-sm-column-reverse { flex-direction: column-reverse != important; } .kl_wrapper .bs-flex-sm-wrap { flex-wrap: wrap !important; } .kl_wrapper .bs-flex-sm-nowrap { flex-wrap: nowrap !important; } .kl_wrapper .bs-flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important= ; } .kl_wrapper .bs-justify-content-sm-start { justify-content: flex-start !i= mportant; } .kl_wrapper .bs-justify-content-sm-end { justify-content: flex-end !impor= tant; } .kl_wrapper .bs-justify-content-sm-center { justify-content: center !impo= rtant; } .kl_wrapper .bs-justify-content-sm-between { justify-content: space-betwe= en !important; } .kl_wrapper .bs-justify-content-sm-around { justify-content: space-around= !important; } .kl_wrapper .bs-align-items-sm-start { align-items: flex-start !important= ; } .kl_wrapper .bs-align-items-sm-end { align-items: flex-end !important; } .kl_wrapper .bs-align-items-sm-center { align-items: center !important; } .kl_wrapper .bs-align-items-sm-baseline { align-items: baseline !importan= t; } .kl_wrapper .bs-align-items-sm-stretch { align-items: stretch !important;= } .kl_wrapper .bs-align-content-sm-start { align-content: flex-start !impor= tant; } .kl_wrapper .bs-align-content-sm-end { align-content: flex-end !important= ; } .kl_wrapper .bs-align-content-sm-center { align-content: center !importan= t; } .kl_wrapper .bs-align-content-sm-between { align-content: space-between != important; } .kl_wrapper .bs-align-content-sm-around { align-content: space-around !im= portant; } .kl_wrapper .bs-align-content-sm-stretch { align-content: stretch !import= ant; } .kl_wrapper .bs-align-self-sm-auto { align-self: auto !important; } .kl_wrapper .bs-align-self-sm-start { align-self: flex-start !important; = } .kl_wrapper .bs-align-self-sm-end { align-self: flex-end !important; } .kl_wrapper .bs-align-self-sm-center { align-self: center !important; } .kl_wrapper .bs-align-self-sm-baseline { align-self: baseline !important;= } .kl_wrapper .bs-align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .kl_wrapper .bs-flex-md-row { flex-direction: row !important; } .kl_wrapper .bs-flex-md-column { flex-direction: column !important; } .kl_wrapper .bs-flex-md-row-reverse { flex-direction: row-reverse !import= ant; } .kl_wrapper .bs-flex-md-column-reverse { flex-direction: column-reverse != important; } .kl_wrapper .bs-flex-md-wrap { flex-wrap: wrap !important; } .kl_wrapper .bs-flex-md-nowrap { flex-wrap: nowrap !important; } .kl_wrapper .bs-flex-md-wrap-reverse { flex-wrap: wrap-reverse !important= ; } .kl_wrapper .bs-justify-content-md-start { justify-content: flex-start !i= mportant; } .kl_wrapper .bs-justify-content-md-end { justify-content: flex-end !impor= tant; } .kl_wrapper .bs-justify-content-md-center { justify-content: center !impo= rtant; } .kl_wrapper .bs-justify-content-md-between { justify-content: space-betwe= en !important; } .kl_wrapper .bs-justify-content-md-around { justify-content: space-around= !important; } .kl_wrapper .bs-align-items-md-start { align-items: flex-start !important= ; } .kl_wrapper .bs-align-items-md-end { align-items: flex-end !important; } .kl_wrapper .bs-align-items-md-center { align-items: center !important; } .kl_wrapper .bs-align-items-md-baseline { align-items: baseline !importan= t; } .kl_wrapper .bs-align-items-md-stretch { align-items: stretch !important;= } .kl_wrapper .bs-align-content-md-start { align-content: flex-start !impor= tant; } .kl_wrapper .bs-align-content-md-end { align-content: flex-end !important= ; } .kl_wrapper .bs-align-content-md-center { align-content: center !importan= t; } .kl_wrapper .bs-align-content-md-between { align-content: space-between != important; } .kl_wrapper .bs-align-content-md-around { align-content: space-around !im= portant; } .kl_wrapper .bs-align-content-md-stretch { align-content: stretch !import= ant; } .kl_wrapper .bs-align-self-md-auto { align-self: auto !important; } .kl_wrapper .bs-align-self-md-start { align-self: flex-start !important; = } .kl_wrapper .bs-align-self-md-end { align-self: flex-end !important; } .kl_wrapper .bs-align-self-md-center { align-self: center !important; } .kl_wrapper .bs-align-self-md-baseline { align-self: baseline !important;= } .kl_wrapper .bs-align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .kl_wrapper .bs-flex-lg-row { flex-direction: row !important; } .kl_wrapper .bs-flex-lg-column { flex-direction: column !important; } .kl_wrapper .bs-flex-lg-row-reverse { flex-direction: row-reverse !import= ant; } .kl_wrapper .bs-flex-lg-column-reverse { flex-direction: column-reverse != important; } .kl_wrapper .bs-flex-lg-wrap { flex-wrap: wrap !important; } .kl_wrapper .bs-flex-lg-nowrap { flex-wrap: nowrap !important; } .kl_wrapper .bs-flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important= ; } .kl_wrapper .bs-justify-content-lg-start { justify-content: flex-start !i= mportant; } .kl_wrapper .bs-justify-content-lg-end { justify-content: flex-end !impor= tant; } .kl_wrapper .bs-justify-content-lg-center { justify-content: center !impo= rtant; } .kl_wrapper .bs-justify-content-lg-between { justify-content: space-betwe= en !important; } .kl_wrapper .bs-justify-content-lg-around { justify-content: space-around= !important; } .kl_wrapper .bs-align-items-lg-start { align-items: flex-start !important= ; } .kl_wrapper .bs-align-items-lg-end { align-items: flex-end !important; } .kl_wrapper .bs-align-items-lg-center { align-items: center !important; } .kl_wrapper .bs-align-items-lg-baseline { align-items: baseline !importan= t; } .kl_wrapper .bs-align-items-lg-stretch { align-items: stretch !important;= } .kl_wrapper .bs-align-content-lg-start { align-content: flex-start !impor= tant; } .kl_wrapper .bs-align-content-lg-end { align-content: flex-end !important= ; } .kl_wrapper .bs-align-content-lg-center { align-content: center !importan= t; } .kl_wrapper .bs-align-content-lg-between { align-content: space-between != important; } .kl_wrapper .bs-align-content-lg-around { align-content: space-around !im= portant; } .kl_wrapper .bs-align-content-lg-stretch { align-content: stretch !import= ant; } .kl_wrapper .bs-align-self-lg-auto { align-self: auto !important; } .kl_wrapper .bs-align-self-lg-start { align-self: flex-start !important; = } .kl_wrapper .bs-align-self-lg-end { align-self: flex-end !important; } .kl_wrapper .bs-align-self-lg-center { align-self: center !important; } .kl_wrapper .bs-align-self-lg-baseline { align-self: baseline !important;= } .kl_wrapper .bs-align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .kl_wrapper .bs-flex-xl-row { flex-direction: row !important; } .kl_wrapper .bs-flex-xl-column { flex-direction: column !important; } .kl_wrapper .bs-flex-xl-row-reverse { flex-direction: row-reverse !import= ant; } .kl_wrapper .bs-flex-xl-column-reverse { flex-direction: column-reverse != important; } .kl_wrapper .bs-flex-xl-wrap { flex-wrap: wrap !important; } .kl_wrapper .bs-flex-xl-nowrap { flex-wrap: nowrap !important; } .kl_wrapper .bs-flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important= ; } .kl_wrapper .bs-justify-content-xl-start { justify-content: flex-start !i= mportant; } .kl_wrapper .bs-justify-content-xl-end { justify-content: flex-end !impor= tant; } .kl_wrapper .bs-justify-content-xl-center { justify-content: center !impo= rtant; } .kl_wrapper .bs-justify-content-xl-between { justify-content: space-betwe= en !important; } .kl_wrapper .bs-justify-content-xl-around { justify-content: space-around= !important; } .kl_wrapper .bs-align-items-xl-start { align-items: flex-start !important= ; } .kl_wrapper .bs-align-items-xl-end { align-items: flex-end !important; } .kl_wrapper .bs-align-items-xl-center { align-items: center !important; } .kl_wrapper .bs-align-items-xl-baseline { align-items: baseline !importan= t; } .kl_wrapper .bs-align-items-xl-stretch { align-items: stretch !important;= } .kl_wrapper .bs-align-content-xl-start { align-content: flex-start !impor= tant; } .kl_wrapper .bs-align-content-xl-end { align-content: flex-end !important= ; } .kl_wrapper .bs-align-content-xl-center { align-content: center !importan= t; } .kl_wrapper .bs-align-content-xl-between { align-content: space-between != important; } .kl_wrapper .bs-align-content-xl-around { align-content: space-around !im= portant; } .kl_wrapper .bs-align-content-xl-stretch { align-content: stretch !import= ant; } .kl_wrapper .bs-align-self-xl-auto { align-self: auto !important; } .kl_wrapper .bs-align-self-xl-start { align-self: flex-start !important; = } .kl_wrapper .bs-align-self-xl-end { align-self: flex-end !important; } .kl_wrapper .bs-align-self-xl-center { align-self: center !important; } .kl_wrapper .bs-align-self-xl-baseline { align-self: baseline !important;= } .kl_wrapper .bs-align-self-xl-stretch { align-self: stretch !important; } } .bs-pagination { display: flex; padding-left: 0px; list-style: none; border= -radius: 0.25rem; flex-wrap: wrap; } .bs-page-link { position: relative; display: block; padding: 0.5rem 0.75rem= ; margin-left: -1px; line-height: 1.25; background-color: var(--primary-con= trast); border: 1px solid var(--bs-light-gray-border); } .bs-page-link:hover { z-index: 2; color: var(--bs-link-hover); text-decorat= ion: none; background-color: var(--bs-ui-light-gray); border-color: var(--b= s-light-gray-border); } .bs-page-link:focus { z-index: 2; outline: 0px; box-shadow: rgba(0, 123, 25= 5, 0.25) 0px 0px 0px 0.2rem; } .bs-page-link:not(:disabled):not(.bs-disabled) { cursor: pointer; } .bs-page-item:first-child .bs-page-link { margin-left: 0px; border-top-left= -radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .bs-page-item:last-child .bs-page-link { border-top-right-radius: 0.25rem; = border-bottom-right-radius: 0.25rem; } .bs-page-item.bs-active .bs-page-link { z-index: 1; color: var(--primary-co= ntrast); background-color: var(--primary); } .bs-page-item.bs-disabled .bs-page-link { color: var(--bs-disabled-gray); p= ointer-events: none; cursor: auto; background-color: var(--secondary-contra= st); border-color: var(--bs-light-gray-border); } .bs-pagination-lg .bs-page-link { padding: 0.75rem 1.5rem; font-size: 1.25r= em; line-height: 1.5; } .bs-pagination-lg .bs-page-item:first-child .bs-page-link { border-top-left= -radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .bs-pagination-lg .bs-page-item:last-child .bs-page-link { border-top-right= -radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .bs-pagination-sm .bs-page-link { padding: 0.25rem 0.5rem; font-size: 0.875= rem; line-height: 1.5; } .bs-pagination-sm .bs-page-item:first-child .bs-page-link { border-top-left= -radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .bs-pagination-sm .bs-page-item:last-child .bs-page-link { border-top-right= -radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .bs-pagination a.bs-page-link { text-decoration: none !important; } .bs-justify-content-center { justify-content: center !important; } .bs-bg-primary { background-color: var(--primary) !important; } a.bs-bg-primary:focus, a.bs-bg-primary:hover, button.bs-bg-primary:focus, b= utton.bs-bg-primary:hover { background-color: var(--primary-border) !import= ant; } .bs-bg-secondary { background-color: var(--secondary) !important; } a.bs-bg-secondary:focus, a.bs-bg-secondary:hover, button.bs-bg-secondary:fo= cus, button.bs-bg-secondary:hover { background-color: var(--secondary-borde= r) !important; } .bs-bg-success { background-color: var(--success) !important; } a.bs-bg-success:focus, a.bs-bg-success:hover, button.bs-bg-success:focus, b= utton.bs-bg-success:hover { background-color: var(--success-border) !import= ant; color: rgb(255, 255, 255) !important; } .bs-bg-info { background-color: var(--info) !important; } .bs-table-dark .bs-bg-info { background-color: var(--info-border) !importan= t; } a.bs-bg-info:focus, a.bs-bg-info:hover, button.bs-bg-info:focus, button.bs-= bg-info:hover { background-color: rgb(17, 122, 139) !important; } .bs-bg-warning { background-color: var(--warning) !important; } .bs-table-dark .bs-bg-warning { background-color: var(--warning-text) !impo= rtant; } a.bs-bg-warning:focus, a.bs-bg-warning:hover, button.bs-bg-warning:focus, b= utton.bs-bg-warning:hover { background-color: var(--warning-border) !import= ant; } .bs-bg-danger { background-color: var(--danger) !important; } a.bs-bg-danger:focus, a.bs-bg-danger:hover, button.bs-bg-danger:focus, butt= on.bs-bg-danger:hover { background-color: var(--danger-border) !important; = } .bs-bg-light { background-color: var(--light) !important; } a.bs-bg-light:focus, a.bs-bg-light:hover, button.bs-bg-light:focus, button.= bs-bg-light:hover { background-color: var(--light-hover-light) !important; = } .bs-bg-mid { background-color: var(--mid) !important; } a.bs-bg-mid:focus, a.bs-bg-mid:hover, button.bs-bg-mid:focus, button.bs-bg-= mid:hover { background-color: var(--mid-hover-dark) !important; } .bs-bg-dark { background-color: var(--dark) !important; } a.bs-bg-dark:focus, a.bs-bg-dark:hover, button.bs-bg-dark:focus, button.bs-= bg-dark:hover { background-color: var(--dark-hover-dark) !important; } .bs-bg-white { background-color: rgb(255, 255, 255) !important; } .bs-bg-transparent { background-color: transparent !important; } .bs-list-group { display: flex; flex-direction: column; padding-left: 0px; = margin-bottom: 0px; margin-left: 0px; } .bs-list-group-item-action { width: 100%; color: var(--bs-gray-text-dark); = text-align: inherit; } .bs-list-group-item-action:focus, .bs-list-group-item-action:hover { color:= var(--bs-gray-text-dark); text-decoration: none; background-color: var(--l= ight); } .bs-list-group-item-action:active { color: var(--bs-text); background-color= : var(--bs-ui-light-gray); } .bs-list-group-item { position: relative; display: block; padding: 0.75rem = 1.25rem; margin-bottom: -1px; background-color: rgb(255, 255, 255); border:= 1px solid rgba(0, 0, 0, 0.125); } .bs-list-group-item:first-child { border-top-left-radius: 0.25rem; border-t= op-right-radius: 0.25rem; } .bs-list-group-item:last-child { margin-bottom: 0px; border-bottom-right-ra= dius: 0.25rem; border-bottom-left-radius: 0.25rem; } .bs-list-group-item:focus, .bs-list-group-item:hover { z-index: 1; text-dec= oration: none; } .bs-list-group-item.bs-disabled, .bs-list-group-item:disabled { color: var(= --bs-disabled-gray); background-color: var(--secondary-contrast); } .bs-list-group-item.bs-active { z-index: 2; color: var(--primary-contrast);= background-color: var(--primary); border-color: var(--primary); } .bs-list-group-flush .bs-list-group-item { border-right: 0px; border-left: = 0px; border-radius: 0px; } .bs-list-group-flush:first-child .bs-list-group-item:first-child { border-t= op: 0px; } .bs-list-group-flush:last-child .bs-list-group-item:last-child { border-bot= tom: 0px; } .bs-list-group-item-primary { color: var(--primary-text); background-color:= var(--primary-bg-light); } .bs-list-group-item-primary.bs-list-group-item-action:focus, .bs-list-group= -item-primary.bs-list-group-item-action:hover { color: var(--primary-text);= background-color: var(--primary-hover-light); } .bs-list-group-item-primary.bs-list-group-item-action.bs-active { color: va= r(--primary-contrast); background-color: var(--primary-text); border-color:= var(--primary-text); } .bs-list-group-item-secondary { color: var(--secondary-text); background-co= lor: var(--secondary-bg-light); } .bs-list-group-item-secondary.bs-list-group-item-action:focus, .bs-list-gro= up-item-secondary.bs-list-group-item-action:hover { color: var(--secondary-= text); background-color: var(--secondary-hover-light); } .bs-list-group-item-secondary.bs-list-group-item-action.bs-active { color: = var(--secondary-contrast); background-color: var(--secondary-text); border-= color: var(--secondary-text); } .bs-list-group-item-success { color: var(--success-text); background-color:= var(--success-bg-light); } .bs-list-group-item-success.bs-list-group-item-action:focus, .bs-list-group= -item-success.bs-list-group-item-action:hover { color: var(--success-text);= background-color: var(--success-hover-light); } .bs-list-group-item-success.bs-list-group-item-action.bs-active { color: rg= b(255, 255, 255); background-color: var(--success-text); border-color: var(= --success-text); } .bs-list-group-item-info { color: var(--info-text); background-color: var(-= -info-bg-light); } .bs-list-group-item-info.bs-list-group-item-action:focus, .bs-list-group-it= em-info.bs-list-group-item-action:hover { color: var(--info-text); backgrou= nd-color: var(--info-hover-light); } .bs-list-group-item-info.bs-list-group-item-action.bs-active { color: rgb(2= 55, 255, 255); background-color: var(--info-text); border-color: var(--info= -text); } .bs-list-group-item-warning { color: var(--warning-text); background-color:= var(--warning-bg-light); } .bs-list-group-item-warning.bs-list-group-item-action:focus, .bs-list-group= -item-warning.bs-list-group-item-action:hover { color: var(--warning-text);= background-color: var(--warning-hover-light); } .bs-list-group-item-warning.bs-list-group-item-action.bs-active { color: rg= b(255, 255, 255); background-color: var(--warning-text); border-color: var(= --warning-text); } .bs-list-group-item-danger { color: var(--danger-text); background-color: v= ar(--danger-bg-light); } .bs-list-group-item-danger.bs-list-group-item-action:focus, .bs-list-group-= item-danger.bs-list-group-item-action:hover { color: var(--danger-text); ba= ckground-color: var(--danger-hover-light); } .bs-list-group-item-danger.bs-list-group-item-action.bs-active { color: rgb= (255, 255, 255); background-color: var(--danger-text); border-color: var(--= danger-text); } .bs-list-group-item-light { color: var(--light-text); background-color: var= (--light-bg-lighter); } .bs-list-group-item-light.bs-list-group-item-action:focus, .bs-list-group-i= tem-light.bs-list-group-item-action:hover { color: var(--light-text); backg= round-color: var(--light-bg-light); } .bs-list-group-item-light.bs-list-group-item-action.bs-active { color: rgb(= 255, 255, 255); background-color: var(--light-text); border-color: var(--li= ght-text); } .bs-list-group-item-mid { color: var(--mid-text); background-color: var(--m= id-bg-light); } .bs-list-group-item-mid.bs-list-group-item-action:focus, .bs-list-group-ite= m-mid.bs-list-group-item-action:hover { color: var(--mid-text); background-= color: var(--mid-hover-light); } .bs-list-group-item-mid.bs-list-group-item-action.bs-active { color: var(--= mid-contrast); background-color: var(--mid-text); border-color: var(--mid-t= ext); } .bs-list-group-item-dark { color: var(--dark-text); background-color: var(-= -dark-bg-light); } .bs-list-group-item-dark.bs-list-group-item-action:focus, .bs-list-group-it= em-dark.bs-list-group-item-action:hover { color: var(--dark-text); backgrou= nd-color: var(--dark-hover-light); } .bs-list-group-item-dark.bs-list-group-item-action.bs-active { color: var(-= -dark-contrast); background-color: var(--dark-text); border-color: var(--da= rk-text); } #wiki_page_show { max-width: 1100px; } #kl_launch_button { background: var(--ic-brand-global-nav-bgd); border-bott= om-left-radius: 5px; border-width: 0px; color: var(--ic-brand-global-nav-me= nu-item__text-color); cursor: pointer; padding: 10px 0px 7px 40px; position= : fixed; top: 0px; width: 40px; overflow: hidden; white-space: nowrap; righ= t: 0px; z-index: 100; text-align: left; transition: all 0.3s ease-in-out 0s= ; } .kl_js_error { background: rgb(175, 0, 0); color: rgb(255, 255, 255); paddi= ng: 5px 10px 5px 95px; } body.kl_app_view ul { margin: 0px; padding: 0px; } .kl_wrapper ol { margin-left: 0px; padding-left: 40px; } .kl_wrapper ol.unstyled { margin-left: 0px; padding-left: 0px; } body:not(.kl_mce_view_app):not(.kl_mce_visual_blocks) .kl_app_only { displa= y: none; } #kl_theme_configurations img { width: 100%; } #kl_theme_configurations td.enabled { background-color: rgb(187, 228, 187);= text-align: center; } #kl_theme_configurations td.disabled { background-color: rgb(255, 200, 200)= ; text-align: center; } #kl_wrapper_3 #kl_banner_image img { width: 100%; } #kl_wrapper_3 * { box-sizing: border-box; } #kl_wrapper_3 .mejs-controls * { box-sizing: content-box; } #kl_accents_wrapper { background: url("https://files.ciditools.com/cidi/log= os/DesignPLUS-cidilabs-light-grey.png") right 15px bottom 0px / 125px no-re= peat rgb(255, 255, 255); } .kl_accent_spacer { width: 32px; display: inline-block; } .kl_accent_label { font-weight: 700; text-align: center; } .kl_accent_group { display: inline-block; border: 1px solid rgb(255, 255, 2= 55); border-radius: 5px; background: rgb(115, 129, 139); color: rgb(255, 25= 5, 255); margin-right: 3px; } .kl_accent { width: 30px; margin: 2px 1px; padding: 3px; } .kl_accents_shortcuts { top: 2px; right: 0px; width: 280px; position: relat= ive !important; } .kl_accent_preview { float: left; font-size: 30px; padding: 0px 5px; border= : 3px solid rgb(221, 221, 221); border-radius: 5px; width: 35px; text-align= : center; height: 47px; margin-bottom: 3px; } .kl_accent_shortcut { display: block; margin-top: 2px; } select#kl_languages { width: 150px; position: absolute; top: 5px; right: 5p= x; } .kl_accent_shortcut .label { font-size: 13px; font-family: monospace; min-w= idth: 10px; } #kl_accents_wrapper .btn-group { margin: 0px; } .kl_accents_trigger_wrapper { margin-top: 5px; } #kl_accents_wrapper .btn-group { position: relative; display: inline-block;= font-size: 0px; white-space: nowrap; vertical-align: middle; margin: 0px 2= px 0px 0px; } #kl_accents_wrapper .btn-group:first-child { } #kl_accents_wrapper .btn-toolbar { margin-top: 10px; margin-bottom: 10px; f= ont-size: 0px; } #kl_accents_wrapper .btn-toolbar > .btn-group + .Button, #kl_accents_wrappe= r .btn-toolbar > .Button + .btn-group, #kl_accents_wrapper .btn-toolbar > .= Button + .Button { margin-left: 5px; } #kl_accents_wrapper .btn-group > .Button { position: relative; border-radiu= s: 0px; } #kl_accents_wrapper .btn-group > .Button + .Button { margin-left: -1px; } #kl_accents_wrapper .btn-group > .Button, #kl_accents_wrapper .btn-group > = .dropdown-menu, #kl_accents_wrapper .btn-group > .popover { font-size: 14px= ; } #kl_accents_wrapper .btn-group > .Button--mini { font-size: 10.5px; } #kl_accents_wrapper .btn-group > .Button--small { font-size: 11.9px; } #kl_accents_wrapper .btn-group > .Button--large { font-size: 17.5px; } #kl_accents_wrapper .btn-group > .Button:first-child { margin-left: 0px; } #kl_accents_wrapper .btn-group > .Button.active, #kl_accents_wrapper .btn-g= roup > .Button:active, #kl_accents_wrapper .btn-group > .Button:focus, #kl_= accents_wrapper .btn-group > .Button:hover { z-index: 2; } .kl_wrapper .Button--danger { background: rgb(204, 0, 0); } .kl_wrapper .Button--success { background: rgb(0, 126, 18); } .kl_wrapper .Button--warning { background: rgb(207, 69, 0); } .kl_wrapper .alert { color: rgb(189, 64, 4); } .kl_wrapper .alert.alert-error { color: rgb(215, 6, 16); } .kl_wrapper .alert.alert-success { color: rgb(0, 124, 17); } .kl_wrapper .alert.alert-info { color: rgb(0, 114, 180); } .mceContentBody a.Button, .user_content a.Button { text-decoration: none; } .kl_lp_path { display: none; } #tinymce .kl_lp_path, #tinyrce .kl_lp_path { display: block; } #kl_wrapper_3 > div#kl_start_page_required { display: none; border: 2px sol= id rgb(173, 57, 58); padding: 10px; margin: 0px; } #tinymce #kl_wrapper_3 > div#kl_start_page_required { display: block; } .kl_image_round, img.kl_image_round { border-radius: 50%; } .kl_image_round_white_border, img.kl_image_round_white_border { border-radi= us: 500px; } .kl_image_round_white_border, .kl_image_white_border, img.kl_image_round_wh= ite_border, img.kl_image_white_border { border: 1px solid rgb(204, 204, 204= ); padding: 5px; background: rgb(255, 255, 255); box-sizing: border-box; } .kl_image_rounded_grey, img.kl_image_rounded_grey { border-radius: 5px; pad= ding: 5px; background: rgb(204, 204, 204); box-sizing: border-box; } .kl_polaroid, img.kl_polaroid { padding: 10px; background: rgb(255, 255, 25= 5); box-shadow: rgb(119, 119, 119) 3px 3px 9px; box-sizing: border-box; } .kl_rounded_5, img.kl_rounded_5 { border-radius: 5px; } .kl_rounded_10, img.kl_rounded_10 { border-radius: 10px; } .kl_rounded_20, img.kl_rounded_20 { border-radius: 20px; } .kl_border_radius_round { border-radius: 50% !important; } .kl_border_radius_5 { border-radius: 5px !important; } .kl_border_radius_10 { border-radius: 10px !important; } .kl_border_radius_20 { border-radius: 20px !important; } .kl_border_radius_50 { border-radius: 50px !important; } .kl_shadow_1, .kl_shadow_b1 { box-shadow: grey 0px 1px 3px; } .kl_shadow_2, .kl_shadow_b2 { box-shadow: grey 0px 3px 5px; } .kl_shadow_3, .kl_shadow_b3 { box-shadow: grey 0px 5px 10px; } .kl_shadow_b4 { box-shadow: grey 0px 5px 5px -5px; } .kl_shadow_6, .kl_shadow_b5 { box-shadow: grey 0px 8px 8px -5px; } .kl_shadow_6, .kl_shadow_b6 { box-shadow: grey 0px 10px 10px -5px; } .kl_shadow_r1 { box-shadow: grey 2px 2px 5px; } .kl_shadow_5, .kl_shadow_r2 { box-shadow: grey 3px 3px 9px; } .kl_shadow_4, .kl_shadow_r3 { box-shadow: grey 5px 5px 10px; } .kl_solid_border { border: 1px solid rgb(204, 204, 204); } .kl_box_align_left, .kl_iframe_align_left, .kl_image_align_left, img.kl_ima= ge_align_left { float: left; margin: 0px 15px 15px 0px; box-sizing: border-= box; } .kl_box_align_center, .kl_iframe_align_center, .kl_image_align_center, img.= kl_image_align_center { display: block; float: none; margin: 15px auto; cle= ar: both; box-sizing: border-box; } .kl_iframe_wrapper.kl_iframe_align_center { text-align: center; } .kl_box_align_right, .kl_iframe_align_right, .kl_image_align_right, img.kl_= image_align_right { float: right; margin: 0px 0px 15px 15px; box-sizing: bo= rder-box; } div.kl_polaroid.kl_image_align_right { margin-right: 10px; box-sizing: bord= er-box; } div.kl_polaroid.kl_image_align_left { margin-left: 5px; box-sizing: border-= box; } .klminiCheckbox .ic-Super-toggle__switch::after { background-size: 14px; } .klminiCheckbox .ic-Super-toggle--on-off .ic-Super-toggle__switch::after { = width: 20px; height: 20px; } .klminiCheckbox .ic-Super-toggle--on-off .ic-Super-toggle__switch { width: = 40px; height: 20px; } .klminiCheckbox .ic-Super-toggle--on-off svg { max-width: 13px; } .klminiCheckbox .ic-Super-toggle__container { float: left; margin-right: 10= px; } .ic-Form-control.klminiCheckbox { margin-bottom: 5px; } .kl_image_caption_overlap img, .kl_image_rounded_grey img, .kl_image_round = img, .kl_image_white_border img, .kl_polaroid img, .kl_rounded_5 img, .kl_r= ounded_10 img, .kl_rounded_20 img { width: 100%; margin: auto; } .kl_image_caption_overlap figcaption, .kl_image_caption_overlap p, .kl_imag= e_rounded_grey figcaption, .kl_image_rounded_grey p, .kl_image_round figcap= tion, .kl_image_round p, .kl_image_white_border figcaption, .kl_image_white= _border p, .kl_polaroid figcaption, .kl_polaroid p, .kl_rounded_5 figcaptio= n, .kl_rounded_5 p, .kl_rounded_10 figcaption, .kl_rounded_10 p, .kl_rounde= d_20 p { display: block; text-align: center; margin: 0px; padding: 5px; } .kl_image_caption_overlap { position: relative; } .kl_image_caption_overlap figcaption, .kl_image_caption_overlap p { positio= n: absolute; bottom: 0px; left: 0px; right: 0px; font-weight: 400; } .kl_image_caption_dark { border: 1px solid rgb(101, 101, 101); } .kl_image_caption_dark figcaption, .kl_image_caption_dark p { background: r= gba(0, 0, 0, 0.7); color: rgb(255, 255, 255); } .kl_image_caption_light { border: 1px solid rgb(179, 179, 179); } .kl_image_caption_light figcaption, .kl_image_caption_light p { background:= rgba(255, 255, 255, 0.8); } .kl_image_hover_opacity_wrapper a { display: block; position: relative; } .kl_image_hover_opacity_wrapper span { position: absolute; bottom: -20px; l= eft: 0px; z-index: 1; display: block; width: 100%; font-size: 18px; text-de= coration: none; text-align: center; transition: all 0.3s ease-in-out 0s; op= acity: 0; } .kl_image_hover_opacity_wrapper figure { padding-bottom: 20px; margin: 10px= 5px; } .kl_image_hover_opacity_wrapper figure img { opacity: 1; width: 100%; trans= ition: all 0.3s ease-in-out 0s; background: rgb(255, 255, 255); } .kl_image_hover_opacity_wrapper a:focus img, .kl_image_hover_opacity_wrappe= r a:hover img { opacity: 0.5; z-index: 10; } .kl_image_hover_opacity_wrapper a:focus span, .kl_image_hover_opacity_wrapp= er a:hover span { bottom: -25px; opacity: 1; background: rgba(255, 255, 255= , 0.72); } #kl_wrapper_3 .lead, .kl_wrapper .lead { font-size: 21px; font-weight: 200;= line-height: 30px; } #kl_wrapper_3 .uppercase, .kl_wrapper .uppercase { text-transform: uppercas= e; } #kl_wrapper_3 .lowercase, .kl_wrapper .lowercase { text-transform: lowercas= e; } #kl_wrapper_3 .defaultText, .kl_wrapper .defaultText { text-transform: none= ; } #kl_wrapper_3 .capitalize, .kl_wrapper .capitalize { text-transform: capita= lize; } #mark-as-done-checkbox_2 { position: absolute; bottom: 5px; right: 5px; z-i= ndex: 1000; } .user-content #kl_canvas_header { display: none; } #kl_wrapper_3 a.kl_indicate_visited { padding-left: 5px; border-left: 18px = solid orange !important; } #kl_wrapper_3 a.kl_indicate_visited:visited { border-color: green !importan= t; } #kl_wrapper_3 .kl_user_details { overflow: hidden; } #kl_wrapper_3 .kl_user_details > ul { margin-top: 30px; display: inline-blo= ck; } #kl_wrapper_3 .kl_user_details img { margin-right: 20px; } h1.page-title.screenreader-only { border: 0px; clip: rect(0px, 0px, 0px, 0p= x); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: ab= solute; width: 1px; transform: translateZ(0px); } body:not(#tinymce) #kl_wrapper_3 .kl_group_role { display: none; } #kl_wrapper_3 .kl_group_list { border: 1px solid rgb(0, 51, 102); backgroun= d: rgb(0, 51, 102); color: rgb(255, 255, 255); border-radius: 3px; padding:= 5px; } body#tinymce #kl_wrapper_3 .kl_group_role::before { border-radius: 3px; bac= kground: rgb(0, 51, 102); color: rgb(255, 255, 255); padding: 0px 3px; marg= in-right: 5px; } body#tinymce #kl_wrapper_3 .kl_group_role_1::before { content: "#1"; } body#tinymce #kl_wrapper_3 .kl_group_role_2::before { content: "#2"; } body#tinymce #kl_wrapper_3 .kl_group_role_3::before { content: "#3"; } body#tinymce #kl_wrapper_3 .kl_group_role_4::before { content: "#4"; } body#tinymce #kl_wrapper_3 .kl_group_role_5::before { content: "#5"; } body#tinymce #kl_wrapper_3 .kl_group_role_6::before { content: "#6"; } body#tinymce #kl_wrapper_3 .kl_group_role_7::before { content: "#7"; } body#tinymce #kl_wrapper_3 .kl_group_role_8::before { content: "#8"; } body#tinymce #kl_wrapper_3 .kl_group_role_9::before { content: "#9"; } body#tinymce #kl_wrapper_3 .kl_group_role_10::before { content: "#10"; } body#tinymce #kl_wrapper_3 .kl_group_role_11::before { content: "#11"; } body#tinymce #kl_wrapper_3 .kl_group_role_12::before { content: "#12"; } body#tinymce #kl_wrapper_3 .kl_group_role_13::before { content: "#13"; } body#tinymce #kl_wrapper_3 .kl_group_role_14::before { content: "#14"; } body#tinymce #kl_wrapper_3 .kl_group_role_15::before { content: "#15"; } body#tinymce #kl_wrapper_3 .kl_group_role_16::before { content: "#16"; } body#tinymce #kl_wrapper_3 .kl_group_role_17::before { content: "#17"; } body#tinymce #kl_wrapper_3 .kl_group_role_18::before { content: "#18"; } body#tinymce #kl_wrapper_3 .kl_group_role_19::before { content: "#19"; } body#tinymce #kl_wrapper_3 .kl_group_role_20::before { content: "#20"; } .kl_panel_heading.ui-widget-header .ui-state-default, .ui-tabs .ui-tabs-nav= .kl_panel_heading.ui-state-default:not(.ui-tabs-active) { background: rgb(= 239, 239, 239); } .ui-tabs-nav li.kl_panel_heading a { border-top-right-radius: 3px; border-t= op-left-radius: 3px; } .kl_panel_heading.ui-widget-header .ui-state-active { background: rgb(255, = 255, 255) !important; } .kl_panel_heading.ui-state-default.white a, .kl_panel_heading.ui-state-defa= ult.white a:link, .kl_panel_heading.ui-state-default.white a:visited { colo= r: rgb(255, 255, 255); } .kl_panel_heading.ui-state-default.black a, .kl_panel_heading.ui-state-defa= ult.black a:link, .kl_panel_heading.ui-state-default.black a:visited { colo= r: rgb(0, 0, 0); } .kl_panel_heading.ui-state-active.white .ui-icon, .kl_panel_heading.ui-stat= e-default.white .ui-icon { background-image: url("https://designtools.cidit= ools.com/css/images/ui-icons_ffffff_256x240-ed886cdf6e.png"); } .kl_panel_heading.ui-state-default.black a, .kl_panel_heading.ui-state-defa= ult.black a:link, .kl_panel_heading.ui-state-default.black a:visited { colo= r: rgb(51, 51, 51); } .kl_panel_heading.ui-state-active.black .ui-icon, .kl_panel_heading.ui-stat= e-default.black .ui-icon { background-image: url("https://designtools.cidit= ools.com/css/images/ui-icons_222222_256x240-a2c05c5e96.png"); } .kl_panel_heading.ui-tabs-active.ui-state-default.black a, .kl_panel_headin= g.ui-tabs-active.ui-state-default.black a:link, .kl_panel_heading.ui-tabs-a= ctive.ui-state-default.black a:visited, .kl_panel_heading.ui-tabs-active.ui= -state-default.white a, .kl_panel_heading.ui-tabs-active.ui-state-default.w= hite a:link, .kl_panel_heading.ui-tabs-active.ui-state-default.white a:visi= ted { color: rgb(0, 0, 0); border-bottom: none; background-color: rgb(255, = 255, 255) !important; } #kl_wrapper_3 .kl_panel_heading a { text-decoration: none; } #kl_wrapper_3 > div { overflow: hidden; } #kl_wrapper_3 .ic-Table, #kl_wrapper_3 .table { background: rgb(255, 255, 2= 55); max-width: 99%; width: 99%; } #kl_wrapper_3 #kl_modal { overflow: hidden; } .kl_wrapper .kl_modal_content, .kl_wrapper .kl_popover_content { overflow: = hidden; position: relative; width: 640px; max-width: 100% !important; } .kl_tooltip_content.bs-badge, .mceContentBody .kl_popup_content { display: = none; } .mceContentBody.kl_mce_visual_blocks .kl_tooltip_content.bs-badge { display= : inline-block; } .mceContentBody.kl_mce_visual_blocks .kl_modal_content, .mceContentBody.kl_= mce_visual_blocks .kl_popover_content { display: block; } #kl_wrapper a.kl_popover_trigger, #kl_wrapper a.kl_tooltip_trigger, a.kl_po= pover_trigger, a.kl_tooltip_trigger { color: rgb(0, 0, 0); text-decoration:= none; } .kl_popover_trigger, .kl_tooltip_trigger, a.kl_popover_trigger, a.kl_toolti= p_trigger { border: 1px dashed; padding: 1px 3px; border-radius: 3px; backg= round: none; color: inherit; font-size: inherit; font-weight: inherit; vert= ical-align: baseline; text-decoration: none; } a.kl_popover_trigger:hover, a.kl_tooltip_trigger:hover { color: rgb(0, 0, 0= ); text-decoration: none; } .tippy-popper[x-placement^=3D"top"] .tippy-tooltip.light-theme .tippy-arrow= { border-top: 7px solid rgb(255, 255, 255); border-right: 7px solid transp= arent; border-left: 7px solid transparent; } .tippy-popper[x-placement^=3D"bottom"] .tippy-tooltip.light-theme .tippy-ar= row { border-bottom: 7px solid rgb(255, 255, 255); border-right: 7px solid = transparent; border-left: 7px solid transparent; } .tippy-popper[x-placement^=3D"left"] .tippy-tooltip.light-theme .tippy-arro= w { border-left: 7px solid rgb(255, 255, 255); border-top: 7px solid transp= arent; border-bottom: 7px solid transparent; } .tippy-popper[x-placement^=3D"right"] .tippy-tooltip.light-theme .tippy-arr= ow { border-right: 7px solid rgb(255, 255, 255); border-top: 7px solid tran= sparent; border-bottom: 7px solid transparent; } .tippy-tooltip.light-theme { color: rgb(38, 50, 61); box-shadow: rgba(154, = 161, 177, 0.15) 0px 0px 20px 4px, rgba(36, 40, 47, 0.25) 0px 4px 80px -8px,= rgba(91, 94, 105, 0.15) 0px 4px 4px -2px; background-color: rgb(255, 255, = 255); padding: 5px 10px; text-align: left; } .tippy-tooltip.light-theme .tippy-backdrop { background-color: rgb(255, 255= , 255); } .tippy-tooltip.light-theme .tippy-roundarrow { fill: rgb(255, 255, 255); } .tippy-tooltip.light-theme[data-animatefill] { background-color: transparen= t; } .mceContentBody:not(.kl_mce_view_app) #kl_wrapper_3 .kl_panels_expander > .= kl_panel_heading { background-color: rgb(239, 239, 239); padding: 10px; bor= der-radius: 5px; border: none; letter-spacing: 0px; text-align: left; margi= n: 10px 0px 0px !important; line-height: 20px !important; font-size: 18px != important; } .mceContentBody #kl_wrapper_3 .kl_panel_heading { position: relative; } .mceContentBody #kl_wrapper_3 .kl_panels_expander > div.kl_panel_content { = display: block; } .mceContentBody #kl_wrapper_3 .kl_panels_accordion div.kl_panel_content, .m= ceContentBody #kl_wrapper_3 .kl_panels_expander div.kl_panel_content, .mceC= ontentBody #kl_wrapper_3 .kl_panels_tabs div.kl_panel_content { background:= rgb(255, 255, 255); } .bs-btn-mid.kl_expander_collapse, .bs-btn-mid.kl_expander_expand { backgrou= nd: rgb(242, 242, 242); } #kl_wrapper_3 #kl_navigation a[class*=3D"fa-"]::before, #kl_wrapper_3 #kl_n= avigation a[class*=3D"icon-"]::before, #kl_wrapper_3 #kl_navigation a[class= ^=3D"fa-"]::before, #kl_wrapper_3 #kl_navigation a[class^=3D"icon-"]::befor= e { width: 30px; display: inline-block; } #kl_wrapper_3 #kl_navigation a[class*=3D"fa-"]::before, #kl_wrapper_3 #kl_n= avigation a[class^=3D"fa-"]::before { padding-right: 5px; } #kl_wrapper_3 #kl_navigation > ul.font-icons a[class*=3D"fa-"]::before, #kl= _wrapper_3 #kl_navigation > ul.font-icons a[class*=3D"icon-"]::before, #kl_= wrapper_3 #kl_navigation > ul.font-icons a[class^=3D"fa-"]::before, #kl_wra= pper_3 #kl_navigation > ul.font-icons a[class^=3D"icon-"]::before { margin-= right: 15px; } #kl_navigation .ally-enhancement, #kl_navigation a.ally-accessibility-score= -indicator { display: none !important; } #kl_wrapper_3 #kl_modules { margin: 20px 0px 10px; padding: 12px 0px; overf= low: hidden; text-align: left; border-top: 2px solid rgb(86, 86, 86); borde= r-bottom: 1px solid rgb(182, 186, 191); } #kl_wrapper_3 #kl_modules > ul { column-count: 2; } #kl_wrapper_3 #kl_modules.kl_modules_columns_1 > ul { column-count: 1; } #kl_wrapper_3 #kl_modules.kl_modules_columns_3 > ul { column-count: 3; } #kl_wrapper_3 #kl_modules.kl_modules_columns_4 > ul { column-count: 4; } #kl_wrapper_3 #kl_modules > ul li { list-style-type: none; line-height: 1.3= em; font-size: 1.2em; white-space: nowrap; overflow: hidden; text-overflow:= ellipsis; } #kl_wrapper_3 #kl_modules > ul li, #kl_wrapper_3 #kl_modules > ul li a, #kl= _wrapper_3 #kl_modules > ul li a:active, #kl_wrapper_3 #kl_modules > ul li = a:visited { color: rgb(86, 86, 86); } #kl_wrapper_3 #kl_modules > ul li a:focus, #kl_wrapper_3 #kl_modules > ul l= i a:hover { color: rgb(0, 0, 0); } #kl_wrapper_3 #kl_modules .kl_current a { font-weight: 700; } #kl_wrapper_3 #kl_modules .kl_current:not(.ui-tabs-active) i { color: rgb(0= , 138, 20); } #kl_wrapper_3 #kl_modules > ul li i[class*=3D"icon-"]::before, #kl_wrapper_= 3 #kl_modules > ul li i[class^=3D"icon-"]::before { position: inherit; } #kl_wrapper_3 #kl_modules > ul li i, #kl_wrapper_3 #kl_modules > ul li i[cl= ass^=3D"icon-"]::before { display: inline-block; width: 25px; text-align: c= enter; } #kl_wrapper_3 #kl_modules .module-item-title.ellipsis { position: static; } .kl_module_timeframe, .kl_modules_active_start, .kl_modules_active_stop { d= isplay: none; } .kl_module_details .ig-header .ig-header-title { flex: 1 1 auto; } .kl_module_details .context_module_item .completion_requirement { font-size= : 1em; margin-top: 0px; } .kl_module_details .ig-list li { margin: 0px; } .kl_module_details .ig-list .ig-row { padding: 6px 10px 6px 6px; } .kl_module_details .kl_name_updated::after { content: ", "; } .kl_module_details .kl_name_updated:last-of-type::after { display: none; } .kl_tab_completed i.iconStatus, .kl_tab_locked i.iconStatus { position: abs= olute; right: 7px; font-size: 20px; opacity: 0.3; top: 11px; } #kl_wrapper_3 #kl_modules .ui-tabs-panel { background: rgb(248, 248, 248); = border-width: 1px; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul, #kl_wrapper_3 .kl_module_= content > ul { display: table; width: 98%; border-collapse: collapse; margi= n: 0px 1%; column-count: 1 !important; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav { margin: 0px;= text-align: center; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed .context_module { margin-bottom= : 0px; border: none; margin-top: 0px; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed .context_module h3 { border: no= ne !important; padding: 0px !important; margin: 0px !important; overflow: h= idden !important; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed .ui-widget-content { border: 1p= x solid rgb(204, 204, 204); } #kl_wrapper_3 #kl_modules .ui-tabs-panel { background: rgb(255, 255, 255); = border: none; margin: 0px; padding: 0px; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav li { list-styl= e-type: none; font-size: 14px; min-height: 20px; border-radius: 5px; border= : none; background: rgb(242, 243, 244); margin: 0px 2px; float: none; displ= ay: inline-block; text-align: left; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav li a { border:= 1px solid rgb(204, 204, 204); border-radius: 5px; } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav li a:focus, #k= l_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav li a:hover { bac= kground: rgb(255, 255, 255); color: rgb(0, 0, 0); } #kl_wrapper_3 #kl_modules.kl_modules_tabbed > ul.ui-tabs-nav.white li.ui-ta= bs-active a { color: rgb(255, 255, 255); } #kl_wrapper_3 #kl_modules .ui-tabs-active { background: rgb(15, 36, 57); bo= rder-radius: 5px; } #kl_wrapper_3 #kl_modules > ul li.ui-tabs-active a { color: rgb(255, 255, 2= 55); text-shadow: none; } #kl_wrapper_3 #kl_modules .ui-state-active, #kl_wrapper_3 #kl_modules .ui-w= idget-header .ui-state-active { text-shadow: none; } #kl_wrapper_3 #kl_modules .ui-state-default, #kl_wrapper_3 #kl_modules .ui-= widget-header .ui-state-default { background-image: none; } #kl_wrapper_3 #kl_modules .ui-widget-header { border-bottom: none; } @media screen and (max-width: 1168px) { #kl_wrapper_3 #kl_modules.kl_modules_columns_3 > ul { column-count: 2; } #kl_wrapper_3 #kl_modules.kl_modules_columns_4 > ul { column-count: 3; } } @media screen and (max-width: 800px) { #kl_wrapper_3 #kl_modules.kl_modules_columns_3 > ul, #kl_wrapper_3 #kl_mo= dules.kl_modules_columns_4 > ul, #kl_wrapper_3 #kl_modules > ul { column-co= unt: 1; } } #kl_wrapper_3 #kl_modules .kl_module_current { border: 1px solid rgb(170, 1= 70, 170); padding: 10px; background: rgb(219, 219, 219); position: relative= ; margin-top: 15px; } .kl_wrapper .table { max-width: 99%; } .kl_wrapper table.tablesorter thead tr .header { background-image: url("c01= ad2e7c59d1a20a433cb873c21bd88.gif"); background-repeat: no-repeat; backgrou= nd-position: 100% center; cursor: pointer; } .kl_wrapper table.tablesorter thead tr .headerSortUp { background-image: ur= l("f8a1940c9cf44ab8870319169f3a14ff.gif"); } .kl_wrapper table.tablesorter thead tr .headerSortDown { background-image: = url("a54846803de3cc786eec3d69f9ac2d38.gif"); } .kl_module_complete, .kl_module_complete_sequential { display: none; } .kl_mce_visual_blocks .kl_module_complete, .kl_mce_visual_blocks .kl_module= _complete_sequential { display: inherit; } #kl_mode_complete_controls select#kl_mod_complete_preview { height: 25px; } #kl_mode_complete_controls { text-align: right; padding: 2px 0px; } #kl_wrapper_3 .kl_custom_accordion.ui-accordion .ui-accordion-header, #kl_w= rapper_3 .kl_panels_accordion.ui-accordion .ui-accordion-header, #kl_wrappe= r_3 .kl_panels_expander.ui-accordion .ui-accordion-header, .kl_custom_accor= dion.ui-accordion .ui-accordion-header, .kl_panels_accordion.ui-accordion .= ui-accordion-header, .kl_panels_expander.ui-accordion .ui-accordion-header = { padding: 0px; margin: 5px 0px 2px; font-weight: 700; font-size: 1.3em; } #kl_wrapper_3 .kl_custom_accordion.ui-accordion .ui-accordion-header a, #kl= _wrapper_3 .kl_panels_accordion.ui-accordion .ui-accordion-header a, #kl_wr= apper_3 .kl_panels_expander.ui-accordion .ui-accordion-header a, .kl_custom= _accordion.ui-accordion .ui-accordion-header a, .kl_panels_accordion.ui-acc= ordion .ui-accordion-header a, .kl_panels_expander.ui-accordion .ui-accordi= on-header a { padding: 10px 10px 10px 30px; text-decoration: none !importan= t; } .kl_custom_accordion.ui-accordion .ui-accordion-header .ui-icon, .kl_panels= _accordion.ui-accordion .ui-accordion-header .ui-icon, .kl_panels_expander.= ui-accordion .ui-accordion-header .ui-icon { left: 5px; } #kl_wrapper_3 .custom-tabs, .kl_custom_accordion, .kl_panels_accordion { ma= rgin-top: 20px; } .kl_panel_content { overflow: hidden; } .kl_panels_wrapper.ui-accordion .ui-accordion-content { padding: 10px; clea= r: both; top: -2px; margin-bottom: 0px; } #kl_wrapper_3 .ui-accordion .ui-accordion-header .ui-icon { left: 0px; } #kl_wrapper_3 .ui-widget { font-size: 1rem; } #kl_wrapper_3 .kl_panels_dates { display: none; } .kl_mce_visual_blocks #kl_wrapper_3 .kl_panels_dates { display: inline-bloc= k; float: right; } #kl_wrapper_3 .kl_quick_check { overflow: hidden; margin: 10px 0px; padding= : 20px; border: 1px solid rgb(170, 170, 170); } #kl_wrapper_3 .kl_quick_check .kl_quick_check_correct, #kl_wrapper_3 .kl_qu= ick_check .kl_quick_check_incorrect, #kl_wrapper_3 .kl_quick_check .kl_quic= k_check_response, #kl_wrapper_3 .kl_quick_check_correct_answer .kl_quick_ch= eck_response { background: rgb(255, 255, 255); border-radius: 4px; padding:= 0px; display: block; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_correct { border: 2px solid r= gb(70, 136, 71) !important; color: rgb(70, 136, 71) !important; } #kl_wrapper_3 .kl_quick_check p { font-size: 1.1em; } #kl_wrapper_3 .kl_quick_check label { cursor: pointer; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_response .kl_quick_check_answ= er_type { position: absolute; left: 0px; top: 0px; bottom: 0px; padding: 15= px 10px; color: rgb(255, 255, 255); } #kl_wrapper_3 .kl_quick_check .kl_quick_check_response.kl_quick_check_corre= ct .kl_quick_check_answer_type { background-color: rgb(70, 136, 71); } #kl_wrapper_3 .kl_quick_check .kl_quick_check_response.kl_quick_check_incor= rect .kl_quick_check_answer_type { background-color: rgb(185, 74, 72); } #kl_wrapper_3 .kl_quick_check .kl_quick_check_response { position: relative= ; border: 2px solid rgb(242, 242, 242); color: rgb(70, 136, 71); margin: 0p= x 0px 10px 20px; display: none; padding: 10px 10px 10px 50px; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_incorrect { border: 2px solid= rgb(185, 74, 72); color: rgb(185, 74, 72); } #kl_wrapper_3 .kl_quick_check .next { width: 250px; float: right; margin-to= p: 15px; } #kl_wrapper_3 .kl_quick_check .next .ellipsis { white-space: inherit; } #kl_wrapper_3 .kl_quick_check #kl_quick_check_answers { list-style: none; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_answers { margin-top: 10px; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_answer_wrapper { clear: both;= position: relative; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_answer_wrapper label { displa= y: block; } #kl_wrapper_3 .kl_quick_check .kl_quick_check_field { margin: 3px 10px 30px= 0px; float: left; } #kl_wrapper_3 .kl_quick_check_mark_correct { margin-left: 5px; color: rgb(0= , 0, 0); } #kl_wrapper_3 .kl_acc_mark_current i, #kl_wrapper_3 .kl_quick_check_mark_co= rrect i, #kl_wrapper_3 .kl_tab_mark_current i { color: rgb(179, 182, 184); = } #kl_wrapper_3 .kl_acc_mark_current.kl_current_acc:focus i, #kl_wrapper_3 .k= l_acc_mark_current.kl_current_acc:hover i, #kl_wrapper_3 .kl_acc_mark_curre= nt.kl_current_acc i, #kl_wrapper_3 .kl_quick_check_mark_correct.kl_quick_ch= eck_correct:focus i, #kl_wrapper_3 .kl_quick_check_mark_correct.kl_quick_ch= eck_correct:hover i, #kl_wrapper_3 .kl_quick_check_mark_correct.kl_quick_ch= eck_correct i, #kl_wrapper_3 .kl_tab_mark_current.kl_current_tab:focus i, #= kl_wrapper_3 .kl_tab_mark_current.kl_current_tab:hover i, #kl_wrapper_3 .kl= _tab_mark_current.kl_current_tab i { color: rgb(0, 189, 3); text-shadow: rg= b(0, 0, 0) 1px 2px 1px; } div.kl_next_hidden { color: rgb(185, 8, 10); font-weight: 700; } #kl_wrapper_3 .kl_user_detail { margin: 0px; } #kl_wrapper_3 .kl_user_details p:first-of-type { font-weight: 700; } #kl_wrapper_3 { position: relative; } #kl_wrapper_3 .kl_image_full_width { width: 100%; height: auto; } .show-revisions { z-index: 1000; } pre.kl_code_highlight { background: rgb(255, 255, 255); border-width: 2px; = } .kl_book_trigger { position: absolute; top: 0px; right: 0px; z-index: 10; b= order-bottom-left-radius: 7px; } #kl_wrapper_3 div.kl_book_nav { position: absolute; right: 0px; top: 0px; z= -index: 100; box-shadow: rgba(0, 0, 0, 0.34) 0px 2px 2px; display: none; ma= rgin: 0px; width: 300px; border: 1px solid rgb(224, 224, 224); background: = rgb(255, 255, 255) !important; padding: 0px !important; } #kl_wrapper_3 div.kl_book_nav a.active { font-weight: 700; } #kl_wrapper_3 div.kl_book_nav h2 { margin: 0px; font-size: 16px; font-weigh= t: 700; line-height: 20px; padding: 5px 40px 5px 5px; border-bottom: 1px so= lid rgb(194, 194, 194); text-align: left; } #kl_wrapper_3 div.kl_book_nav h3:not(.ui-state-default) { display: block; b= order-right: none; border-left: none; border-image: initial; border-top: 1p= x solid rgb(221, 221, 221); border-bottom: 1px solid rgb(221, 221, 221); ba= ckground-color: rgb(255, 255, 255); border-radius: 0px; line-height: 20px; = height: auto; margin: -1px 0px 0px; letter-spacing: 0px; position: relative= ; padding: 1px 5px 1px 38px !important; font-size: 15px !important; text-al= ign: left !important; } #kl_wrapper_3 div.kl_book_nav h3 button.kl_book_toggle_chapter { position: = absolute; top: 0px; left: 0px; padding: 0px; border-radius: 0px; height: 10= 0%; border-top: none; border-bottom: none; width: 29px; color: rgb(0, 0, 0)= ; } #kl_wrapper_3 div.kl_book_nav h3 button.kl_book_toggle_chapter:active, #kl_= wrapper_3 div.kl_book_nav h3 button.kl_book_toggle_chapter:focus, #kl_wrapp= er_3 div.kl_book_nav h3.active button.kl_book_toggle_chapter:active i:first= -child, #kl_wrapper_3 div.kl_book_nav h3.active button.kl_book_toggle_chapt= er:focus i:first-child { background: rgb(0, 129, 189); color: rgb(255, 255,= 255) !important; } #kl_wrapper_3 div.kl_book_nav h3 button.kl_book_toggle_chapter i:first-chil= d { position: absolute; top: 0px; left: 0px; width: 28px; height: 30px; lin= e-height: 25px; margin: 0px; border: none; background: none; color: rgb(0, = 0, 0) !important; } #kl_wrapper_3 div.kl_book_nav h3 button.kl_book_toggle_chapter i::before { = font-size: 14px !important; line-height: 25px !important; } #kl_wrapper_3 div.kl_book_nav h3 a { display: block; } #kl_wrapper_3 div.kl_book_nav ul { margin: 3px 10px 3px 42px; } #kl_wrapper_3 div.kl_book_nav ul li a { display: block; font-size: 13px; } .kl_book_nav .kl_book_trigger i { line-height: 20px; font-size: 14px; width= : 10px; height: 20px; } .kl_book_nav .kl_book_trigger { padding: 4px 10px; border-top: 0px; height:= 31px; border-radius: 0px; } .kl_book_nav .active a { color: rgb(0, 0, 0); } .kl_book_nav .active i { color: rgb(212, 2, 2); } #kl_course_nav.ui-accordion .ui-accordion-header { padding: 3px 3px 3px 30p= x; margin: 0px; border-radius: 0px; } #kl_course_navigation { width: 300px; position: absolute; top: 0px; right: = 0px; z-index: 1000; } #kl_course_navigation p { margin: 0px; } #kl_course_nav a { display: block; } #kl_course_nav a:focus, #kl_course_nav a:hover { background: rgb(242, 242, = 242); text-decoration: none; } #kl_course_nav a.kl_current_item { font-weight: 700; text-decoration: none;= color: rgb(0, 0, 0); background: rgb(241, 241, 241); border: 1px solid rgb= (204, 204, 204); } #kl_course_nav ul { margin-top: 5px; margin-bottom: 5px; } #kl_course_nav li { padding: 1px 5px; } #kl_course_nav ul.fa-ul { margin-left: 20px; } #kl_course_nav div.ui-accordion-content.ui-accordion-content-active { paddi= ng: 0px 0px 0px 10px; border-radius: 0px; } #kl_course_nav p { font-size: 18px; font-weight: 200; line-height: 22px; } #kl_course_nav h2 { font-size: 16px; } .kl_nav_current_mod { position: absolute; right: 6px; } #kl_syllabus_nav h2 { font-size: 0.875rem; overflow: hidden; line-height: 1= .2em; border-bottom: 1px solid rgb(199, 205, 209); padding-bottom: 4px; mar= gin: 0px 0px 6px; font-weight: 700; } #kl_syllabus_nav { width: 240px; position: fixed; top: 20px; z-index: 100; = } #kl_syllabus_nav h2 { margin: 0px; padding: 0px; border-bottom: none; } #kl_syllabus_nav_wrapper { background: rgb(255, 255, 255); border: 1px soli= d rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-r= adius: 3px; padding: 10px 0px; display: none; margin-top: -5px; } .kl_syllabus_trigger { text-align: left; padding: 2px 8px 2px 15px !importa= nt; } .kl_syllabus_trigger i { width: 10px; } #kl_syllabus_nav_wrapper .fa-li { left: -6px; } ul#kl_syllabus_nav_list { padding: 0px; margin-left: 0px; } #kl_syllabus_nav_list > li { border-bottom: 1px solid rgb(221, 221, 221); p= adding: 0px 5px 0px 25px; } #kl_syllabus_nav_list .kl_sub_nav_list li { border-left: 1px solid rgb(221,= 221, 221); border-bottom: 1px solid rgb(221, 221, 221); padding: 0px 5px; = } #kl_syllabus_nav_list li.kl_syllabus_bg, #kl_syllabus_nav_list li.kl_syllab= us_bg_h4 { background: rgb(245, 245, 245); } .mce-content-body .kl_locked { position: relative; outline: rgb(180, 95, 6)= double 4px !important; } .mce-content-body .kl_locked::before { content: "Locked Content (border in = editor only)"; background: rgb(180, 95, 6); margin-bottom: 5px; color: rgb(= 255, 255, 255); padding: 4px 5px; font-size: 12px; position: absolute; top:= 0px; left: 0px; z-index: 100; } .mce-content-body .kl_locked.kl_policy::before { content: "Policy Content L= ocked (border in editor only)"; } body:not(.mce-content-body) .kl_decision_content { display: none; } body:not(.mce-content-body) .kl_iframe_fill_width iframe { width: 100% !imp= ortant; } body.mce-content-body .kl_iframe_fill_width iframe, body.mce-content-body .= kl_iframe_responsive_scale iframe { max-width: 100%; } .mce-content-body .kl_iframe_wrapper .mce-object-iframe { display: inline-b= lock; } .kl_progress { position: relative; height: 2.1rem; line-height: 1rem; overf= low: hidden; margin-bottom: 20px; background-color: rgb(245, 245, 245); bor= der-radius: 4px; background-size: 50px 50px; } .kl_progress, .kl_progress .bs-badge { font-size: 1rem; border: 1px solid r= gb(207, 207, 207); } .kl_progress-bar { float: left; width: 0px; height: 100%; font-size: 1rem; = line-height: 25px; color: rgb(255, 255, 255); text-align: center; backgroun= d-color: rgb(66, 139, 202); transition: width 0.6s ease 0s; box-shadow: rgb= a(255, 255, 255, 0.2) 1px 1px 2px 0px inset, rgba(0, 0, 0, 0.2) -1px -1px 2= px 0px inset; } .kl_progress > .kl_progress-type { position: absolute; left: 0px; font-weig= ht: 800; padding: 3px 30px 2px 10px; } .kl_progress > .kl_progress-completed { position: absolute; right: 0px; fon= t-weight: 800; padding: 3px 10px 2px; } .kl_progress_icons ul { list-style-type: none; margin: 0px; padding: 0px; d= isplay: flex; flex-wrap: wrap; } .kl_progress_icons li { flex-grow: 1; z-index: 100; position: relative; hei= ght: 2.5rem; min-width: 2.5rem; } .kl_progress_icons li a { background: rgb(245, 245, 245); border: 1px solid= rgb(221, 221, 221); color: rgb(97, 97, 97); text-align: center; display: i= nline-block; width: 2.1rem; height: 2.1rem; border-radius: 1.5rem; line-hei= ght: 2.2rem; font-size: 1.8rem; font-weight: 700; position: absolute; right= : 3px; text-decoration: none !important; } .kl_progress_icons li a i::before { line-height: 1.5rem; font-size: 1rem; f= ont-weight: 700; } .kl_progress_icons li.kl_complete a { background-color: rgb(66, 139, 202); = color: rgb(255, 255, 255); } .kl_progress_icons li.kl_current a { background-color: rgb(255, 255, 255); = color: rgb(97, 97, 97); box-shadow: rgba(0, 0, 0, 0.47) 0px 1px 3px; z-inde= x: 1000; } .kl_progress_icons li .kl_colored_bar { background: 0% 0% / 35px 35px rgb(= 245, 245, 245); height: 25px; position: absolute; top: 0.3rem; left: 0px; r= ight: 0px; border-top: 1px solid rgb(221, 221, 221); border-bottom: 1px sol= id rgb(221, 221, 221); border-image: initial; border-left: none; border-rig= ht: none; } .kl_progress_icons li:last-child .kl_colored_bar { border-right: 1px solid = rgb(221, 221, 221); border-top-right-radius: 5px; border-bottom-right-radiu= s: 5px; } .kl_progress_icons li:first-child .kl_colored_bar { border-top-left-radius:= 5px; border-bottom-left-radius: 5px; } .kl_progress_icons li.kl_complete .kl_colored_bar, .kl_progress_icons li.kl= _current .kl_colored_bar { background-color: rgb(66, 139, 202); background-= image: none; } .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_module_progress { = background: rgb(242, 243, 244); border-top: 1px dotted rgb(170, 170, 170); = border-bottom: 1px dotted rgb(170, 170, 170); padding: 100px 10px; text-ali= gn: center; display: block !important; } .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_module_progress_ba= r, .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_module_progress= _completion, .mce-content-body.kl_has_style:not(.kl_mce_view_app) .kl_modul= e_progress_icons { background-color: rgb(66, 139, 202); color: rgb(255, 255= , 255); border-radius: 4px; box-shadow: rgba(255, 255, 255, 0.2) 1px 1px 2p= x 0px inset, rgba(0, 0, 0, 0.2) -1px -1px 2px 0px inset; padding: 5px; disp= lay: block !important; } .kl_mce_visual_blocks .dp_module_tabs_nav::before, .kl_mce_visual_blocks .k= l_module_progress::after, .kl_mce_visual_blocks .kl_module_progress_bar::af= ter, .kl_mce_visual_blocks .kl_module_progress_completion::after, .kl_mce_v= isual_blocks .kl_module_progress_icons::after { background: rgb(85, 85, 85)= ; padding: 0px 5px; margin-left: 3px; color: rgb(255, 255, 255); font-size:= 11px; border-radius: 5px; } .kl_mce_visual_blocks .kl_module_progress_icons::after { content: "Module P= rogress - Icon Navigation"; } .kl_mce_visual_blocks .kl_module_progress_bar::after { content: "Module Pro= gress - Basic bar"; } .kl_mce_visual_blocks .kl_module_progress_completion::after { content: "Mod= ule Progress - Item Completion"; } .kl_mce_visual_blocks .kl_module_progress::after { content: "Module Progres= s - Item Details"; } .kl_mce_visual_blocks .dp_module_tabs_nav::before { content: "Module Naviga= tion - Tab Links"; } .kl_module_details li.kl_current .ig-row { background: rgb(237, 237, 237); = } .kl_progress_complete { margin-right: 5px; } .kl_progress_completion .bs-page-item:not(.bs-active) .kl_progress_complete= :not(.kl_complete) { color: rgb(199, 205, 209); } .kl_module_progress_completion { text-align: center; } #kl_theme_dropdown { background: rgb(234, 234, 234); color: rgb(255, 255, 2= 55); padding: 3px; margin: 0px 0px 10px; overflow: hidden; border: 1px soli= d rgb(204, 201, 201); } #kl_theme_dropdown ul { list-style: none; margin: 0px; } #kl_theme_dropdown ul li { float: left; } #kl_theme_dropdown a { height: 62px; display: inline-block; margin: 2px; } #kl_theme_dropdown a.removeCookies { height: 41px; width: 41px; background:= rgb(255, 255, 255); border: 1px solid; border-radius: 3px; text-align: cen= ter; line-height: 15px; padding: 10px; } #kl_theme_dropdown a.removeCookies i { font-size: 18px; color: rgb(213, 38,= 38); } #kl_theme_dropdown img { height: 60px; width: auto; border: 1px solid rgb(1= 94, 194, 194); border-radius: 3px; } #kl_learning_path, #kl_wrapper #kl_student_path_selection, #kl_wrapper .kl_= lp_path, #kl_wrapper_3 #kl_student_path_selection, #kl_wrapper_3 .kl_lp_pat= h { display: none; } .mceContentBody #kl_wrapper_3 a.kl_lp_track::after, .mceContentBody #kl_wra= pper a.kl_lp_track::after { color: rgb(186, 0, 0); content: "=EF=86=8D"; di= splay: inline-block; font-family: InstructureIcons-Solid; font-size: 16px; = line-height: 1; margin-left: 3px; position: relative; text-rendering: optim= izelegibility; top: -1px; vertical-align: middle; font-style: normal !impor= tant; font-weight: 400 !important; text-transform: none !important; } #kl_wrapper #kl_student_path_selection, #kl_wrapper_3 #kl_student_path_sele= ction, .kl_mce_visual_blocks #kl_wrapper .kl_lp_path, .kl_mce_visual_blocks= #kl_wrapper_3 .kl_lp_path { position: relative; display: block; } .kl_mce_visual_blocks #kl_learning_path { display: block; } .kl_mce_visual_blocks .kl_lp_path::after { border-bottom-left-radius: 5px; = color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; position: abs= olute; right: 0px; text-align: center; top: 0px; width: 80px; z-index: 1000= ; } .kl_mce_visual_blocks .kl_lp_path_A::after { content: "Path A"; background:= rgb(166, 77, 121); } .kl_mce_visual_blocks .kl_lp_path_B::after { content: "Path B"; background:= rgb(103, 78, 167); } .kl_mce_visual_blocks .kl_lp_path_C::after { content: "Path C"; background:= rgb(61, 133, 198); } .kl_mce_visual_blocks .kl_lp_path_D::after { content: "Path D"; background:= rgb(19, 79, 92); } .kl_mce_visual_blocks .kl_lp_path_E::after { content: "Path E"; background:= rgb(106, 168, 79); } .kl_mce_visual_blocks .kl_lp_path_F::after { content: "Path F"; background:= rgb(241, 194, 50); } .kl_mce_visual_blocks .kl_lp_path_G::after { content: "Path G"; background:= rgb(180, 95, 6); } .kl_mce_visual_blocks .kl_lp_path_H::after { content: "Path H"; background:= rgb(204, 0, 0); } #kl_wrapper_3 > div .kl_message_block, .kl_message_block { border: 2px soli= d; margin: 20px auto; background: rgb(255, 255, 255); padding: 10px; overfl= ow: hidden; } #kl_wrapper_3 > div .kl_message_block p:not(.kl_message_heading), .kl_messa= ge_block p:not(.kl_message_heading) { margin: 10px; } #kl_wrapper_3 > div .kl_message_block .kl_message_heading a, .kl_message_bl= ock .kl_message_heading a { color: rgb(255, 255, 255); } #kl_wrapper_3 > div .kl_message_block.kl_message_block_info, .kl_message_bl= ock.kl_message_block_info { border-color: rgb(55, 120, 179); } #kl_wrapper_3 > div .kl_message_block.kl_message_block_warning, .kl_message= _block.kl_message_block_warning { border-color: rgb(180, 95, 6); } #kl_wrapper_3 > div .kl_message_block.kl_message_block_success, .kl_message= _block.kl_message_block_success { border-color: rgb(0, 133, 19); } #kl_wrapper_3 > div .kl_message_block.kl_message_block_tip, .kl_message_blo= ck.kl_message_block_tip { border-color: rgb(30, 87, 153); } #kl_wrapper_3 > div .kl_message_block.kl_message_block_danger, .kl_message_= block.kl_message_block_danger { border-color: rgb(153, 0, 0); } #kl_wrapper_3 > div .kl_message_block .kl_message_heading, .kl_message_bloc= k .kl_message_heading { padding: 5px; color: rgb(255, 255, 255); background= -color: rgb(95, 95, 95); text-align: center; margin: -12px -10px 10px; } #kl_wrapper_3 > div .kl_message_heading, #kl_wrapper_3 > div h3.kl_message_= heading, #kl_wrapper_3 > div h4.kl_message_heading, #kl_wrapper_3 > div h5.= kl_message_heading, #kl_wrapper_3 > div h6.kl_message_heading, .kl_message_= heading { padding: 5px; color: rgb(255, 255, 255); background-color: rgb(95= , 95, 95); text-align: center; } #kl_wrapper_3 > div .kl_message_heading.kl_message_heading_tip, #kl_wrapper= _3 > div h3.kl_message_heading.kl_message_heading_tip, #kl_wrapper_3 > div = h4.kl_message_heading.kl_message_heading_tip, #kl_wrapper_3 > div h5.kl_mes= sage_heading.kl_message_heading_tip, #kl_wrapper_3 > div h6.kl_message_head= ing.kl_message_heading_tip, .kl_message_heading.kl_message_heading_tip { ba= ckground: rgb(30, 87, 153); border-radius: 0px; display: block; border-widt= h: 0px; } #kl_wrapper_3 > div .kl_message_heading.kl_message_heading_info, #kl_wrappe= r_3 > div h3.kl_message_heading.kl_message_heading_info, #kl_wrapper_3 > di= v h4.kl_message_heading.kl_message_heading_info, #kl_wrapper_3 > div h5.kl_= message_heading.kl_message_heading_info, #kl_wrapper_3 > div h6.kl_message_= heading.kl_message_heading_info, .kl_message_heading.kl_message_heading_inf= o { background: rgb(55, 120, 179); border-radius: 0px; display: block; bord= er-width: 0px; } #kl_wrapper_3 > div .kl_message_heading.kl_message_heading_warning, #kl_wra= pper_3 > div h3.kl_message_heading.kl_message_heading_warning, #kl_wrapper_= 3 > div h4.kl_message_heading.kl_message_heading_warning, #kl_wrapper_3 > d= iv h5.kl_message_heading.kl_message_heading_warning, #kl_wrapper_3 > div h6= .kl_message_heading.kl_message_heading_warning, .kl_message_heading.kl_mess= age_heading_warning { background: rgb(180, 95, 6); border-radius: 0px; disp= lay: block; border-width: 0px; } #kl_wrapper_3 > div .kl_message_heading.kl_message_heading_success, #kl_wra= pper_3 > div h3.kl_message_heading.kl_message_heading_success, #kl_wrapper_= 3 > div h4.kl_message_heading.kl_message_heading_success, #kl_wrapper_3 > d= iv h5.kl_message_heading.kl_message_heading_success, #kl_wrapper_3 > div h6= .kl_message_heading.kl_message_heading_success, .kl_message_heading.kl_mess= age_heading_success { background: rgb(0, 133, 19); border-radius: 0px; disp= lay: block; border-width: 0px; } #kl_wrapper_3 > div .kl_message_heading.kl_message_heading_danger, #kl_wrap= per_3 > div h3.kl_message_heading.kl_message_heading_danger, #kl_wrapper_3 = > div h4.kl_message_heading.kl_message_heading_danger, #kl_wrapper_3 > div = h5.kl_message_heading.kl_message_heading_danger, #kl_wrapper_3 > div h6.kl_= message_heading.kl_message_heading_danger, .kl_message_heading.kl_message_h= eading_danger { background: rgb(153, 0, 0); border-radius: 0px; display: bl= ock; border-width: 0px; } #kl_wrapper_3:not(.kl_wrapper) .alert, .kl_block_alert_buttons .alert { pad= ding: 12px 36px 12px 12px; background-color: rgb(251, 237, 231); border-rad= ius: 6px; color: rgb(189, 64, 4); } #kl_wrapper_3:not(.kl_wrapper) .alert-success, .kl_block_alert_buttons .ale= rt-success { background-color: rgb(232, 246, 233); color: rgb(0, 124, 17); = } #kl_wrapper_3:not(.kl_wrapper) .alert-danger, #kl_wrapper_3:not(.kl_wrapper= ) .alert-error, .kl_block_alert_buttons .alert-danger, .kl_block_alert_butt= ons .alert-error { background-color: rgb(252, 232, 231); color: rgb(215, 6,= 16); } #kl_wrapper_3:not(.kl_wrapper) .alert-info, .kl_block_alert_buttons .alert-= info { background-color: rgb(229, 242, 248); color: rgb(0, 114, 180); } #kl_wrapper_3 .muted, .kl_wrapper .muted { color: rgb(108, 138, 159); } #kl_wrapper_3 .bold, .kl_wrapper .bold { font-weight: 700; } #kl_wrapper .muted, .kl_wrapper .muted { color: rgb(108, 138, 159); } #kl_wrapper_3 .text-warning, .kl_wrapper .text-warning { color: rgb(205, 77= , 15); } #kl_wrapper_3 .text-error, .kl_wrapper .text-error { color: rgb(215, 6, 16)= ; } #kl_wrapper_3 .text-info, .kl_wrapper .text-info { color: rgb(47, 118, 191)= ; } #kl_wrapper_3 .text-success, .kl_wrapper .text-success { color: rgb(0, 133,= 19); } #kl_wrapper_3 .kl_highlight_yellow, .kl_wrapper .kl_highlight_yellow { back= ground: rgb(255, 255, 0); font-style: normal; padding: 2px; color: rgb(0, 0= , 0); } #kl_wrapper_3 .kl_highlight_orange, .kl_wrapper .kl_highlight_orange { back= ground: rgb(255, 188, 66); font-style: normal; padding: 2px; color: rgb(0, = 0, 0); } #kl_wrapper_3 .kl_highlight_red, .kl_wrapper .kl_highlight_red { background= : rgb(255, 172, 172); font-style: normal; padding: 2px; color: rgb(0, 0, 0)= ; } #kl_wrapper_3 .kl_highlight_blue, .kl_wrapper .kl_highlight_blue { backgrou= nd: rgb(171, 233, 255); font-style: normal; padding: 2px; color: rgb(0, 0, = 0); } #kl_wrapper_3 .kl_highlight_green, .kl_wrapper .kl_highlight_green { backgr= ound: rgb(146, 227, 112); font-style: normal; padding: 2px; color: rgb(0, 0= , 0); } .kl_wrapper ol.kl_basic_navlist, .kl_wrapper ul.kl_basic_navlist { list-sty= le-type: none; margin: 0px; overflow: hidden; padding: 0px; } .kl_wrapper ol.kl_basic_navlist li, .kl_wrapper ul.kl_basic_navlist li { fl= oat: left; } .kl_wrapper ol.kl_basic_navlist li::after, .kl_wrapper ul.kl_basic_navlist = li::after { content: "|"; } .kl_wrapper ol.kl_basic_navlist li:last-child::after, .kl_wrapper ul.kl_bas= ic_navlist li:last-child::after { content: ""; } .kl_wrapper ol.kl_basic_navlist li a, .kl_wrapper ul.kl_basic_navlist li a = { padding: 10px; display: inline-block; } .kl_wrapper ul.kl_basic_navlist li.kl_current { padding: 10px; font-weight:= 700; } .kl_wrapper ul.kl_basic_navlist li.kl_current::after { margin-left: 10px; } .kl_wrapper ol.kl_basic_navlist li a:focus, .kl_wrapper ol.kl_basic_navlist= li a:hover, .kl_wrapper ul.kl_basic_navlist li a:focus, .kl_wrapper ul.kl_= basic_navlist li a:hover { text-decoration: none !important; } .kl_wrapper .ic-Table tfoot, .kl_wrapper .table tfoot { border-top: 2px sol= id rgb(199, 205, 209); } #kl_wrapper_3 .kl_icon_nav a { text-decoration: none; font-weight: 400; } ul.kl_icon_nav { max-width: 1240px; margin: 0px; padding: 0px; list-style: = none; font-size: 1.5em; font-weight: 300; } .kl_icon_nav li { margin-bottom: 0.25em; max-height: 200px; vertical-align:= top; } .kl_icon_nav li span { display: block; } .kl_icon_nav li a { display: block; color: rgba(250, 250, 250, 0.9); text-d= ecoration: none; transition: color 0.5s ease 0s, background 0.5s ease 0s, h= eight 0.5s ease 0s; } .kl_icon_nav li a i { display: inline-block; width: 2.5em; margin: 0px 0.75= em; height: 2.5em; line-height: 2.3em; text-align: center; padding: 0px; bo= rder: 0.2em solid transparent; border-radius: 50%; box-shadow: transparent = 0px 0px 0px 0.8em; background: rgba(255, 255, 255, 0.1); transform: transla= teZ(0px); transition: box-shadow 0.6s ease-in-out 0s; } .kl_icon_nav a, .kl_icon_nav button { -webkit-tap-highlight-color: rgba(0, = 0, 0, 0); } .no-touch ul.kl_icon_nav:focus a, .no-touch ul.kl_icon_nav:hover a { color:= rgba(250, 250, 250, 0.5); } .no-touch ul.kl_icon_nav:focus a:focus, .no-touch ul.kl_icon_nav:hover a:ho= ver { color: rgba(250, 250, 250, 0.99); } .kl_icon_nav li:nth-child(6n+1) { background: rgb(188, 91, 3); } .kl_icon_nav li:nth-child(6n+2) { background: rgb(163, 103, 19); } .kl_icon_nav li:nth-child(6n+3) { background: rgb(29, 124, 160); } .kl_icon_nav li:nth-child(6n+4) { background: rgb(22, 107, 162); } .kl_icon_nav li:nth-child(6n+5) { background: rgb(27, 54, 71); } .kl_icon_nav li:nth-child(6n+6) { background: rgb(21, 40, 54); } @media (min-width: 1100px) { .kl_icon_nav li { display: inline-block; width: calc(33.3% - 5px); text-a= lign: center; transition: border 0.5s ease 0s; margin: 0px 0px 5px; padding= : 0.5em; } .kl_icon_nav li a { display: block; width: auto; height: 8em; } .kl_icon_nav li a i { display: block; position: relative; margin: 0px aut= o 0.5em; line-height: 1.5em; padding: 0.4em; border-radius: 50%; box-shadow= : transparent 0px 0px 0px 0.8em; background: rgba(255, 255, 255, 0.1); tran= sform: translateZ(0px); transition: box-shadow 0.8s ease-in-out 0s; } .kl_icon_nav li a i::before { font-size: 30px; vertical-align: initial; } .no-touch .kl_icon_nav a:active i, .no-touch .kl_icon_nav a:focus i, .no-= touch .kl_icon_nav a:hover i { box-shadow: rgba(255, 255, 255, 0.2) 0px 0px= 0px 0px; transition: box-shadow 0.7s ease-in-out 0s; } ul.kl_icon_nav { text-align: center; } } @media (min-width: 1250px) { .kl_icon_nav li { width: calc(16.6% - 5px); } } @media (max-width: 1099px) and (min-width: 920px) { .kl_icon_nav { display: flex; flex-wrap: wrap; } .kl_icon_nav li { width: calc(50% - 3px); text-align: left; margin-bottom= : 6px; } .kl_icon_nav li:nth-child(2n+1) { margin-right: 6px; } .kl_icon_nav li a { padding: 0.5em 0.5em 0.5em 3.5em; } .kl_icon_nav li a i { margin: 0px 0.2em 0px -3em; } .no-touch .kl_icon_nav li a:active i, .no-touch .kl_icon_nav li a:focus i= , .no-touch .kl_icon_nav li a:hover i { box-shadow: rgba(255, 255, 255, 0.2= ) 0px 0px 0px 0px; transition: box-shadow 0.4s ease-in-out 0s; } } @media screen and (max-width: 920px) { .kl_icon_nav li { margin: 0px 0px 2px; } .kl_icon_nav li a { padding: 5px; text-align: left; } .touch .kl_icon_nav li a { padding: 0.8em; } .kl_icon_nav li a i { width: 2em; height: 2em; line-height: 1.6em; margin= : 0px 0.5em; } .kl_icon_nav li a i::before { font-size: 1em; } } .kl_flex_column { position: relative; } @media screen and (min-width: 550px) { .mce-content-body .kl_flex_columns_wrapper { display: flex; flex-directio= n: row; justify-content: space-between; } .mce-content-body .kl_flex_column { flex-grow: 1; flex-basis: 50%; margin= -right: 20px; } .mce-content-body .kl_flex_column:last-child { margin-right: 0px; } } @media screen and (min-width: 870px) { } @media screen and (min-width: 1050px) { body.course-menu-expanded:not(.with-right-side) .kl_flex_columns_wrapper = { display: flex; flex-direction: row; justify-content: space-between; } body.course-menu-expanded:not(.with-right-side) .kl_flex_column { flex-gr= ow: 1; flex-basis: 50%; margin-right: 20px; } body.course-menu-expanded:not(.with-right-side) .kl_flex_column:last-chil= d { margin-right: 0px; } } @media screen and (max-width: 991px) and (min-width: 860px) { body.with-right-side:not(.course-menu-expanded) .kl_flex_columns_wrapper = { display: flex; flex-direction: row; justify-content: space-between; } body.with-right-side:not(.course-menu-expanded) .kl_flex_column { flex-gr= ow: 1; flex-basis: 50%; margin-right: 20px; } body.with-right-side:not(.course-menu-expanded) .kl_flex_column:last-chil= d { margin-right: 0px; } } @media screen and (min-width: 1145px) { body.with-right-side:not(.course-menu-expanded) .kl_flex_columns_wrapper = { display: flex; flex-direction: row; justify-content: space-between; } body.with-right-side:not(.course-menu-expanded) .kl_flex_column { flex-gr= ow: 1; flex-basis: 50%; margin-right: 20px; } body.with-right-side:not(.course-menu-expanded) .kl_flex_column:last-chil= d { margin-right: 0px; } } @media screen and (max-width: 1139px) and (min-width: 1035px) { body.with-right-side.course-menu-expanded .kl_flex_columns_wrapper { disp= lay: flex; flex-direction: row; justify-content: space-between; } body.with-right-side.course-menu-expanded .kl_flex_column { flex-grow: 1;= flex-basis: 50%; margin-right: 20px; } body.with-right-side.course-menu-expanded .kl_flex_column:last-child { ma= rgin-right: 0px; } } @media screen and (min-width: 1340px) { body.with-right-side.course-menu-expanded .kl_flex_columns_wrapper { disp= lay: flex; flex-direction: row; justify-content: space-between; } body.with-right-side.course-menu-expanded .kl_flex_column { flex-grow: 1;= flex-basis: 50%; margin-right: 20px; } body.with-right-side.course-menu-expanded .kl_flex_column:last-child { ma= rgin-right: 0px; } } #kl_wrapper_3.kl_apple.kl_show_title #kl_banner { position: relative; margi= n: 5px 0px; } #kl_wrapper_3.kl_apple p { margin: 5px 0px; font-size: 16px; } #kl_wrapper_3.kl_apple > div { margin: 30px 0px; overflow-x: auto; } #kl_wrapper_3.kl_apple > div > i::before { font-size: 25px; line-height: 40= px; } #kl_wrapper_3.kl_apple > div > i { background-color: rgb(78, 97, 115); bord= er-radius: 5px; color: rgb(255, 255, 255); display: block; float: left; fon= t-size: 25px; height: 40px; line-height: 36px; margin: 0px 10px 10px 0px; t= ext-align: center; width: 40px; } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) i::before { font-size: 20p= x; line-height: 36px; } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) i { float: left; margin: 0= px 5px 0px 0px; width: 30px; font-size: 25px; color: rgb(255, 255, 255); li= ne-height: 36px; } #kl_wrapper_3.kl_apple #kl_banner { position: relative; margin: 5px 0px; } #kl_wrapper_3.kl_apple #kl_banner h2 { line-height: 35px; border-radius: 5p= x; background: rgb(15, 36, 57); color: rgb(255, 255, 255); padding: 5px 10p= x 5px 2px; margin: 0px 0px 5px; } #kl_wrapper_3.kl_apple #kl_banner #kl_banner_left { float: left; height: 35= px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background= -image: url("https://designtools.ciditools.com/css/images/white_apple.png")= ; background-repeat: no-repeat; background-position: 50% center; background= -size: contain; width: 51px; text-align: center; } #kl_wrapper_3.kl_apple #kl_banner #kl_banner_left .kl_mod_text { display: n= one; } #kl_wrapper_3.kl_apple #kl_banner #kl_banner_left .kl_mod_num { display: bl= ock; height: 24px; color: rgb(15, 36, 57); font-size: 16px; font-weight: 70= 0; padding: 8px 12px; width: 50px; text-align: center; position: relative; = line-height: 20px; border-top-left-radius: 5px; border-bottom-left-radius: = 5px; } #kl_wrapper_3.kl_apple #kl_banner #kl_banner_right { padding: 0px 10px; bor= der-top-right-radius: 5px; } #kl_wrapper_3.kl_apple #kl_banner .kl_subtitle { font-size: 20px; text-alig= n: center; color: rgb(87, 87, 87); border: 1px solid rgb(87, 87, 87); paddi= ng: 10px; border-radius: 5px; background-color: rgb(242, 242, 242); margin:= 5px 0px; } #kl_wrapper_3.kl_apple #kl_banner #kl_description { border: 1px solid rgb(1= 5, 36, 57); padding: 10px; border-radius: 5px; font-size: 16px; } #kl_wrapper_3.kl_apple #kl_banner_image { margin: 5px 0px; } #kl_wrapper_3.kl_apple #kl_banner_image img { border-radius: 5px; } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) { margin: 0px 0px 20px; bo= rder: 1px solid rgb(189, 189, 189); padding: 0px 10px; border-radius: 5px; = background: rgb(78, 97, 115); color: rgb(255, 255, 255); line-height: 36px;= } #kl_wrapper_3.kl_apple h4:not(.ui-state-default), #kl_wrapper_3.kl_apple h5= { border: 1px solid rgb(78, 97, 115); border-radius: 5px; padding: 0px 10p= x; clear: both; } #kl_wrapper_3.kl_apple #kl_navigation { width: 100%; margin: 5px 0px; } #kl_wrapper_3.kl_apple #kl_navigation > ul { display: table; table-layout: = fixed; width: 100%; background-color: rgb(15, 36, 57); color: rgb(255, 255,= 255); overflow: hidden; margin: 5px 0px; border-radius: 5px; padding: 0px;= } #kl_wrapper_3.kl_apple #kl_navigation li { font-weight: 400; list-style-typ= e: none; padding: 12px 10px; white-space: nowrap; overflow: hidden; text-ov= erflow: ellipsis; display: block; } #kl_wrapper_3.kl_apple #kl_navigation li i { margin-right: 10px; } #kl_wrapper_3.kl_apple #kl_navigation li a, #kl_wrapper_3.kl_apple #kl_navi= gation li a:focus, #kl_wrapper_3.kl_apple #kl_navigation li a:hover, #kl_wr= apper_3.kl_apple #kl_navigation li a:visited { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_apple #kl_modules { border: 1px solid rgb(87, 87, 87); bor= der-radius: 5px; margin: 5px 0px; } #kl_wrapper_3.kl_apple #kl_modules div.kl_module_content h3 { margin: 0px 1= % 10px; } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_apple #kl_navigation > u= l { padding-bottom: 0px; display: inline-block; float: left; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_apple #kl_navigation li = { border-radius: 5px; display: inline-block; width: 44%; float: left; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_apple #kl_navigation > ul { pa= dding-bottom: 0px; display: inline-block; float: left; } body.course-menu-expanded #kl_wrapper_3.kl_apple #kl_navigation li { padd= ing: 12px 22px 12px 10px; border-radius: 5px; display: inline-block; width:= 44%; float: left; } } @media screen and (min-width: 900px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_apple #kl_navigation > u= l { display: table; table-layout: fixed; overflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_apple #kl_navigation li = { display: table-cell; padding: 12px 22px 12px 10px; width: 44%; float: non= e; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_apple #kl_navigation > ul { di= splay: table; table-layout: fixed; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_apple #kl_navigation li { disp= lay: table-cell; padding: 12px 22px 12px 10px; width: 44%; float: none; } } #kl_wrapper_3.kl_basic_bar #kl_banner { position: relative; margin: 0px 0px= 10px; } #kl_wrapper_3.kl_basic_bar #kl_banner h2 { line-height: 35px; border-radius= : 5px; background: rgb(143, 2, 34); color: rgb(255, 255, 255); padding: 5px= 10px 5px 2px; margin: 0px; } #kl_wrapper_3.kl_basic_bar #kl_banner #kl_banner_left { height: 40px; borde= r-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 5px; = } #kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle { font-size: 20px; text-= align: center; color: rgb(143, 2, 34); border: 1px solid rgb(143, 2, 34); p= adding: 10px; border-radius: 5px; background-color: rgb(255, 255, 255); mar= gin: 5px 0px; } #kl_wrapper_3.kl_basic_bar #kl_banner #kl_description { font-size: 16px; bo= rder-top: 1px solid rgb(0, 0, 0); border-bottom: 1px solid rgb(0, 0, 0); bo= rder-image: initial; padding: 10px; background-color: rgb(255, 255, 255); m= argin: 10px 0px; border-left: none; border-right: none; } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) { text-transform: uppe= rcase; border-bottom: 1px solid rgb(199, 199, 199); margin: 15px 0px; } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) i { margin-right: 10px= ; } #kl_wrapper_3.kl_basic_bar > div > i { float: left; margin-right: 10px; fon= t-size: 20px; } #kl_wrapper_3.kl_basic_bar > div > i[class*=3D"icon-"]::before, #kl_wrapper= _3.kl_basic_bar > div > i[class^=3D"icon-"]::before { font-size: 20px; } #kl_wrapper_3.kl_basic_bar > div { overflow-x: hidden; } #kl_wrapper_3.kl_basic_bar #kl_navigation li i { margin-right: 10px; } #kl_wrapper_3.kl_basic_bar #kl_navigation { margin: 5px 0px; } #kl_wrapper_3.kl_basic_bar #kl_navigation > ul { overflow: hidden; margin: = 5px 0px; border-radius: 5px; width: 100%; padding: 0px; } #kl_wrapper_3.kl_basic_bar #kl_navigation li { font-size: 1.2em; font-weigh= t: 400; list-style-type: none; padding: 5px; white-space: nowrap; overflow:= hidden; text-overflow: ellipsis; width: 100%; } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_bar #kl_navigation= > ul { padding-bottom: 0px; display: inline; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_bar #kl_navigation= li { display: inline-block; width: 44%; float: left; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_basic_bar #kl_navigation > ul = { padding-bottom: 0px; display: inline; } body.course-menu-expanded #kl_wrapper_3.kl_basic_bar #kl_navigation li { = padding: 12px 22px 12px 10px; display: inline-block; width: 44%; float: lef= t; } } @media screen and (min-width: 900px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_bar #kl_navigation= > ul { display: table; table-layout: fixed; overflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_bar #kl_navigation= li { display: table-cell; font-size: 1.2em; padding: 12px 22px 12px 10px; = width: 100%; float: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_basic_bar #kl_navigation > ul = { display: table; table-layout: fixed; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_basic_bar #kl_navigation li { = display: table-cell; font-size: 1.2em; padding: 12px 22px 12px 10px; width:= 100%; float: none; } } #kl_wrapper_3.kl_basic_color.kl_show_title #kl_banner, #kl_wrapper_3.kl_bas= ic_color_panel_nav.kl_show_title #kl_banner { margin-top: 22px; } #kl_wrapper_3.kl_basic_color #kl_banner, #kl_wrapper_3.kl_basic_color_panel= _nav #kl_banner { background-color: rgb(15, 36, 57); color: rgb(255, 255, 2= 55); font-family: "PT Sans"; position: relative; } #wiki_page_show #kl_wrapper_3.kl_basic_color #kl_banner, #wiki_page_show #k= l_wrapper_3.kl_basic_color_panel_nav #kl_banner { margin: 0px 0px 3px; } #kl_wrapper_3.kl_basic_color #kl_banner h2, #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_banner h2 { line-height: 26px; font-size: 26px; margin: 0px; di= splay: table; } #kl_wrapper_3.kl_basic_color #kl_banner h2 small, #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_banner h2 small { line-height: 29px; margin-left: 5px; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left, #kl_wrapper_3.kl_b= asic_color_panel_nav #kl_banner #kl_banner_left { display: table-cell; bord= er-right: 3px solid rgb(255, 255, 255); font-size: 1.2em; padding: 10px; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left .kl_mod_num, #kl_wr= apper_3.kl_basic_color #kl_banner #kl_banner_left .kl_mod_text, #kl_wrapper= _3.kl_basic_color_panel_nav #kl_banner #kl_banner_left .kl_mod_num, #kl_wra= pper_3.kl_basic_color_panel_nav #kl_banner #kl_banner_left .kl_mod_text { w= idth: 100%; padding: 2px 0px 1px; display: block; font-size: 24px; line-hei= ght: 26px; text-align: center; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_right, #kl_wrapper_3.kl_= basic_color_panel_nav #kl_banner #kl_banner_right { display: table-cell; pa= dding: 10px; line-height: 26px; letter-spacing: 0.3px; font-size: 25px; ove= rflow: hidden; text-overflow: ellipsis; } #kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle, #kl_wrapper_3.kl_basi= c_color_panel_nav #kl_banner .kl_subtitle { font-size: 20px; display: block= ; line-height: 25px; background-color: rgb(255, 255, 255); color: rgb(15, 3= 6, 57); padding: 5px 20px; margin: 0px; border-right: 2px solid rgb(15, 36,= 57); border-bottom: 2px solid rgb(15, 36, 57); border-left: 2px solid rgb(= 15, 36, 57); border-image: initial; border-top: none; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_description, #kl_wrapper_3.kl_b= asic_color_panel_nav #kl_banner #kl_description { font-size: 16px; display:= block; border-top: 3px solid rgb(255, 255, 255); padding: 10px 20px; } #kl_wrapper_3.kl_basic_color #kl_banner_image, #kl_wrapper_3.kl_basic_color= _panel_nav #kl_banner_image { margin: 3px 0px; } #kl_wrapper_3.kl_basic_color > div, #kl_wrapper_3.kl_basic_color_panel_nav = > div { overflow: hidden; margin-top: 10px; } #kl_wrapper_3.kl_basic_color > div > i, #kl_wrapper_3.kl_basic_color_panel_= nav > div > i { float: left; margin: 0px 10px 10px 0px; } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default), #kl_wrapp= er_3.kl_basic_color h3:not(.ui-state-default) { margin: 5px 0px; } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) i, #kl_wra= pper_3.kl_basic_color h3:not(.ui-state-default) i { margin-right: 10px; } #kl_wrapper_3.kl_basic_color #kl_navigation { width: 100%; margin: 0px; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul { width: 100%; overflow: h= idden; margin: 0px; padding: 0px; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul li { font-weight: 400; lis= t-style-type: none; background-color: rgb(15, 36, 57); color: rgb(255, 255,= 255); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; disp= lay: block; width: 100%; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul li i { margin-right: 10px;= } #kl_wrapper_3.kl_basic_color #kl_navigation > ul li a { display: block; pad= ding: 5px 22px 5px 10px; border-bottom: 3px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_basic_color #kl_navigation > ul li a, #kl_wrapper_3.kl_bas= ic_color #kl_navigation > ul li a:focus, #kl_wrapper_3.kl_basic_color #kl_n= avigation > ul li a:hover, #kl_wrapper_3.kl_basic_color #kl_navigation > ul= li a:visited { color: rgb(255, 255, 255); display: block; } #kl_wrapper_3.kl_basic_color #kl_navigation > ul li:last-child { background= -image: none; } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul { display: inline; border: none; padding-bottom: 0px; overflow: hid= den; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li { display: block; padding: 0px; border: none; width: 50%; float:= left; background-image: url("https://designtools.ciditools.com/css/images/= divider.png"); background-repeat: no-repeat; background-position: 100% top;= } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li:nth-child(2n) { background-image: none; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li a { padding: 3px 10px; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l { border: none; padding-bottom: 0px; overflow: hidden; display: inline-bl= ock; float: left; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li { padding: 0px; border: none; width: 50%; display: inline-block; float= : left; background-image: url("https://designtools.ciditools.com/css/images= /divider.png"); background-repeat: no-repeat; background-position: 100% top= ; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li:last-child, body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl= _navigation > ul li:nth-child(2n) { background-image: none; } body #kl_wrapper_3.kl_basic_color #kl_navigation > ul li a { border-left:= none; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li a { padding: 3px 10px; } } @media screen and (min-width: 980px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul { border: none; padding-bottom: 0px; overflow: hidden; float: none;= } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li { display: block; padding: 0px; border: none; width: 25%; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #k= l_navigation > ul li:nth-child(2n) { background-image: url("https://designt= ools.ciditools.com/css/images/divider.png"); background-repeat: no-repeat; = background-position: 100% top; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li:last-child, body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_col= or #kl_navigation > ul li:last-child { background-image: none; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color #kl_navigati= on > ul li a { padding: 3px 10px; border-left: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l { display: table; table-layout: fixed; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li:nth-child(2n), body:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_= color #kl_navigation > ul li { background-image: url("https://designtools.c= iditools.com/css/images/divider.png"); background-repeat: no-repeat; backgr= ound-position: 100% top; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li:last-child { background-image: none; } body.course-menu-expanded #kl_wrapper_3.kl_basic_color #kl_navigation > u= l li { display: table-cell; padding: 0px; border: none; width: 100%; float:= none; } } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { margin: 0px; l= ist-style-type: none; padding: 0px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a i { margin-= right: 10px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding: = 3px 0px; display: block; } @media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { height: 213p= x; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 14px 15px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 159px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 529= px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 7px 15px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation { width: 100%; font= -family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; m= argin: 0px; min-width: 250px; overflow: hidden auto; position: absolute; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { background-c= olor: rgba(255, 255, 255, 0.9); height: 193px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation .kl_nav_list_1 { fl= oat: left; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation .kl_nav_list_2 { fl= oat: right; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li { display: = block; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 11px 15px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a:focus, #k= l_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a:hover { backg= round: rgb(255, 255, 255); text-decoration: none; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { display: block; padding: 5px 15px 6px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 160px; } #kl_wrapper_3.kl_basic_color_panel_nav { max-width: 100%; width: 636px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { max-width:= 100%; min-width: 456px; } } @media screen and (min-width: 950px) { #kl_wrapper_3.kl_basic_color_panel_nav { width: 809px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { height: 243p= x; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 18px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 189px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 629= px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 11px 15px; } } @media screen and (min-width: 1050px) { #kl_wrapper_3.kl_basic_color_panel_nav { width: 909px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { height: 273p= x; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 21px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 219px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 729= px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 15px; } } @media screen and (min-width: 1150px) { #kl_wrapper_3.kl_basic_color_panel_nav { width: 1009px; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { height: 303p= x; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 25px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 249px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 830= px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 18px; } } @media screen and (min-width: 992px) { body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 563px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 169px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 9px 15px; } } @media screen and (min-width: 1020px) { body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 591px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 178px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 10px 15px; } } @media screen and (min-width: 1060px) { body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 631px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 190px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 11px 15px; } } @media screen and (min-width: 1100px) { body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 671px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 202px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 13px 15px; } } @media screen and (min-width: 1140px) { body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 531px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 160px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 8px 15px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 711px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 215px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 14px 15px; } } @media screen and (min-width: 1180px) { body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 571px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 172px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 9px 15px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 751px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 225px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 16px; } } @media screen and (min-width: 1220px) { body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 611px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 185px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 11px 15px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 791px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 237px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 17px; } } @media screen and (min-width: 1250px) { #kl_wrapper_3.kl_basic_color_panel_nav { width: 100%; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul { height: 330p= x; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation > ul li a { padding= : 29px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 275px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 917= px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 22px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 641px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 193px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 12px 15px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 821px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 246px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 18px; } } @media screen and (min-width: 1280px) { body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 671px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 215px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 13px 15px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 851px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 255px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 19px; } } @media screen and (min-width: 1320px) { body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 711px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 215px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 14px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 891px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 268px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 21px; } } @media screen and (min-width: 1350px) { .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul li a { padding: 25px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 304px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav { width: 101= 5px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 741px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 225px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 16px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav { width: 921px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 276px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 22px; } } @media screen and (min-width: 1434px) { .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigati= on > ul { height: 330px; } .course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav, body.with-r= ight-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_panel_nav, body= .with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_color_pa= nel_nav { width: 100%; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul { height: 257px; } body.with-right-side.course-menu-expanded #kl_wrapper_3.kl_basic_color_pa= nel_nav #kl_navigation > ul li a { padding: 20px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul { height: 309px; } body.with-right-side:not(.course-menu-expanded) #kl_wrapper_3.kl_basic_co= lor_panel_nav #kl_navigation > ul li a { padding: 25px; } } #kl_wrapper_3.kl_bookmark > div { overflow: hidden; margin: 0px; } #kl_wrapper_3.kl_bookmark #kl_banner { font-family: "PT Sans"; margin: 0px = 0px 5px; position: relative; } #kl_wrapper_3.kl_bookmark #kl_banner h2 { position: relative; background-co= lor: rgb(15, 36, 57); color: rgb(255, 255, 255); margin: 0px 0px 5px; } #kl_wrapper_3.kl_bookmark.kl_show_title #kl_banner { margin-top: 22px; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left { border-right: 3px so= lid rgb(255, 255, 255); display: table-cell; vertical-align: top; min-width= : 50px; padding: 5px; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_text { padding= : 0px 10px; display: block; font-size: 16px; line-height: 19px; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_num { backgrou= nd: url("https://designtools.ciditools.com/css/images/bookmark.png") center= top / contain no-repeat; width: 100%; height: 35px; color: rgb(15, 36, 57)= ; margin: 3px auto 0px; font-size: 0.8em; font-weight: 700; padding-top: 3p= x; text-align: center; display: block; line-height: 1em; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_right { padding: 5px 10px; = display: table-cell; } #kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle { background: url("https:= //designtools.ciditools.com/css/images/ribbon_right.png") 100% center / con= tain no-repeat rgb(173, 42, 42); display: inline-block; font-size: 16px; li= ne-height: 34px; margin-bottom: 5px; color: rgb(255, 255, 255); padding: 0p= x 40px 0px 10px; } #kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) { background: url("http= s://designtools.ciditools.com/css/images/ribbon_right.png") 100% center / c= ontain no-repeat rgb(15, 36, 57); color: rgb(255, 255, 255); display: table= ; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-size: 20px; fo= nt-weight: 700; line-height: 34px; margin: 5px 0px 20px; padding: 0px 80px = 0px 10px; } #kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) i { margin-right: 10px;= } #kl_wrapper_3.kl_bookmark > div > i::before { font-size: 16px; line-height:= 34px; } #kl_wrapper_3.kl_bookmark > div > i { background: url("https://designtools.= ciditools.com/css/images/ribbon_right.png") 100% center / contain no-repeat= rgb(15, 36, 57); color: rgb(255, 255, 255); display: inline-block; float: = left; font-size: 16px; font-weight: 700; height: 34px; margin: 5px 10px 5px= 0px; padding: 0px 25px 0px 10px; line-height: 34px; width: inherit; } #kl_wrapper_3.kl_bookmark h4:not(.kl_panel_heading), #kl_wrapper_3.kl_bookm= ark h5:not(.kl_panel_heading) { clear: both; background: url("https://desig= ntools.ciditools.com/css/images/ribbon_right.png") 100% center / contain no= -repeat rgb(86, 86, 86); color: rgb(255, 255, 255); display: table; font-fa= mily: "PT Sans", Helvetica, Arial, sans-serif; font-weight: 700; margin: 5p= x 0px 10px; padding: 0px 65px 0px 10px; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_description { font-size: 16px; pad= ding: 10px; border: 1px solid rgb(15, 36, 57); } #kl_wrapper_3.kl_bookmark #kl_navigation { overflow: hidden; position: rela= tive; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul { width: 100%; margin: 0px 0p= x 0px 2px; list-style-type: none; padding: 0px; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul li i { width: 20px; text-alig= n: center; margin-right: 10px; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul li a { display: block; paddin= g: 3px 10px; background: rgb(255, 255, 255); color: rgb(15, 36, 57); white-= space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0= .2s ease-in-out 0s; margin: 2px 10px 4px 0px; border-radius: 5px; box-shado= w: rgba(0, 0, 0, 0.17) 0px 1px 3px; font-size: 1.2em; height: 36px; border:= 1px solid rgb(234, 234, 234); line-height: 30px; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul li a:focus, #kl_wrapper_3.kl_= bookmark #kl_navigation > ul li a:hover { margin-right: 5px; } #kl_wrapper_3.kl_bookmark #kl_modules .kl_module_current, #kl_wrapper_3.kl_= bookmark #kl_modules .ui-tabs-panel, #kl_wrapper_3.kl_bookmark .kl_quick_ch= eck { background: rgb(255, 255, 255); } @media screen and (min-width: 500px) { #kl_wrapper_3.kl_bookmark #kl_navigation { height: inherit; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul { width: 100%; position: st= atic; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul li { display: inline-block;= width: 50%; float: left; } #kl_wrapper_3.kl_bookmark #kl_navigation > ul li a:focus, #kl_wrapper_3.k= l_bookmark #kl_navigation > ul li a:hover { margin-right: 5px; } } @media screen and (min-width: 975px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul { display: table; table-layout: fixed; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul li { display: table-cell; width: 100%; float: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul {= display: table; table-layout: fixed; } body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul l= i { display: table-cell; width: 100%; float: none; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul li a { padding: 1px 10px; border-top-left-radius: 0px; border-bottom-l= eft-radius: 0px; margin: 0px 10px 2px 0px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = { overflow: visible; height: 1px; width: 300px; margin: 0px 2px -3px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul { margin: 0px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul li { display: block; width: 100%; float: none; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark #kl_navigation = > ul li a:focus, body:not(.course-menu-expanded) #kl_wrapper_3.kl_bookmark = #kl_navigation > ul li a:hover { margin-right: 5px; } } @media screen and (min-width: 1300px) { body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul l= i a { padding: 1px 10px; border-top-left-radius: 0px; border-bottom-left-ra= dius: 0px; margin: 0px 10px 2px 0px; } body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation { over= flow: visible; height: 1px; width: 300px; margin: 0px 2px -3px; } body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul {= margin: 0px; } body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul l= i { display: block; width: 100%; float: none; } body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigation > ul l= i a:focus, body.course-menu-expanded #kl_wrapper_3.kl_bookmark #kl_navigati= on > ul li a:hover { margin-right: 5px; } } #kl_wrapper_3.kl_box_left > div, #kl_wrapper_3.kl_box_left_1 > div, #kl_wra= pper_3.kl_box_left_2 > div, #kl_wrapper_3.kl_box_left_3 > div { overflow: a= uto hidden; } #kl_wrapper_3.kl_box_left_1 h2, #kl_wrapper_3.kl_box_left_2 h2, #kl_wrapper= _3.kl_box_left_3 h2, #kl_wrapper_3.kl_box_left h2 { border-bottom: 2px soli= d rgb(194, 194, 194); padding-bottom: 15px; margin: 0px 0px 5px; } #kl_wrapper_3.kl_box_left_1 h3:not(.ui-state-default), #kl_wrapper_3.kl_box= _left_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_box_left_3 h3:not(.ui-s= tate-default), #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) { border= -bottom: 1px solid rgb(194, 194, 194); border-top: 1px solid rgb(194, 194, = 194); padding: 5px 10px; margin: 35px 0px 20px; background-color: rgb(255, = 255, 255); } #kl_wrapper_3.kl_box_left_1 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_b= ox_left_2 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_box_left_3 h3:not(.= ui-state-default) i, #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) i = { display: inline-block; width: 35px; text-align: center; height: 35px; lin= e-height: 35px; margin-right: 10px; box-shadow: rgba(0, 0, 0, 0.09) 2px 2px= 1px; margin-left: -10px; } #kl_wrapper_3.kl_box_left_1 h3:not(.ui-state-default) i::before, #kl_wrappe= r_3.kl_box_left_2 h3:not(.ui-state-default) i::before, #kl_wrapper_3.kl_box= _left_3 h3:not(.ui-state-default) i::before, #kl_wrapper_3.kl_box_left h3:n= ot(.ui-state-default) i::before { line-height: 35px; font-size: 22px; } #kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3, #kl_wrapper= _3.kl_box_left_1 #kl_modules div.kl_module_content h3, #kl_wrapper_3.kl_box= _left_1 div.kl_quick_check h3, #kl_wrapper_3.kl_box_left_2 #kl_modules div.= kl_module_content h3, #kl_wrapper_3.kl_box_left_2 div.kl_quick_check h3, #k= l_wrapper_3.kl_box_left_3 #kl_modules div.kl_module_content h3, #kl_wrapper= _3.kl_box_left_3 div.kl_quick_check h3, #kl_wrapper_3.kl_box_left div.kl_qu= ick_check h3 { margin-top: 0px; } #kl_wrapper_3.kl_box_left #kl_banner, #kl_wrapper_3.kl_box_left_1 #kl_banne= r, #kl_wrapper_3.kl_box_left_2 #kl_banner, #kl_wrapper_3.kl_box_left_3 #kl_= banner { margin: 0px 0px 5px; } #kl_wrapper_3.kl_box_left #kl_banner_left, #kl_wrapper_3.kl_box_left_1 #kl_= banner_left, #kl_wrapper_3.kl_box_left_2 #kl_banner_left, #kl_wrapper_3.kl_= box_left_3 #kl_banner_left { font-weight: 400; font-size: 16px; line-height= : 20px; display: inline-block; margin: 0px 10px 0px 0px; box-shadow: rgba(0= , 0, 0, 0.09) 2px 2px 1px; } #kl_wrapper_3.kl_box_left #kl_banner_left .kl_mod_text, #kl_wrapper_3.kl_bo= x_left_1 #kl_banner_left .kl_mod_text, #kl_wrapper_3.kl_box_left_2 #kl_bann= er_left .kl_mod_text, #kl_wrapper_3.kl_box_left_3 #kl_banner_left .kl_mod_t= ext { padding: 10px 5px 10px 10px; display: inline-block; } #kl_wrapper_3.kl_box_left #kl_banner_left .kl_mod_num, #kl_wrapper_3.kl_box= _left_1 #kl_banner_left .kl_mod_num, #kl_wrapper_3.kl_box_left_2 #kl_banner= _left .kl_mod_num, #kl_wrapper_3.kl_box_left_3 #kl_banner_left .kl_mod_num = { padding: 10px 10px 10px 5px; display: inline-block; } #kl_wrapper_3.kl_box_left #kl_banner_right, #kl_wrapper_3.kl_box_left_1 #kl= _banner_right, #kl_wrapper_3.kl_box_left_2 #kl_banner_right, #kl_wrapper_3.= kl_box_left_3 #kl_banner_right { font-size: 25px; font-weight: 400; padding= : 0px 10px; } #kl_wrapper_3.kl_box_left #kl_banner .kl_subtitle, #kl_wrapper_3.kl_box_lef= t_1 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_box_left_2 #kl_banner .kl_sub= title, #kl_wrapper_3.kl_box_left_3 #kl_banner .kl_subtitle { font-size: 1.5= em; line-height: 1.5em; text-align: right; margin-top: -38px; } #kl_wrapper_3.kl_box_left #kl_banner #kl_description, #kl_wrapper_3.kl_box_= left_1 #kl_banner #kl_description, #kl_wrapper_3.kl_box_left_2 #kl_banner #= kl_description, #kl_wrapper_3.kl_box_left_3 #kl_banner #kl_description { pa= dding: 10px; background: rgb(255, 255, 255); border: 1px solid rgb(194, 194= , 194); } #kl_wrapper_3.kl_box_left #kl_navigation, #kl_wrapper_3.kl_box_left_1 #kl_n= avigation, #kl_wrapper_3.kl_box_left_2 #kl_navigation, #kl_wrapper_3.kl_box= _left_3 #kl_navigation { width: 100%; margin: 0px; display: table; table-la= yout: fixed; } #kl_wrapper_3.kl_box_left #kl_navigation > ul, #kl_wrapper_3.kl_box_left_1 = #kl_navigation > ul, #kl_wrapper_3.kl_box_left_2 #kl_navigation > ul, #kl_w= rapper_3.kl_box_left_3 #kl_navigation > ul { margin: 0px; display: table-ro= w; width: 100%; padding: 0px; } #kl_wrapper_3.kl_box_left #kl_navigation > ul li, #kl_wrapper_3.kl_box_left= _1 #kl_navigation > ul li, #kl_wrapper_3.kl_box_left_2 #kl_navigation > ul = li, #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li { font-weight: 400; = list-style-type: none; float: none; display: block; width: 100%; } #kl_wrapper_3.kl_box_left #kl_navigation > ul li i, #kl_wrapper_3.kl_box_le= ft_1 #kl_navigation > ul li i, #kl_wrapper_3.kl_box_left_2 #kl_navigation >= ul li i, #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li i { margin-rig= ht: 10px; } #kl_wrapper_3.kl_box_left #kl_navigation > ul li a, #kl_wrapper_3.kl_box_le= ft_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_box_left_2 #kl_navigation >= ul li a, #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li a { font-size:= 1.2em; display: block; padding: 12px 22px 12px 10px; white-space: nowrap; = overflow: hidden; text-overflow: ellipsis; margin: 2px; } #kl_wrapper_3.kl_box_left > div > i::before, #kl_wrapper_3.kl_box_left_1 > = div > i::before, #kl_wrapper_3.kl_box_left_2 > div > i::before, #kl_wrapper= _3.kl_box_left_3 > div > i::before { line-height: 30px; font-size: 16px; } #kl_wrapper_3.kl_box_left > div > i, #kl_wrapper_3.kl_box_left_1 > div > i,= #kl_wrapper_3.kl_box_left_2 > div > i, #kl_wrapper_3.kl_box_left_3 > div >= i { color: rgb(255, 255, 255); width: 30px; height: 30px; line-height: 30p= x; text-align: center; float: left; box-shadow: rgba(0, 0, 0, 0.09) 2px 2px= 1px; margin-right: 10px; margin-bottom: 3px; } #kl_wrapper_3.kl_box_left h2 { border-bottom: 2px solid rgb(211, 211, 211);= } #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) { border-bottom: 1px so= lid rgb(211, 211, 211); border-top: 1px solid rgb(211, 211, 211); } #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) i { background: rgb(47,= 79, 79); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3 { border: 1p= x solid rgb(211, 211, 211); } #kl_wrapper_3.kl_box_left #kl_banner #kl_description { background: rgb(255,= 255, 255); border: 1px solid rgb(211, 211, 211); } #kl_wrapper_3.kl_box_left > div > i { color: rgb(255, 255, 255); clear: lef= t; } #kl_wrapper_3.kl_box_left #kl_banner #kl_banner_left { background: rgb(47, = 79, 79); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_box_left > div > i { background: rgb(47, 79, 79); } #kl_wrapper_3.kl_box_left #kl_navigation > ul li a, #kl_wrapper_3.kl_box_le= ft #kl_navigation > ul li a:visited { background: rgb(255, 255, 255); color= : rgb(0, 0, 0); border: 1px solid rgb(176, 196, 222); } #kl_wrapper_3.kl_box_left #kl_navigation > ul li a:focus, #kl_wrapper_3.kl_= box_left #kl_navigation > ul li a:hover { background: rgb(176, 196, 222); c= olor: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_banner_left, #kl_wrapp= er_3.kl_box_left.variation_2 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_= box_left.variation_2 > div > i { background: rgb(220, 220, 220); color: rgb= (0, 0, 0); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul li a, #kl_wrapper= _3.kl_box_left.variation_2 #kl_navigation > ul li a:visited { background: r= gb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(176, 196, 222= ); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation > ul li a:focus, #kl_w= rapper_3.kl_box_left.variation_2 #kl_navigation > ul li a:hover, #kl_wrappe= r_3.kl_box_left.variation_3 #kl_banner #kl_banner_left, #kl_wrapper_3.kl_bo= x_left.variation_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_box_left.v= ariation_3 > div > i { background: rgb(176, 196, 222); color: rgb(0, 0, 0);= } #kl_wrapper_3.kl_box_left.variation_3 #kl_navigation > ul li a, #kl_wrapper= _3.kl_box_left.variation_3 #kl_navigation > ul li a:visited { background: r= gb(255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(176, 196, 222= ); } #kl_wrapper_3.kl_box_left.variation_3 #kl_navigation > ul li a:focus, #kl_w= rapper_3.kl_box_left.variation_3 #kl_navigation > ul li a:hover { backgroun= d: rgb(176, 196, 222); color: rgb(0, 0, 0); } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left #kl_navigation = > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_1 #kl_navig= ation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_2 #kl= _navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left= _3 #kl_navigation > ul { padding-bottom: 0px; overflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left #kl_navigation = > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_1 #kl_na= vigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left= _2 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl= _box_left_3 #kl_navigation > ul li { font-weight: 400; list-style-type: non= e; display: block; width: 50%; float: left; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_box_left #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_1 #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_2 #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul {= padding-bottom: 0px; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_box_left #kl_navigation > ul l= i, body.course-menu-expanded #kl_wrapper_3.kl_box_left_1 #kl_navigation > u= l li, body.course-menu-expanded #kl_wrapper_3.kl_box_left_2 #kl_navigation = > ul li, body.course-menu-expanded #kl_wrapper_3.kl_box_left_3 #kl_navigati= on > ul li { background: none; padding: 0px; border: none; width: 50%; disp= lay: inline-block; float: left; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_box_left #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_1 #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_2 #kl_navigation > ul, = body.course-menu-expanded #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul, = body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left #kl_navigation > = ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_1 #kl_navigat= ion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_2 #kl_n= avigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left_3= #kl_navigation > ul { display: table; table-layout: fixed; overflow: hidde= n; width: 100%; } body.course-menu-expanded #kl_wrapper_3.kl_box_left #kl_navigation > ul l= i, body.course-menu-expanded #kl_wrapper_3.kl_box_left_1 #kl_navigation > u= l li, body.course-menu-expanded #kl_wrapper_3.kl_box_left_2 #kl_navigation = > ul li, body.course-menu-expanded #kl_wrapper_3.kl_box_left_3 #kl_navigati= on > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_left #kl_n= avigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_box_lef= t_1 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.k= l_box_left_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wr= apper_3.kl_box_left_3 #kl_navigation > ul li { display: table-cell; width: = 100%; float: none; } } #kl_wrapper_3.kl_box_left_1 #kl_banner #kl_banner_left { background: rgb(15= , 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_box_left_2 #kl_banner #kl_banner_left { background: rgb(19= 1, 167, 147); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_3 #kl_banner #kl_banner_left { background: rgb(19= 4, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_1 > div > i { background: rgb(15, 36, 57); } #kl_wrapper_3.kl_box_left_2 > div > i { background: rgb(191, 167, 147); col= or: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_3 > div > i { background: rgb(194, 201, 206); col= or: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_1 h3:not(.ui-state-default) i { background: rgb(1= 5, 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_box_left_2 h3:not(.ui-state-default) i { background: rgb(1= 91, 167, 147); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_3 h3:not(.ui-state-default) i { background: rgb(1= 94, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_box_left_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_box_= left_1 #kl_navigation > ul li a:visited, #kl_wrapper_3.kl_box_left_2 #kl_na= vigation > ul li a, #kl_wrapper_3.kl_box_left_2 #kl_navigation > ul li a:vi= sited, #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li a, #kl_wrapper_3.= kl_box_left_3 #kl_navigation > ul li a:visited { background: rgb(255, 255, = 255); color: rgb(0, 0, 0); border: 1px solid rgb(194, 201, 206); } #kl_wrapper_3.kl_box_left_1 #kl_navigation > ul li a:focus, #kl_wrapper_3.k= l_box_left_1 #kl_navigation > ul li a:hover, #kl_wrapper_3.kl_box_left_2 #k= l_navigation > ul li a:focus, #kl_wrapper_3.kl_box_left_2 #kl_navigation > = ul li a:hover, #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li a:focus, = #kl_wrapper_3.kl_box_left_3 #kl_navigation > ul li a:hover { background: rg= b(194, 201, 206); color: rgb(15, 36, 57); } #kl_wrapper_3.kl_circle_left, #kl_wrapper_3.kl_circle_left_1, #kl_wrapper_3= .kl_circle_left_2, #kl_wrapper_3.kl_circle_left_3 { border: 1px solid; padd= ing: 10px; } #kl_wrapper_3.kl_circle_left > div, #kl_wrapper_3.kl_circle_left_1 > div, #= kl_wrapper_3.kl_circle_left_2 > div, #kl_wrapper_3.kl_circle_left_3 > div {= overflow: auto hidden; } #kl_wrapper_3.kl_circle_left_1 h2, #kl_wrapper_3.kl_circle_left_2 h2, #kl_w= rapper_3.kl_circle_left_3 h2, #kl_wrapper_3.kl_circle_left h2 { margin: 9px= 0px; } #kl_wrapper_3.kl_circle_left #kl_banner, #kl_wrapper_3.kl_circle_left_1 #kl= _banner, #kl_wrapper_3.kl_circle_left_2 #kl_banner, #kl_wrapper_3.kl_circle= _left_3 #kl_banner { position: relative; margin: 5px 0px; padding-top: 5px;= } #kl_wrapper_3.kl_circle_left #kl_banner_left, #kl_wrapper_3.kl_circle_left_= 1 #kl_banner_left, #kl_wrapper_3.kl_circle_left_2 #kl_banner_left, #kl_wrap= per_3.kl_circle_left_3 #kl_banner_left { float: left; border-radius: 40px; = width: 66px; height: 66px; text-align: center; margin: -15px 10px 0px 5px; = border: 5px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left .kl_mod_text, #kl_wrapper_3.kl_circle_left_1 .= kl_mod_text, #kl_wrapper_3.kl_circle_left_2 .kl_mod_text, #kl_wrapper_3.kl_= circle_left_3 .kl_mod_text { display: none; } #kl_wrapper_3.kl_circle_left .kl_mod_num, #kl_wrapper_3.kl_circle_left_1 .k= l_mod_num, #kl_wrapper_3.kl_circle_left_2 .kl_mod_num, #kl_wrapper_3.kl_cir= cle_left_3 .kl_mod_num { margin-top: 10px; display: block; font-size: 25px;= } #kl_wrapper_3.kl_circle_left #kl_banner_right, #kl_wrapper_3.kl_circle_left= _1 #kl_banner_right, #kl_wrapper_3.kl_circle_left_2 #kl_banner_right, #kl_w= rapper_3.kl_circle_left_3 #kl_banner_right { padding: 0px 5px; font-weight:= 400; display: flex; } #kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circ= le_left_1 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_circle_left_2 #kl_banne= r .kl_subtitle, #kl_wrapper_3.kl_circle_left_3 #kl_banner .kl_subtitle { pa= dding: 5px; display: block; font-size: 1.2em; text-align: right; margin: -1= 0px 0px 0px; border-bottom: 4px solid; } #kl_wrapper_3.kl_circle_left #kl_banner #kl_description, #kl_wrapper_3.kl_c= ircle_left_1 #kl_banner #kl_description, #kl_wrapper_3.kl_circle_left_2 #kl= _banner #kl_description, #kl_wrapper_3.kl_circle_left_3 #kl_banner #kl_desc= ription { padding: 10px; border-bottom: 5px solid; } #kl_wrapper_3.kl_circle_left #kl_banner_image, #kl_wrapper_3.kl_circle_left= _1 #kl_banner_image, #kl_wrapper_3.kl_circle_left_2 #kl_banner_image, #kl_w= rapper_3.kl_circle_left_3 #kl_banner_image { padding: 0px; } #kl_wrapper_3.kl_circle_left #kl_banner_image img, #kl_wrapper_3.kl_circle_= left_1 #kl_banner_image img, #kl_wrapper_3.kl_circle_left_2 #kl_banner_imag= e img, #kl_wrapper_3.kl_circle_left_3 #kl_banner_image img { padding-bottom= : 5px; border-bottom: 5px solid; } #kl_wrapper_3.kl_circle_left_1 h3:not(.ui-state-default), #kl_wrapper_3.kl_= circle_left_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_circle_left_3 h3:= not(.ui-state-default), #kl_wrapper_3.kl_circle_left h3:not(.ui-state-defau= lt) { position: relative; line-height: 30px; border-radius: 20px; border: 2= px solid; background-color: rgb(255, 255, 255); padding: 0px 15px; margin-b= ottom: 15px; } #kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3, #kl_wrap= per_3.kl_circle_left_1 #kl_modules div.kl_module_content h3, #kl_wrapper_3.= kl_circle_left_2 #kl_modules div.kl_module_content h3, #kl_wrapper_3.kl_cir= cle_left_3 #kl_modules div.kl_module_content h3 { margin-bottom: 20px; marg= in-top: 10px; } #kl_wrapper_3.kl_circle_left > div, #kl_wrapper_3.kl_circle_left_1 > div, #= kl_wrapper_3.kl_circle_left_2 > div, #kl_wrapper_3.kl_circle_left_3 > div {= overflow: hidden; } #kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3 i, #kl_wr= apper_3.kl_circle_left > div > h3:not(.ui-state-default) i, #kl_wrapper_3.k= l_circle_left_1 #kl_modules div.kl_module_content h3 i, #kl_wrapper_3.kl_ci= rcle_left_1 > div > h3:not(.ui-state-default) i, #kl_wrapper_3.kl_circle_le= ft_2 #kl_modules div.kl_module_content h3 i, #kl_wrapper_3.kl_circle_left_2= > div > h3:not(.ui-state-default) i, #kl_wrapper_3.kl_circle_left_3 #kl_mo= dules div.kl_module_content h3 i, #kl_wrapper_3.kl_circle_left_3 > div > h3= :not(.ui-state-default) i { width: 50px; height: 50px; line-height: 40px; t= ext-align: center; border-radius: 25px; border: 5px solid rgb(255, 255, 255= ); float: left; margin: -10px 10px 0px -20px; } #kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3 i, #kl_wr= apper_3.kl_circle_left_1 #kl_modules div.kl_module_content h3 i, #kl_wrappe= r_3.kl_circle_left_2 #kl_modules div.kl_module_content h3 i, #kl_wrapper_3.= kl_circle_left_3 #kl_modules div.kl_module_content h3 i { border: none; flo= at: left; margin: -10px 10px 0px -22px; } #kl_wrapper_3.kl_circle_left > div > i, #kl_wrapper_3.kl_circle_left_1 > di= v > i, #kl_wrapper_3.kl_circle_left_2 > div > i, #kl_wrapper_3.kl_circle_le= ft_3 > div > i { width: 40px; height: 40px; line-height: 40px; text-align: = center; border-radius: 22px; margin-right: 10px; } #kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3 i::before= , #kl_wrapper_3.kl_circle_left > div > h3:not(.ui-state-default) i::before,= #kl_wrapper_3.kl_circle_left > div > i::before, #kl_wrapper_3.kl_circle_le= ft_1 #kl_modules div.kl_module_content h3 i::before, #kl_wrapper_3.kl_circl= e_left_1 > div > h3:not(.ui-state-default) i::before, #kl_wrapper_3.kl_circ= le_left_1 > div > i::before, #kl_wrapper_3.kl_circle_left_2 #kl_modules div= .kl_module_content h3 i::before, #kl_wrapper_3.kl_circle_left_2 > div > h3:= not(.ui-state-default) i::before, #kl_wrapper_3.kl_circle_left_2 > div > i:= :before, #kl_wrapper_3.kl_circle_left_3 #kl_modules div.kl_module_content h= 3 i::before, #kl_wrapper_3.kl_circle_left_3 > div > h3:not(.ui-state-defaul= t) i::before, #kl_wrapper_3.kl_circle_left_3 > div > i::before { line-heigh= t: 43px; font-size: 22px; } #kl_wrapper_3.kl_circle_left #kl_navigation > ul li i::before, #kl_wrapper_= 3.kl_circle_left_1 #kl_navigation > ul li i::before, #kl_wrapper_3.kl_circl= e_left_2 #kl_navigation > ul li i::before, #kl_wrapper_3.kl_circle_left_3 #= kl_navigation > ul li i::before { line-height: 40px; font-size: 16px; } #kl_wrapper_3.kl_circle_left_1 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_= circle_left_1 h5:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left_2 h4:= not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left_2 h5:not(.kl_panel_hea= ding), #kl_wrapper_3.kl_circle_left_3 h4:not(.kl_panel_heading), #kl_wrappe= r_3.kl_circle_left_3 h5:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_lef= t h4:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left h5:not(.kl_panel_= heading) { border: 1px solid; border-radius: 20px; padding: 0px 20px; } #kl_wrapper_3.kl_circle_left #kl_navigation, #kl_wrapper_3.kl_circle_left_1= #kl_navigation, #kl_wrapper_3.kl_circle_left_2 #kl_navigation, #kl_wrapper= _3.kl_circle_left_3 #kl_navigation { margin: 5px 0px; } #kl_wrapper_3.kl_circle_left #kl_navigation > ul, #kl_wrapper_3.kl_circle_l= eft_1 #kl_navigation > ul, #kl_wrapper_3.kl_circle_left_2 #kl_navigation > = ul, #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul { margin: 0px; paddi= ng: 0px; overflow: hidden; } #kl_wrapper_3.kl_circle_left #kl_navigation > ul li, #kl_wrapper_3.kl_circl= e_left_1 #kl_navigation > ul li, #kl_wrapper_3.kl_circle_left_2 #kl_navigat= ion > ul li, #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul li { font-w= eight: 400; list-style-type: none; position: relative; height: 43px; } #kl_wrapper_3.kl_circle_left #kl_navigation > ul li a, #kl_wrapper_3.kl_cir= cle_left_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_circle_left_2 #kl_nav= igation > ul li a, #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul li a = { font-size: 16px; display: block; padding: 0px 20px; line-height: 40px; wh= ite-space: nowrap; transition: all 0.5s ease-in-out 0s; border-radius: 20px= ; margin: 3px 0px; } #kl_wrapper_3.kl_circle_left #kl_navigation > ul li i, #kl_wrapper_3.kl_cir= cle_left_1 #kl_navigation > ul li i, #kl_wrapper_3.kl_circle_left_2 #kl_nav= igation > ul li i, #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul li i = { width: 45px; height: 45px; line-height: 40px; text-align: center; border-= radius: 24px; position: absolute; right: 0px; border: 3px solid rgb(255, 25= 5, 255); margin: -3px -2px 0px 0px; } #kl_wrapper_3.kl_circle_left #kl_banner_left { border: 5px solid rgb(255, 2= 55, 255); } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) { background-color: = rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left #kl_modules div.kl_module_content h3 i, #kl_wr= apper_3.kl_circle_left > div > h3:not(.ui-state-default) i { border: 5px so= lid rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left #kl_navigation > ul li i { border: 3px solid r= gb(255, 255, 255); background: rgb(176, 196, 222); color: rgb(47, 79, 79); = } #kl_wrapper_3.kl_circle_left, #kl_wrapper_3.kl_circle_left #kl_banner #kl_d= escription, #kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle, #kl_wrapp= er_3.kl_circle_left #kl_banner_image img, #kl_wrapper_3.kl_circle_left h3:n= ot(.ui-state-default), #kl_wrapper_3.kl_circle_left h4:not(.kl_panel_headin= g), #kl_wrapper_3.kl_circle_left h5 { border-color: rgb(176, 196, 222); } #kl_wrapper_3.kl_circle_left #kl_banner_left, #kl_wrapper_3.kl_circle_left = #kl_navigation > ul li a, #kl_wrapper_3.kl_circle_left > div > i, #kl_wrapp= er_3.kl_circle_left h3 i { background: rgb(47, 79, 79); color: rgb(255, 255= , 255); } #kl_wrapper_3.kl_circle_left #kl_banner h2 { background: rgb(176, 196, 222)= ; color: rgb(0, 0, 0); } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1 h2, body:n= ot(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 h2, body:not(.cour= se-menu-expanded) #kl_wrapper_3.kl_circle_left_3 h2, body:not(.course-menu-= expanded) #kl_wrapper_3.kl_circle_left h2 { line-height: 1.8em; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl_banner_l= eft, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1 #kl_ban= ner_left, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #k= l_banner_left, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left= _3 #kl_banner_left { margin: -13px 10px 0px 25px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl_banner_r= ight, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1 #kl_ba= nner_right, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 = #kl_banner_right, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_l= eft_3 #kl_banner_right { padding: 0px 10px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl_banner .= kl_subtitle, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1= #kl_banner .kl_subtitle, body:not(.course-menu-expanded) #kl_wrapper_3.kl_= circle_left_2 #kl_banner .kl_subtitle, body:not(.course-menu-expanded) #kl_= wrapper_3.kl_circle_left_3 #kl_banner .kl_subtitle { clear: none; margin: -= 15px 0px 0px; } } @media screen and (min-width: 550px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl_navigati= on > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1 = #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_ci= rcle_left_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wra= pper_3.kl_circle_left_3 #kl_navigation > ul li { float: left; width: 49%; } } @media screen and (min-width: 850px) { #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circle_left #kl_navigation= :not(.kl_fixed_nav) a, #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circl= e_left_1 #kl_navigation:not(.kl_fixed_nav) a, #tinymce.kl_mce_visual_blocks= #kl_wrapper_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) a, #tinym= ce.kl_mce_visual_blocks #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.= kl_fixed_nav) a, body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_= circle_left #kl_navigation:not(.kl_fixed_nav).kl_active a, body.no-touch:no= t(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl_navigation:not(.k= l_fixed_nav) ul li a:focus, body.no-touch:not(.course-menu-expanded) #kl_wr= apper_3.kl_circle_left #kl_navigation:not(.kl_fixed_nav) ul li a:hover, bod= y.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1 #kl_na= vigation:not(.kl_fixed_nav).kl_active a, body.no-touch:not(.course-menu-exp= anded) #kl_wrapper_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav) ul = li a:focus, body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circl= e_left_1 #kl_navigation:not(.kl_fixed_nav) ul li a:hover, body.no-touch:not= (.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #kl_navigation:not(.= kl_fixed_nav).kl_active a, body.no-touch:not(.course-menu-expanded) #kl_wra= pper_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) ul li a:focus, bo= dy.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #kl_n= avigation:not(.kl_fixed_nav) ul li a:hover, body.no-touch:not(.course-menu-= expanded) #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav).= kl_active a, body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circ= le_left_3 #kl_navigation:not(.kl_fixed_nav) ul li a:focus, body.no-touch:no= t(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(= .kl_fixed_nav) ul li a:hover { width: 200px; margin-left: -180px; padding-l= eft: 20px; box-shadow: rgba(0, 0, 0, 0.31) -2px 2px 3px; } body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left, bo= dy.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_1, body= .no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2, body.n= o-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_3 { margin-= right: 44px; } body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl= _navigation:not(.kl_fixed_nav), body.no-touch:not(.course-menu-expanded) #k= l_wrapper_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav), body.no-tou= ch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #kl_navigation= :not(.kl_fixed_nav), body.no-touch:not(.course-menu-expanded) #kl_wrapper_3= .kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav) { position: absolute; t= op: 65px; right: -5px; overflow: visible; } body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl= _navigation:not(.kl_fixed_nav) ul, body.no-touch:not(.course-menu-expanded)= #kl_wrapper_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav) ul, body.= no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #kl_navi= gation:not(.kl_fixed_nav) ul, body.no-touch:not(.course-menu-expanded) #kl_= wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav) ul { overflow:= visible; } body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl= _navigation:not(.kl_fixed_nav) ul li, body.no-touch:not(.course-menu-expand= ed) #kl_wrapper_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav) ul li,= body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_2 #k= l_navigation:not(.kl_fixed_nav) ul li, body.no-touch:not(.course-menu-expan= ded) #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav) ul li= { float: none; } body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left #kl= _navigation:not(.kl_fixed_nav) ul li a, body.no-touch:not(.course-menu-expa= nded) #kl_wrapper_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav) ul l= i a, body.no-touch:not(.course-menu-expanded) #kl_wrapper_3.kl_circle_left_= 2 #kl_navigation:not(.kl_fixed_nav) ul li a, body.no-touch:not(.course-menu= -expanded) #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav)= ul li a { position: absolute; padding: 0px; top: 0px; width: 40px; overflo= w: visible; z-index: 1; } } @media screen and (min-width: 800px) { body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation > u= l li, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_1 #kl_navigati= on > ul li, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_2 #kl_na= vigation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_3 = #kl_navigation > ul li { float: left; width: 49%; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation > u= l li:nth-child(2n), body.course-menu-expanded #kl_wrapper_3.kl_circle_left_= 1 #kl_navigation > ul li:nth-child(2n), body.course-menu-expanded #kl_wrapp= er_3.kl_circle_left_2 #kl_navigation > ul li:nth-child(2n), body.course-men= u-expanded #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul li:nth-child(= 2n) { margin-left: 2%; } } @media screen and (min-width: 950px) { body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation.kl_= active:not(.kl_fixed_nav) a, body.course-menu-expanded #kl_wrapper_3.kl_cir= cle_left #kl_navigation:not(.kl_fixed_nav) ul li a:focus, body.course-menu-= expanded #kl_wrapper_3.kl_circle_left #kl_navigation:not(.kl_fixed_nav) ul = li a:hover, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_1 #kl_na= vigation.kl_active:not(.kl_fixed_nav) a, body.course-menu-expanded #kl_wrap= per_3.kl_circle_left_1 #kl_navigation:not(.kl_fixed_nav) ul li a:focus, bod= y.course-menu-expanded #kl_wrapper_3.kl_circle_left_1 #kl_navigation:not(.k= l_fixed_nav) ul li a:hover, body.course-menu-expanded #kl_wrapper_3.kl_circ= le_left_2 #kl_navigation.kl_active:not(.kl_fixed_nav) a, body.course-menu-e= xpanded #kl_wrapper_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) ul= li a:focus, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_2 #kl_n= avigation:not(.kl_fixed_nav) ul li a:hover, body.course-menu-expanded #kl_w= rapper_3.kl_circle_left_3 #kl_navigation.kl_active:not(.kl_fixed_nav) a, bo= dy.course-menu-expanded #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.= kl_fixed_nav) ul li a:focus, body.course-menu-expanded #kl_wrapper_3.kl_cir= cle_left_3 #kl_navigation:not(.kl_fixed_nav) ul li a:hover { width: 220px; = margin-left: -180px; padding-left: 20px; box-shadow: rgba(0, 0, 0, 0.31) -2= px 2px 3px; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left, body.course-menu-= expanded #kl_wrapper_3.kl_circle_left_1, body.course-menu-expanded #kl_wrap= per_3.kl_circle_left_2, body.course-menu-expanded #kl_wrapper_3.kl_circle_l= eft_3 { margin-right: 44px; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation:not= (.kl_fixed_nav), body.course-menu-expanded #kl_wrapper_3.kl_circle_left_1 #= kl_navigation:not(.kl_fixed_nav), body.course-menu-expanded #kl_wrapper_3.k= l_circle_left_2 #kl_navigation:not(.kl_fixed_nav), body.course-menu-expande= d #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav) { positi= on: absolute; top: 65px; right: -5px; overflow: visible; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation:not= (.kl_fixed_nav) ul, body.course-menu-expanded #kl_wrapper_3.kl_circle_left_= 1 #kl_navigation:not(.kl_fixed_nav) ul, body.course-menu-expanded #kl_wrapp= er_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) ul, body.course-men= u-expanded #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_fixed_nav)= ul { overflow: visible; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation:not= (.kl_fixed_nav) ul li, body.course-menu-expanded #kl_wrapper_3.kl_circle_le= ft_1 #kl_navigation:not(.kl_fixed_nav) ul li, body.course-menu-expanded #kl= _wrapper_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) ul li, body.c= ourse-menu-expanded #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not(.kl_f= ixed_nav) ul li { float: none; } body.course-menu-expanded #kl_wrapper_3.kl_circle_left #kl_navigation:not= (.kl_fixed_nav) ul li a, body.course-menu-expanded #kl_wrapper_3.kl_circle_= left_1 #kl_navigation:not(.kl_fixed_nav) ul li a, body.course-menu-expanded= #kl_wrapper_3.kl_circle_left_2 #kl_navigation:not(.kl_fixed_nav) ul li a, = body.course-menu-expanded #kl_wrapper_3.kl_circle_left_3 #kl_navigation:not= (.kl_fixed_nav) ul li a { position: absolute; padding: 0px; top: 0px; width= : 40px; z-index: 1; overflow: hidden; } } #kl_wrapper_3.kl_circle_left_1, #kl_wrapper_3.kl_circle_left_1 #kl_banner #= kl_description, #kl_wrapper_3.kl_circle_left_1 #kl_banner .kl_subtitle, #kl= _wrapper_3.kl_circle_left_1 #kl_banner_image img, #kl_wrapper_3.kl_circle_l= eft_1 h3:not(.ui-state-default), #kl_wrapper_3.kl_circle_left_1 h4:not(.kl_= panel_heading), #kl_wrapper_3.kl_circle_left_1 h5 { border-color: rgb(194, = 201, 206); } #kl_wrapper_3.kl_circle_left_1 #kl_banner_left, #kl_wrapper_3.kl_circle_lef= t_1 h3 i, #kl_wrapper_3.kl_circle_left_1 > div > i { background: rgb(15, 36= , 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left_1 #kl_navigation > ul li i { background: rgb(1= 94, 201, 206); color: rgb(15, 36, 57); } #kl_wrapper_3.kl_circle_left_1 #kl_navigation > ul li a { background: rgb(1= 5, 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left_1 #kl_banner h2 { background: rgb(194, 201, 20= 6); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circle_left_2, #kl_wrapper_3.kl_circle_left_2 #kl_banner #= kl_description, #kl_wrapper_3.kl_circle_left_2 #kl_banner .kl_subtitle, #kl= _wrapper_3.kl_circle_left_2 #kl_banner_image { border-color: rgb(191, 167, = 147); } #kl_wrapper_3.kl_circle_left_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_= circle_left_2 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left_2 h5 = { border-color: rgb(15, 36, 57); } #kl_wrapper_3.kl_circle_left_2 #kl_banner_left, #kl_wrapper_3.kl_circle_lef= t_2 h3 i, #kl_wrapper_3.kl_circle_left_2 > div > i { background: rgb(191, 1= 67, 147); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circle_left_2 #kl_navigation > ul li i { background: rgb(1= 5, 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left_2 #kl_navigation > ul li a { background: rgb(1= 91, 167, 147); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circle_left_2 #kl_banner h2 { background: rgb(15, 36, 57);= color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left_3, #kl_wrapper_3.kl_circle_left_3 #kl_banner #= kl_description, #kl_wrapper_3.kl_circle_left_3 #kl_banner .kl_subtitle, #kl= _wrapper_3.kl_circle_left_3 #kl_banner_image { border-color: rgb(194, 201, = 206); } #kl_wrapper_3.kl_circle_left_3 h3:not(.ui-state-default), #kl_wrapper_3.kl_= circle_left_3 h4:not(.kl_panel_heading), #kl_wrapper_3.kl_circle_left_3 h5 = { border-color: rgb(15, 36, 57); } #kl_wrapper_3.kl_circle_left_3 #kl_banner_left, #kl_wrapper_3.kl_circle_lef= t_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_circle_left_3 > div > i {= background: rgb(194, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circle_left_3 #kl_navigation.kl_active a, #kl_wrapper_3.kl= _circle_left_3 #kl_navigation > ul li i { background: rgb(15, 36, 57); colo= r: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left_3 #kl_navigation > ul li a { background: rgb(1= 94, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circle_left_3 #kl_banner h2 { background: rgb(15, 36, 57);= color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circles_overlap #kl_banner { position: relative; margin-bo= ttom: 0px; overflow: visible; } #kl_wrapper_3.kl_circles_overlap #kl_banner h2 { margin: 0px; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_left { display: bloc= k; font-weight: 300; font-size: 30px; margin-left: 25px; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { position: ab= solute; top: 50px; left: 0px; right: 0px; padding: 20px 70px 20px 20px; dis= play: block; font-size: 40px; line-height: 40px; text-transform: uppercase;= font-weight: 300; color: rgb(105, 105, 105); background: rgba(255, 255, 25= 5, 0.68); } #kl_wrapper_3.kl_circles_overlap > div { overflow: hidden; clear: both; } #kl_wrapper_3.kl_circles_overlap #kl_navigation { height: 95px; overflow: v= isible; background: none; margin-top: -55px; } #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { position: absolu= te; left: 0px; right: 0px; background: rgba(255, 255, 255, 0.72); font-size= : 1.8em; top: 148px; padding: 10px 45% 10px 10px; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { position: abs= olute; width: 40%; right: 10px; top: 115px; background-color: rgb(255, 255,= 255); padding: 10px 10px 20px; max-height: 150px; overflow-y: scroll; bord= er-radius: 5px; box-shadow: rgba(0, 0, 0, 0.42) 0px 2px 4px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul { display: block; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li { border-radius: 85px; f= loat: left; overflow: visible; vertical-align: middle; padding: 0px; margin= : 8px; position: relative; list-style-type: none; width: 75px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a, #kl_wrapper_3.kl_circ= les_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circles_overlap #kl= _navigation li a:hover, #kl_wrapper_3.kl_circles_overlap #kl_navigation li = a:visited { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a { font-family: Satisfy= , Arial, cursive; background-color: rgb(0, 51, 102); font-size: 24px; width= : 74px; height: 74px; overflow: hidden; display: inline-block; position: re= lative; white-space: nowrap; border-radius: 35px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i[class*=3D"icon-"]::b= efore, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i[class^=3D"ico= n-"]::before { font-size: 45px; height: 45px; line-height: 68px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i { font-size: 45px; l= ine-height: 75px; width: 75px; text-align: center; margin-right: 10px; } #kl_wrapper_3.kl_circles_overlap > div > i, #kl_wrapper_3.kl_circles_overla= p h3:not(.ui-state-default) i { background-color: rgb(135, 137, 138); color= : rgb(255, 255, 255); font-size: 24px; width: 50px; text-align: center; mar= gin-right: 10px; height: 50px; line-height: 50px; border-radius: 25px; } #kl_wrapper_3.kl_circles_overlap > div > i[class*=3D"icon-"]::before, #kl_w= rapper_3.kl_circles_overlap > div > i[class^=3D"icon-"]::before, #kl_wrappe= r_3.kl_circles_overlap h3:not(.ui-state-default) i[class*=3D"icon-"]::befor= e, #kl_wrapper_3.kl_circles_overlap h3:not(.ui-state-default) i[class^=3D"i= con-"]::before { font-size: 24px; } #kl_wrapper_3.kl_circles_overlap .kl_quick_check h3 { margin-top: 0px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a, #kl_wrapper= _3.kl_circles_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circles_o= verlap #kl_navigation li a:hover, #tinymce.kl_mce_visual_blocks #kl_wrapper= _3.kl_circles_overlap #kl_navigation li a { color: rgb(255, 255, 255); text= -decoration: none; overflow: visible; width: auto; position: absolute; top:= -50px; height: 40px; line-height: 40px; padding: 0px 30px; background: rgb= (135, 137, 138) !important; } #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i, #kl_wrapp= er_3.kl_circles_overlap #kl_navigation li a:focus i, #kl_wrapper_3.kl_circl= es_overlap #kl_navigation li a:hover i, #tinymce.kl_mce_visual_blocks #kl_w= rapper_3.kl_circles_overlap #kl_navigation li a i { position: absolute; bot= tom: -85px; left: 0px; background-color: rgb(135, 137, 138); height: 75px; = overflow: visible; border-radius: 40px; } @media screen and (max-width: 1300px) { #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { max-height:= 135px; } } @media screen and (max-width: 1250px) { #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { max-height:= 120px; } } @media screen and (max-width: 1200px) { #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { top: 90px; = max-height: 130px; } } @media screen and (max-width: 1100px) { #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { top: 40px;= font-size: 30px; line-height: 40px; padding: 10px 20px; } #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { top: 125px; fo= nt-size: 1.5em; } #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul { margin: 0px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li { width: 70px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation { margin-top: -40px; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { top: 110px;= max-height: 140px; } } @media screen and (max-width: 1000px) { #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { top: 40px;= font-size: 1em; line-height: 1em; padding: 10px 20px; } #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { top: 95px; fon= t-size: 1.3em; } #kl_wrapper_3.kl_circles_overlap #kl_navigation > ul { margin: 0px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li { width: 55px; height:= 55px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a { width: 65px; heigh= t: 65px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a, #kl_wrapp= er_3.kl_circles_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circles= _overlap #kl_navigation li a:hover { top: -40px; font-size: 18px; line-heig= ht: 30px; padding: 0px 15px; height: 30px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover i { height: 65= px; bottom: -75px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i, #tinymce.kl_mce_v= isual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i { font-= size: 40px; line-height: 65px; width: 65px; height: 65px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i[class*=3D"icon-"]:= :before, #kl_wrapper_3.kl_circles_overlap #kl_navigation li a i[class^=3D"i= con-"]::before { font-size: 40px; height: 53px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i, #kl_wra= pper_3.kl_circles_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circl= es_overlap #kl_navigation li a:hover { bottom: -75px; } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { top: 75px; = max-height: 92px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation { margin-top: -40px; } .course-menu-expanded #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_ban= ner_left { font-size: 0.8em; margin-left: 0px; } .course-menu-expanded #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_ban= ner_right { position: static; padding: 5px 0px; font-size: 0.8em; } .course-menu-expanded #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_sub= title { top: 75px; } .course-menu-expanded #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_des= cription { top: 81px; right: 1px; } } #kl_wrapper_3.kl_colored_headings > div, #kl_wrapper_3.kl_colored_headings_= box_left > div { background-color: rgb(255, 255, 255); border: 1px solid rg= b(194, 194, 194); font-size: 16px; margin: 0px 0px 10px; overflow: auto hid= den; padding: 20px; } #kl_wrapper_3.kl_colored_headings #kl_navigation > ul, #kl_wrapper_3.kl_col= ored_headings_box_left #kl_navigation > ul { background-color: rgb(47, 70, = 97); color: rgb(255, 255, 255); margin: 0px; display: table; table-layout: = fixed; width: 100%; } #kl_wrapper_3.kl_colored_headings #kl_navigation li, #kl_wrapper_3.kl_color= ed_headings_box_left #kl_navigation li { display: block; font-size: 1.2em; = font-weight: 400; list-style-type: none; } #kl_wrapper_3.kl_colored_headings #kl_navigation li a, #kl_wrapper_3.kl_col= ored_headings_box_left #kl_navigation li a { display: block; padding: 5px 1= 0px; } #kl_wrapper_3.kl_colored_headings #kl_navigation li a:focus, #kl_wrapper_3.= kl_colored_headings #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_hea= dings_box_left #kl_navigation li a:focus, #kl_wrapper_3.kl_colored_headings= _box_left #kl_navigation li a:hover { border-left: none; border-right: none= ; color: rgb(255, 255, 255); background-color: rgb(62, 62, 62); text-decora= tion: none; box-shadow: rgb(255, 255, 255) 0px 0px 3px inset; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner { border: none; backg= round: rgb(47, 70, 97); color: rgb(255, 255, 255); margin: 0px 0px 5px; pad= ding: 0px 0px 5px; overflow: visible; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner h2 { position: relati= ve; text-transform: uppercase; padding: 10px 0px 0px; margin: 0px; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner_image { border: none;= margin: 0px; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left { bac= kground-color: rgb(255, 255, 255); color: rgb(105, 105, 105); font-size: 18= px; line-height: 20px; padding: 5px; border-bottom: 5px solid rgb(105, 105,= 105); display: block; margin: 0px 10px 5px; text-align: center; z-index: 1= 00; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_right { di= splay: block; font-size: 26px; margin: 0px 10px; text-align: center; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle { displa= y: block; font-size: 1.2em; line-height: 1.2em; padding: 5px 10px; backgrou= nd-color: rgb(255, 255, 255); color: rgb(0, 0, 0); text-align: center; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_description { pad= ding: 0px 10px 5px; } #kl_wrapper_3.kl_colored_headings #kl_banner { background: rgb(47, 70, 97);= color: rgb(255, 255, 255); padding: 0px 0px 10px; margin: 0px 0px 10px; } #kl_wrapper_3.kl_colored_headings #kl_banner h2 { position: relative; text-= align: center; text-transform: uppercase; margin: 0px; } #kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_left { background-c= olor: rgb(255, 255, 255); color: rgb(105, 105, 105); display: inline-block;= font-size: 18px; line-height: 20px; margin: 0px auto 10px; padding: 5px 20= px; } #kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_right { display: bl= ock; font-size: 22px; margin-top: 0px; } #kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle { display: block;= font-size: 16px; line-height: 20px; margin: 10px 0px; text-transform: uppe= rcase; text-align: center; border-top: 3px solid rgb(255, 255, 255); border= -bottom: 3px solid rgb(255, 255, 255); padding: 5px; } #kl_wrapper_3.kl_colored_headings #kl_banner #kl_description { background-c= olor: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 10px; } #kl_wrapper_3.kl_colored_headings #kl_banner_image, #kl_wrapper_3.kl_colore= d_headings_box_left #kl_banner_image { margin-bottom: 5px; padding: 0px; } #kl_wrapper_3.kl_colored_headings #kl_banner_image img, #kl_wrapper_3.kl_co= lored_headings_box_left #kl_banner_image img { border: none; padding: 0px; = } #kl_wrapper_3.kl_colored_headings > div > i, #kl_wrapper_3.kl_colored_headi= ngs_box_left > div > i { display: inline-block; background-color: rgb(255, = 255, 255); color: rgb(105, 105, 105); border-width: 1px 1px 4px; border-sty= le: solid; border-color: rgb(204, 204, 204) rgb(204, 204, 204) rgb(105, 105= , 105); border-image: initial; font-size: 20px; height: 35px; line-height: = 30px; text-align: center; width: 35px; } #kl_wrapper_3.kl_colored_headings #kl_navigation, #kl_wrapper_3.kl_colored_= headings_box_left #kl_navigation { overflow: hidden; padding: 0px; width: 1= 00%; border: none; } #kl_wrapper_3.kl_colored_headings #kl_navigation > ul.kl_nav_list_1, #kl_wr= apper_3.kl_colored_headings_box_left #kl_navigation > ul.kl_nav_list_1 { ma= rgin: 0px 0px 5px; } #kl_wrapper_3.kl_colored_headings #kl_navigation li, #kl_wrapper_3.kl_color= ed_headings_box_left #kl_navigation li { background: none; white-space: now= rap; overflow: hidden; text-overflow: ellipsis; min-height: 45px; } #kl_wrapper_3.kl_colored_headings #kl_navigation li a, #kl_wrapper_3.kl_col= ored_headings #kl_navigation li a:focus, #kl_wrapper_3.kl_colored_headings = #kl_navigation li a:hover, #kl_wrapper_3.kl_colored_headings #kl_navigation= li a:visited, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li= a, #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus, #= kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover, #kl_wr= apper_3.kl_colored_headings_box_left #kl_navigation li a:visited { color: r= gb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings #kl_navigation i, #kl_wrapper_3.kl_colore= d_headings_box_left #kl_navigation i { display: inline-block; background: r= gb(255, 255, 255); padding: 4px 0px 6px; text-align: center; color: rgb(105= , 105, 105); margin-right: 8px; border-bottom: 5px solid rgb(105, 105, 105)= ; width: 30px; height: inherit; } .mceContentBody #kl_wrapper_3.kl_colored_headings #kl_modules.kl_modules_ta= bbed li i, .mceContentBody #kl_wrapper_3.kl_colored_headings_box_left #kl_m= odules.kl_modules_tabbed li i { margin: 0px 10px 0px 0px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default), #kl_wr= apper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default) { po= sition: relative; background-color: rgb(116, 116, 116); border-top: 5px sol= id rgb(78, 78, 78); color: rgb(255, 255, 255); font-family: "Helvetica Neue= ", Helvetica, Arial, sans-serif; font-size: 18px; letter-spacing: 3px; line= -height: 18px; margin: 10px -20px 20px; text-align: center; text-transform:= uppercase; padding: 10px 55px; min-height: 23px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default):first-c= hild, #kl_wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-d= efault):first-child { margin-top: -21px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) i, #kl_= wrapper_3.kl_colored_headings_box_left > div > h3 i { position: absolute; b= ackground-color: rgb(255, 255, 255); color: rgb(105, 105, 105); display: bl= ock; font-size: 18px; height: 28px; line-height: 30px; text-align: center; = width: 30px; top: 5px; left: 10px; border-bottom: 4px solid rgb(105, 105, 1= 05); } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) i::befo= re, #kl_wrapper_3.kl_colored_headings_box_left h3:not(.ui-state-default) i:= :before { font-size: 18px; line-height: 30px; } #kl_wrapper_3.kl_colored_headings #kl_introduction, #kl_wrapper_3.kl_colore= d_headings_box_left #kl_introduction { margin: 10px 0px; } #kl_wrapper_3.kl_colored_headings #kl_introduction p:first-child, #kl_wrapp= er_3.kl_colored_headings_box_left #kl_introduction p:first-child { font-siz= e: 21px; font-weight: 200; line-height: 30px; } #kl_wrapper_3.kl_colored_headings #kl_objectives h3:not(.ui-state-default),= #kl_wrapper_3.kl_colored_headings_box_left #kl_objectives h3:not(.ui-state= -default) { background-color: rgb(51, 124, 172); border-top: 5px solid rgb(= 27, 83, 120); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings #kl_readings h3:not(.ui-state-default), #= kl_wrapper_3.kl_colored_headings_box_left #kl_readings h3:not(.ui-state-def= ault) { background-color: rgb(210, 69, 54); border-top: 5px solid rgb(174, = 50, 37); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings #kl_lectures h3:not(.ui-state-default), #= kl_wrapper_3.kl_colored_headings_box_left #kl_lectures h3:not(.ui-state-def= ault) { background-color: rgb(40, 131, 78); border-top: 5px solid rgb(23, 1= 08, 59); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings #kl_activities h3:not(.ui-state-default),= #kl_wrapper_3.kl_colored_headings_box_left #kl_activities h3:not(.ui-state= -default) { background-color: rgb(191, 89, 0); border-top: 5px solid rgb(14= 5, 58, 1); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings #kl_assignments h3:not(.ui-state-default)= , #kl_wrapper_3.kl_colored_headings_box_left #kl_assignments h3:not(.ui-sta= te-default) { background-color: rgb(155, 89, 182); border-top: 5px solid rg= b(142, 68, 173); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings_box_left h4, #kl_wrapper_3.kl_colored_hea= dings h4 { border-bottom: 1px solid rgb(224, 224, 224); color: rgb(0, 0, 0)= ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1= 8px; letter-spacing: 3px; margin: 40px 0px 20px; text-transform: uppercase;= } #kl_wrapper_3.kl_colored_headings_box_left h5, #kl_wrapper_3.kl_colored_hea= dings h5 { border-bottom: 1px solid rgb(224, 224, 224); color: rgb(0, 0, 0)= ; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1= 6px; letter-spacing: 3px; margin: 40px 0px 20px; } #kl_wrapper_3.kl_colored_headings .link_holder img, #kl_wrapper_3.kl_colore= d_headings_box_left .link_holder img { background: none; border: none; } #kl_wrapper_3.kl_colored_headings .well, #kl_wrapper_3.kl_colored_headings_= box_left .well { background-color: rgb(245, 245, 245); border-radius: 4px; = border: 1px solid rgb(227, 227, 227); box-shadow: rgba(0, 0, 0, 0.05) 0px 1= px 1px inset; margin-bottom: 20px; min-height: 20px; padding: 19px; } @media screen and (min-width: 520px) { #kl_wrapper_3.kl_colored_headings #kl_banner #kl_banner_right { font-size= : 35px; } #kl_wrapper_3.kl_colored_headings #kl_banner .kl_subtitle { font-size: 20= px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default), #kl_= wrapper_3.kl_colored_headings_box_left > div > h3:not(.ui-state-default) { = position: relative; font-size: 22px; letter-spacing: 3px; line-height: 30px= ; padding: 10px 20px 10px 55px; min-height: 48px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) i, #k= l_wrapper_3.kl_colored_headings_box_left > div > h3 i { font-size: 20px; he= ight: 35px; line-height: 35px; text-align: center; width: 35px; top: 7px; b= order-bottom-width: 2px; } #kl_wrapper_3.kl_colored_headings > div > h3:not(.ui-state-default) i::be= fore, #kl_wrapper_3.kl_colored_headings_box_left h3:not(.ui-state-default) = i::before { font-size: 20px; line-height: 35px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings #kl_nav= igation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_head= ings_box_left #kl_navigation > ul { padding-bottom: 0px; display: inline-bl= ock; float: left; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings #kl_nav= igation li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headin= gs_box_left #kl_navigation li { display: inline-block; width: 50%; float: l= eft; } } @media screen and (min-width: 650px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings_box_lef= t #kl_banner #kl_banner_left { position: absolute; top: 10px; left: 10px; m= in-width: 115px; border-bottom-width: 10px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings_box_lef= t #kl_banner #kl_banner_right, body:not(.course-menu-expanded) #kl_wrapper_= 3.kl_colored_headings_box_left #kl_banner #kl_description, body:not(.course= -menu-expanded) #kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_s= ubtitle { padding: 3px 10px 3px 185px; margin: 0px; text-align: left; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings_box_lef= t #kl_banner #kl_banner_left .kl_mod_num, body:not(.course-menu-expanded) #= kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left .kl_mo= d_text { width: 100%; padding: 2px 0px 1px; display: block; font-size: 24px= ; line-height: 26px; text-align: center; } } @media screen and (min-width: 800px) { body.course-menu-expanded #kl_wrapper_3.kl_colored_headings #kl_navigatio= n > ul, body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_lef= t #kl_navigation > ul { padding-bottom: 0px; display: inline-block; float: = left; } body.course-menu-expanded #kl_wrapper_3.kl_colored_headings #kl_navigatio= n li, body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left = #kl_navigation li { display: inline-block; width: 50%; float: left; } } @media screen and (min-width: 1050px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings #kl_nav= igation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_head= ings_box_left #kl_navigation > ul { display: table; table-layout: fixed; ov= erflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headings #kl_nav= igation li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_colored_headin= gs_box_left #kl_navigation li { display: table-cell; font-size: 1.2em; floa= t: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left #kl_= banner #kl_banner_left { position: absolute; top: 10px; left: 10px; min-wid= th: 115px; border-bottom-width: 10px; } body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left #kl_= banner #kl_banner_right, body.course-menu-expanded #kl_wrapper_3.kl_colored= _headings_box_left #kl_banner #kl_description, body.course-menu-expanded #k= l_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle { padding:= 3px 10px 3px 185px; margin: 0px; text-align: left; } body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left #kl_= banner #kl_banner_left .kl_mod_num, body.course-menu-expanded #kl_wrapper_3= .kl_colored_headings_box_left #kl_banner #kl_banner_left .kl_mod_text { wid= th: 100%; padding: 2px 0px 1px; display: block; font-size: 24px; line-heigh= t: 26px; text-align: center; } } @media screen and (min-width: 1140px) { body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation > u= l, body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_navi= gation > ul { padding-bottom: 0px; display: inline-block; float: left; } body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation li,= body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_naviga= tion li { display: inline-block; width: 50%; float: left; } } @media screen and (min-width: 1300px) { body.course-menu-expanded #kl_wrapper_3.kl_colored_headings #kl_navigatio= n > ul, body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_lef= t #kl_navigation > ul { display: table; table-layout: fixed; overflow: hidd= en; } body.course-menu-expanded #kl_wrapper_3.kl_colored_headings #kl_navigatio= n li, body.course-menu-expanded #kl_wrapper_3.kl_colored_headings_box_left = #kl_navigation li { display: table-cell; font-size: 1.2em; float: none; } body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation > u= l, body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_navi= gation > ul { padding-bottom: 0px; display: inline-block; float: left; } body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation li,= body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_naviga= tion li { display: inline-block; width: 50%; float: left; } } @media screen and (min-width: 1450px) { body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation > u= l, body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_navi= gation > ul { display: table; table-layout: fixed; overflow: hidden; } body.with-right-side #kl_wrapper_3.kl_colored_headings #kl_navigation li,= body.with-right-side #kl_wrapper_3.kl_colored_headings_box_left #kl_naviga= tion li { display: table-cell; font-size: 1.2em; float: none; } } #kl_wrapper_3.kl_emta { color: rgb(15, 36, 57); width: 100%; } #kl_wrapper_3.kl_emta > div { overflow: auto hidden; } #kl_wrapper_3.kl_emta #kl_banner h2 { display: table; width: 100%; backgrou= nd-color: rgb(15, 36, 57); color: rgb(255, 255, 255); height: 60px; margin:= 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-famil= y: "PT Sans"; } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_left { margin: 3px 5px; padding= : 0px; text-align: center; width: 70px; height: 40px; border-right: 2px sol= id rgb(255, 255, 255); display: table-cell; } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_text { display: no= ne; } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_num { display: blo= ck; background: url("6a65d14ab795270b9e2a7f87d5720e1f.png") 0px 0px / conta= in no-repeat; width: 50px; height: 50px; color: rgb(15, 36, 57); margin: 0p= x auto; font-size: 18px; font-weight: 700; padding-top: 6px; line-height: 3= 7px; } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_right { display: table-cell; pa= dding: 10px; } #kl_wrapper_3.kl_emta #kl_banner { background: rgb(202, 205, 207); border-r= adius: 5px; margin-bottom: 10px; } #kl_wrapper_3.kl_emta #kl_banner .kl_subtitle { margin: 0px; padding: 5px 1= 2px; font-size: 18px; } #kl_wrapper_3.kl_emta #kl_banner #kl_description { background: rgb(15, 36, = 57); color: rgb(255, 255, 255); margin: 0px 10px 10px; padding: 5px 10px; b= order-radius: 5px; } #kl_wrapper_3.kl_emta #kl_banner_image img { border: none; padding: 0px; bo= rder-radius: 5px; } #kl_wrapper_3.kl_emta h3:not(.ui-state-default) { color: rgb(15, 36, 57); b= ackground: rgb(202, 205, 207); font-family: "PT Sans", Helvetica, Arial, sa= ns-serif; margin: 20px 0px; border-radius: 5px; padding: 0px 10px; line-hei= ght: 40px; } #kl_wrapper_3.kl_emta h3:not(.ui-state-default) i { margin: 0px 10px 0px 0p= x; } #kl_wrapper_3.kl_emta #kl_navigation { width: 100%; margin: 5px 0px; } #kl_wrapper_3.kl_emta #kl_navigation > ul { display: table; table-layout: f= ixed; width: 100%; background-color: rgb(15, 36, 57); color: rgb(255, 255, = 255); overflow: hidden; margin: 5px 0px; border-radius: 5px; padding: 0px; = } #kl_wrapper_3.kl_emta #kl_navigation li { font-size: 1.2em; font-weight: 40= 0; list-style-type: none; padding: 12px 10px; white-space: nowrap; overflow= : hidden; text-overflow: ellipsis; display: block; } #kl_wrapper_3.kl_emta #kl_navigation li i { margin-right: 10px; } #kl_wrapper_3.kl_emta #kl_navigation li a, #kl_wrapper_3.kl_emta #kl_naviga= tion li a:focus, #kl_wrapper_3.kl_emta #kl_navigation li a:hover, #kl_wrapp= er_3.kl_emta #kl_navigation li a:visited { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_emta #kl_modules { border: 1px solid rgb(87, 87, 87); bord= er-radius: 5px; margin: 5px 0px; } #kl_wrapper_3.kl_emta #kl_modules .kl_module_content { background: rgb(255,= 255, 255); } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_emta #kl_navigation > ul= { padding-bottom: 0px; display: inline-block; float: left; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_emta #kl_navigation li {= border-radius: 5px; display: inline-block; width: 44%; float: left; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_emta #kl_navigation > ul { pad= ding-bottom: 0px; display: inline-block; float: left; } body.course-menu-expanded #kl_wrapper_3.kl_emta #kl_navigation li { paddi= ng: 12px 22px 12px 10px; border-radius: 5px; display: inline-block; width: = 44%; float: left; } } @media screen and (min-width: 900px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_emta #kl_navigation > ul= { display: table; table-layout: fixed; overflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_emta #kl_navigation li {= display: table-cell; font-size: 1.2em; padding: 12px 22px 12px 10px; width= : 44%; float: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_emta #kl_navigation > ul { dis= play: table; table-layout: fixed; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_emta #kl_navigation li { displ= ay: table-cell; font-size: 1.2em; padding: 12px 22px 12px 10px; width: 44%;= float: none; } } #kl_wrapper_3.kl_flat_sections_main #kl_banner { background: rgb(30, 87, 15= 3); color: rgb(255, 255, 255); margin-bottom: 5px; padding: 0px 0px 7px; po= sition: relative; overflow: visible; } #kl_wrapper_3.kl_flat_sections_main #kl_banner h2 { margin: 0px; text-trans= form: uppercase; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left .kl_mod_text= { display: block; padding: 21px 0px 0px; text-align: center; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left .kl_mod_num = { display: block; padding: 0px 0px 21px; text-align: center; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left { background= -color: rgb(255, 255, 255); border-radius: 50px; color: rgb(105, 105, 105);= display: inline-block; font-size: 0.9em; left: 12px; top: 10px; line-heigh= t: 30px; overflow: hidden; position: absolute; height: 100px; width: 100px;= } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_right { display: = block; font-size: 1em; padding: 10px 10px 10px 125px; min-height: 85px; } #kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle { display: bloc= k; font-size: medium; line-height: 20px; margin: 10px; background: rgb(255,= 255, 255); color: rgb(0, 0, 0); padding: 5px 15px; border-radius: 20px; te= xt-align: center; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description { padding: 5= px 15px; border-top: 2px solid rgb(255, 255, 255); margin-top: 10px; } @media screen and (min-width: 600px) { #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_right { min-hei= ght: 0px; } #kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle { margin: 0px= 63px 25px; padding: 5px 50px 5px 62px; text-align: left; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description { padding:= 10px 50px 10px 125px; } } #kl_wrapper_3.kl_flat_sections #kl_banner { background: rgb(30, 87, 153); p= adding: 20px 0px; color: rgb(255, 255, 255); margin: 0px 0px 10px; overflow= : visible; } #kl_wrapper_3.kl_flat_sections #kl_banner h2 { text-transform: uppercase; t= ext-align: center; border-top: 1px solid rgb(255, 255, 255); margin: 0px; } #kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_left { display: block;= background-color: rgb(255, 255, 255); font-size: 18px; line-height: 30px; = width: 250px; margin: -15px auto 10px; border-radius: 30px; color: rgb(105,= 105, 105); } #kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_right { font-size: 22p= x; margin: 5px; display: block; } #kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle { display: block; fo= nt-size: 16px; line-height: 16px; margin: 0px; text-transform: uppercase; t= ext-align: center; border-top: 1px solid; padding: 10px; background: rgb(25= 5, 255, 255); color: rgb(105, 105, 105); } #kl_wrapper_3.kl_flat_sections #kl_banner #kl_description { display: block;= font-size: 18px; line-height: 20px; margin: 10px 10px -10px; padding: 10px= ; background: rgb(255, 255, 255); color: rgb(105, 105, 105); } #kl_wrapper_3.kl_flat_sections, #kl_wrapper_3.kl_flat_sections_main { font-= size: 16px; } #kl_wrapper_3.kl_flat_sections #kl_banner_image, #kl_wrapper_3.kl_flat_sect= ions_main #kl_banner_image { padding: 0px; margin-bottom: 5px; background: = rgb(255, 255, 255); } #kl_wrapper_3.kl_flat_sections #kl_banner_image img, #kl_wrapper_3.kl_flat_= sections_main #kl_banner_image img { border: none; padding: 0px 0px 3px; } #kl_wrapper_3.kl_flat_sections #kl_progress_bar, #kl_wrapper_3.kl_flat_sect= ions_main #kl_progress_bar { background: rgb(255, 255, 255); padding: 5px; = margin: 25px 0px 40px; } #kl_wrapper_3.kl_flat_sections #kl_navigation, #kl_wrapper_3.kl_flat_sectio= ns_main #kl_navigation { margin: 0px 0px 10px; overflow: hidden; padding: 0= px; } #kl_wrapper_3.kl_flat_sections #kl_navigation > ul, #kl_wrapper_3.kl_flat_s= ections_main #kl_navigation > ul { background-color: rgb(30, 87, 153); marg= in: 0px; color: rgb(255, 255, 255); overflow: hidden; list-style-type: none= ; } #kl_wrapper_3.kl_flat_sections #kl_navigation li, #kl_wrapper_3.kl_flat_sec= tions_main #kl_navigation li { font-size: 1.2em; font-weight: 400; list-sty= le-type: none; white-space: nowrap; overflow: hidden; text-overflow: ellips= is; } #kl_wrapper_3.kl_flat_sections #kl_navigation li a, #kl_wrapper_3.kl_flat_s= ections #kl_navigation li a:visited, #kl_wrapper_3.kl_flat_sections_main #k= l_navigation li a, #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:= visited { padding: 5px 15px; display: block; color: rgb(255, 255, 255); } #kl_wrapper_3.kl_flat_sections #kl_navigation li a:focus, #kl_wrapper_3.kl_= flat_sections #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections_mai= n #kl_navigation li a:focus, #kl_wrapper_3.kl_flat_sections_main #kl_naviga= tion li a:hover { background: rgb(68, 68, 68); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_flat_sections #kl_navigation i, #kl_wrapper_3.kl_flat_sect= ions_main #kl_navigation i { display: inline-block; background: rgb(255, 25= 5, 255); text-align: center; border-radius: 20px; color: rgb(105, 105, 105)= ; margin-right: 8px; border: 1px solid rgb(105, 105, 105); width: 30px; hei= ght: 30px; line-height: 30px; } #kl_wrapper_3.kl_flat_sections #kl_navigation i::before, #kl_wrapper_3.kl_f= lat_sections_main #kl_navigation i::before { line-height: 30px; font-size: = 1em; } #kl_wrapper_3.kl_flat_sections #kl_modules div.kl_module_content h3, #kl_wr= apper_3.kl_flat_sections_main #kl_modules div.kl_module_content h3 { margin= -top: 25px; } #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default), #kl_wrapper_= 3.kl_flat_sections h3:not(.ui-state-default) { color: rgb(0, 0, 0); border-= top: 1px solid rgb(224, 224, 224); text-align: center; font-family: "Helvet= ica Neue", Helvetica, Arial, sans-serif; font-size: 22px; letter-spacing: 3= px; text-transform: uppercase; margin-top: 15px; } #kl_wrapper_3.kl_flat_sections > div > i, #kl_wrapper_3.kl_flat_sections_ma= in > div > i { color: rgb(105, 105, 105); display: block; margin: 0px auto;= text-align: center; border: 1px solid rgb(224, 224, 224); width: 50px; bor= der-radius: 50px; height: 50px; line-height: 50px; background: rgb(255, 255= , 255); font-size: 25px; position: relative; padding-left: 3px; } #kl_wrapper_3.kl_flat_sections > div > i::before, #kl_wrapper_3.kl_flat_sec= tions_main > div > i::before, #kl_wrapper_3.kl_flat_sections_main h3:not(.u= i-state-default) i::before, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state= -default) i::before { font-size: 25px; line-height: 50px; } #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default) i:first-child= , #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:first-child { = color: rgb(105, 105, 105); display: block; margin: -25px auto 0px; text-ali= gn: center; border: 1px solid rgb(224, 224, 224); width: 50px; border-radiu= s: 50px; height: 50px; line-height: 50px; background: rgb(255, 255, 255); f= ont-size: 25px; position: relative; padding-left: 3px; } #kl_wrapper_3.kl_flat_sections_main h4, #kl_wrapper_3.kl_flat_sections h4 {= color: rgb(0, 0, 0); border-bottom: 1px solid rgb(224, 224, 224); font-fam= ily: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 18px; lette= r-spacing: 3px; text-transform: uppercase; margin: 40px 0px 20px; } #kl_wrapper_3.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat_sections h5 {= color: rgb(0, 0, 0); border-bottom: 1px solid rgb(224, 224, 224); font-fam= ily: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; lette= r-spacing: 3px; margin: 40px 0px 20px; } #kl_wrapper_3.kl_flat_sections > div, #kl_wrapper_3.kl_flat_sections_main >= div { padding: 20px 20px 30px; font-size: 16px; overflow: auto hidden; } body.kl_app_css #kl_wrapper_3.kl_flat_sections > div, body.kl_app_css #kl_w= rapper_3.kl_flat_sections_main > div { padding: 10px 10px 20px; font-size: = 16px; overflow: auto hidden; } #kl_wrapper_3.kl_flat_sections > div:nth-child(2n+1), #kl_wrapper_3.kl_flat= _sections_main > div:nth-child(2n+1) { background: rgb(248, 248, 248); } #kl_wrapper_3.kl_flat_sections > div:nth-child(2n+1) .context_module, #kl_w= rapper_3.kl_flat_sections_main > div:nth-child(2n+1) .context_module { back= ground: rgb(255, 255, 255); } #kl_wrapper_3.kl_flat_sections .well, #kl_wrapper_3.kl_flat_sections_main .= well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-col= or: rgb(245, 245, 245); border: 1px solid rgb(227, 227, 227); border-radius= : 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } #kl_wrapper_3.kl_flat_sections #kl_introduction p:first-child, #kl_wrapper_= 3.kl_flat_sections_main #kl_introduction p:first-child { font-size: 21px; f= ont-weight: 200; line-height: 30px; } #kl_wrapper_3.kl_flat_sections_main blockquote, #kl_wrapper_3.kl_flat_secti= ons blockquote { border-left: 5px solid rgb(224, 224, 224); } @media screen and (min-width: 800px) { body.course-menu-expanded #kl_wrapper_3.kl_flat_sections #kl_navigation l= i, body.course-menu-expanded #kl_wrapper_3.kl_flat_sections_main #kl_naviga= tion li { display: block; width: 50%; float: left; } #kl_wrapper_3.kl_flat_sections #kl_banner #kl_banner_right, #kl_wrapper_3= .kl_flat_sections_main #kl_banner #kl_banner_right { font-size: 30px; } #kl_wrapper_3.kl_flat_sections #kl_banner .kl_subtitle, #kl_wrapper_3.kl_= flat_sections_main #kl_banner .kl_subtitle { font-size: 20px; line-height: = 20px; } #kl_wrapper_3.kl_flat_sections #kl_banner #kl_description, #kl_wrapper_3.= kl_flat_sections_main #kl_banner #kl_description { font-size: 18px; line-he= ight: 20px; } } @media screen and (min-width: 1200px) { body.course-menu-expanded #kl_wrapper_3.kl_flat_sections #kl_navigation >= ul, body.course-menu-expanded #kl_wrapper_3.kl_flat_sections_main #kl_navi= gation > ul { display: table; table-layout: fixed; overflow: hidden; width:= 100%; } body.course-menu-expanded #kl_wrapper_3.kl_flat_sections #kl_navigation l= i, body.course-menu-expanded #kl_wrapper_3.kl_flat_sections_main #kl_naviga= tion li { display: table-cell; width: 100%; float: none; } body.with-right-side #kl_wrapper_3.kl_flat_sections #kl_navigation li, bo= dy.with-right-side #kl_wrapper_3.kl_flat_sections_main #kl_navigation li { = display: block; width: 50%; float: left; } } @media screen and (min-width: 600px) { #kl_wrapper_3.kl_flat_sections > div, #kl_wrapper_3.kl_flat_sections_main= > div { padding: 20px 40px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections #kl_naviga= tion li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections_mai= n #kl_navigation li { display: block; width: 50%; float: left; } } @media screen and (min-width: 1000px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections #kl_naviga= tion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections_m= ain #kl_navigation > ul { display: table; table-layout: fixed; overflow: hi= dden; width: 100%; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections #kl_naviga= tion li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_flat_sections_mai= n #kl_navigation li { display: table-cell; width: 100%; float: none; } } @media screen and (min-width: 1450px) { body.with-right-side #kl_wrapper_3.kl_flat_sections #kl_navigation li, bo= dy.with-right-side #kl_wrapper_3.kl_flat_sections_main #kl_navigation li { = display: table-cell; width: 100%; float: none; } } #kl_wrapper_3.kl_generic #kl_banner { margin: 0px; } #kl_wrapper_3.kl_generic .kl_subtitle { font-size: 16px; display: block; li= ne-height: 15px; } #kl_wrapper_3.kl_generic h3:not(.ui-state-default) i { margin-right: 10px; = } #kl_wrapper_3.kl_generic #kl_navigation { margin: 5px 0px; } #kl_wrapper_3.kl_generic #kl_navigation > ul { display: table; table-layout= : fixed; overflow: hidden; margin: 0px; width: 100%; } #kl_wrapper_3.kl_generic #kl_navigation li { font-size: 1.2em; font-weight:= 400; list-style-type: none; padding: 0px; white-space: nowrap; overflow: h= idden; text-overflow: ellipsis; display: block; } #kl_wrapper_3.kl_generic #kl_navigation li a { display: block; padding: 5px= 0px; } #kl_wrapper_3.kl_generic #kl_navigation li i { margin-right: 10px; } #kl_wrapper_3.kl_generic > div { overflow: auto hidden; } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_generic #kl_navigation >= ul { padding-bottom: 0px; display: inline-block; float: left; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_generic #kl_navigation l= i { border-radius: 5px; display: inline-block; width: 50%; float: left; } } @media screen and (min-width: 850px) { body.course-menu-expanded #kl_wrapper_3.kl_generic #kl_navigation > ul { = padding-bottom: 0px; display: inline-block; float: left; } body.course-menu-expanded #kl_wrapper_3.kl_generic #kl_navigation li { bo= rder-radius: 5px; display: inline-block; width: 50%; float: left; } } @media screen and (min-width: 900px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_generic #kl_navigation >= ul { display: table; table-layout: fixed; overflow: hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_generic #kl_navigation l= i { display: table-cell; font-size: 1.2em; float: none; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_generic #kl_navigation > ul { = display: table; table-layout: fixed; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_generic #kl_navigation li { di= splay: table-cell; font-size: 1.2em; float: none; } } #kl_wrapper_3.kl_ribbons_main > div { overflow: auto hidden; } #kl_wrapper_3.kl_ribbons_main #kl_banner { overflow: visible; margin-bottom= : 10px; } #kl_wrapper_3.kl_ribbons_main #kl_banner h2 { margin: 0px; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left { background: rgb(= 84, 84, 84); color: rgb(255, 255, 255); display: block; font-size: 16px; li= ne-height: 29px; padding: 0px 10px; text-transform: uppercase; text-align: = center; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right { background: rgb= a(255, 255, 255, 0.65); display: block; text-align: center; font-size: 20px= ; transition: all 0.5s ease-in-out 0s; padding: 5px 10px; border-bottom: 1p= x solid rgb(185, 185, 185); } #kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle { background: rgba(25= 5, 255, 255, 0.65); border: 1px solid rgb(185, 185, 185); display: block; f= ont-size: 16px; line-height: 25px; text-transform: uppercase; text-align: c= enter; padding: 0px 10px; margin: 5px 0px 0px; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description { padding: 10px; b= order: 4px double rgb(185, 185, 185); background: rgba(255, 255, 255, 0.8);= margin: 10px 0px; } #kl_wrapper_3.kl_ribbons_main #kl_navigation { margin: 0px; padding-bottom:= 10px; position: relative; overflow: hidden; left: 0px; } #kl_wrapper_3.kl_ribbons_main #kl_navigation > ul { display: block; list-st= yle: none; margin: 0px; padding: 0px; } #kl_wrapper_3.kl_ribbons_main #kl_navigation a i { background: rgb(84, 84, = 84); color: rgb(255, 255, 255); font-size: 14px; height: 24px; line-height:= 24px; margin: 2px 8px 2px 2px; padding: 0px; text-align: center; width: 25= px; transition: all 0.5s ease-in-out 0s; } #kl_wrapper_3.kl_ribbons_main #kl_navigation a i::before { line-height: 20p= x; } #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { transition: all 0.5s ea= se-in-out 0s; background: rgba(255, 255, 255, 0.8); color: rgb(84, 84, 84);= display: block; font-size: 14px; letter-spacing: 0.1em; line-height: 27px;= padding: 0px 35px 0px 0px; white-space: nowrap; text-overflow: ellipsis; t= ext-transform: lowercase; border: 1px solid rgb(185, 185, 185); } #kl_wrapper_3.kl_ribbons_main #kl_navigation li { margin: 2px 0px; } #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) { background: url("= https://designtools.ciditools.com/css/images/ribbon_right.png") 100% center= / contain no-repeat rgb(15, 36, 57); color: rgb(255, 255, 255); display: i= nline-block; font-family: "PT Sans", Helvetica, Arial, sans-serif; font-siz= e: 16px; font-weight: 700; line-height: 34px; margin: 5px 0px 20px; padding= : 0px 80px 0px 10px; } #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i { background: rgb= (255, 255, 255); color: rgb(15, 36, 57); width: 27px; height: 27px; text-al= ign: center; display: inline-block; padding-top: 3px; margin: 4px 10px 4px = 0px; } #kl_wrapper_3.kl_ribbons_main > div > i { background: url("https://designto= ols.ciditools.com/css/images/ribbon_right.png") 100% center / contain no-re= peat rgb(15, 36, 57); color: rgb(255, 255, 255); display: inline-block; fon= t-size: 16px; font-weight: 700; height: 34px; width: inherit; margin: 5px 1= 0px 5px 0px; padding: 0px 25px 0px 10px; line-height: 34px; } #kl_wrapper_3.kl_ribbons_main > div > i, #kl_wrapper_3.kl_ribbons_main > di= v > i[class*=3D"icon-"]::before, #kl_wrapper_3.kl_ribbons_main h3:not(.ui-s= tate-default) i, #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i[= class*=3D"icon-"]::before { font-size: 20px; } #kl_wrapper_3.kl_ribbons_main > div > i, #kl_wrapper_3.kl_ribbons_main > di= v > i[class*=3D"icon-"]::before { line-height: 34px; } #kl_wrapper_3.kl_ribbons_main #kl_modules .kl_module_content, #kl_wrapper_3= .kl_ribbons_main #kl_modules .ui-tabs-panel, #kl_wrapper_3.kl_ribbons_main = .kl_quick_check { background: rgb(255, 255, 255); } @media screen and (min-width: 500px) { #kl_wrapper_3.kl_ribbons_main #kl_navigation li { float: left; width: 50%= ; height: 29px; } #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { margin: 1px; } } @media screen and (min-width: 950px) { body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation { = margin-top: 0px; position: relative; padding: 0px; overflow: visible; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation > = ul { width: 100%; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= a { margin: 0px; border: none; background: rgb(255, 255, 255); position: a= bsolute; right: 0px; top: 0px; text-align: right; font-size: 14px; line-hei= ght: 30px; padding: 0px 26px 0px 15px; width: auto; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a = i { height: 20px; line-height: 20px; transform: rotate(90deg); position: ab= solute; right: -10px; text-align: center; top: 3px; width: 24px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a:= :after { content: ""; position: absolute; border-width: 22px 0px 22px 20px;= border-top-style: solid; border-bottom-style: solid; border-top-color: rgb= (255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-image: ini= tial; border-left-style: solid; border-left-color: transparent; border-righ= t-style: initial; border-right-color: initial; z-index: -1; top: 0px; left:= -20px; transition: all 0.5s ease-in-out 0s; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= { float: none; transform: rotate(270deg); width: 200px; padding: 0px; posi= tion: absolute; top: 101px; margin: 0px; height: 0px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= a:focus, body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navig= ation li a:hover { padding: 0px 40px 0px 35px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_0 { left: -90px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_1 { left: -56px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_2 { left: -22px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_3 { left: 12px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_4 { left: 46px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_5 { left: 80px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_6 { left: 114px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_7 { left: 148px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_0 a::after, body.course-menu-expanded #kl_wrapper_3.kl_ribbons= _main #kl_navigation li#kl_nav_item_1 a::after { border-bottom-width: 15px;= border-left-width: 20px; border-top-width: 15px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_2 a::after { border-bottom-width: 19px; border-left-width: 15p= x; border-top-width: 11px; left: -15px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_3 a::after { border-bottom-width: 11px; border-left-width: 13p= x; border-top-width: 19px; left: -13px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_4 a::after { border-width: 12px 0px 18px 13px; left: -13px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_5 a::after { border-width: 15px 0px 15px 10px; left: -10px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_6 a::after { border-width: 18px 0px 12px 19px; left: -19px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= #kl_nav_item_7 a::after { border-width: 15px 0px 15px 15px; left: -15px; } } @media screen and (min-width: 970px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li { float: none; width: 100%; height: 29px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = { position: absolute; overflow: visible; margin: 0px 0px 0px 202px; top: 30= px; left: 0px; right: 0px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_banner_right { text-align: right; margin: 2px; border: none; font-size:= 26px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = .kl_subtitle { text-align: right; border: none; margin: 2px; padding: 10px;= } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_description { background-clip: padding-box; margin-right: 2px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion { margin: 0px; padding: 0px; height: 1px; position: relative; overflow:= visible; left: 0px; width: 200px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_banner_left { position: absolute; right: 0px; top: -29px; } } @media screen and (max-width: 969px) and (min-width: 800px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion { margin-top: 0px; position: relative; padding: 0px; overflow: visible;= } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion > ul { width: 100%; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a { margin: 0px; border: none; background: rgb(255, 255, 255); posit= ion: absolute; right: 0px; top: 0px; text-align: right; font-size: 14px; li= ne-height: 30px; padding: 0px 26px 0px 15px; width: auto; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a i { height: 20px; line-height: 20px; transform: rotate(90deg); positi= on: absolute; right: -10px; text-align: center; top: 3px; width: 24px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a::after { content: ""; position: absolute; border-width: 22px 0px 22px= 20px; border-top-style: solid; border-bottom-style: solid; border-top-colo= r: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-imag= e: initial; border-left-style: solid; border-left-color: transparent; borde= r-right-style: initial; border-right-color: initial; z-index: -1; top: 0px;= left: -20px; transition: all 0.5s ease-in-out 0s; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li { float: none; transform: rotate(270deg); width: 200px; padding: 0px= ; position: absolute; top: 101px; margin: 0px; height: 0px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a:focus, body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_ma= in #kl_navigation li a:hover { padding: 0px 40px 0px 35px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_0 { left: -90px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_1 { left: -56px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_2 { left: -22px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_3 { left: 12px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_4 { left: 46px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_5 { left: 80px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_6 { left: 114px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_7 { left: 148px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_0 a::after, body:not(.course-menu-expanded) #kl_wrapper_= 3.kl_ribbons_main #kl_navigation li#kl_nav_item_1 a::after { border-bottom-= width: 15px; border-left-width: 20px; border-top-width: 15px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_2 a::after { border-bottom-width: 19px; border-left-widt= h: 15px; border-top-width: 11px; left: -15px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_3 a::after { border-bottom-width: 11px; border-left-widt= h: 13px; border-top-width: 19px; left: -13px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_4 a::after { border-width: 12px 0px 18px 13px; left: -13= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_5 a::after { border-width: 15px 0px 15px 10px; left: -10= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_6 a::after { border-width: 18px 0px 12px 19px; left: -19= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_7 a::after { border-width: 15px 0px 15px 15px; left: -15= px; } } @media screen and (min-width: 1000px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = { position: absolute; overflow: visible; left: 0px; right: 0px; margin: 0px= ; top: 50px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_banner_right { padding: 5px 10px 5px 290px; font-size: 30px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_banner_left { top: -49px; font-size: 20px; padding: 5px 10px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = .kl_subtitle { padding: 5px 10px 5px 290px; font-size: 18px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_banner = #kl_description { margin-left: 282px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion { margin-top: 0px; position: relative; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion > ul { width: 100%; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a { margin: 0px; border: none; background: rgb(255, 255, 255); posit= ion: absolute; right: 0px; top: 0px; text-align: right; font-size: 14px; li= ne-height: 30px; padding: 0px 26px 0px 15px; width: auto; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a i { height: 20px; line-height: 20px; transform: rotate(90deg); positi= on: absolute; right: -10px; text-align: center; top: 3px; width: 24px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a::after { content: ""; position: absolute; border-width: 22px 0px 22px= 20px; border-top-style: solid; border-bottom-style: solid; border-top-colo= r: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-imag= e: initial; border-left-style: solid; border-left-color: transparent; borde= r-right-style: initial; border-right-color: initial; z-index: -1; top: 0px;= left: -20px; transition: all 0.5s ease-in-out 0s; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li { float: none; transform: rotate(270deg); width: 200px; padding: 0px= ; position: absolute; top: 101px; margin: 0px; height: 0px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a:focus, body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_ma= in #kl_navigation li a:hover { padding: 0px 40px 0px 35px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_0 { left: -90px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_1 { left: -56px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_2 { left: -22px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_3 { left: 12px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_4 { left: 46px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_5 { left: 80px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_6 { left: 114px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_7 { left: 148px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_0 a::after, body:not(.course-menu-expanded) #kl_wrapper_= 3.kl_ribbons_main #kl_navigation li#kl_nav_item_1 a::after { border-bottom-= width: 15px; border-left-width: 20px; border-top-width: 15px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_2 a::after { border-bottom-width: 19px; border-left-widt= h: 15px; border-top-width: 11px; left: -15px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_3 a::after { border-bottom-width: 11px; border-left-widt= h: 13px; border-top-width: 19px; left: -13px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_4 a::after { border-width: 12px 0px 18px 13px; left: -13= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_5 a::after { border-width: 15px 0px 15px 10px; left: -10= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_6 a::after { border-width: 18px 0px 12px 19px; left: -19= px; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li#kl_nav_item_7 a::after { border-width: 15px 0px 15px 15px; left: -15= px; } } @media screen and (min-width: 1160px) { body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner { marg= in: 0px 0px 0px 202px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_ba= nner_right { text-align: right; margin: 2px; border: none; font-size: 26px;= } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner .kl_su= btitle { text-align: right; border: none; margin: 2px; padding: 10px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_de= scription { background-clip: padding-box; margin-right: 2px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation { = margin: 0px; padding: 0px; height: 1px; position: relative; overflow: visib= le; left: 0px; width: 200px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_ba= nner_left { position: absolute; right: 0px; top: -29px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner { posi= tion: absolute; overflow: visible; left: 0px; right: 0px; margin: 0px; top:= 50px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_ba= nner_right { padding: 5px 10px 5px 290px; font-size: 30px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_ba= nner_left { top: -49px; font-size: 20px; padding: 5px 10px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner .kl_su= btitle { padding: 5px 10px 5px 290px; font-size: 18px; } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_de= scription { margin-left: 282px; } } #kl_wrapper_3.kl_rounded_inset #kl_banner, #kl_wrapper_3.kl_rounded_inset_1= #kl_banner, #kl_wrapper_3.kl_rounded_inset_2 #kl_banner, #kl_wrapper_3.kl_= rounded_inset_3 #kl_banner { position: relative; padding: 6px 0px; } #kl_wrapper_3.kl_rounded_inset > div, #kl_wrapper_3.kl_rounded_inset_1 > di= v, #kl_wrapper_3.kl_rounded_inset_2 > div, #kl_wrapper_3.kl_rounded_inset_3= > div { margin: 0px 0px 20px; overflow: auto hidden; } #kl_wrapper_3.kl_rounded_inset_1 h2, #kl_wrapper_3.kl_rounded_inset_2 h2, #= kl_wrapper_3.kl_rounded_inset_3 h2, #kl_wrapper_3.kl_rounded_inset h2 { dis= play: table; max-width: 90%; border-top-right-radius: 20px; border-bottom-r= ight-radius: 20px; border-top: 1px solid rgb(138, 138, 138); border-right: = 1px solid rgb(138, 138, 138); border-bottom: 1px solid rgb(138, 138, 138); = border-image: initial; border-left: none; margin: 0px; font-weight: 400; ba= ckground: rgb(255, 255, 255); min-height: 40px; color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset_1 h2 > span, #kl_wrapper_3.kl_rounded_inset_= 2 h2 > span, #kl_wrapper_3.kl_rounded_inset_3 h2 > span, #kl_wrapper_3.kl_r= ounded_inset h2 > span { display: table-cell; } #kl_wrapper_3.kl_rounded_inset #kl_banner_left, #kl_wrapper_3.kl_rounded_in= set_1 #kl_banner_left, #kl_wrapper_3.kl_rounded_inset_2 #kl_banner_left, #k= l_wrapper_3.kl_rounded_inset_3 #kl_banner_left { padding: 0px 10px; border-= right: 2px solid; text-align: center; } #kl_wrapper_3.kl_rounded_inset .kl_mod_num, #kl_wrapper_3.kl_rounded_inset_= 1 .kl_mod_num, #kl_wrapper_3.kl_rounded_inset_2 .kl_mod_num, #kl_wrapper_3.= kl_rounded_inset_3 .kl_mod_num { margin-right: 7px; } #kl_wrapper_3.kl_rounded_inset #kl_banner_right, #kl_wrapper_3.kl_rounded_i= nset_1 #kl_banner_right, #kl_wrapper_3.kl_rounded_inset_2 #kl_banner_right,= #kl_wrapper_3.kl_rounded_inset_3 #kl_banner_right { padding: 0px 50px 0px = 10px; } #kl_wrapper_3.kl_rounded_inset_1 h3:not(.ui-state-default), #kl_wrapper_3.k= l_rounded_inset_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_rounded_inset= _3 h3:not(.ui-state-default), #kl_wrapper_3.kl_rounded_inset h3:not(.ui-sta= te-default) { text-transform: uppercase; border-top: 4px solid rgb(239, 239= , 239); border-right: 4px solid rgb(239, 239, 239); border-bottom: 4px soli= d rgb(239, 239, 239); border-image: initial; border-left: none; border-top-= right-radius: 25px; border-bottom-right-radius: 25px; width: 95%; padding-l= eft: 10px; background-color: rgb(255, 255, 255); line-height: 2; } #kl_wrapper_3.kl_rounded_inset .kl_module_content h3:not(.ui-state-default)= , #kl_wrapper_3.kl_rounded_inset_1 .kl_module_content h3:not(.ui-state-defa= ult), #kl_wrapper_3.kl_rounded_inset_2 .kl_module_content h3:not(.ui-state-= default), #kl_wrapper_3.kl_rounded_inset_3 .kl_module_content h3:not(.ui-st= ate-default) { margin-left: -10px; } #kl_wrapper_3.kl_rounded_inset .kl_quick_check h3:not(.ui-state-default), #= kl_wrapper_3.kl_rounded_inset_1 .kl_quick_check h3:not(.ui-state-default), = #kl_wrapper_3.kl_rounded_inset_2 .kl_quick_check h3:not(.ui-state-default),= #kl_wrapper_3.kl_rounded_inset_3 .kl_quick_check h3:not(.ui-state-default)= { margin: 0px -20px; } #kl_wrapper_3.kl_rounded_inset_1 h3:not(.ui-state-default) i, #kl_wrapper_3= .kl_rounded_inset_2 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_rounded_i= nset_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_rounded_inset h3:not(.= ui-state-default) i { margin-right: 10px; } #kl_wrapper_3.kl_rounded_inset > div > i, #kl_wrapper_3.kl_rounded_inset_1 = > div > i, #kl_wrapper_3.kl_rounded_inset_2 > div > i, #kl_wrapper_3.kl_rou= nded_inset_3 > div > i { border-top: 4px solid rgb(239, 239, 239); border-r= ight: 4px solid rgb(239, 239, 239); border-bottom: 4px solid rgb(239, 239, = 239); border-image: initial; border-left: none; border-top-right-radius: 20= px; border-bottom-right-radius: 20px; display: inline-block; padding: 10px;= width: 100px; margin: 0px 0px 10px; height: inherit; } #kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle, #kl_wrapper_3.kl_ro= unded_inset_1 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_rounded_inset_2 #kl= _banner .kl_subtitle, #kl_wrapper_3.kl_rounded_inset_3 #kl_banner .kl_subti= tle { padding: 10px 20px; font-size: 20px; line-height: 15px; text-align: r= ight; text-transform: uppercase; border-bottom: 1px solid; margin: 0px; } #kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description, #kl_wrapper_3.kl= _rounded_inset_1 #kl_banner #kl_description, #kl_wrapper_3.kl_rounded_inset= _2 #kl_banner #kl_description, #kl_wrapper_3.kl_rounded_inset_3 #kl_banner = #kl_description { padding: 10px; } #kl_wrapper_3.kl_rounded_inset #kl_navigation, #kl_wrapper_3.kl_rounded_ins= et_1 #kl_navigation, #kl_wrapper_3.kl_rounded_inset_2 #kl_navigation, #kl_w= rapper_3.kl_rounded_inset_3 #kl_navigation { width: 100%; margin: 0px; disp= lay: table; table-layout: fixed; } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul, #kl_wrapper_3.kl_rounde= d_inset_1 #kl_navigation > ul, #kl_wrapper_3.kl_rounded_inset_2 #kl_navigat= ion > ul, #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul { margin: 0p= x 0px 10px; display: table-row; } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul li, #kl_wrapper_3.kl_rou= nded_inset_1 #kl_navigation > ul li, #kl_wrapper_3.kl_rounded_inset_2 #kl_n= avigation > ul li, #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul li = { font-weight: 400; list-style-type: none; display: block; } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul li i, #kl_wrapper_3.kl_r= ounded_inset_1 #kl_navigation > ul li i, #kl_wrapper_3.kl_rounded_inset_2 #= kl_navigation > ul li i, #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > = ul li i { margin-right: 10px; } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul li a, #kl_wrapper_3.kl_r= ounded_inset_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_rounded_inset_2 #= kl_navigation > ul li a, #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > = ul li a { font-size: 16px; display: block; padding: 5px 20px; white-space: = nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px; border-radi= us: 30px; border: 2px solid; } #kl_wrapper_3.kl_rounded_inset_1 #kl_banner { background: rgb(15, 36, 57); = color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset_2 #kl_banner { background: rgb(194, 174, 158= ); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset_3 #kl_banner { background: rgb(194, 201, 206= ); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset_1 #kl_banner_left { border-color: rgb(15, 36= , 57); } #kl_wrapper_3.kl_rounded_inset_2 #kl_banner_left { border-color: rgb(194, 1= 74, 158); } #kl_wrapper_3.kl_rounded_inset_3 #kl_banner_left { border-color: rgb(194, 2= 01, 206); } #kl_wrapper_3.kl_rounded_inset_1 #kl_banner #kl_description, #kl_wrapper_3.= kl_rounded_inset_1 #kl_banner .kl_subtitle { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset_2 #kl_banner #kl_description, #kl_wrapper_3.= kl_rounded_inset_2 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_rounded_inset_= 3 #kl_banner #kl_description, #kl_wrapper_3.kl_rounded_inset_3 #kl_banner .= kl_subtitle { color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset_1 #kl_navigation > ul li a, #kl_wrapper_3.kl= _rounded_inset_1 #kl_navigation > ul li a:visited { color: rgb(15, 36, 57);= border-color: rgb(15, 36, 57); } #kl_wrapper_3.kl_rounded_inset_2 #kl_navigation > ul li a, #kl_wrapper_3.kl= _rounded_inset_2 #kl_navigation > ul li a:visited { color: rgb(0, 0, 0); bo= rder-color: rgb(172, 146, 123); } #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul li a, #kl_wrapper_3.kl= _rounded_inset_3 #kl_navigation > ul li a:visited { color: rgb(15, 36, 57);= border-color: rgb(194, 201, 206); } #kl_wrapper_3.kl_rounded_inset_1 #kl_navigation > ul li a:focus, #kl_wrappe= r_3.kl_rounded_inset_1 #kl_navigation > ul li a:hover { background: rgb(15,= 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset_2 #kl_navigation > ul li a:hover, #kl_wrappe= r_3.kl_rounded_inset_3 #kl_navigation > ul li a:focus { background: rgb(194= , 174, 158); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset_2 #kl_navigation > ul li a:focus, #kl_wrappe= r_3.kl_rounded_inset_3 #kl_navigation > ul li a:hover { background: rgb(194= , 201, 206); color: rgb(15, 36, 57); } #kl_wrapper_3.kl_rounded_inset h2 { border-color: rgb(138, 138, 138); backg= round: rgb(255, 255, 255); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset #kl_banner { background: rgb(47, 79, 79); co= lor: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset #kl_banner_left { border-color: rgb(47, 79, = 79); } #kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description, #kl_wrapper_3.kl= _rounded_inset #kl_banner .kl_subtitle { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul li a, #kl_wrapper_3.kl_r= ounded_inset #kl_navigation > ul li a:visited { color: rgb(47, 79, 79); bor= der-color: rgb(47, 79, 79); } #kl_wrapper_3.kl_rounded_inset #kl_navigation > ul li a:focus, #kl_wrapper_= 3.kl_rounded_inset #kl_navigation > ul li a:hover { background: rgb(47, 79,= 79); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset h3:not(.ui-state-default) { border-color: rg= b(239, 239, 239); background-color: rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset > div > i { border-color: rgb(239, 239, 239)= ; } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset #kl_naviga= tion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset_1= #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_roun= ded_inset_2 #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrappe= r_3.kl_rounded_inset_3 #kl_navigation > ul { padding-bottom: 0px; overflow:= hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset #kl_naviga= tion > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inse= t_1 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.k= l_rounded_inset_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #= kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul li { font-weight: 400; = list-style-type: none; display: block; width: 50%; float: left; } } @media screen and (min-width: 700px) { body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset #kl_navigation >= ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_1 #kl_navigat= ion > ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_2 #kl_na= vigation > ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_3 #= kl_navigation > ul { padding-bottom: 0px; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset #kl_navigation >= ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_1 #kl_navi= gation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_2 = #kl_navigation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_= inset_3 #kl_navigation > ul li { background: none; padding: 0px; border: no= ne; width: 50%; display: inline-block; float: left; } #kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul li a { font-size: 1.= 2em; padding: 12px 22px 12px 10px; } } @media screen and (min-width: 1100px) { body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset #kl_navigation >= ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_1 #kl_navigat= ion > ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_2 #kl_na= vigation > ul, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_3 #= kl_navigation > ul { padding-bottom: 0px; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset #kl_navigation >= ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_1 #kl_navi= gation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_inset_2 = #kl_navigation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_rounded_= inset_3 #kl_navigation > ul li { background: none; padding: 0px; border: no= ne; width: 24.6%; float: none; display: inline-block; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset #kl_naviga= tion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset_1= #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_roun= ded_inset_2 #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrappe= r_3.kl_rounded_inset_3 #kl_navigation > ul { padding-bottom: 0px; overflow:= hidden; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inset #kl_naviga= tion > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_rounded_inse= t_1 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.k= l_rounded_inset_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #= kl_wrapper_3.kl_rounded_inset_3 #kl_navigation > ul li { background: none; = padding: 0px; border: none; width: 24.6%; float: none; display: inline-bloc= k; } } #kl_wrapper_3.kl_square_right > div, #kl_wrapper_3.kl_square_right_1 > div,= #kl_wrapper_3.kl_square_right_2 > div, #kl_wrapper_3.kl_square_right_3 > d= iv { overflow: auto hidden; } #kl_wrapper_3.kl_square_right #kl_banner, #kl_wrapper_3.kl_square_right_1 #= kl_banner, #kl_wrapper_3.kl_square_right_2 #kl_banner, #kl_wrapper_3.kl_squ= are_right_3 #kl_banner { overflow: visible; margin-bottom: 30px; } #kl_wrapper_3.kl_square_right .kl_mod_text, #kl_wrapper_3.kl_square_right_1= .kl_mod_text, #kl_wrapper_3.kl_square_right_2 .kl_mod_text, #kl_wrapper_3.= kl_square_right_3 .kl_mod_text { display: block; padding: 9px 8px; line-hei= ght: 20px; } #kl_wrapper_3.kl_square_right .kl_mod_num, #kl_wrapper_3.kl_square_right_1 = .kl_mod_num, #kl_wrapper_3.kl_square_right_2 .kl_mod_num, #kl_wrapper_3.kl_= square_right_3 .kl_mod_num { font-size: 30px; line-height: 30px; display: b= lock; padding: 1px 0px 11px; } #kl_wrapper_3.kl_square_right > div, #kl_wrapper_3.kl_square_right_1 > div,= #kl_wrapper_3.kl_square_right_2 > div, #kl_wrapper_3.kl_square_right_3 > d= iv { margin: 0px 0px 20px; } #kl_wrapper_3.kl_square_right_1 h2, #kl_wrapper_3.kl_square_right_2 h2, #kl= _wrapper_3.kl_square_right_3 h2, #kl_wrapper_3.kl_square_right h2 { positio= n: relative; font-weight: 400; padding: 5px; margin-top: 20px; line-height:= 30px; } #kl_wrapper_3.kl_square_right_1 h3:not(.ui-state-default), #kl_wrapper_3.kl= _square_right_2 h3:not(.ui-state-default), #kl_wrapper_3.kl_square_right_3 = h3:not(.ui-state-default), #kl_wrapper_3.kl_square_right h3:not(.ui-state-d= efault) { position: relative; border: 1px solid rgb(213, 213, 213); padding= : 0px 60px 0px 20px; margin: 10px 0px 30px; line-height: 35px; overflow: vi= sible; background-color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right_1 h3:not(.ui-state-default) i, #kl_wrapper_3.= kl_square_right_2 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_square_righ= t_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_square_right h3:not(.ui-s= tate-default) i { display: inline-block; width: 45px; text-align: center; h= eight: 45px; line-height: 45px; font-size: 25px; margin-right: 5px; positio= n: absolute; right: 5px; top: -6px; } #kl_wrapper_3.kl_square_right > div > i, #kl_wrapper_3.kl_square_right_1 > = div > i, #kl_wrapper_3.kl_square_right_2 > div > i, #kl_wrapper_3.kl_square= _right_3 > div > i { display: inline-block; width: 45px; height: 45px; line= -height: 45px; font-size: 25px; margin: 0px 10px 10px; float: right; text-a= lign: center; } #kl_wrapper_3.kl_square_right > div > i::before, #kl_wrapper_3.kl_square_ri= ght_1 h3:not(.ui-state-default) i::before, #kl_wrapper_3.kl_square_right_1 = > div > i::before, #kl_wrapper_3.kl_square_right_2 h3:not(.ui-state-default= ) i::before, #kl_wrapper_3.kl_square_right_2 > div > i::before, #kl_wrapper= _3.kl_square_right_3 h3:not(.ui-state-default) i::before, #kl_wrapper_3.kl_= square_right_3 > div > i::before, #kl_wrapper_3.kl_square_right h3:not(.ui-= state-default) i::before { font-size: 25px; line-height: 45px; } #kl_wrapper_3.kl_square_right #kl_banner_left, #kl_wrapper_3.kl_square_righ= t_1 #kl_banner_left, #kl_wrapper_3.kl_square_right_2 #kl_banner_left, #kl_w= rapper_3.kl_square_right_3 #kl_banner_left { color: rgb(255, 255, 255); flo= at: right; font-size: 16px; height: 80px; min-width: 80px; margin: 0px; tex= t-align: center; display: inline-block; position: absolute; top: -20px; rig= ht: 10px; } #kl_wrapper_3.kl_square_right #kl_banner_right, #kl_wrapper_3.kl_square_rig= ht_1 #kl_banner_right, #kl_wrapper_3.kl_square_right_2 #kl_banner_right, #k= l_wrapper_3.kl_square_right_3 #kl_banner_right { padding: 3px 90px 3px 20px= ; display: block; } #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle, #kl_wrapper_3.kl_squ= are_right_1 #kl_banner .kl_subtitle, #kl_wrapper_3.kl_square_right_2 #kl_ba= nner .kl_subtitle, #kl_wrapper_3.kl_square_right_3 #kl_banner .kl_subtitle = { padding: 0px 5px 10px 25px; display: block; color: rgb(87, 87, 87); font-= size: medium; border-bottom: 5px solid; } #kl_wrapper_3.kl_square_right #kl_banner #kl_description, #kl_wrapper_3.kl_= square_right_1 #kl_banner #kl_description, #kl_wrapper_3.kl_square_right_2 = #kl_banner #kl_description, #kl_wrapper_3.kl_square_right_3 #kl_banner #kl_= description { border: 4px double; padding: 10px; } #kl_wrapper_3.kl_square_right #kl_navigation, #kl_wrapper_3.kl_square_right= _1 #kl_navigation, #kl_wrapper_3.kl_square_right_2 #kl_navigation, #kl_wrap= per_3.kl_square_right_3 #kl_navigation { width: 100%; margin: 0px; display:= table; table-layout: fixed; } #kl_wrapper_3.kl_square_right #kl_navigation > ul, #kl_wrapper_3.kl_square_= right_1 #kl_navigation > ul, #kl_wrapper_3.kl_square_right_2 #kl_navigation= > ul, #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul { margin: 0px 0p= x 10px; display: table-row; } #kl_wrapper_3.kl_square_right #kl_navigation > ul li, #kl_wrapper_3.kl_squa= re_right_1 #kl_navigation > ul li, #kl_wrapper_3.kl_square_right_2 #kl_navi= gation > ul li, #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul li { fo= nt-weight: 400; list-style-type: none; height: 100%; position: relative; di= splay: block; } #kl_wrapper_3.kl_square_right #kl_navigation > ul li i, #kl_wrapper_3.kl_sq= uare_right_1 #kl_navigation > ul li i, #kl_wrapper_3.kl_square_right_2 #kl_= navigation > ul li i, #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul l= i i { margin-right: 10px; font-size: 20px; background: rgb(0, 0, 0); line-h= eight: 40px; position: absolute; right: -10px; top: 0px; color: rgb(255, 25= 5, 255); width: 45px; height: 45px; text-align: center; } #kl_wrapper_3.kl_square_right #kl_navigation > ul li i::before, #kl_wrapper= _3.kl_square_right_1 #kl_navigation > ul li i::before, #kl_wrapper_3.kl_squ= are_right_2 #kl_navigation > ul li i::before, #kl_wrapper_3.kl_square_right= _3 #kl_navigation > ul li i::before { font-size: 20px; line-height: 45px; } #kl_wrapper_3.kl_square_right #kl_navigation > ul li a, #kl_wrapper_3.kl_sq= uare_right_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_square_right_2 #kl_= navigation > ul li a, #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul l= i a { font-size: 1.2em; display: block; padding: 8px 22px 8px 30px; white-s= pace: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2px; posit= ion: relative; } #kl_wrapper_3.kl_square_right_1 h3, #kl_wrapper_3.kl_square_right_1 h4, #kl= _wrapper_3.kl_square_right_1 h5, #kl_wrapper_3.kl_square_right_1 h6, #kl_wr= apper_3.kl_square_right_2 h3, #kl_wrapper_3.kl_square_right_2 h4, #kl_wrapp= er_3.kl_square_right_2 h5, #kl_wrapper_3.kl_square_right_2 h6, #kl_wrapper_= 3.kl_square_right_3 h3, #kl_wrapper_3.kl_square_right_3 h4, #kl_wrapper_3.k= l_square_right_3 h5, #kl_wrapper_3.kl_square_right_3 h6, #kl_wrapper_3.kl_s= quare_right h3, #kl_wrapper_3.kl_square_right h4, #kl_wrapper_3.kl_square_r= ight h5, #kl_wrapper_3.kl_square_right h6 { clear: both; } #kl_wrapper_3.kl_square_right #kl_modules .kl_module_content, #kl_wrapper_3= .kl_square_right_1 #kl_modules .kl_module_content, #kl_wrapper_3.kl_square_= right_2 #kl_modules .kl_module_content, #kl_wrapper_3.kl_square_right_3 #kl= _modules .kl_module_content { background-color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right_1 h2 { background: rgb(194, 201, 206); color:= rgb(0, 0, 0); } #kl_wrapper_3.kl_square_right_1 #kl_banner_left { background: rgb(15, 36, 5= 7); } #kl_wrapper_3.kl_square_right_1 h3:not(.ui-state-default) i, #kl_wrapper_3.= kl_square_right_1 > div > i { background: rgb(15, 36, 57); color: rgb(255, = 255, 255); } #kl_wrapper_3.kl_square_right_1 #kl_navigation > ul li a, #kl_wrapper_3.kl_= square_right_1 #kl_navigation > ul li a:visited { background: rgb(255, 255,= 255); color: rgb(0, 0, 0); border: 1px solid rgb(194, 201, 206); } #kl_wrapper_3.kl_square_right_1 #kl_navigation > ul li a:focus, #kl_wrapper= _3.kl_square_right_1 #kl_navigation > ul li a:hover { background: rgb(15, 3= 6, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right_1 #kl_navigation > ul li i { background: rgb(= 194, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_square_right_1 #kl_banner #kl_description, #kl_wrapper_3.k= l_square_right_1 #kl_banner .kl_subtitle { border-color: rgb(194, 201, 206)= ; } #kl_wrapper_3.kl_square_right_2 h2 { background: rgb(15, 36, 57); color: rg= b(255, 255, 255); } #kl_wrapper_3.kl_square_right_2 #kl_banner_left { background: rgb(133, 113,= 95); } #kl_wrapper_3.kl_square_right_2 h3:not(.ui-state-default) i, #kl_wrapper_3.= kl_square_right_2 > div > i { background: rgb(133, 113, 95); color: rgb(255= , 255, 255); } #kl_wrapper_3.kl_square_right_2 #kl_navigation > ul li a, #kl_wrapper_3.kl_= square_right_2 #kl_navigation > ul li a:visited { background: rgb(255, 255,= 255); color: rgb(0, 0, 0); border: 1px solid rgb(194, 201, 206); } #kl_wrapper_3.kl_square_right_2 #kl_navigation > ul li a:focus, #kl_wrapper= _3.kl_square_right_2 #kl_navigation > ul li a:hover { background: rgb(194, = 174, 158); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_square_right_2 #kl_navigation > ul li i { background: rgb(= 15, 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right_2 #kl_banner #kl_description, #kl_wrapper_3.k= l_square_right_2 #kl_banner .kl_subtitle { border-color: rgb(15, 36, 57); } #kl_wrapper_3.kl_square_right_3 h2 { background: rgb(15, 36, 57); color: rg= b(255, 255, 255); } #kl_wrapper_3.kl_square_right_3 #kl_banner_left, #kl_wrapper_3.kl_square_ri= ght_3 h3:not(.ui-state-default) i, #kl_wrapper_3.kl_square_right_3 > div > = i { background: rgb(194, 201, 206); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul li a, #kl_wrapper_3.kl_= square_right_3 #kl_navigation > ul li a:visited { background: rgb(255, 255,= 255); color: rgb(0, 0, 0); border: 1px solid rgb(194, 201, 206); } #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul li a:focus, #kl_wrapper= _3.kl_square_right_3 #kl_navigation > ul li a:hover { background: rgb(194, = 201, 206); color: rgb(15, 36, 57); } #kl_wrapper_3.kl_square_right_3 #kl_navigation > ul li i { background: rgb(= 15, 36, 57); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right_3 #kl_banner #kl_description, #kl_wrapper_3.k= l_square_right_3 #kl_banner .kl_subtitle { border-color: rgb(15, 36, 57); } #kl_wrapper_3.kl_square_right #kl_navigation > ul li a, #kl_wrapper_3.kl_sq= uare_right #kl_navigation > ul li a:visited { border: 1px solid rgb(194, 20= 1, 206); } #kl_wrapper_3.kl_square_right h2 { background: rgb(176, 196, 222); color: r= gb(0, 0, 0); } #kl_wrapper_3.kl_square_right #kl_banner_left { background: rgb(47, 79, 79)= ; color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right #kl_banner #kl_description, #kl_wrapper_3.kl_= square_right #kl_banner .kl_subtitle { border-color: rgb(176, 196, 222); } #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) { border-color: rgb= (213, 213, 213); background-color: rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { color: rgb(47, 79, = 79); } #kl_wrapper_3.kl_square_right #kl_navigation > ul li i { background: rgb(17= 6, 196, 222); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_square_right > div > i, #kl_wrapper_3.kl_square_right h3:n= ot(.ui-state-default) i { background: rgb(47, 79, 79); color: rgb(255, 255,= 255); } #kl_wrapper_3.kl_square_right #kl_navigation > ul li a, #kl_wrapper_3.kl_sq= uare_right #kl_navigation > ul li a:visited { background: rgb(255, 255, 255= ); color: rgb(0, 0, 0); border-color: rgb(176, 196, 222); } #kl_wrapper_3.kl_square_right #kl_navigation > ul li a:focus, #kl_wrapper_3= .kl_square_right #kl_navigation > ul li a:hover { background: rgb(47, 79, 7= 9); color: rgb(255, 255, 255); } @media screen and (min-width: 500px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right #kl_navigat= ion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right_1 #= kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square= _right_2 #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3= .kl_square_right_3 #kl_navigation > ul { padding-bottom: 0px; overflow: hid= den; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right #kl_navigat= ion > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right_= 1 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_= square_right_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_= wrapper_3.kl_square_right_3 #kl_navigation > ul li { font-weight: 400; list= -style-type: none; display: block; width: 50%; float: left; } } @media screen and (min-width: 700px) { body.course-menu-expanded #kl_wrapper_3.kl_square_right #kl_navigation > = ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_1 #kl_navigatio= n > ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_2 #kl_navig= ation > ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_3 #kl_n= avigation > ul { padding-bottom: 0px; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_square_right #kl_navigation > = ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_right_1 #kl_naviga= tion > ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_right_2 #kl= _navigation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_righ= t_3 #kl_navigation > ul li { background: none; padding: 0px; border: none; = width: 50%; display: inline-block; float: left; } } @media screen and (min-width: 1200px) { body.course-menu-expanded #kl_wrapper_3.kl_square_right #kl_navigation > = ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_1 #kl_navigatio= n > ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_2 #kl_navig= ation > ul, body.course-menu-expanded #kl_wrapper_3.kl_square_right_3 #kl_n= avigation > ul { padding-bottom: 0px; overflow: hidden; } body.course-menu-expanded #kl_wrapper_3.kl_square_right #kl_navigation > = ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_right_1 #kl_naviga= tion > ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_right_2 #kl= _navigation > ul li, body.course-menu-expanded #kl_wrapper_3.kl_square_righ= t_3 #kl_navigation > ul li { background: none; padding: 0px; border: none; = width: 24.6%; float: none; display: inline-block; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right #kl_navigat= ion > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right_1 #= kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square= _right_2 #kl_navigation > ul, body:not(.course-menu-expanded) #kl_wrapper_3= .kl_square_right_3 #kl_navigation > ul { padding-bottom: 0px; overflow: hid= den; } body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right #kl_navigat= ion > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_square_right_= 1 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_wrapper_3.kl_= square_right_2 #kl_navigation > ul li, body:not(.course-menu-expanded) #kl_= wrapper_3.kl_square_right_3 #kl_navigation > ul li { background: none; padd= ing: 0px; border: none; width: 24.6%; float: none; display: inline-block; } } #kl_wrapper_3.kl_circles #kl_banner { margin: 0px; height: 0px; } #kl_wrapper_3.kl_circles #kl_banner #kl_banner_left { background-color: rgb= (172, 141, 115); border-radius: 55px; color: rgb(51, 51, 51); display: bloc= k; height: 110px; left: -105px; margin-left: auto; margin-right: auto; posi= tion: relative; top: 0px; width: 110px; z-index: 1; font-size: 24px; line-h= eight: 30px; } #kl_wrapper_3.kl_circles #kl_banner #kl_banner_left .kl_mod_text { border-t= op-left-radius: 55px; border-top-right-radius: 55px; display: block; paddin= g-top: 25px; text-align: center; width: 100%; } #kl_wrapper_3.kl_circles #kl_banner #kl_banner_left .kl_mod_num { border-bo= ttom-left-radius: 55px; border-bottom-right-radius: 55px; display: block; p= adding-bottom: 25px; text-align: center; width: 100%; } #kl_wrapper_3.kl_circles #kl_banner #kl_banner_right { background-color: rg= b(194, 194, 194); border-radius: 25px; color: rgb(0, 0, 0); display: inline= -block; margin-left: auto; margin-right: auto; padding: 2px 20px; position:= relative; top: 210px; z-index: 1; } #kl_wrapper_3.kl_circles #kl_banner #kl_banner_right span.kl_subtitle { bac= kground: rgb(255, 255, 255); border-radius: 25px; display: inline-block; fo= nt-size: 18px; margin: 2px 0px 2px 10px; padding: 0px 10px; text-transform:= uppercase; } #kl_wrapper_3.kl_circles #kl_banner_image { height: 320px; margin: 0px auto= ; position: relative; width: 320px; } #kl_wrapper_3.kl_circles #kl_banner_image img { border: none; border-radius= : 160px; } #kl_wrapper_3.kl_circles #kl_navigation { position: relative; height: 1px; = overflow: visible; } #kl_wrapper_3.kl_circles #kl_navigation > ul { height: 1px; margin: 0px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li { background-image: none; b= order-radius: 75px; display: block; font-size: 18px; height: 130px; overflo= w: hidden; padding: 0px; position: absolute; text-align: center; white-spac= e: normal; width: 130px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li a { background-color: rgb(1= , 57, 83); color: rgb(255, 255, 255); display: block; padding: 34px 5px 80p= x; text-align: center; } #kl_wrapper_3.kl_circles #kl_navigation > ul li a i { position: absolute; b= ottom: 36px; text-align: center; left: 45px; font-size: 30px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li a i[class*=3D"icon-"]::befo= re, #kl_wrapper_3.kl_circles #kl_navigation > ul li a i[class^=3D"icon-"]::= before { font-size: 30px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_0, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_2 { left: 175px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_1, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_3 { right: 175px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_4, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_6 { left: 20px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_5, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_7 { right: 20px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_0, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_1, #kl_wrapper_3.kl_circles= #kl_navigation > ul li#kl_nav_item_4, #kl_wrapper_3.kl_circles #kl_navigat= ion > ul li#kl_nav_item_5 { top: 10px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li#kl_nav_item_2, #kl_wrapper_= 3.kl_circles #kl_navigation > ul li#kl_nav_item_3, #kl_wrapper_3.kl_circles= #kl_navigation > ul li#kl_nav_item_6, #kl_wrapper_3.kl_circles #kl_navigat= ion > ul li#kl_nav_item_7 { top: 160px; } @media screen and (max-width: 1070px) { #kl_wrapper_3.kl_circles #kl_navigation > ul { height: 100px; } #kl_wrapper_3.kl_circles #kl_navigation > ul li { position: relative; } } #kl_wrapper_3.kl_squares { position: relative; width: 960px; margin: auto; = } #kl_wrapper_3.kl_squares #kl_banner { display: block; float: left; margin-b= ottom: 0px; width: 320px; } #kl_wrapper_3.kl_squares #kl_banner h2 { margin: 0px; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_left { text-align: center; d= isplay: block; overflow: hidden; float: left; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_left .kl_mod_text { backgrou= nd-color: rgb(69, 86, 96); color: rgb(172, 163, 154); display: block; float= : left; font-size: 1.6em; height: 90px; padding: 60px 10px 10px; width: 140= px; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_left .kl_mod_num { backgroun= d-color: rgb(172, 163, 154); color: rgb(69, 86, 96); display: block; float:= left; font-size: 1.6em; height: 90px; padding: 60px 10px 10px; width: 140p= x; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_right { background-color: rg= b(17, 47, 65); color: rgb(255, 255, 255); display: block; float: left; heig= ht: 140px; padding: 10px; text-align: center; width: 300px; } #kl_wrapper_3.kl_squares #kl_banner_image { border: none; display: block; f= loat: left; width: 320px; height: 320px; } #kl_wrapper_3.kl_squares #kl_navigation { clear: none; text-align: center; = background-color: transparent; overflow: visible; margin-top: 0px; float: l= eft; width: 320px; height: inherit; } #kl_wrapper_3.kl_squares #kl_navigation > ul { margin: 0px; width: auto; di= splay: block; table-layout: auto; } #kl_wrapper_3.kl_squares #kl_navigation > ul li { display: block; float: le= ft; width: 160px; height: 160px; font-size: 20px; list-style: none; backgro= und-image: none; white-space: normal; position: relative; padding: 0px; ove= rflow: hidden; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a { color: rgb(255, 255, 25= 5); font-size: 24px; display: block; padding: 25px 9px 115px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li:first-child { background-co= lor: rgb(231, 76, 60); } #kl_wrapper_3.kl_squares #kl_navigation > ul li:nth-child(2) { background-c= olor: rgb(6, 133, 135); } #kl_wrapper_3.kl_squares #kl_navigation > ul li:nth-child(3) { background-c= olor: rgb(97, 162, 113); } #kl_wrapper_3.kl_squares #kl_navigation > ul li:nth-child(4) { background-c= olor: rgb(208, 132, 16); } #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"fa"]::before, #= kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"icon-"]::before = { top: 85px; left: 65px; font-size: 32px; position: absolute; } #kl_wrapper_3.kl_squares div:nth-child(4) { clear: left; } @media screen and (max-width: 1473px) { #kl_wrapper_3.kl_squares { width: 800px; } #kl_wrapper_3.kl_squares #kl_navigation { width: 160px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li { height: 80px; font-size= : 18px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a { padding: 20px 10px 25= px 34px; font-size: 16px; text-align: left; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"fa"]::before,= #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"icon-"]::befor= e { font-size: 16px; top: 21px; left: 10px; display: inline-block; } } @media screen and (max-width: 1312px) { #kl_wrapper_3.kl_squares, #kl_wrapper_3.kl_squares #kl_navigation { width= : 640px; } #kl_wrapper_3.kl_squares #kl_navigation > ul { margin: 0px; width: auto; = display: block; table-layout: auto; } #kl_wrapper_3.kl_squares #kl_navigation > ul li { width: 160px; height: 1= 50px; font-size: 20px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a { color: rgb(255, 255, = 255); font-size: 24px; display: block; text-align: center; padding: 25px 9p= x 115px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"fa"]::before,= #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"icon-"]::befor= e { top: 85px; left: 65px; font-size: 32px; position: absolute; } } @media screen and (max-width: 1153px) { #kl_wrapper_3.kl_squares { width: 490px; } #kl_wrapper_3.kl_squares #kl_banner_image { float: none; display: block; = width: 320px; height: 320px; } #kl_wrapper_3.kl_squares #kl_banner { width: 490px; } #kl_wrapper_3.kl_squares #kl_navigation { clear: none; width: 130px; floa= t: none; margin: -320px 0px 0px 320px; } #kl_wrapper_3.kl_squares #kl_banner_left { display: block; overflow: hidd= en; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_left .kl_mod_num, #kl_wrap= per_3.kl_squares #kl_banner #kl_banner_left .kl_mod_text { width: 220px; he= ight: 30px; line-height: 30px; font-size: 30px; padding-top: 10px; } #kl_wrapper_3.kl_squares #kl_banner #kl_banner_right { width: 460px; heig= ht: auto; } #kl_wrapper_3.kl_squares #kl_navigation > ul li { height: 80px; font-size= : 18px; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a { padding: 20px 10px 25= px 34px; font-size: 16px; text-align: left; } #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"fa"]::before,= #kl_wrapper_3.kl_squares #kl_navigation > ul li a[class*=3D"icon-"]::befor= e { font-size: 16px; top: 21px; left: 10px; display: inline-block; } } @media print { .kl_wrapper .kl_panel_content { display: block !important; } .kl_wrapper .kl_expand_controls, a.edit_syllabus_link, a.jump_to_today_li= nk { display: none; } .kl_no_print { display: none !important; } body.syllabus h1.ic-Action-header__Heading { font-size: 20px; } } .quiz-header .kl_wrapper h1, .quiz-header .kl_wrapper h2 { font-weight: 400= ; } .kl_hangingindent { padding-left: 22px; text-indent: -22px; } ul.kl_hangingindent { padding-left: 0px; list-style-type: none; margin: 0px= ; } ul.kl_hangingindent li { padding-left: 22px; text-indent: -22px; margin: 10= px 0px; } ol.kl_hangingindent { margin-left: 0.3em; } ol.kl_hangingindent li { padding-left: 22px; text-indent: -22px; margin: 10= px 0px; } .kl_student_card { width: 150px; height: 200px; float: left; margin: 2px; } .kl_student_card .bs-card-body { padding: 5px; min-height: 50px; } .kl_student_card .bs-card-text { padding: 0px; margin: 0px; } .kl_student_card .kl_user_card_image_wrapper { height: 160px; } #kl_student_cards { display: none; } #kl_missingStudentsMessage { background: url("https://designtools.ciditools= .com/css/images/cidi_labs_watermark_grey.png") left -15px bottom -15px / 80= px no-repeat rgb(255, 255, 255); padding-bottom: 33px; } #kl_missingStudentsMessage strong { font-size: 1.2rem; } .kl_wrapper blockquote p { font-weight: inherit; } .kl_user_card_role { position: absolute; top: 0px; right: 0px; left: 0px; b= ackground: var(--ic-brand-button--primary-bgd); color: var(--ic-brand-butto= n--primary-text); } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; m= argin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0px !important; = } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padd= ing: 0.5em 0.5em 0.5em 0.7em; } .ui-accordion a { zoom: 1; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0.5= em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0px; = margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflo= w: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } .kl_tools_wrapper.ui-accordion .ui-accordion-content { padding: 0px; } .kl_panels_wrapper .ui-accordion-header, .kl_wrapper .ui-accordion-header {= line-height: 1; } .kl_panels_wrapper .ui-accordion-header a, .kl_wrapper .ui-accordion-header= a { font-weight: 400; } .kl_panels_wrapper.ui-accordion .ui-accordion-header.ui-state-default.ui-st= ate-active, .kl_panels_wrapper.ui-accordion .ui-progressbar .ui-accordion-h= eader.ui-state-default.ui-widget-header, .kl_panels_wrapper.ui-progressbar = .ui-accordion .ui-accordion-header.ui-state-default.ui-widget-header, .kl_w= rapper .ui-accordion .ui-accordion-header.ui-state-default.ui-state-active,= .kl_wrapper .ui-accordion .ui-progressbar .ui-accordion-header.ui-state-de= fault.ui-widget-header, .kl_wrapper .ui-progressbar .ui-accordion .ui-accor= dion-header.ui-state-default.ui-widget-header { border-bottom-left-radius: = 0px; border-bottom-right-radius: 0px; border-top-color: ; border-right-colo= r: ; border-left-color: ; border-bottom: 1px solid var(--ic-brand-primary-d= arkened-5); background: var(--ic-brand-primary); font-weight: 400; font-siz= e: 1.3em; } .kl_panels_wrapper .ui-accordion-header, .kl_wrapper .ui-accordion-header {= background: rgb(245, 245, 245); border-radius: 3px; } a.kl_gallery_image_link { cursor: zoom-in; } .ui-accordion.dp-ally-fix .ui-accordion-content, .ui-tabs.dp-ally-fix { pos= ition: unset; } :root { --hr-color:#777; } hr[class*=3D"dp-hr-"] { border: 0px; margin: 2em auto; max-width: 100%; bac= kground-position: 50% center; box-sizing: border-box; overflow: visible; te= xt-align: center; color: var(--hr-color); } hr.dp-hr-fade-one { background-position: initial; background-size: initial;= background-repeat: initial; background-attachment: initial; background-ori= gin: initial; background-clip: initial; background-color: rgb(51, 51, 51); = background-image: linear-gradient(90deg,#ccc,var(--hr-color),#ccc); } hr.dp-hr-fade-one, hr.dp-hr-style-two { border: 0px; height: 1px; text-alig= n: center; } hr.dp-hr-style-two { background-image: linear-gradient(90deg,transparent,va= r(--hr-color),transparent); } hr.dp-hr-dash { border-right: 0px; border-bottom: 0px; border-left: 0px; bo= rder-image: initial; border-top: 1px dashed var(--hr-color); text-align: ce= nter; } hr.dp-hr-solid-light { border-right: 0px; border-left: 0px; border-image: i= nitial; height: 0px; border-top: 1px solid var(--hr-color); border-bottom: = 1px solid rgba(255, 255, 255, 0.3); text-align: center; } hr.dp-hr-fade-two { border-width: 1px 0px 0px; border-image: linear-gradien= t(90deg,rgba(135,206,235,0),var(--hr-color) 50%,rgba(135,206,235,0)) 100% 0= 0; border-style: solid; } hr.dp-hr-fade-three { height: 3px; background-image: radial-gradient(closes= t-side,var(--hr-color),hsla(0,0%,50%,0) 100%); position: relative; } hr.dp-hr-pill { height: 0px; border-radius: 2px; border: 2px solid var(--hr= -color); width: 80%; } hr.dp-hr-vertical-lines { height: 4px; background-image: linear-gradient(90= deg,var(--hr-color),var(--hr-color) 33.33%,transparent 0,transparent); back= ground-size: 6px 100%; width: 60%; } hr.dp-hr-horizontal-lines { overflow: visible; padding: 0px; border-right: = none; border-bottom: none; border-left: none; border-image: initial; border= -top: medium double var(--hr-color); text-align: center; } hr.dp-hr-slash { height: 3px; background-image: linear-gradient(-45deg,tran= sparent,transparent 25%,var(--hr-color) 0,var(--hr-color) 50%,transparent 0= ,transparent 75%,var(--hr-color) 0); background-size: 25px 25px; width: 50%= ; } hr.dp-hr-bookends { position: relative; border-width: 5px; border-color: va= r(--hr-color) transparent; height: 11px; border-style: double; width: 20%; = max-width: 98%; } hr.dp-hr-bookends::after, hr.dp-hr-bookends::before { bottom: -3.536px; wid= th: 7.071px; height: 7.071px; border-width: 0px 7.071px 7.071px 0px; border= -color: var(--hr-color); border-style: double; box-sizing: border-box; cont= ent: "" !important; position: absolute !important; top: unset !important; d= isplay: block !important; padding: 0px !important; } hr.dp-hr-bookends::before { transform: translateZ(0px) rotate(-45deg); left= : -21px; } hr.dp-hr-bookends::after { transform: translateZ(0px) rotate(135deg); right= : -21px; } hr.dp-hr-bookends-dots { position: relative; border-bottom: 1px solid var(-= -hr-color); width: 50%; } hr.dp-hr-bookends-dots::after, hr.dp-hr-bookends-dots::before { bottom: -5p= x; width: 10px; height: 10px; border-width: 0px 1px 1px 0px; border-color: = var(--hr-color); border-style: solid; box-sizing: border-box; border-radius= : 100%; content: "" !important; position: absolute !important; display: blo= ck !important; top: unset !important; font-size: 1em !important; padding: 0= px !important; } hr.dp-hr-bookends-dots::before { content: ""; transform: translateZ(0px) ro= tate(-45deg); left: -10px; } hr.dp-hr-bookends-dots::after { content: ""; transform: translateZ(0px) rot= ate(135deg); right: -10px; } hr.dp-hr-bookends-alt { position: relative; border-bottom: 1px solid var(--= hr-color); width: 50%; } hr.dp-hr-bookends-alt::after, hr.dp-hr-bookends-alt::before { bottom: -3.53= 6px; width: 7.071px; height: 7.071px; border-width: 0px 7.071px 7.071px 0px= ; border-color: var(--hr-color); border-style: double; box-sizing: border-b= ox; content: "" !important; position: absolute !important; top: unset !impo= rtant; display: block !important; padding: 0px !important; font-size: 1em != important; } hr.dp-hr-bookends-alt::before { content: ""; transform: translateZ(0px) rot= ate(-45deg); left: -10px; } hr.dp-hr-bookends-alt::after { content: ""; transform: translateZ(0px) rota= te(135deg); right: -10px; } hr.dp-hr-bookends-flair { overflow: visible; border-width: 1px 0px 0px; } hr.dp-hr-bookends-flair, hr.dp-hr-bookends-flair::before { height: 20px; bo= rder-style: solid; border-color: var(--hr-color); border-radius: 20px; } hr.dp-hr-bookends-flair::before { display: block; content: ""; margin-top: = -21px; border-width: 0px 0px 1px; } hr.dp-hr-drop-shadow-one { height: 8px; width: 70%; background-image: radia= l-gradient(farthest-side at 50% -50%,var(--hr-color),transparent); position= : relative; } hr.dp-hr-drop-shadow-one::before { content: ""; height: 1px; position: abso= lute; top: -1px; left: 0px; right: 0px; background-image: linear-gradient(9= 0deg, transparent, rgba(0, 0, 0, 0.75) 50%, transparent); } hr.dp-hr-drop-shadow-two { height: 4px; width: 70%; background-image: radia= l-gradient(farthest-side at 50% -50%,var(--hr-color),transparent); position= : relative; } hr.dp-hr-drop-shadow-two::before { content: ""; height: 1px; position: abso= lute; top: -1px; left: 0px; right: 0px; background-image: linear-gradient(9= 0deg, transparent, rgba(0, 0, 0, 0.75) 50%, transparent); } hr.dp-hr-shapes { height: auto; text-align: center; } hr.dp-hr-shapes::after { content: "=E2=98=85"; font-size: 1.5em; text-shado= w: -3em 0px, -1.5em 0px, 1.5em 0px, 3em 0px; } hr.dp-hr-glyph-gap::after { background: rgb(255, 255, 255); border-radius: = 1.5em; } hr.dp-hr-glyph-gap::after, hr.dp-hr-glyph-overlap::after { content: "=C2=A7= "; display: inline-block; position: relative; top: -0.79em; font-size: 1.5e= m; padding: 0px 0.25em; } hr.dp-hr-glyph-upper-blade-scissors::after { content: "=E2=9C=81"; } hr.dp-hr-glyph-black-scissors::after { content: "=E2=9C=82"; } hr.dp-hr-glyph-lower-blade-scissors::after { content: "=E2=9C=83"; } hr.dp-hr-glyph-tape-drive::after { content: "=E2=9C=87"; } hr.dp-hr-glyph-airplane::after { content: "=E2=9C=88"; } hr.dp-hr-glyph-envelope::after { content: "=E2=9C=89"; } hr.dp-hr-glyph-lower-right-pencil::after { content: "=E2=9C=8E"; } hr.dp-hr-glyph-pencil::after { content: "=E2=9C=8F"; } hr.dp-hr-glyph-upper-right-pencil::after { content: "=E2=9C=90"; } hr.dp-hr-glyph-check-mark::after { content: "=E2=9C=93"; } hr.dp-hr-glyph-heavy-check-mark::after { content: "=E2=9C=94"; } hr.dp-hr-glyph-ballot-x::after { content: "=E2=9C=97"; } hr.dp-hr-glyph-heavy-ballot-x::after { content: "=E2=9C=98"; } hr.dp-hr-glyph-outlined-greek-cross::after { content: "=E2=9C=99"; } hr.dp-hr-glyph-heavy-greek-cross::after { content: "=E2=9C=9A"; } hr.dp-hr-glyph-open-center-cross::after { content: "=E2=9C=9B"; } hr.dp-hr-glyph-heavy-open-center-cross::after { content: "=E2=9C=9C"; } hr.dp-hr-glyph-maltese-cross::after { content: "=E2=9C=A0"; } hr.dp-hr-glyph-star-of-david::after { content: "=E2=9C=A1"; } hr.dp-hr-glyph-four-teardrop-spoked-asterisk::after { content: "=E2=9C=A2";= } hr.dp-hr-glyph-four-balloon-spoked-asterisk::after { content: "=E2=9C=A3"; = } hr.dp-hr-glyph-heavy-four-balloon-spoked-asterisk::after { content: "=E2=9C= =A4"; } hr.dp-hr-glyph-four-club-spoked-asterisk::after { content: "=E2=9C=A5"; } hr.dp-hr-glyph-black-four-pointed-star::after { content: "=E2=9C=A6"; } hr.dp-hr-glyph-white-four-pointed-star::after { content: "=E2=9C=A7"; } hr.dp-hr-glyph-stress-outlined-white-star::after { content: "=E2=9C=A9"; } hr.dp-hr-glyph-circled-white-star::after { content: "=E2=9C=AA"; } hr.dp-hr-glyph-open-center-black-star::after { content: "=E2=9C=AB"; } hr.dp-hr-glyph-black-center-white-star::after { content: "=E2=9C=AC"; } hr.dp-hr-glyph-outlined-black-star::after { content: "=E2=9C=AD"; } hr.dp-hr-glyph-heavy-outlined-black-star::after { content: "=E2=9C=AE"; } hr.dp-hr-glyph-pinwheel-star::after { content: "=E2=9C=AF"; } hr.dp-hr-glyph-heavy-asterisk::after { content: "=E2=9C=B1"; } hr.dp-hr-glyph-open-center-asterisk::after { content: "=E2=9C=B2"; } hr.dp-hr-glyph-eight-spoked-asterisk::after { content: "=E2=9C=B3"; } hr.dp-hr-glyph-eight-pointed-black-star::after { content: "=E2=9C=B4"; } hr.dp-hr-glyph-eight-pointed-pinwheel-star::after { content: "=E2=9C=B5"; } hr.dp-hr-glyph-six-pointed-black-star::after { content: "=E2=9C=B6"; } hr.dp-hr-glyph-eight-pointed-rectilinear-black-star::after { content: "=E2= =9C=B7"; } hr.dp-hr-glyph-heavy-eight-pointed-rectilinear-black-star::after { content:= "=E2=9C=B8"; } hr.dp-hr-glyph-twelve-pointed-black-star::after { content: "=E2=9C=B9"; } hr.dp-hr-glyph-sixteen-pointed-asterisk::after { content: "=E2=9C=BA"; } hr.dp-hr-glyph-teardrop-spoked-asterisk::after { content: "=E2=9C=BB"; } hr.dp-hr-glyph-open-center-teardrop-spoked-asterisk::after { content: "=E2= =9C=BC"; } hr.dp-hr-glyph-heavy-teardrop-spoked-asterisk::after { content: "=E2=9C=BD"= ; } hr.dp-hr-glyph-six-petalled-black-and-white-florette::after { content: "=E2= =9C=BE"; } hr.dp-hr-glyph-black-florette::after { content: "=E2=9C=BF"; } hr.dp-hr-glyph-white-florette::after { content: "=E2=9D=80"; } hr.dp-hr-glyph-eight-petalled-outlined-black-florette::after { content: "= =E2=9D=81"; } hr.dp-hr-glyph-circled-open-center-eight-pointed-star::after { content: "= =E2=9D=82"; } hr.dp-hr-glyph-heavy-teardrop-spoked-pinwheel-asterisk::after { content: "= =E2=9D=83"; } hr.dp-hr-glyph-snowflake::after { content: "=E2=9D=84"; } hr.dp-hr-glyph-tight-trifoliate-snowflake::after { content: "=E2=9D=85"; } hr.dp-hr-glyph-heavy-chevron-snowflake::after { content: "=E2=9D=86"; } hr.dp-hr-glyph-sparkle::after { content: "=E2=9D=87"; } hr.dp-hr-glyph-heavy-sparkle::after { content: "=E2=9D=88"; } hr.dp-hr-glyph-balloon-spoked-asterisk::after { content: "=E2=9D=89"; } hr.dp-hr-glyph-eight-teardrop-spoked-propeller-asterisk::after { content: "= =E2=9D=8A"; } hr.dp-hr-glyph-heavy-eight-teardrop-spoked-propeller-asterisk::after { cont= ent: "=E2=9D=8B"; } hr.dp-hr-glyph-shadowed-white-circle::after { content: "=E2=9D=8D"; } hr.dp-hr-glyph-lower-right-drop-shadowed-white-square::after { content: "= =E2=9D=8F"; } hr.dp-hr-glyph-upper-right-drop-shadowed-white-square::after { content: "= =E2=9D=90"; } hr.dp-hr-glyph-lower-right-shadowed-white-square::after { content: "=E2=9D= =91"; } hr.dp-hr-glyph-upper-right-shadowed-white-square::after { content: "=E2=9D= =92"; } hr.dp-hr-glyph-black-diamond-minus-white-x::after { content: "=E2=9D=96"; } hr.dp-hr-glyph-light-vertical-bar::after { content: "=E2=9D=98"; } hr.dp-hr-glyph-heavy-single-turned-comma-quotation-mark-ornament::after { c= ontent: "=E2=9D=9B"; } hr.dp-hr-glyph-heavy-single-comma-quotation-mark-ornament::after { content:= "=E2=9D=9C"; } hr.dp-hr-glyph-heavy-double-turned-comma-quotation-mark-ornament::after { c= ontent: "=E2=9D=9D"; } hr.dp-hr-glyph-heavy-double-comma-quotation-mark-ornament::after { content:= "=E2=9D=9E"; } hr.dp-hr-glyph-heavy-low-single-comma-quotation-mark-ornament::after { cont= ent: "=E2=9D=9C"; } hr.dp-hr-glyph-heavy-low-double-comma-quotation-mark-ornament::after { cont= ent: "=E2=9D=9E"; } hr.dp-hr-glyph-curved-stem-paragraph-sign-ornament::after { content: "=E2= =9D=A1"; } hr.dp-hr-glyph-heavy-exclamation-mark-ornament::after { content: "=E2=9D=A2= "; } hr.dp-hr-glyph-heavy-heart-exclamation-mark-ornament::after { content: "=E2= =9D=A3"; } hr.dp-hr-glyph-heavy-black-heart::after { content: "=E2=9D=A4"; } hr.dp-hr-glyph-rotated-heavy-black-heart-bullet::after { content: "=E2=9D= =A5"; } hr.dp-hr-glyph-floral-heart::after { content: "=E2=9D=A6"; } hr.dp-hr-glyph-rotated-floral-heart-bullet::after { content: "=E2=9D=A7"; } hr.dp-hr-glyph-medium-left-parenthesis-ornament::after { content: "=E2=9D= =A8"; } hr.dp-hr-glyph-medium-right-parenthesis-ornament::after { content: "=E2=9D= =A9"; } hr.dp-hr-glyph-medium-left-pointing-angle-bracket-ornament::after { content= : "=E2=9D=AC"; } hr.dp-hr-glyph-medium-right-pointing-angle-bracket-ornament::after { conten= t: "=E2=9D=AD"; } hr.dp-hr-glyph-heavy-left-pointing-angle-quotation-mark-ornament::after { c= ontent: "=E2=9D=AE"; } hr.dp-hr-glyph-heavy-right-pointing-angle-quotation-mark-ornament::after { = content: "=E2=9D=AF"; } hr.dp-hr-glyph-heavy-left-pointing-angle-bracket-ornament::after { content:= "=E2=9D=B0"; } hr.dp-hr-glyph-heavy-right-pointing-angle-bracket-ornament::after { content= : "=E2=9D=B1"; } hr.dp-hr-glyph-light-left-tortoise-shell-bracket-ornament::after { content:= "=E2=9D=B2"; } hr.dp-hr-glyph-light-right-tortoise-shell-bracket-ornament::after { content= : "=E2=9D=B3"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-one::after { content: "=E2=9D= =B6"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-two::after { content: "=E2=9D= =B7"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-three::after { content: "=E2= =9D=B8"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-four::after { content: "=E2= =9D=B9"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-five::after { content: "=E2= =9D=BA"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-six::after { content: "=E2=9D= =BB"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-seven::after { content: "=E2= =9D=BC"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-eight::after { content: "=E2= =9D=BD"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-nine::after { content: "=E2= =9D=BE"; } hr.dp-hr-glyph-dingbat-negative-circled-digit-ten::after { content: "=E2=9D= =BF"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-one::after { content: "=E2= =9E=80"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-two::after { content: "=E2= =9E=81"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-three::after { content: "= =E2=9E=82"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-four::after { content: "=E2= =9E=83"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-five::after { content: "=E2= =9E=84"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-six::after { content: "=E2= =9E=85"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-seven::after { content: "= =E2=9E=86"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-eight::after { content: "= =E2=9E=87"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-nine::after { content: "=E2= =9E=88"; } hr.dp-hr-glyph-dingbat-circled-sans-serif-digit-ten::after { content: "=E2= =9E=89"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-one::after { conte= nt: "=E2=9E=8A"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-two::after { conte= nt: "=E2=9E=8B"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-three::after { con= tent: "=E2=9E=8C"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-four::after { cont= ent: "=E2=9E=8D"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-five::after { cont= ent: "=E2=9E=8E"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-six::after { conte= nt: "=E2=9E=8F"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-seven::after { con= tent: "=E2=9E=90"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-eight::after { con= tent: "=E2=9E=91"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-nine::after { cont= ent: "=E2=9E=92"; } hr.dp-hr-glyph-dingbat-negative-circled-sans-serif-digit-ten::after { conte= nt: "=E2=9E=93"; } hr.dp-hr-glyph-heavy-wide-headed-rightward-arrow::after { content: "=E2=9E= =94"; } hr.dp-hr-glyph-heavy-south-east-arrow::after { content: "=E2=9E=98"; } hr.dp-hr-glyph-heavy-rightward-arrow::after { content: "=E2=9E=99"; } hr.dp-hr-glyph-heavy-north-east-arrow::after { content: "=E2=9E=9A"; } hr.dp-hr-glyph-drafting-point-rightward-arrow::after { content: "=E2=9E=9B"= ; } hr.dp-hr-glyph-heavy-round-tipped-rightward-arrow::after { content: "=E2=9E= =9C"; } hr.dp-hr-glyph-triangle-headed-rightward-arrow::after { content: "=E2=9E=9D= "; } hr.dp-hr-glyph-heavy-triangle-headed-rightward-arrow::after { content: "=E2= =9E=9E"; } hr.dp-hr-glyph-dashed-triangle-headed-rightward-arrow::after { content: "= =E2=9E=9F"; } hr.dp-hr-glyph-heavy-dashed-triangle-headed-rightward-arrow::after { conten= t: "=E2=9E=A0"; } hr.dp-hr-glyph-black-rightward-arrow::after { content: "=E2=9E=A1"; } hr.dp-hr-glyph-three-d-top-lighted-rightward-arrowhead::after { content: "= =E2=9E=A2"; } hr.dp-hr-glyph-three-d-bottom-lighted-rightward-arrowhead::after { content:= "=E2=9E=A3"; } hr.dp-hr-glyph-black-rightward-arrowhead::after { content: "=E2=9E=A4"; } hr.dp-hr-glyph-white-feathered-rightward-arrow::after { content: "=E2=9E=B3= "; } hr.dp-hr-glyph-black-feathered-south-east-arrow::after { content: "=E2=9E= =B4"; } hr.dp-hr-glyph-black-feathered-rightward-arrow::after { content: "=E2=9E=B5= "; } hr.dp-hr-glyph-black-feathered-north-east-arrow::after { content: "=E2=9E= =B6"; } hr.dp-hr-glyph-heavy-black-feathered-south-east-arrow::after { content: "= =E2=9E=B7"; } hr.dp-hr-glyph-heavy-black-feathered-rightward-arrow::after { content: "=E2= =9E=B8"; } hr.dp-hr-glyph-heavy-black-feathered-north-east-arrow::after { content: "= =E2=9E=B9"; } hr.dp-hr-glyph-teardrop-barbed-rightward-arrow::after { content: "=E2=9E=BA= "; } hr.dp-hr-glyph-heavy-teardrop-shanked-rightward-arrow::after { content: "= =E2=9E=BB"; } hr.dp-hr-glyph-wedge-tailed-rightward-arrow::after { content: "=E2=9E=BC"; = } hr.dp-hr-glyph-heavy-wedge-tailed-rightward-arrow::after { content: "=E2=9E= =BD"; } hr.dp-hr-glyph-open-outlined-rightward-arrow::after { content: "=E2=9E=BE";= } hr.dp-hr-glyph-diamond-black::after { content: "=E2=97=86"; } hr.dp-hr-glyph-diamond-white::after { content: "=E2=97=87"; } hr.dp-hr-glyph-diamond-white-black::after { content: "=E2=97=88"; } .kl_wrapper .ic-EmptyStateList { list-style-type: none; margin: 0px; paddin= g: 0px; } .kl_wrapper .ic-EmptyStateList__Item { padding: 12px 0px; border-top: 1px d= otted rgb(199, 205, 209); } .kl_wrapper .ic-EmptyStateList__Item:first-of-type { border-top: none; } .kl_wrapper .ic-EmptyStateList__BillboardWrapper { margin: 0px auto; } @media only screen and (min-width: 768px) { .kl_wrapper .ic-EmptyStateList__BillboardWrapper { max-width: 20rem; } } .kl_wrapper .ic-EmptyStateButton { appearance: none; box-sizing: border-box= ; cursor: pointer; user-select: none; touch-action: manipulation; display: = block; width: 100%; margin: 0px; padding: 12px; background: transparent; bo= rder: 0.125rem dashed transparent; border-radius: 12px; text-align: center;= color: rgb(199, 205, 209); text-decoration: none; } .ic-EmptyStateButton:hover, .kl_wrapper .ic-EmptyStateButton:focus { outlin= e: none; color: var(--ic-link-color); border-color: var(--ic-link-color); t= ext-decoration: none; } .kl_wrapper .ic-EmptyStateButton__SVG { font-size: 13rem; } .kl_wrapper .ic-EmptyStateButton__Text { font-size: 1.125rem; display: bloc= k; color: var(--ic-link-color); } .kl_wrapper .context_module .items { min-height: 10px; } .kl_wrapper .context_module_item { border: none !important; } .kl_wrapper .context_module_item.context_module_item_conditional_info .type= _icon i { display: inline; } .kl_wrapper .context_module_item.context_module_item_conditional_info .cond= itional_options_count { background: rgb(24, 151, 216); float: right; paddin= g: 2px 15px; border-radius: 12px; font-size: 11px; color: rgb(255, 255, 255= ); } .kl_wrapper .al-options a { display: block !important; } .kl_wrapper .item-group-container { min-height: 450px; } .kl_wrapper .header .publish-icon { position: relative; bottom: 7px; } .expand_module_link, .kl_wrapper .collapse_module_link { cursor: pointer; } .kl_wrapper .ig-header .icon-lock { display: none; } .kl_wrapper .locked .ig-header .icon-lock { display: inline; } .kl_wrapper .unlock_at_text { font-weight: 400; font-size: 0.75rem; } .kl_wrapper .add_module_item_link { margin: 0px 10px; display: inline-block= !important; } .kl_wrapper .ig-header { position: relative; display: flex; } .kl_wrapper .ig-header .sortable-handle.reorder_module_link { display: flex= ; flex: 0 0 auto; align-items: center; } .kl_wrapper .ig-header .ig-header-title { flex: 1 1 auto; } .kl_wrapper .ig-header .prerequisites { display: flex; padding: 0px 20px; f= lex: 0 1 auto; max-width: 350px; } .kl_wrapper .ig-header .prerequisites .prerequisites_message { overflow-wra= p: break-word; word-break: break-word; display: flex; align-items: center; = font-size: 0.75rem; margin: 0px; } .kl_wrapper .ig-header .requirements_message { display: flex; align-items: = center; flex: 0 0 auto; } .kl_wrapper .ig-header .requirements_message ul { display: flex; align-item= s: center; font-weight: 700; } .kl_wrapper .ig-header .ig-header-admin { flex: 0 0 auto; display: flex; al= ign-self: center; } .kl_wrapper .ig-header .ig-header-admin .completion_status { margin: 0px 16= px; width: 16px; vertical-align: middle; } .kl_wrapper .ig-header .ig-header-admin .completion_status i { vertical-ali= gn: middle; } .kl_wrapper .ig-header .ig-header-admin .publish-icon { display: flex; alig= n-items: center; padding-left: 10px; padding-top: 12px; } .kl_wrapper .context-modules-main-header { height: 33px; padding: 15px; } .kl_wrapper .context_module .context_module_items.manageable .context_modul= e_item .move_item_link { display: inline !important; visibility: visible !i= mportant; } .kl_wrapper .context_module { border-top: none; min-width: auto; margin-bot= tom: 0px; } .draggable-handle a, .kl_wrapper .sortable-handle a { color: rgb(180, 183, = 186); } .context_module .move_item_link, .context_module .reorder_module_link, .kl_= wrapper .context_module .links a { opacity: 1; } .kl_wrapper .context_module_item .completion_requirement { font-size: inher= it; padding-left: 0px; margin-top: auto; color: inherit; } .kl_wrapper .context_module_item.context_module_item_hover { background: rg= b(255, 255, 255); } .kl_wrapper .draggable-handle { color: rgb(180, 183, 186); margin: 0px 4px = 0px -15px; padding: 0px 0px 0px 10px !important; } .draggable-handle, .draggable-handle a, .kl_wrapper .sortable-handle { curs= or: move !important; } .kl_wrapper .context_module_item .type_icon i { color: inherit; } .kl_wrapper .context_module_placeholder { height: 40px !important; border: = none !important; } .kl_wrapper input.move-module-label-spacer { margin-right: 10px; } .kl_wrapper .move-module-or { display: inline-block; width: 60px; margin-le= ft: 20px; } .kl_wrapper .move-module-select-spacer { margin-top: 10px; } .kl_wrapper .form-element { padding: 5px 0px; } .kl_wrapper .criterion { display: flex; } .kl_wrapper .prereq-req-item { padding-right: 5px; } .kl_wrapper .prereq-req-item .option { display: block; } .kl_wrapper .points_possible { padding-right: 5px; } .kl_wrapper .prereq-req-item-delete { padding-top: 9px; position: absolute;= right: 5px; } .kl_wrapper .add-item { cursor: pointer; } .kl_wrapper .icon-add { padding: 0px 5px; } .kl_wrapper .form-section { padding: 10px 0px 15px; } .kl_wrapper #add_context_module_form { padding: 10px 40px 0px; overflow: vi= sible; } .kl_wrapper .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-cl= earfix { padding-right: 40px; padding-left: 40px; } .kl_wrapper .no-requirements { width: 133px; } .kl_wrapper .no-requirements-icon { width: 48px; } .kl_wrapper .for-nvda { position: absolute; left: -10000px; top: auto; widt= h: 1px; height: 1px; overflow: hidden; } .kl_wrapper .require-sequential { margin-left: 20px; } .kl_wrapper .header-bar__module-layout { display: inline-flex; flex-directi= on: column; align-items: flex-end; } .kl_wrapper .header-bar__module-layout small { padding-top: 6px; } .kl_wrapper .header-bar__module-layout form { display: inline; margin: 0px;= } .kl_wrapper .item-group-container.item-group-container--is-empty { backgrou= nd: transparent; padding: 0px; border: none; } .kl_wrapper .kl_module_content .publish-icon, .kl_wrapper .publish-icon { c= ursor: default; } :root { --dp-tabs-nav-bg:#474747; --dp-tabs-nav-bg-text:#fff; --dp-tabs-nav= -dark-text:#474747; } .dp_tabs_nav_ul { list-style-type: none; margin: 5px 0px 0px; color: var(--= dp-tabs-nav-bg-text); background: var(--dp-tabs-nav-bg); } .dp_tabs_nav_ul li { display: inline-block; } .dp_tabs_nav_ul > li a { padding: 12px; color: var(--dp-tabs-nav-bg-text); = display: inline-block; text-decoration: none !important; } .dp_tabs_nav_ul > li a:focus, .dp_tabs_nav_ul > li a:hover { background: rg= ba(0, 0, 0, 0.3); color: var(--dp-tabs-nav-bg-text); } .dp_tabs_nav_ul.dp_lighten > li a:focus, .dp_tabs_nav_ul.dp_lighten > li a:= hover { background: rgba(255, 255, 255, 0.2); color: var(--dp-tabs-nav-bg-t= ext); } .dp_tabs_nav_ul .dp_tabs_nav_ul_active_page > a { font-weight: 700; border-= top: 1px solid var(--dp-tabs-nav-bg); border-right: 2px solid var(--dp-tabs= -nav-bg); border-left: 2px solid var(--dp-tabs-nav-bg); border-radius: 5px = 5px 0px 0px; margin-top: -5px; padding: 16px 13px 13px !important; } .dp_tabs_nav_ul .dp_tabs_nav_ul_active_page > a, .dp_tabs_nav_ul li.dp_tabs= _nav_ul_active_page > a:focus, .dp_tabs_nav_ul li.dp_tabs_nav_ul_active_pag= e > a:hover { color: var(--dp-tabs-nav-dark-text); background: rgb(245, 245= , 245); } .dp_tabs_nav_title { font-weight: 700; } li.dp_tabs_nav_title a { padding: 12px 20px 12px 12px; } .dp_tabs_nav_sub_ul { list-style-type: none; margin: 0px; padding: 4px; bac= kground: rgb(245, 245, 245); } .dp_tabs_nav_sub_ul li { display: inline-block; border-right: 1px dotted rg= b(169, 169, 169); } .dp_tabs_nav_sub_ul > li a { color: var(--dp-tabs-nav-dark-text); display: = inline-block; padding: 8px 12px; text-decoration: none !important; } .dp_tabs_nav_sub_ul > li a i { margin-right: 5px; } .dp_tabs_nav_sub_ul > li a:focus, .dp_tabs_nav_sub_ul > li a:hover { text-d= ecoration: underline !important; } .dp_tabs_nav_ul_active_sub_page { font-weight: 700; } .dp_tabs_nav_sub_ul li.dp_tabs_nav_ul_active_sub_page i { margin-right: 3px= ; color: var(--dt-tabs-nav-bg); } .dp_tabs_nav_sub_ul > li:last-child { border-right: none; } .mce-content-body .dp_module_tabs_nav { background: var(--dp-tabs-nav-bg); = color: var(--dp-tabs-nav-bg-text); display: block !important; padding: 5px = !important; } .mce-content-body .dp_module_tabs_nav p { margin: 5px; } .mce-content-body a[data-highlight=3D"kl_link_created"] { position: relativ= e; } .mce-content-body a[data-highlight=3D"kl_link_created"]::before { content: = ""; inset: -2px; position: absolute; border-radius: 5px; background: rgba(2= 55, 255, 0, 0.6) !important; } body.using_design_tools .quiz-header { overflow: unset; } .kl-server-msg { width: 100%; height: calc(100% - 70px); position: absolute= ; z-index: 1000; background-color: rgba(0, 0, 0, 0.9); top: 30px; left: 0px= ; padding: 40px 0px; } .kl-server-msg-inner { background-color: rgb(255, 255, 255); padding: 20px;= margin: 0px 10px; } .kl-server-msg-close { color: rgb(255, 255, 255); display: block; text-alig= n: right; padding: 0px 20px; } .kl_rubric_controls { width: 30px; position: absolute; left: 0px; } .kl_rubric_controls .kl_move_row_down, .kl_rubric_controls .kl_move_row_up = { width: 25px; padding: 1px; } .kl_rubric_controls .kl_move_row_down { margin-top: -1px; } .mce-content-body .math_equation_latex { visibility: unset; } .kl_more_space li, .kl_more_space ol, .kl_more_space ul { margin-top: 0.5em= ; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css?family=PT+Sans @charset "utf-8"; @font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; = src: url("https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0-ExdGM.w= off2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2D= E0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; = src: url("https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0aExdGM.w= off2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2= 116; } @font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; = src: url("https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0yExdGM.w= off2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+202= 0, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "PT Sans"; font-style: normal; font-weight: 400; = src: url("https://fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.wof= f2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U= +2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+= 2212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://fonts.googleapis.com/css?family=Satisfy @charset "utf-8"; @font-face { font-family: Satisfy; font-style: normal; font-weight: 400; sr= c: url("https://fonts.gstatic.com/s/satisfy/v11/rP2Hp2yn6lkG50LoCZOIHQ.woff= 2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+= 2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2= 212, U+2215, U+FEFF, U+FFFD; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://files.ciditools.com/fontawesome-5.13.0/css/all.min.css @charset "utf-8"; .fa, .fab, .fad, .fal, .far, .fas { -webkit-font-smoothing: antialiased; di= splay: inline-block; font-style: normal; font-variant: normal; text-renderi= ng: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667= em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; li= ne-height: inherit; } .fa-border { border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em;= padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, = .fas.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-rig= ht, .fas.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; } .fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin;= } @-webkit-keyframes fa-spin {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } @keyframes fa-spin {=20 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scaleX(-1); } .fa-flip-vertical { transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1);= } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :r= oot .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { filter: non= e; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position:= relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0px; position: absolute; text-align: cen= ter; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: rgb(255, 255, 255); } .fa-500px::before { content: "=EF=89=AE"; } .fa-accessible-icon::before { content: "=EF=8D=A8"; } .fa-accusoft::before { content: "=EF=8D=A9"; } .fa-acquisitions-incorporated::before { content: "=EF=9A=AF"; } .fa-ad::before { content: "=EF=99=81"; } .fa-address-book::before { content: "=EF=8A=B9"; } .fa-address-card::before { content: "=EF=8A=BB"; } .fa-adjust::before { content: "=EF=81=82"; } .fa-adn::before { content: "=EF=85=B0"; } .fa-adobe::before { content: "=EF=9D=B8"; } .fa-adversal::before { content: "=EF=8D=AA"; } .fa-affiliatetheme::before { content: "=EF=8D=AB"; } .fa-air-freshener::before { content: "=EF=97=90"; } .fa-airbnb::before { content: "=EF=A0=B4"; } .fa-algolia::before { content: "=EF=8D=AC"; } .fa-align-center::before { content: "=EF=80=B7"; } .fa-align-justify::before { content: "=EF=80=B9"; } .fa-align-left::before { content: "=EF=80=B6"; } .fa-align-right::before { content: "=EF=80=B8"; } .fa-alipay::before { content: "=EF=99=82"; } .fa-allergies::before { content: "=EF=91=A1"; } .fa-amazon::before { content: "=EF=89=B0"; } .fa-amazon-pay::before { content: "=EF=90=AC"; } .fa-ambulance::before { content: "=EF=83=B9"; } .fa-american-sign-language-interpreting::before { content: "=EF=8A=A3"; } .fa-amilia::before { content: "=EF=8D=AD"; } .fa-anchor::before { content: "=EF=84=BD"; } .fa-android::before { content: "=EF=85=BB"; } .fa-angellist::before { content: "=EF=88=89"; } .fa-angle-double-down::before { content: "=EF=84=83"; } .fa-angle-double-left::before { content: "=EF=84=80"; } .fa-angle-double-right::before { content: "=EF=84=81"; } .fa-angle-double-up::before { content: "=EF=84=82"; } .fa-angle-down::before { content: "=EF=84=87"; } .fa-angle-left::before { content: "=EF=84=84"; } .fa-angle-right::before { content: "=EF=84=85"; } .fa-angle-up::before { content: "=EF=84=86"; } .fa-angry::before { content: "=EF=95=96"; } .fa-angrycreative::before { content: "=EF=8D=AE"; } .fa-angular::before { content: "=EF=90=A0"; } .fa-ankh::before { content: "=EF=99=84"; } .fa-app-store::before { content: "=EF=8D=AF"; } .fa-app-store-ios::before { content: "=EF=8D=B0"; } .fa-apper::before { content: "=EF=8D=B1"; } .fa-apple::before { content: "=EF=85=B9"; } .fa-apple-alt::before { content: "=EF=97=91"; } .fa-apple-pay::before { content: "=EF=90=95"; } .fa-archive::before { content: "=EF=86=87"; } .fa-archway::before { content: "=EF=95=97"; } .fa-arrow-alt-circle-down::before { content: "=EF=8D=98"; } .fa-arrow-alt-circle-left::before { content: "=EF=8D=99"; } .fa-arrow-alt-circle-right::before { content: "=EF=8D=9A"; } .fa-arrow-alt-circle-up::before { content: "=EF=8D=9B"; } .fa-arrow-circle-down::before { content: "=EF=82=AB"; } .fa-arrow-circle-left::before { content: "=EF=82=A8"; } .fa-arrow-circle-right::before { content: "=EF=82=A9"; } .fa-arrow-circle-up::before { content: "=EF=82=AA"; } .fa-arrow-down::before { content: "=EF=81=A3"; } .fa-arrow-left::before { content: "=EF=81=A0"; } .fa-arrow-right::before { content: "=EF=81=A1"; } .fa-arrow-up::before { content: "=EF=81=A2"; } .fa-arrows-alt::before { content: "=EF=82=B2"; } .fa-arrows-alt-h::before { content: "=EF=8C=B7"; } .fa-arrows-alt-v::before { content: "=EF=8C=B8"; } .fa-artstation::before { content: "=EF=9D=BA"; } .fa-assistive-listening-systems::before { content: "=EF=8A=A2"; } .fa-asterisk::before { content: "=EF=81=A9"; } .fa-asymmetrik::before { content: "=EF=8D=B2"; } .fa-at::before { content: "=EF=87=BA"; } .fa-atlas::before { content: "=EF=95=98"; } .fa-atlassian::before { content: "=EF=9D=BB"; } .fa-atom::before { content: "=EF=97=92"; } .fa-audible::before { content: "=EF=8D=B3"; } .fa-audio-description::before { content: "=EF=8A=9E"; } .fa-autoprefixer::before { content: "=EF=90=9C"; } .fa-avianex::before { content: "=EF=8D=B4"; } .fa-aviato::before { content: "=EF=90=A1"; } .fa-award::before { content: "=EF=95=99"; } .fa-aws::before { content: "=EF=8D=B5"; } .fa-baby::before { content: "=EF=9D=BC"; } .fa-baby-carriage::before { content: "=EF=9D=BD"; } .fa-backspace::before { content: "=EF=95=9A"; } .fa-backward::before { content: "=EF=81=8A"; } .fa-bacon::before { content: "=EF=9F=A5"; } .fa-bahai::before { content: "=EF=99=A6"; } .fa-balance-scale::before { content: "=EF=89=8E"; } .fa-balance-scale-left::before { content: "=EF=94=95"; } .fa-balance-scale-right::before { content: "=EF=94=96"; } .fa-ban::before { content: "=EF=81=9E"; } .fa-band-aid::before { content: "=EF=91=A2"; } .fa-bandcamp::before { content: "=EF=8B=95"; } .fa-barcode::before { content: "=EF=80=AA"; } .fa-bars::before { content: "=EF=83=89"; } .fa-baseball-ball::before { content: "=EF=90=B3"; } .fa-basketball-ball::before { content: "=EF=90=B4"; } .fa-bath::before { content: "=EF=8B=8D"; } .fa-battery-empty::before { content: "=EF=89=84"; } .fa-battery-full::before { content: "=EF=89=80"; } .fa-battery-half::before { content: "=EF=89=82"; } .fa-battery-quarter::before { content: "=EF=89=83"; } .fa-battery-three-quarters::before { content: "=EF=89=81"; } .fa-battle-net::before { content: "=EF=A0=B5"; } .fa-bed::before { content: "=EF=88=B6"; } .fa-beer::before { content: "=EF=83=BC"; } .fa-behance::before { content: "=EF=86=B4"; } .fa-behance-square::before { content: "=EF=86=B5"; } .fa-bell::before { content: "=EF=83=B3"; } .fa-bell-slash::before { content: "=EF=87=B6"; } .fa-bezier-curve::before { content: "=EF=95=9B"; } .fa-bible::before { content: "=EF=99=87"; } .fa-bicycle::before { content: "=EF=88=86"; } .fa-biking::before { content: "=EF=A1=8A"; } .fa-bimobject::before { content: "=EF=8D=B8"; } .fa-binoculars::before { content: "=EF=87=A5"; } .fa-biohazard::before { content: "=EF=9E=80"; } .fa-birthday-cake::before { content: "=EF=87=BD"; } .fa-bitbucket::before { content: "=EF=85=B1"; } .fa-bitcoin::before { content: "=EF=8D=B9"; } .fa-bity::before { content: "=EF=8D=BA"; } .fa-black-tie::before { content: "=EF=89=BE"; } .fa-blackberry::before { content: "=EF=8D=BB"; } .fa-blender::before { content: "=EF=94=97"; } .fa-blender-phone::before { content: "=EF=9A=B6"; } .fa-blind::before { content: "=EF=8A=9D"; } .fa-blog::before { content: "=EF=9E=81"; } .fa-blogger::before { content: "=EF=8D=BC"; } .fa-blogger-b::before { content: "=EF=8D=BD"; } .fa-bluetooth::before { content: "=EF=8A=93"; } .fa-bluetooth-b::before { content: "=EF=8A=94"; } .fa-bold::before { content: "=EF=80=B2"; } .fa-bolt::before { content: "=EF=83=A7"; } .fa-bomb::before { content: "=EF=87=A2"; } .fa-bone::before { content: "=EF=97=97"; } .fa-bong::before { content: "=EF=95=9C"; } .fa-book::before { content: "=EF=80=AD"; } .fa-book-dead::before { content: "=EF=9A=B7"; } .fa-book-medical::before { content: "=EF=9F=A6"; } .fa-book-open::before { content: "=EF=94=98"; } .fa-book-reader::before { content: "=EF=97=9A"; } .fa-bookmark::before { content: "=EF=80=AE"; } .fa-bootstrap::before { content: "=EF=A0=B6"; } .fa-border-all::before { content: "=EF=A1=8C"; } .fa-border-none::before { content: "=EF=A1=90"; } .fa-border-style::before { content: "=EF=A1=93"; } .fa-bowling-ball::before { content: "=EF=90=B6"; } .fa-box::before { content: "=EF=91=A6"; } .fa-box-open::before { content: "=EF=92=9E"; } .fa-box-tissue::before { content: "=EF=A5=9B"; } .fa-boxes::before { content: "=EF=91=A8"; } .fa-braille::before { content: "=EF=8A=A1"; } .fa-brain::before { content: "=EF=97=9C"; } .fa-bread-slice::before { content: "=EF=9F=AC"; } .fa-briefcase::before { content: "=EF=82=B1"; } .fa-briefcase-medical::before { content: "=EF=91=A9"; } .fa-broadcast-tower::before { content: "=EF=94=99"; } .fa-broom::before { content: "=EF=94=9A"; } .fa-brush::before { content: "=EF=95=9D"; } .fa-btc::before { content: "=EF=85=9A"; } .fa-buffer::before { content: "=EF=A0=B7"; } .fa-bug::before { content: "=EF=86=88"; } .fa-building::before { content: "=EF=86=AD"; } .fa-bullhorn::before { content: "=EF=82=A1"; } .fa-bullseye::before { content: "=EF=85=80"; } .fa-burn::before { content: "=EF=91=AA"; } .fa-buromobelexperte::before { content: "=EF=8D=BF"; } .fa-bus::before { content: "=EF=88=87"; } .fa-bus-alt::before { content: "=EF=95=9E"; } .fa-business-time::before { content: "=EF=99=8A"; } .fa-buy-n-large::before { content: "=EF=A2=A6"; } .fa-buysellads::before { content: "=EF=88=8D"; } .fa-calculator::before { content: "=EF=87=AC"; } .fa-calendar::before { content: "=EF=84=B3"; } .fa-calendar-alt::before { content: "=EF=81=B3"; } .fa-calendar-check::before { content: "=EF=89=B4"; } .fa-calendar-day::before { content: "=EF=9E=83"; } .fa-calendar-minus::before { content: "=EF=89=B2"; } .fa-calendar-plus::before { content: "=EF=89=B1"; } .fa-calendar-times::before { content: "=EF=89=B3"; } .fa-calendar-week::before { content: "=EF=9E=84"; } .fa-camera::before { content: "=EF=80=B0"; } .fa-camera-retro::before { content: "=EF=82=83"; } .fa-campground::before { content: "=EF=9A=BB"; } .fa-canadian-maple-leaf::before { content: "=EF=9E=85"; } .fa-candy-cane::before { content: "=EF=9E=86"; } .fa-cannabis::before { content: "=EF=95=9F"; } .fa-capsules::before { content: "=EF=91=AB"; } .fa-car::before { content: "=EF=86=B9"; } .fa-car-alt::before { content: "=EF=97=9E"; } .fa-car-battery::before { content: "=EF=97=9F"; } .fa-car-crash::before { content: "=EF=97=A1"; } .fa-car-side::before { content: "=EF=97=A4"; } .fa-caravan::before { content: "=EF=A3=BF"; } .fa-caret-down::before { content: "=EF=83=97"; } .fa-caret-left::before { content: "=EF=83=99"; } .fa-caret-right::before { content: "=EF=83=9A"; } .fa-caret-square-down::before { content: "=EF=85=90"; } .fa-caret-square-left::before { content: "=EF=86=91"; } .fa-caret-square-right::before { content: "=EF=85=92"; } .fa-caret-square-up::before { content: "=EF=85=91"; } .fa-caret-up::before { content: "=EF=83=98"; } .fa-carrot::before { content: "=EF=9E=87"; } .fa-cart-arrow-down::before { content: "=EF=88=98"; } .fa-cart-plus::before { content: "=EF=88=97"; } .fa-cash-register::before { content: "=EF=9E=88"; } .fa-cat::before { content: "=EF=9A=BE"; } .fa-cc-amazon-pay::before { content: "=EF=90=AD"; } .fa-cc-amex::before { content: "=EF=87=B3"; } .fa-cc-apple-pay::before { content: "=EF=90=96"; } .fa-cc-diners-club::before { content: "=EF=89=8C"; } .fa-cc-discover::before { content: "=EF=87=B2"; } .fa-cc-jcb::before { content: "=EF=89=8B"; } .fa-cc-mastercard::before { content: "=EF=87=B1"; } .fa-cc-paypal::before { content: "=EF=87=B4"; } .fa-cc-stripe::before { content: "=EF=87=B5"; } .fa-cc-visa::before { content: "=EF=87=B0"; } .fa-centercode::before { content: "=EF=8E=80"; } .fa-centos::before { content: "=EF=9E=89"; } .fa-certificate::before { content: "=EF=82=A3"; } .fa-chair::before { content: "=EF=9B=80"; } .fa-chalkboard::before { content: "=EF=94=9B"; } .fa-chalkboard-teacher::before { content: "=EF=94=9C"; } .fa-charging-station::before { content: "=EF=97=A7"; } .fa-chart-area::before { content: "=EF=87=BE"; } .fa-chart-bar::before { content: "=EF=82=80"; } .fa-chart-line::before { content: "=EF=88=81"; } .fa-chart-pie::before { content: "=EF=88=80"; } .fa-check::before { content: "=EF=80=8C"; } .fa-check-circle::before { content: "=EF=81=98"; } .fa-check-double::before { content: "=EF=95=A0"; } .fa-check-square::before { content: "=EF=85=8A"; } .fa-cheese::before { content: "=EF=9F=AF"; } .fa-chess::before { content: "=EF=90=B9"; } .fa-chess-bishop::before { content: "=EF=90=BA"; } .fa-chess-board::before { content: "=EF=90=BC"; } .fa-chess-king::before { content: "=EF=90=BF"; } .fa-chess-knight::before { content: "=EF=91=81"; } .fa-chess-pawn::before { content: "=EF=91=83"; } .fa-chess-queen::before { content: "=EF=91=85"; } .fa-chess-rook::before { content: "=EF=91=87"; } .fa-chevron-circle-down::before { content: "=EF=84=BA"; } .fa-chevron-circle-left::before { content: "=EF=84=B7"; } .fa-chevron-circle-right::before { content: "=EF=84=B8"; } .fa-chevron-circle-up::before { content: "=EF=84=B9"; } .fa-chevron-down::before { content: "=EF=81=B8"; } .fa-chevron-left::before { content: "=EF=81=93"; } .fa-chevron-right::before { content: "=EF=81=94"; } .fa-chevron-up::before { content: "=EF=81=B7"; } .fa-child::before { content: "=EF=86=AE"; } .fa-chrome::before { content: "=EF=89=A8"; } .fa-chromecast::before { content: "=EF=A0=B8"; } .fa-church::before { content: "=EF=94=9D"; } .fa-circle::before { content: "=EF=84=91"; } .fa-circle-notch::before { content: "=EF=87=8E"; } .fa-city::before { content: "=EF=99=8F"; } .fa-clinic-medical::before { content: "=EF=9F=B2"; } .fa-clipboard::before { content: "=EF=8C=A8"; } .fa-clipboard-check::before { content: "=EF=91=AC"; } .fa-clipboard-list::before { content: "=EF=91=AD"; } .fa-clock::before { content: "=EF=80=97"; } .fa-clone::before { content: "=EF=89=8D"; } .fa-closed-captioning::before { content: "=EF=88=8A"; } .fa-cloud::before { content: "=EF=83=82"; } .fa-cloud-download-alt::before { content: "=EF=8E=81"; } .fa-cloud-meatball::before { content: "=EF=9C=BB"; } .fa-cloud-moon::before { content: "=EF=9B=83"; } .fa-cloud-moon-rain::before { content: "=EF=9C=BC"; } .fa-cloud-rain::before { content: "=EF=9C=BD"; } .fa-cloud-showers-heavy::before { content: "=EF=9D=80"; } .fa-cloud-sun::before { content: "=EF=9B=84"; } .fa-cloud-sun-rain::before { content: "=EF=9D=83"; } .fa-cloud-upload-alt::before { content: "=EF=8E=82"; } .fa-cloudscale::before { content: "=EF=8E=83"; } .fa-cloudsmith::before { content: "=EF=8E=84"; } .fa-cloudversify::before { content: "=EF=8E=85"; } .fa-cocktail::before { content: "=EF=95=A1"; } .fa-code::before { content: "=EF=84=A1"; } .fa-code-branch::before { content: "=EF=84=A6"; } .fa-codepen::before { content: "=EF=87=8B"; } .fa-codiepie::before { content: "=EF=8A=84"; } .fa-coffee::before { content: "=EF=83=B4"; } .fa-cog::before { content: "=EF=80=93"; } .fa-cogs::before { content: "=EF=82=85"; } .fa-coins::before { content: "=EF=94=9E"; } .fa-columns::before { content: "=EF=83=9B"; } .fa-comment::before { content: "=EF=81=B5"; } .fa-comment-alt::before { content: "=EF=89=BA"; } .fa-comment-dollar::before { content: "=EF=99=91"; } .fa-comment-dots::before { content: "=EF=92=AD"; } .fa-comment-medical::before { content: "=EF=9F=B5"; } .fa-comment-slash::before { content: "=EF=92=B3"; } .fa-comments::before { content: "=EF=82=86"; } .fa-comments-dollar::before { content: "=EF=99=93"; } .fa-compact-disc::before { content: "=EF=94=9F"; } .fa-compass::before { content: "=EF=85=8E"; } .fa-compress::before { content: "=EF=81=A6"; } .fa-compress-alt::before { content: "=EF=90=A2"; } .fa-compress-arrows-alt::before { content: "=EF=9E=8C"; } .fa-concierge-bell::before { content: "=EF=95=A2"; } .fa-confluence::before { content: "=EF=9E=8D"; } .fa-connectdevelop::before { content: "=EF=88=8E"; } .fa-contao::before { content: "=EF=89=AD"; } .fa-cookie::before { content: "=EF=95=A3"; } .fa-cookie-bite::before { content: "=EF=95=A4"; } .fa-copy::before { content: "=EF=83=85"; } .fa-copyright::before { content: "=EF=87=B9"; } .fa-cotton-bureau::before { content: "=EF=A2=9E"; } .fa-couch::before { content: "=EF=92=B8"; } .fa-cpanel::before { content: "=EF=8E=88"; } .fa-creative-commons::before { content: "=EF=89=9E"; } .fa-creative-commons-by::before { content: "=EF=93=A7"; } .fa-creative-commons-nc::before { content: "=EF=93=A8"; } .fa-creative-commons-nc-eu::before { content: "=EF=93=A9"; } .fa-creative-commons-nc-jp::before { content: "=EF=93=AA"; } .fa-creative-commons-nd::before { content: "=EF=93=AB"; } .fa-creative-commons-pd::before { content: "=EF=93=AC"; } .fa-creative-commons-pd-alt::before { content: "=EF=93=AD"; } .fa-creative-commons-remix::before { content: "=EF=93=AE"; } .fa-creative-commons-sa::before { content: "=EF=93=AF"; } .fa-creative-commons-sampling::before { content: "=EF=93=B0"; } .fa-creative-commons-sampling-plus::before { content: "=EF=93=B1"; } .fa-creative-commons-share::before { content: "=EF=93=B2"; } .fa-creative-commons-zero::before { content: "=EF=93=B3"; } .fa-credit-card::before { content: "=EF=82=9D"; } .fa-critical-role::before { content: "=EF=9B=89"; } .fa-crop::before { content: "=EF=84=A5"; } .fa-crop-alt::before { content: "=EF=95=A5"; } .fa-cross::before { content: "=EF=99=94"; } .fa-crosshairs::before { content: "=EF=81=9B"; } .fa-crow::before { content: "=EF=94=A0"; } .fa-crown::before { content: "=EF=94=A1"; } .fa-crutch::before { content: "=EF=9F=B7"; } .fa-css3::before { content: "=EF=84=BC"; } .fa-css3-alt::before { content: "=EF=8E=8B"; } .fa-cube::before { content: "=EF=86=B2"; } .fa-cubes::before { content: "=EF=86=B3"; } .fa-cut::before { content: "=EF=83=84"; } .fa-cuttlefish::before { content: "=EF=8E=8C"; } .fa-d-and-d::before { content: "=EF=8E=8D"; } .fa-d-and-d-beyond::before { content: "=EF=9B=8A"; } .fa-dailymotion::before { content: "=EF=A5=92"; } .fa-dashcube::before { content: "=EF=88=90"; } .fa-database::before { content: "=EF=87=80"; } .fa-deaf::before { content: "=EF=8A=A4"; } .fa-delicious::before { content: "=EF=86=A5"; } .fa-democrat::before { content: "=EF=9D=87"; } .fa-deploydog::before { content: "=EF=8E=8E"; } .fa-deskpro::before { content: "=EF=8E=8F"; } .fa-desktop::before { content: "=EF=84=88"; } .fa-dev::before { content: "=EF=9B=8C"; } .fa-deviantart::before { content: "=EF=86=BD"; } .fa-dharmachakra::before { content: "=EF=99=95"; } .fa-dhl::before { content: "=EF=9E=90"; } .fa-diagnoses::before { content: "=EF=91=B0"; } .fa-diaspora::before { content: "=EF=9E=91"; } .fa-dice::before { content: "=EF=94=A2"; } .fa-dice-d20::before { content: "=EF=9B=8F"; } .fa-dice-d6::before { content: "=EF=9B=91"; } .fa-dice-five::before { content: "=EF=94=A3"; } .fa-dice-four::before { content: "=EF=94=A4"; } .fa-dice-one::before { content: "=EF=94=A5"; } .fa-dice-six::before { content: "=EF=94=A6"; } .fa-dice-three::before { content: "=EF=94=A7"; } .fa-dice-two::before { content: "=EF=94=A8"; } .fa-digg::before { content: "=EF=86=A6"; } .fa-digital-ocean::before { content: "=EF=8E=91"; } .fa-digital-tachograph::before { content: "=EF=95=A6"; } .fa-directions::before { content: "=EF=97=AB"; } .fa-discord::before { content: "=EF=8E=92"; } .fa-discourse::before { content: "=EF=8E=93"; } .fa-disease::before { content: "=EF=9F=BA"; } .fa-divide::before { content: "=EF=94=A9"; } .fa-dizzy::before { content: "=EF=95=A7"; } .fa-dna::before { content: "=EF=91=B1"; } .fa-dochub::before { content: "=EF=8E=94"; } .fa-docker::before { content: "=EF=8E=95"; } .fa-dog::before { content: "=EF=9B=93"; } .fa-dollar-sign::before { content: "=EF=85=95"; } .fa-dolly::before { content: "=EF=91=B2"; } .fa-dolly-flatbed::before { content: "=EF=91=B4"; } .fa-donate::before { content: "=EF=92=B9"; } .fa-door-closed::before { content: "=EF=94=AA"; } .fa-door-open::before { content: "=EF=94=AB"; } .fa-dot-circle::before { content: "=EF=86=92"; } .fa-dove::before { content: "=EF=92=BA"; } .fa-download::before { content: "=EF=80=99"; } .fa-draft2digital::before { content: "=EF=8E=96"; } .fa-drafting-compass::before { content: "=EF=95=A8"; } .fa-dragon::before { content: "=EF=9B=95"; } .fa-draw-polygon::before { content: "=EF=97=AE"; } .fa-dribbble::before { content: "=EF=85=BD"; } .fa-dribbble-square::before { content: "=EF=8E=97"; } .fa-dropbox::before { content: "=EF=85=AB"; } .fa-drum::before { content: "=EF=95=A9"; } .fa-drum-steelpan::before { content: "=EF=95=AA"; } .fa-drumstick-bite::before { content: "=EF=9B=97"; } .fa-drupal::before { content: "=EF=86=A9"; } .fa-dumbbell::before { content: "=EF=91=8B"; } .fa-dumpster::before { content: "=EF=9E=93"; } .fa-dumpster-fire::before { content: "=EF=9E=94"; } .fa-dungeon::before { content: "=EF=9B=99"; } .fa-dyalog::before { content: "=EF=8E=99"; } .fa-earlybirds::before { content: "=EF=8E=9A"; } .fa-ebay::before { content: "=EF=93=B4"; } .fa-edge::before { content: "=EF=8A=82"; } .fa-edit::before { content: "=EF=81=84"; } .fa-egg::before { content: "=EF=9F=BB"; } .fa-eject::before { content: "=EF=81=92"; } .fa-elementor::before { content: "=EF=90=B0"; } .fa-ellipsis-h::before { content: "=EF=85=81"; } .fa-ellipsis-v::before { content: "=EF=85=82"; } .fa-ello::before { content: "=EF=97=B1"; } .fa-ember::before { content: "=EF=90=A3"; } .fa-empire::before { content: "=EF=87=91"; } .fa-envelope::before { content: "=EF=83=A0"; } .fa-envelope-open::before { content: "=EF=8A=B6"; } .fa-envelope-open-text::before { content: "=EF=99=98"; } .fa-envelope-square::before { content: "=EF=86=99"; } .fa-envira::before { content: "=EF=8A=99"; } .fa-equals::before { content: "=EF=94=AC"; } .fa-eraser::before { content: "=EF=84=AD"; } .fa-erlang::before { content: "=EF=8E=9D"; } .fa-ethereum::before { content: "=EF=90=AE"; } .fa-ethernet::before { content: "=EF=9E=96"; } .fa-etsy::before { content: "=EF=8B=97"; } .fa-euro-sign::before { content: "=EF=85=93"; } .fa-evernote::before { content: "=EF=A0=B9"; } .fa-exchange-alt::before { content: "=EF=8D=A2"; } .fa-exclamation::before { content: "=EF=84=AA"; } .fa-exclamation-circle::before { content: "=EF=81=AA"; } .fa-exclamation-triangle::before { content: "=EF=81=B1"; } .fa-expand::before { content: "=EF=81=A5"; } .fa-expand-alt::before { content: "=EF=90=A4"; } .fa-expand-arrows-alt::before { content: "=EF=8C=9E"; } .fa-expeditedssl::before { content: "=EF=88=BE"; } .fa-external-link-alt::before { content: "=EF=8D=9D"; } .fa-external-link-square-alt::before { content: "=EF=8D=A0"; } .fa-eye::before { content: "=EF=81=AE"; } .fa-eye-dropper::before { content: "=EF=87=BB"; } .fa-eye-slash::before { content: "=EF=81=B0"; } .fa-facebook::before { content: "=EF=82=9A"; } .fa-facebook-f::before { content: "=EF=8E=9E"; } .fa-facebook-messenger::before { content: "=EF=8E=9F"; } .fa-facebook-square::before { content: "=EF=82=82"; } .fa-fan::before { content: "=EF=A1=A3"; } .fa-fantasy-flight-games::before { content: "=EF=9B=9C"; } .fa-fast-backward::before { content: "=EF=81=89"; } .fa-fast-forward::before { content: "=EF=81=90"; } .fa-faucet::before { content: "=EF=A4=85"; } .fa-fax::before { content: "=EF=86=AC"; } .fa-feather::before { content: "=EF=94=AD"; } .fa-feather-alt::before { content: "=EF=95=AB"; } .fa-fedex::before { content: "=EF=9E=97"; } .fa-fedora::before { content: "=EF=9E=98"; } .fa-female::before { content: "=EF=86=82"; } .fa-fighter-jet::before { content: "=EF=83=BB"; } .fa-figma::before { content: "=EF=9E=99"; } .fa-file::before { content: "=EF=85=9B"; } .fa-file-alt::before { content: "=EF=85=9C"; } .fa-file-archive::before { content: "=EF=87=86"; } .fa-file-audio::before { content: "=EF=87=87"; } .fa-file-code::before { content: "=EF=87=89"; } .fa-file-contract::before { content: "=EF=95=AC"; } .fa-file-csv::before { content: "=EF=9B=9D"; } .fa-file-download::before { content: "=EF=95=AD"; } .fa-file-excel::before { content: "=EF=87=83"; } .fa-file-export::before { content: "=EF=95=AE"; } .fa-file-image::before { content: "=EF=87=85"; } .fa-file-import::before { content: "=EF=95=AF"; } .fa-file-invoice::before { content: "=EF=95=B0"; } .fa-file-invoice-dollar::before { content: "=EF=95=B1"; } .fa-file-medical::before { content: "=EF=91=B7"; } .fa-file-medical-alt::before { content: "=EF=91=B8"; } .fa-file-pdf::before { content: "=EF=87=81"; } .fa-file-powerpoint::before { content: "=EF=87=84"; } .fa-file-prescription::before { content: "=EF=95=B2"; } .fa-file-signature::before { content: "=EF=95=B3"; } .fa-file-upload::before { content: "=EF=95=B4"; } .fa-file-video::before { content: "=EF=87=88"; } .fa-file-word::before { content: "=EF=87=82"; } .fa-fill::before { content: "=EF=95=B5"; } .fa-fill-drip::before { content: "=EF=95=B6"; } .fa-film::before { content: "=EF=80=88"; } .fa-filter::before { content: "=EF=82=B0"; } .fa-fingerprint::before { content: "=EF=95=B7"; } .fa-fire::before { content: "=EF=81=AD"; } .fa-fire-alt::before { content: "=EF=9F=A4"; } .fa-fire-extinguisher::before { content: "=EF=84=B4"; } .fa-firefox::before { content: "=EF=89=A9"; } .fa-firefox-browser::before { content: "=EF=A4=87"; } .fa-first-aid::before { content: "=EF=91=B9"; } .fa-first-order::before { content: "=EF=8A=B0"; } .fa-first-order-alt::before { content: "=EF=94=8A"; } .fa-firstdraft::before { content: "=EF=8E=A1"; } .fa-fish::before { content: "=EF=95=B8"; } .fa-fist-raised::before { content: "=EF=9B=9E"; } .fa-flag::before { content: "=EF=80=A4"; } .fa-flag-checkered::before { content: "=EF=84=9E"; } .fa-flag-usa::before { content: "=EF=9D=8D"; } .fa-flask::before { content: "=EF=83=83"; } .fa-flickr::before { content: "=EF=85=AE"; } .fa-flipboard::before { content: "=EF=91=8D"; } .fa-flushed::before { content: "=EF=95=B9"; } .fa-fly::before { content: "=EF=90=97"; } .fa-folder::before { content: "=EF=81=BB"; } .fa-folder-minus::before { content: "=EF=99=9D"; } .fa-folder-open::before { content: "=EF=81=BC"; } .fa-folder-plus::before { content: "=EF=99=9E"; } .fa-font::before { content: "=EF=80=B1"; } .fa-font-awesome::before { content: "=EF=8A=B4"; } .fa-font-awesome-alt::before { content: "=EF=8D=9C"; } .fa-font-awesome-flag::before { content: "=EF=90=A5"; } .fa-font-awesome-logo-full::before { content: "=EF=93=A6"; } .fa-fonticons::before { content: "=EF=8A=80"; } .fa-fonticons-fi::before { content: "=EF=8E=A2"; } .fa-football-ball::before { content: "=EF=91=8E"; } .fa-fort-awesome::before { content: "=EF=8A=86"; } .fa-fort-awesome-alt::before { content: "=EF=8E=A3"; } .fa-forumbee::before { content: "=EF=88=91"; } .fa-forward::before { content: "=EF=81=8E"; } .fa-foursquare::before { content: "=EF=86=80"; } .fa-free-code-camp::before { content: "=EF=8B=85"; } .fa-freebsd::before { content: "=EF=8E=A4"; } .fa-frog::before { content: "=EF=94=AE"; } .fa-frown::before { content: "=EF=84=99"; } .fa-frown-open::before { content: "=EF=95=BA"; } .fa-fulcrum::before { content: "=EF=94=8B"; } .fa-funnel-dollar::before { content: "=EF=99=A2"; } .fa-futbol::before { content: "=EF=87=A3"; } .fa-galactic-republic::before { content: "=EF=94=8C"; } .fa-galactic-senate::before { content: "=EF=94=8D"; } .fa-gamepad::before { content: "=EF=84=9B"; } .fa-gas-pump::before { content: "=EF=94=AF"; } .fa-gavel::before { content: "=EF=83=A3"; } .fa-gem::before { content: "=EF=8E=A5"; } .fa-genderless::before { content: "=EF=88=AD"; } .fa-get-pocket::before { content: "=EF=89=A5"; } .fa-gg::before { content: "=EF=89=A0"; } .fa-gg-circle::before { content: "=EF=89=A1"; } .fa-ghost::before { content: "=EF=9B=A2"; } .fa-gift::before { content: "=EF=81=AB"; } .fa-gifts::before { content: "=EF=9E=9C"; } .fa-git::before { content: "=EF=87=93"; } .fa-git-alt::before { content: "=EF=A1=81"; } .fa-git-square::before { content: "=EF=87=92"; } .fa-github::before { content: "=EF=82=9B"; } .fa-github-alt::before { content: "=EF=84=93"; } .fa-github-square::before { content: "=EF=82=92"; } .fa-gitkraken::before { content: "=EF=8E=A6"; } .fa-gitlab::before { content: "=EF=8A=96"; } .fa-gitter::before { content: "=EF=90=A6"; } .fa-glass-cheers::before { content: "=EF=9E=9F"; } .fa-glass-martini::before { content: "=EF=80=80"; } .fa-glass-martini-alt::before { content: "=EF=95=BB"; } .fa-glass-whiskey::before { content: "=EF=9E=A0"; } .fa-glasses::before { content: "=EF=94=B0"; } .fa-glide::before { content: "=EF=8A=A5"; } .fa-glide-g::before { content: "=EF=8A=A6"; } .fa-globe::before { content: "=EF=82=AC"; } .fa-globe-africa::before { content: "=EF=95=BC"; } .fa-globe-americas::before { content: "=EF=95=BD"; } .fa-globe-asia::before { content: "=EF=95=BE"; } .fa-globe-europe::before { content: "=EF=9E=A2"; } .fa-gofore::before { content: "=EF=8E=A7"; } .fa-golf-ball::before { content: "=EF=91=90"; } .fa-goodreads::before { content: "=EF=8E=A8"; } .fa-goodreads-g::before { content: "=EF=8E=A9"; } .fa-google::before { content: "=EF=86=A0"; } .fa-google-drive::before { content: "=EF=8E=AA"; } .fa-google-play::before { content: "=EF=8E=AB"; } .fa-google-plus::before { content: "=EF=8A=B3"; } .fa-google-plus-g::before { content: "=EF=83=95"; } .fa-google-plus-square::before { content: "=EF=83=94"; } .fa-google-wallet::before { content: "=EF=87=AE"; } .fa-gopuram::before { content: "=EF=99=A4"; } .fa-graduation-cap::before { content: "=EF=86=9D"; } .fa-gratipay::before { content: "=EF=86=84"; } .fa-grav::before { content: "=EF=8B=96"; } .fa-greater-than::before { content: "=EF=94=B1"; } .fa-greater-than-equal::before { content: "=EF=94=B2"; } .fa-grimace::before { content: "=EF=95=BF"; } .fa-grin::before { content: "=EF=96=80"; } .fa-grin-alt::before { content: "=EF=96=81"; } .fa-grin-beam::before { content: "=EF=96=82"; } .fa-grin-beam-sweat::before { content: "=EF=96=83"; } .fa-grin-hearts::before { content: "=EF=96=84"; } .fa-grin-squint::before { content: "=EF=96=85"; } .fa-grin-squint-tears::before { content: "=EF=96=86"; } .fa-grin-stars::before { content: "=EF=96=87"; } .fa-grin-tears::before { content: "=EF=96=88"; } .fa-grin-tongue::before { content: "=EF=96=89"; } .fa-grin-tongue-squint::before { content: "=EF=96=8A"; } .fa-grin-tongue-wink::before { content: "=EF=96=8B"; } .fa-grin-wink::before { content: "=EF=96=8C"; } .fa-grip-horizontal::before { content: "=EF=96=8D"; } .fa-grip-lines::before { content: "=EF=9E=A4"; } .fa-grip-lines-vertical::before { content: "=EF=9E=A5"; } .fa-grip-vertical::before { content: "=EF=96=8E"; } .fa-gripfire::before { content: "=EF=8E=AC"; } .fa-grunt::before { content: "=EF=8E=AD"; } .fa-guitar::before { content: "=EF=9E=A6"; } .fa-gulp::before { content: "=EF=8E=AE"; } .fa-h-square::before { content: "=EF=83=BD"; } .fa-hacker-news::before { content: "=EF=87=94"; } .fa-hacker-news-square::before { content: "=EF=8E=AF"; } .fa-hackerrank::before { content: "=EF=97=B7"; } .fa-hamburger::before { content: "=EF=A0=85"; } .fa-hammer::before { content: "=EF=9B=A3"; } .fa-hamsa::before { content: "=EF=99=A5"; } .fa-hand-holding::before { content: "=EF=92=BD"; } .fa-hand-holding-heart::before { content: "=EF=92=BE"; } .fa-hand-holding-medical::before { content: "=EF=A5=9C"; } .fa-hand-holding-usd::before { content: "=EF=93=80"; } .fa-hand-holding-water::before { content: "=EF=93=81"; } .fa-hand-lizard::before { content: "=EF=89=98"; } .fa-hand-middle-finger::before { content: "=EF=A0=86"; } .fa-hand-paper::before { content: "=EF=89=96"; } .fa-hand-peace::before { content: "=EF=89=9B"; } .fa-hand-point-down::before { content: "=EF=82=A7"; } .fa-hand-point-left::before { content: "=EF=82=A5"; } .fa-hand-point-right::before { content: "=EF=82=A4"; } .fa-hand-point-up::before { content: "=EF=82=A6"; } .fa-hand-pointer::before { content: "=EF=89=9A"; } .fa-hand-rock::before { content: "=EF=89=95"; } .fa-hand-scissors::before { content: "=EF=89=97"; } .fa-hand-sparkles::before { content: "=EF=A5=9D"; } .fa-hand-spock::before { content: "=EF=89=99"; } .fa-hands::before { content: "=EF=93=82"; } .fa-hands-helping::before { content: "=EF=93=84"; } .fa-hands-wash::before { content: "=EF=A5=9E"; } .fa-handshake::before { content: "=EF=8A=B5"; } .fa-handshake-alt-slash::before { content: "=EF=A5=9F"; } .fa-handshake-slash::before { content: "=EF=A5=A0"; } .fa-hanukiah::before { content: "=EF=9B=A6"; } .fa-hard-hat::before { content: "=EF=A0=87"; } .fa-hashtag::before { content: "=EF=8A=92"; } .fa-hat-cowboy::before { content: "=EF=A3=80"; } .fa-hat-cowboy-side::before { content: "=EF=A3=81"; } .fa-hat-wizard::before { content: "=EF=9B=A8"; } .fa-hdd::before { content: "=EF=82=A0"; } .fa-head-side-cough::before { content: "=EF=A5=A1"; } .fa-head-side-cough-slash::before { content: "=EF=A5=A2"; } .fa-head-side-mask::before { content: "=EF=A5=A3"; } .fa-head-side-virus::before { content: "=EF=A5=A4"; } .fa-heading::before { content: "=EF=87=9C"; } .fa-headphones::before { content: "=EF=80=A5"; } .fa-headphones-alt::before { content: "=EF=96=8F"; } .fa-headset::before { content: "=EF=96=90"; } .fa-heart::before { content: "=EF=80=84"; } .fa-heart-broken::before { content: "=EF=9E=A9"; } .fa-heartbeat::before { content: "=EF=88=9E"; } .fa-helicopter::before { content: "=EF=94=B3"; } .fa-highlighter::before { content: "=EF=96=91"; } .fa-hiking::before { content: "=EF=9B=AC"; } .fa-hippo::before { content: "=EF=9B=AD"; } .fa-hips::before { content: "=EF=91=92"; } .fa-hire-a-helper::before { content: "=EF=8E=B0"; } .fa-history::before { content: "=EF=87=9A"; } .fa-hockey-puck::before { content: "=EF=91=93"; } .fa-holly-berry::before { content: "=EF=9E=AA"; } .fa-home::before { content: "=EF=80=95"; } .fa-hooli::before { content: "=EF=90=A7"; } .fa-hornbill::before { content: "=EF=96=92"; } .fa-horse::before { content: "=EF=9B=B0"; } .fa-horse-head::before { content: "=EF=9E=AB"; } .fa-hospital::before { content: "=EF=83=B8"; } .fa-hospital-alt::before { content: "=EF=91=BD"; } .fa-hospital-symbol::before { content: "=EF=91=BE"; } .fa-hospital-user::before { content: "=EF=A0=8D"; } .fa-hot-tub::before { content: "=EF=96=93"; } .fa-hotdog::before { content: "=EF=A0=8F"; } .fa-hotel::before { content: "=EF=96=94"; } .fa-hotjar::before { content: "=EF=8E=B1"; } .fa-hourglass::before { content: "=EF=89=94"; } .fa-hourglass-end::before { content: "=EF=89=93"; } .fa-hourglass-half::before { content: "=EF=89=92"; } .fa-hourglass-start::before { content: "=EF=89=91"; } .fa-house-damage::before { content: "=EF=9B=B1"; } .fa-house-user::before { content: "=EF=A5=A5"; } .fa-houzz::before { content: "=EF=89=BC"; } .fa-hryvnia::before { content: "=EF=9B=B2"; } .fa-html5::before { content: "=EF=84=BB"; } .fa-hubspot::before { content: "=EF=8E=B2"; } .fa-i-cursor::before { content: "=EF=89=86"; } .fa-ice-cream::before { content: "=EF=A0=90"; } .fa-icicles::before { content: "=EF=9E=AD"; } .fa-icons::before { content: "=EF=A1=AD"; } .fa-id-badge::before { content: "=EF=8B=81"; } .fa-id-card::before { content: "=EF=8B=82"; } .fa-id-card-alt::before { content: "=EF=91=BF"; } .fa-ideal::before { content: "=EF=A4=93"; } .fa-igloo::before { content: "=EF=9E=AE"; } .fa-image::before { content: "=EF=80=BE"; } .fa-images::before { content: "=EF=8C=82"; } .fa-imdb::before { content: "=EF=8B=98"; } .fa-inbox::before { content: "=EF=80=9C"; } .fa-indent::before { content: "=EF=80=BC"; } .fa-industry::before { content: "=EF=89=B5"; } .fa-infinity::before { content: "=EF=94=B4"; } .fa-info::before { content: "=EF=84=A9"; } .fa-info-circle::before { content: "=EF=81=9A"; } .fa-instagram::before { content: "=EF=85=AD"; } .fa-instagram-square::before { content: "=EF=A5=95"; } .fa-intercom::before { content: "=EF=9E=AF"; } .fa-internet-explorer::before { content: "=EF=89=AB"; } .fa-invision::before { content: "=EF=9E=B0"; } .fa-ioxhost::before { content: "=EF=88=88"; } .fa-italic::before { content: "=EF=80=B3"; } .fa-itch-io::before { content: "=EF=A0=BA"; } .fa-itunes::before { content: "=EF=8E=B4"; } .fa-itunes-note::before { content: "=EF=8E=B5"; } .fa-java::before { content: "=EF=93=A4"; } .fa-jedi::before { content: "=EF=99=A9"; } .fa-jedi-order::before { content: "=EF=94=8E"; } .fa-jenkins::before { content: "=EF=8E=B6"; } .fa-jira::before { content: "=EF=9E=B1"; } .fa-joget::before { content: "=EF=8E=B7"; } .fa-joint::before { content: "=EF=96=95"; } .fa-joomla::before { content: "=EF=86=AA"; } .fa-journal-whills::before { content: "=EF=99=AA"; } .fa-js::before { content: "=EF=8E=B8"; } .fa-js-square::before { content: "=EF=8E=B9"; } .fa-jsfiddle::before { content: "=EF=87=8C"; } .fa-kaaba::before { content: "=EF=99=AB"; } .fa-kaggle::before { content: "=EF=97=BA"; } .fa-key::before { content: "=EF=82=84"; } .fa-keybase::before { content: "=EF=93=B5"; } .fa-keyboard::before { content: "=EF=84=9C"; } .fa-keycdn::before { content: "=EF=8E=BA"; } .fa-khanda::before { content: "=EF=99=AD"; } .fa-kickstarter::before { content: "=EF=8E=BB"; } .fa-kickstarter-k::before { content: "=EF=8E=BC"; } .fa-kiss::before { content: "=EF=96=96"; } .fa-kiss-beam::before { content: "=EF=96=97"; } .fa-kiss-wink-heart::before { content: "=EF=96=98"; } .fa-kiwi-bird::before { content: "=EF=94=B5"; } .fa-korvue::before { content: "=EF=90=AF"; } .fa-landmark::before { content: "=EF=99=AF"; } .fa-language::before { content: "=EF=86=AB"; } .fa-laptop::before { content: "=EF=84=89"; } .fa-laptop-code::before { content: "=EF=97=BC"; } .fa-laptop-house::before { content: "=EF=A5=A6"; } .fa-laptop-medical::before { content: "=EF=A0=92"; } .fa-laravel::before { content: "=EF=8E=BD"; } .fa-lastfm::before { content: "=EF=88=82"; } .fa-lastfm-square::before { content: "=EF=88=83"; } .fa-laugh::before { content: "=EF=96=99"; } .fa-laugh-beam::before { content: "=EF=96=9A"; } .fa-laugh-squint::before { content: "=EF=96=9B"; } .fa-laugh-wink::before { content: "=EF=96=9C"; } .fa-layer-group::before { content: "=EF=97=BD"; } .fa-leaf::before { content: "=EF=81=AC"; } .fa-leanpub::before { content: "=EF=88=92"; } .fa-lemon::before { content: "=EF=82=94"; } .fa-less::before { content: "=EF=90=9D"; } .fa-less-than::before { content: "=EF=94=B6"; } .fa-less-than-equal::before { content: "=EF=94=B7"; } .fa-level-down-alt::before { content: "=EF=8E=BE"; } .fa-level-up-alt::before { content: "=EF=8E=BF"; } .fa-life-ring::before { content: "=EF=87=8D"; } .fa-lightbulb::before { content: "=EF=83=AB"; } .fa-line::before { content: "=EF=8F=80"; } .fa-link::before { content: "=EF=83=81"; } .fa-linkedin::before { content: "=EF=82=8C"; } .fa-linkedin-in::before { content: "=EF=83=A1"; } .fa-linode::before { content: "=EF=8A=B8"; } .fa-linux::before { content: "=EF=85=BC"; } .fa-lira-sign::before { content: "=EF=86=95"; } .fa-list::before { content: "=EF=80=BA"; } .fa-list-alt::before { content: "=EF=80=A2"; } .fa-list-ol::before { content: "=EF=83=8B"; } .fa-list-ul::before { content: "=EF=83=8A"; } .fa-location-arrow::before { content: "=EF=84=A4"; } .fa-lock::before { content: "=EF=80=A3"; } .fa-lock-open::before { content: "=EF=8F=81"; } .fa-long-arrow-alt-down::before { content: "=EF=8C=89"; } .fa-long-arrow-alt-left::before { content: "=EF=8C=8A"; } .fa-long-arrow-alt-right::before { content: "=EF=8C=8B"; } .fa-long-arrow-alt-up::before { content: "=EF=8C=8C"; } .fa-low-vision::before { content: "=EF=8A=A8"; } .fa-luggage-cart::before { content: "=EF=96=9D"; } .fa-lungs::before { content: "=EF=98=84"; } .fa-lungs-virus::before { content: "=EF=A5=A7"; } .fa-lyft::before { content: "=EF=8F=83"; } .fa-magento::before { content: "=EF=8F=84"; } .fa-magic::before { content: "=EF=83=90"; } .fa-magnet::before { content: "=EF=81=B6"; } .fa-mail-bulk::before { content: "=EF=99=B4"; } .fa-mailchimp::before { content: "=EF=96=9E"; } .fa-male::before { content: "=EF=86=83"; } .fa-mandalorian::before { content: "=EF=94=8F"; } .fa-map::before { content: "=EF=89=B9"; } .fa-map-marked::before { content: "=EF=96=9F"; } .fa-map-marked-alt::before { content: "=EF=96=A0"; } .fa-map-marker::before { content: "=EF=81=81"; } .fa-map-marker-alt::before { content: "=EF=8F=85"; } .fa-map-pin::before { content: "=EF=89=B6"; } .fa-map-signs::before { content: "=EF=89=B7"; } .fa-markdown::before { content: "=EF=98=8F"; } .fa-marker::before { content: "=EF=96=A1"; } .fa-mars::before { content: "=EF=88=A2"; } .fa-mars-double::before { content: "=EF=88=A7"; } .fa-mars-stroke::before { content: "=EF=88=A9"; } .fa-mars-stroke-h::before { content: "=EF=88=AB"; } .fa-mars-stroke-v::before { content: "=EF=88=AA"; } .fa-mask::before { content: "=EF=9B=BA"; } .fa-mastodon::before { content: "=EF=93=B6"; } .fa-maxcdn::before { content: "=EF=84=B6"; } .fa-mdb::before { content: "=EF=A3=8A"; } .fa-medal::before { content: "=EF=96=A2"; } .fa-medapps::before { content: "=EF=8F=86"; } .fa-medium::before { content: "=EF=88=BA"; } .fa-medium-m::before { content: "=EF=8F=87"; } .fa-medkit::before { content: "=EF=83=BA"; } .fa-medrt::before { content: "=EF=8F=88"; } .fa-meetup::before { content: "=EF=8B=A0"; } .fa-megaport::before { content: "=EF=96=A3"; } .fa-meh::before { content: "=EF=84=9A"; } .fa-meh-blank::before { content: "=EF=96=A4"; } .fa-meh-rolling-eyes::before { content: "=EF=96=A5"; } .fa-memory::before { content: "=EF=94=B8"; } .fa-mendeley::before { content: "=EF=9E=B3"; } .fa-menorah::before { content: "=EF=99=B6"; } .fa-mercury::before { content: "=EF=88=A3"; } .fa-meteor::before { content: "=EF=9D=93"; } .fa-microblog::before { content: "=EF=A4=9A"; } .fa-microchip::before { content: "=EF=8B=9B"; } .fa-microphone::before { content: "=EF=84=B0"; } .fa-microphone-alt::before { content: "=EF=8F=89"; } .fa-microphone-alt-slash::before { content: "=EF=94=B9"; } .fa-microphone-slash::before { content: "=EF=84=B1"; } .fa-microscope::before { content: "=EF=98=90"; } .fa-microsoft::before { content: "=EF=8F=8A"; } .fa-minus::before { content: "=EF=81=A8"; } .fa-minus-circle::before { content: "=EF=81=96"; } .fa-minus-square::before { content: "=EF=85=86"; } .fa-mitten::before { content: "=EF=9E=B5"; } .fa-mix::before { content: "=EF=8F=8B"; } .fa-mixcloud::before { content: "=EF=8A=89"; } .fa-mixer::before { content: "=EF=A5=96"; } .fa-mizuni::before { content: "=EF=8F=8C"; } .fa-mobile::before { content: "=EF=84=8B"; } .fa-mobile-alt::before { content: "=EF=8F=8D"; } .fa-modx::before { content: "=EF=8A=85"; } .fa-monero::before { content: "=EF=8F=90"; } .fa-money-bill::before { content: "=EF=83=96"; } .fa-money-bill-alt::before { content: "=EF=8F=91"; } .fa-money-bill-wave::before { content: "=EF=94=BA"; } .fa-money-bill-wave-alt::before { content: "=EF=94=BB"; } .fa-money-check::before { content: "=EF=94=BC"; } .fa-money-check-alt::before { content: "=EF=94=BD"; } .fa-monument::before { content: "=EF=96=A6"; } .fa-moon::before { content: "=EF=86=86"; } .fa-mortar-pestle::before { content: "=EF=96=A7"; } .fa-mosque::before { content: "=EF=99=B8"; } .fa-motorcycle::before { content: "=EF=88=9C"; } .fa-mountain::before { content: "=EF=9B=BC"; } .fa-mouse::before { content: "=EF=A3=8C"; } .fa-mouse-pointer::before { content: "=EF=89=85"; } .fa-mug-hot::before { content: "=EF=9E=B6"; } .fa-music::before { content: "=EF=80=81"; } .fa-napster::before { content: "=EF=8F=92"; } .fa-neos::before { content: "=EF=98=92"; } .fa-network-wired::before { content: "=EF=9B=BF"; } .fa-neuter::before { content: "=EF=88=AC"; } .fa-newspaper::before { content: "=EF=87=AA"; } .fa-nimblr::before { content: "=EF=96=A8"; } .fa-node::before { content: "=EF=90=99"; } .fa-node-js::before { content: "=EF=8F=93"; } .fa-not-equal::before { content: "=EF=94=BE"; } .fa-notes-medical::before { content: "=EF=92=81"; } .fa-npm::before { content: "=EF=8F=94"; } .fa-ns8::before { content: "=EF=8F=95"; } .fa-nutritionix::before { content: "=EF=8F=96"; } .fa-object-group::before { content: "=EF=89=87"; } .fa-object-ungroup::before { content: "=EF=89=88"; } .fa-odnoklassniki::before { content: "=EF=89=A3"; } .fa-odnoklassniki-square::before { content: "=EF=89=A4"; } .fa-oil-can::before { content: "=EF=98=93"; } .fa-old-republic::before { content: "=EF=94=90"; } .fa-om::before { content: "=EF=99=B9"; } .fa-opencart::before { content: "=EF=88=BD"; } .fa-openid::before { content: "=EF=86=9B"; } .fa-opera::before { content: "=EF=89=AA"; } .fa-optin-monster::before { content: "=EF=88=BC"; } .fa-orcid::before { content: "=EF=A3=92"; } .fa-osi::before { content: "=EF=90=9A"; } .fa-otter::before { content: "=EF=9C=80"; } .fa-outdent::before { content: "=EF=80=BB"; } .fa-page4::before { content: "=EF=8F=97"; } .fa-pagelines::before { content: "=EF=86=8C"; } .fa-pager::before { content: "=EF=A0=95"; } .fa-paint-brush::before { content: "=EF=87=BC"; } .fa-paint-roller::before { content: "=EF=96=AA"; } .fa-palette::before { content: "=EF=94=BF"; } .fa-palfed::before { content: "=EF=8F=98"; } .fa-pallet::before { content: "=EF=92=82"; } .fa-paper-plane::before { content: "=EF=87=98"; } .fa-paperclip::before { content: "=EF=83=86"; } .fa-parachute-box::before { content: "=EF=93=8D"; } .fa-paragraph::before { content: "=EF=87=9D"; } .fa-parking::before { content: "=EF=95=80"; } .fa-passport::before { content: "=EF=96=AB"; } .fa-pastafarianism::before { content: "=EF=99=BB"; } .fa-paste::before { content: "=EF=83=AA"; } .fa-patreon::before { content: "=EF=8F=99"; } .fa-pause::before { content: "=EF=81=8C"; } .fa-pause-circle::before { content: "=EF=8A=8B"; } .fa-paw::before { content: "=EF=86=B0"; } .fa-paypal::before { content: "=EF=87=AD"; } .fa-peace::before { content: "=EF=99=BC"; } .fa-pen::before { content: "=EF=8C=84"; } .fa-pen-alt::before { content: "=EF=8C=85"; } .fa-pen-fancy::before { content: "=EF=96=AC"; } .fa-pen-nib::before { content: "=EF=96=AD"; } .fa-pen-square::before { content: "=EF=85=8B"; } .fa-pencil-alt::before { content: "=EF=8C=83"; } .fa-pencil-ruler::before { content: "=EF=96=AE"; } .fa-penny-arcade::before { content: "=EF=9C=84"; } .fa-people-arrows::before { content: "=EF=A5=A8"; } .fa-people-carry::before { content: "=EF=93=8E"; } .fa-pepper-hot::before { content: "=EF=A0=96"; } .fa-percent::before { content: "=EF=8A=95"; } .fa-percentage::before { content: "=EF=95=81"; } .fa-periscope::before { content: "=EF=8F=9A"; } .fa-person-booth::before { content: "=EF=9D=96"; } .fa-phabricator::before { content: "=EF=8F=9B"; } .fa-phoenix-framework::before { content: "=EF=8F=9C"; } .fa-phoenix-squadron::before { content: "=EF=94=91"; } .fa-phone::before { content: "=EF=82=95"; } .fa-phone-alt::before { content: "=EF=A1=B9"; } .fa-phone-slash::before { content: "=EF=8F=9D"; } .fa-phone-square::before { content: "=EF=82=98"; } .fa-phone-square-alt::before { content: "=EF=A1=BB"; } .fa-phone-volume::before { content: "=EF=8A=A0"; } .fa-photo-video::before { content: "=EF=A1=BC"; } .fa-php::before { content: "=EF=91=97"; } .fa-pied-piper::before { content: "=EF=8A=AE"; } .fa-pied-piper-alt::before { content: "=EF=86=A8"; } .fa-pied-piper-hat::before { content: "=EF=93=A5"; } .fa-pied-piper-pp::before { content: "=EF=86=A7"; } .fa-pied-piper-square::before { content: "=EF=A4=9E"; } .fa-piggy-bank::before { content: "=EF=93=93"; } .fa-pills::before { content: "=EF=92=84"; } .fa-pinterest::before { content: "=EF=83=92"; } .fa-pinterest-p::before { content: "=EF=88=B1"; } .fa-pinterest-square::before { content: "=EF=83=93"; } .fa-pizza-slice::before { content: "=EF=A0=98"; } .fa-place-of-worship::before { content: "=EF=99=BF"; } .fa-plane::before { content: "=EF=81=B2"; } .fa-plane-arrival::before { content: "=EF=96=AF"; } .fa-plane-departure::before { content: "=EF=96=B0"; } .fa-plane-slash::before { content: "=EF=A5=A9"; } .fa-play::before { content: "=EF=81=8B"; } .fa-play-circle::before { content: "=EF=85=84"; } .fa-playstation::before { content: "=EF=8F=9F"; } .fa-plug::before { content: "=EF=87=A6"; } .fa-plus::before { content: "=EF=81=A7"; } .fa-plus-circle::before { content: "=EF=81=95"; } .fa-plus-square::before { content: "=EF=83=BE"; } .fa-podcast::before { content: "=EF=8B=8E"; } .fa-poll::before { content: "=EF=9A=81"; } .fa-poll-h::before { content: "=EF=9A=82"; } .fa-poo::before { content: "=EF=8B=BE"; } .fa-poo-storm::before { content: "=EF=9D=9A"; } .fa-poop::before { content: "=EF=98=99"; } .fa-portrait::before { content: "=EF=8F=A0"; } .fa-pound-sign::before { content: "=EF=85=94"; } .fa-power-off::before { content: "=EF=80=91"; } .fa-pray::before { content: "=EF=9A=83"; } .fa-praying-hands::before { content: "=EF=9A=84"; } .fa-prescription::before { content: "=EF=96=B1"; } .fa-prescription-bottle::before { content: "=EF=92=85"; } .fa-prescription-bottle-alt::before { content: "=EF=92=86"; } .fa-print::before { content: "=EF=80=AF"; } .fa-procedures::before { content: "=EF=92=87"; } .fa-product-hunt::before { content: "=EF=8A=88"; } .fa-project-diagram::before { content: "=EF=95=82"; } .fa-pump-medical::before { content: "=EF=A5=AA"; } .fa-pump-soap::before { content: "=EF=A5=AB"; } .fa-pushed::before { content: "=EF=8F=A1"; } .fa-puzzle-piece::before { content: "=EF=84=AE"; } .fa-python::before { content: "=EF=8F=A2"; } .fa-qq::before { content: "=EF=87=96"; } .fa-qrcode::before { content: "=EF=80=A9"; } .fa-question::before { content: "=EF=84=A8"; } .fa-question-circle::before { content: "=EF=81=99"; } .fa-quidditch::before { content: "=EF=91=98"; } .fa-quinscape::before { content: "=EF=91=99"; } .fa-quora::before { content: "=EF=8B=84"; } .fa-quote-left::before { content: "=EF=84=8D"; } .fa-quote-right::before { content: "=EF=84=8E"; } .fa-quran::before { content: "=EF=9A=87"; } .fa-r-project::before { content: "=EF=93=B7"; } .fa-radiation::before { content: "=EF=9E=B9"; } .fa-radiation-alt::before { content: "=EF=9E=BA"; } .fa-rainbow::before { content: "=EF=9D=9B"; } .fa-random::before { content: "=EF=81=B4"; } .fa-raspberry-pi::before { content: "=EF=9E=BB"; } .fa-ravelry::before { content: "=EF=8B=99"; } .fa-react::before { content: "=EF=90=9B"; } .fa-reacteurope::before { content: "=EF=9D=9D"; } .fa-readme::before { content: "=EF=93=95"; } .fa-rebel::before { content: "=EF=87=90"; } .fa-receipt::before { content: "=EF=95=83"; } .fa-record-vinyl::before { content: "=EF=A3=99"; } .fa-recycle::before { content: "=EF=86=B8"; } .fa-red-river::before { content: "=EF=8F=A3"; } .fa-reddit::before { content: "=EF=86=A1"; } .fa-reddit-alien::before { content: "=EF=8A=81"; } .fa-reddit-square::before { content: "=EF=86=A2"; } .fa-redhat::before { content: "=EF=9E=BC"; } .fa-redo::before { content: "=EF=80=9E"; } .fa-redo-alt::before { content: "=EF=8B=B9"; } .fa-registered::before { content: "=EF=89=9D"; } .fa-remove-format::before { content: "=EF=A1=BD"; } .fa-renren::before { content: "=EF=86=8B"; } .fa-reply::before { content: "=EF=8F=A5"; } .fa-reply-all::before { content: "=EF=84=A2"; } .fa-replyd::before { content: "=EF=8F=A6"; } .fa-republican::before { content: "=EF=9D=9E"; } .fa-researchgate::before { content: "=EF=93=B8"; } .fa-resolving::before { content: "=EF=8F=A7"; } .fa-restroom::before { content: "=EF=9E=BD"; } .fa-retweet::before { content: "=EF=81=B9"; } .fa-rev::before { content: "=EF=96=B2"; } .fa-ribbon::before { content: "=EF=93=96"; } .fa-ring::before { content: "=EF=9C=8B"; } .fa-road::before { content: "=EF=80=98"; } .fa-robot::before { content: "=EF=95=84"; } .fa-rocket::before { content: "=EF=84=B5"; } .fa-rocketchat::before { content: "=EF=8F=A8"; } .fa-rockrms::before { content: "=EF=8F=A9"; } .fa-route::before { content: "=EF=93=97"; } .fa-rss::before { content: "=EF=82=9E"; } .fa-rss-square::before { content: "=EF=85=83"; } .fa-ruble-sign::before { content: "=EF=85=98"; } .fa-ruler::before { content: "=EF=95=85"; } .fa-ruler-combined::before { content: "=EF=95=86"; } .fa-ruler-horizontal::before { content: "=EF=95=87"; } .fa-ruler-vertical::before { content: "=EF=95=88"; } .fa-running::before { content: "=EF=9C=8C"; } .fa-rupee-sign::before { content: "=EF=85=96"; } .fa-sad-cry::before { content: "=EF=96=B3"; } .fa-sad-tear::before { content: "=EF=96=B4"; } .fa-safari::before { content: "=EF=89=A7"; } .fa-salesforce::before { content: "=EF=A0=BB"; } .fa-sass::before { content: "=EF=90=9E"; } .fa-satellite::before { content: "=EF=9E=BF"; } .fa-satellite-dish::before { content: "=EF=9F=80"; } .fa-save::before { content: "=EF=83=87"; } .fa-schlix::before { content: "=EF=8F=AA"; } .fa-school::before { content: "=EF=95=89"; } .fa-screwdriver::before { content: "=EF=95=8A"; } .fa-scribd::before { content: "=EF=8A=8A"; } .fa-scroll::before { content: "=EF=9C=8E"; } .fa-sd-card::before { content: "=EF=9F=82"; } .fa-search::before { content: "=EF=80=82"; } .fa-search-dollar::before { content: "=EF=9A=88"; } .fa-search-location::before { content: "=EF=9A=89"; } .fa-search-minus::before { content: "=EF=80=90"; } .fa-search-plus::before { content: "=EF=80=8E"; } .fa-searchengin::before { content: "=EF=8F=AB"; } .fa-seedling::before { content: "=EF=93=98"; } .fa-sellcast::before { content: "=EF=8B=9A"; } .fa-sellsy::before { content: "=EF=88=93"; } .fa-server::before { content: "=EF=88=B3"; } .fa-servicestack::before { content: "=EF=8F=AC"; } .fa-shapes::before { content: "=EF=98=9F"; } .fa-share::before { content: "=EF=81=A4"; } .fa-share-alt::before { content: "=EF=87=A0"; } .fa-share-alt-square::before { content: "=EF=87=A1"; } .fa-share-square::before { content: "=EF=85=8D"; } .fa-shekel-sign::before { content: "=EF=88=8B"; } .fa-shield-alt::before { content: "=EF=8F=AD"; } .fa-shield-virus::before { content: "=EF=A5=AC"; } .fa-ship::before { content: "=EF=88=9A"; } .fa-shipping-fast::before { content: "=EF=92=8B"; } .fa-shirtsinbulk::before { content: "=EF=88=94"; } .fa-shoe-prints::before { content: "=EF=95=8B"; } .fa-shopify::before { content: "=EF=A5=97"; } .fa-shopping-bag::before { content: "=EF=8A=90"; } .fa-shopping-basket::before { content: "=EF=8A=91"; } .fa-shopping-cart::before { content: "=EF=81=BA"; } .fa-shopware::before { content: "=EF=96=B5"; } .fa-shower::before { content: "=EF=8B=8C"; } .fa-shuttle-van::before { content: "=EF=96=B6"; } .fa-sign::before { content: "=EF=93=99"; } .fa-sign-in-alt::before { content: "=EF=8B=B6"; } .fa-sign-language::before { content: "=EF=8A=A7"; } .fa-sign-out-alt::before { content: "=EF=8B=B5"; } .fa-signal::before { content: "=EF=80=92"; } .fa-signature::before { content: "=EF=96=B7"; } .fa-sim-card::before { content: "=EF=9F=84"; } .fa-simplybuilt::before { content: "=EF=88=95"; } .fa-sistrix::before { content: "=EF=8F=AE"; } .fa-sitemap::before { content: "=EF=83=A8"; } .fa-sith::before { content: "=EF=94=92"; } .fa-skating::before { content: "=EF=9F=85"; } .fa-sketch::before { content: "=EF=9F=86"; } .fa-skiing::before { content: "=EF=9F=89"; } .fa-skiing-nordic::before { content: "=EF=9F=8A"; } .fa-skull::before { content: "=EF=95=8C"; } .fa-skull-crossbones::before { content: "=EF=9C=94"; } .fa-skyatlas::before { content: "=EF=88=96"; } .fa-skype::before { content: "=EF=85=BE"; } .fa-slack::before { content: "=EF=86=98"; } .fa-slack-hash::before { content: "=EF=8F=AF"; } .fa-slash::before { content: "=EF=9C=95"; } .fa-sleigh::before { content: "=EF=9F=8C"; } .fa-sliders-h::before { content: "=EF=87=9E"; } .fa-slideshare::before { content: "=EF=87=A7"; } .fa-smile::before { content: "=EF=84=98"; } .fa-smile-beam::before { content: "=EF=96=B8"; } .fa-smile-wink::before { content: "=EF=93=9A"; } .fa-smog::before { content: "=EF=9D=9F"; } .fa-smoking::before { content: "=EF=92=8D"; } .fa-smoking-ban::before { content: "=EF=95=8D"; } .fa-sms::before { content: "=EF=9F=8D"; } .fa-snapchat::before { content: "=EF=8A=AB"; } .fa-snapchat-ghost::before { content: "=EF=8A=AC"; } .fa-snapchat-square::before { content: "=EF=8A=AD"; } .fa-snowboarding::before { content: "=EF=9F=8E"; } .fa-snowflake::before { content: "=EF=8B=9C"; } .fa-snowman::before { content: "=EF=9F=90"; } .fa-snowplow::before { content: "=EF=9F=92"; } .fa-soap::before { content: "=EF=A5=AE"; } .fa-socks::before { content: "=EF=9A=96"; } .fa-solar-panel::before { content: "=EF=96=BA"; } .fa-sort::before { content: "=EF=83=9C"; } .fa-sort-alpha-down::before { content: "=EF=85=9D"; } .fa-sort-alpha-down-alt::before { content: "=EF=A2=81"; } .fa-sort-alpha-up::before { content: "=EF=85=9E"; } .fa-sort-alpha-up-alt::before { content: "=EF=A2=82"; } .fa-sort-amount-down::before { content: "=EF=85=A0"; } .fa-sort-amount-down-alt::before { content: "=EF=A2=84"; } .fa-sort-amount-up::before { content: "=EF=85=A1"; } .fa-sort-amount-up-alt::before { content: "=EF=A2=85"; } .fa-sort-down::before { content: "=EF=83=9D"; } .fa-sort-numeric-down::before { content: "=EF=85=A2"; } .fa-sort-numeric-down-alt::before { content: "=EF=A2=86"; } .fa-sort-numeric-up::before { content: "=EF=85=A3"; } .fa-sort-numeric-up-alt::before { content: "=EF=A2=87"; } .fa-sort-up::before { content: "=EF=83=9E"; } .fa-soundcloud::before { content: "=EF=86=BE"; } .fa-sourcetree::before { content: "=EF=9F=93"; } .fa-spa::before { content: "=EF=96=BB"; } .fa-space-shuttle::before { content: "=EF=86=97"; } .fa-speakap::before { content: "=EF=8F=B3"; } .fa-speaker-deck::before { content: "=EF=A0=BC"; } .fa-spell-check::before { content: "=EF=A2=91"; } .fa-spider::before { content: "=EF=9C=97"; } .fa-spinner::before { content: "=EF=84=90"; } .fa-splotch::before { content: "=EF=96=BC"; } .fa-spotify::before { content: "=EF=86=BC"; } .fa-spray-can::before { content: "=EF=96=BD"; } .fa-square::before { content: "=EF=83=88"; } .fa-square-full::before { content: "=EF=91=9C"; } .fa-square-root-alt::before { content: "=EF=9A=98"; } .fa-squarespace::before { content: "=EF=96=BE"; } .fa-stack-exchange::before { content: "=EF=86=8D"; } .fa-stack-overflow::before { content: "=EF=85=AC"; } .fa-stackpath::before { content: "=EF=A1=82"; } .fa-stamp::before { content: "=EF=96=BF"; } .fa-star::before { content: "=EF=80=85"; } .fa-star-and-crescent::before { content: "=EF=9A=99"; } .fa-star-half::before { content: "=EF=82=89"; } .fa-star-half-alt::before { content: "=EF=97=80"; } .fa-star-of-david::before { content: "=EF=9A=9A"; } .fa-star-of-life::before { content: "=EF=98=A1"; } .fa-staylinked::before { content: "=EF=8F=B5"; } .fa-steam::before { content: "=EF=86=B6"; } .fa-steam-square::before { content: "=EF=86=B7"; } .fa-steam-symbol::before { content: "=EF=8F=B6"; } .fa-step-backward::before { content: "=EF=81=88"; } .fa-step-forward::before { content: "=EF=81=91"; } .fa-stethoscope::before { content: "=EF=83=B1"; } .fa-sticker-mule::before { content: "=EF=8F=B7"; } .fa-sticky-note::before { content: "=EF=89=89"; } .fa-stop::before { content: "=EF=81=8D"; } .fa-stop-circle::before { content: "=EF=8A=8D"; } .fa-stopwatch::before { content: "=EF=8B=B2"; } .fa-stopwatch-20::before { content: "=EF=A5=AF"; } .fa-store::before { content: "=EF=95=8E"; } .fa-store-alt::before { content: "=EF=95=8F"; } .fa-store-alt-slash::before { content: "=EF=A5=B0"; } .fa-store-slash::before { content: "=EF=A5=B1"; } .fa-strava::before { content: "=EF=90=A8"; } .fa-stream::before { content: "=EF=95=90"; } .fa-street-view::before { content: "=EF=88=9D"; } .fa-strikethrough::before { content: "=EF=83=8C"; } .fa-stripe::before { content: "=EF=90=A9"; } .fa-stripe-s::before { content: "=EF=90=AA"; } .fa-stroopwafel::before { content: "=EF=95=91"; } .fa-studiovinari::before { content: "=EF=8F=B8"; } .fa-stumbleupon::before { content: "=EF=86=A4"; } .fa-stumbleupon-circle::before { content: "=EF=86=A3"; } .fa-subscript::before { content: "=EF=84=AC"; } .fa-subway::before { content: "=EF=88=B9"; } .fa-suitcase::before { content: "=EF=83=B2"; } .fa-suitcase-rolling::before { content: "=EF=97=81"; } .fa-sun::before { content: "=EF=86=85"; } .fa-superpowers::before { content: "=EF=8B=9D"; } .fa-superscript::before { content: "=EF=84=AB"; } .fa-supple::before { content: "=EF=8F=B9"; } .fa-surprise::before { content: "=EF=97=82"; } .fa-suse::before { content: "=EF=9F=96"; } .fa-swatchbook::before { content: "=EF=97=83"; } .fa-swift::before { content: "=EF=A3=A1"; } .fa-swimmer::before { content: "=EF=97=84"; } .fa-swimming-pool::before { content: "=EF=97=85"; } .fa-symfony::before { content: "=EF=A0=BD"; } .fa-synagogue::before { content: "=EF=9A=9B"; } .fa-sync::before { content: "=EF=80=A1"; } .fa-sync-alt::before { content: "=EF=8B=B1"; } .fa-syringe::before { content: "=EF=92=8E"; } .fa-table::before { content: "=EF=83=8E"; } .fa-table-tennis::before { content: "=EF=91=9D"; } .fa-tablet::before { content: "=EF=84=8A"; } .fa-tablet-alt::before { content: "=EF=8F=BA"; } .fa-tablets::before { content: "=EF=92=90"; } .fa-tachometer-alt::before { content: "=EF=8F=BD"; } .fa-tag::before { content: "=EF=80=AB"; } .fa-tags::before { content: "=EF=80=AC"; } .fa-tape::before { content: "=EF=93=9B"; } .fa-tasks::before { content: "=EF=82=AE"; } .fa-taxi::before { content: "=EF=86=BA"; } .fa-teamspeak::before { content: "=EF=93=B9"; } .fa-teeth::before { content: "=EF=98=AE"; } .fa-teeth-open::before { content: "=EF=98=AF"; } .fa-telegram::before { content: "=EF=8B=86"; } .fa-telegram-plane::before { content: "=EF=8F=BE"; } .fa-temperature-high::before { content: "=EF=9D=A9"; } .fa-temperature-low::before { content: "=EF=9D=AB"; } .fa-tencent-weibo::before { content: "=EF=87=95"; } .fa-tenge::before { content: "=EF=9F=97"; } .fa-terminal::before { content: "=EF=84=A0"; } .fa-text-height::before { content: "=EF=80=B4"; } .fa-text-width::before { content: "=EF=80=B5"; } .fa-th::before { content: "=EF=80=8A"; } .fa-th-large::before { content: "=EF=80=89"; } .fa-th-list::before { content: "=EF=80=8B"; } .fa-the-red-yeti::before { content: "=EF=9A=9D"; } .fa-theater-masks::before { content: "=EF=98=B0"; } .fa-themeco::before { content: "=EF=97=86"; } .fa-themeisle::before { content: "=EF=8A=B2"; } .fa-thermometer::before { content: "=EF=92=91"; } .fa-thermometer-empty::before { content: "=EF=8B=8B"; } .fa-thermometer-full::before { content: "=EF=8B=87"; } .fa-thermometer-half::before { content: "=EF=8B=89"; } .fa-thermometer-quarter::before { content: "=EF=8B=8A"; } .fa-thermometer-three-quarters::before { content: "=EF=8B=88"; } .fa-think-peaks::before { content: "=EF=9C=B1"; } .fa-thumbs-down::before { content: "=EF=85=A5"; } .fa-thumbs-up::before { content: "=EF=85=A4"; } .fa-thumbtack::before { content: "=EF=82=8D"; } .fa-ticket-alt::before { content: "=EF=8F=BF"; } .fa-times::before { content: "=EF=80=8D"; } .fa-times-circle::before { content: "=EF=81=97"; } .fa-tint::before { content: "=EF=81=83"; } .fa-tint-slash::before { content: "=EF=97=87"; } .fa-tired::before { content: "=EF=97=88"; } .fa-toggle-off::before { content: "=EF=88=84"; } .fa-toggle-on::before { content: "=EF=88=85"; } .fa-toilet::before { content: "=EF=9F=98"; } .fa-toilet-paper::before { content: "=EF=9C=9E"; } .fa-toilet-paper-slash::before { content: "=EF=A5=B2"; } .fa-toolbox::before { content: "=EF=95=92"; } .fa-tools::before { content: "=EF=9F=99"; } .fa-tooth::before { content: "=EF=97=89"; } .fa-torah::before { content: "=EF=9A=A0"; } .fa-torii-gate::before { content: "=EF=9A=A1"; } .fa-tractor::before { content: "=EF=9C=A2"; } .fa-trade-federation::before { content: "=EF=94=93"; } .fa-trademark::before { content: "=EF=89=9C"; } .fa-traffic-light::before { content: "=EF=98=B7"; } .fa-trailer::before { content: "=EF=A5=81"; } .fa-train::before { content: "=EF=88=B8"; } .fa-tram::before { content: "=EF=9F=9A"; } .fa-transgender::before { content: "=EF=88=A4"; } .fa-transgender-alt::before { content: "=EF=88=A5"; } .fa-trash::before { content: "=EF=87=B8"; } .fa-trash-alt::before { content: "=EF=8B=AD"; } .fa-trash-restore::before { content: "=EF=A0=A9"; } .fa-trash-restore-alt::before { content: "=EF=A0=AA"; } .fa-tree::before { content: "=EF=86=BB"; } .fa-trello::before { content: "=EF=86=81"; } .fa-tripadvisor::before { content: "=EF=89=A2"; } .fa-trophy::before { content: "=EF=82=91"; } .fa-truck::before { content: "=EF=83=91"; } .fa-truck-loading::before { content: "=EF=93=9E"; } .fa-truck-monster::before { content: "=EF=98=BB"; } .fa-truck-moving::before { content: "=EF=93=9F"; } .fa-truck-pickup::before { content: "=EF=98=BC"; } .fa-tshirt::before { content: "=EF=95=93"; } .fa-tty::before { content: "=EF=87=A4"; } .fa-tumblr::before { content: "=EF=85=B3"; } .fa-tumblr-square::before { content: "=EF=85=B4"; } .fa-tv::before { content: "=EF=89=AC"; } .fa-twitch::before { content: "=EF=87=A8"; } .fa-twitter::before { content: "=EF=82=99"; } .fa-twitter-square::before { content: "=EF=82=81"; } .fa-typo3::before { content: "=EF=90=AB"; } .fa-uber::before { content: "=EF=90=82"; } .fa-ubuntu::before { content: "=EF=9F=9F"; } .fa-uikit::before { content: "=EF=90=83"; } .fa-umbraco::before { content: "=EF=A3=A8"; } .fa-umbrella::before { content: "=EF=83=A9"; } .fa-umbrella-beach::before { content: "=EF=97=8A"; } .fa-underline::before { content: "=EF=83=8D"; } .fa-undo::before { content: "=EF=83=A2"; } .fa-undo-alt::before { content: "=EF=8B=AA"; } .fa-uniregistry::before { content: "=EF=90=84"; } .fa-unity::before { content: "=EF=A5=89"; } .fa-universal-access::before { content: "=EF=8A=9A"; } .fa-university::before { content: "=EF=86=9C"; } .fa-unlink::before { content: "=EF=84=A7"; } .fa-unlock::before { content: "=EF=82=9C"; } .fa-unlock-alt::before { content: "=EF=84=BE"; } .fa-untappd::before { content: "=EF=90=85"; } .fa-upload::before { content: "=EF=82=93"; } .fa-ups::before { content: "=EF=9F=A0"; } .fa-usb::before { content: "=EF=8A=87"; } .fa-user::before { content: "=EF=80=87"; } .fa-user-alt::before { content: "=EF=90=86"; } .fa-user-alt-slash::before { content: "=EF=93=BA"; } .fa-user-astronaut::before { content: "=EF=93=BB"; } .fa-user-check::before { content: "=EF=93=BC"; } .fa-user-circle::before { content: "=EF=8A=BD"; } .fa-user-clock::before { content: "=EF=93=BD"; } .fa-user-cog::before { content: "=EF=93=BE"; } .fa-user-edit::before { content: "=EF=93=BF"; } .fa-user-friends::before { content: "=EF=94=80"; } .fa-user-graduate::before { content: "=EF=94=81"; } .fa-user-injured::before { content: "=EF=9C=A8"; } .fa-user-lock::before { content: "=EF=94=82"; } .fa-user-md::before { content: "=EF=83=B0"; } .fa-user-minus::before { content: "=EF=94=83"; } .fa-user-ninja::before { content: "=EF=94=84"; } .fa-user-nurse::before { content: "=EF=A0=AF"; } .fa-user-plus::before { content: "=EF=88=B4"; } .fa-user-secret::before { content: "=EF=88=9B"; } .fa-user-shield::before { content: "=EF=94=85"; } .fa-user-slash::before { content: "=EF=94=86"; } .fa-user-tag::before { content: "=EF=94=87"; } .fa-user-tie::before { content: "=EF=94=88"; } .fa-user-times::before { content: "=EF=88=B5"; } .fa-users::before { content: "=EF=83=80"; } .fa-users-cog::before { content: "=EF=94=89"; } .fa-usps::before { content: "=EF=9F=A1"; } .fa-ussunnah::before { content: "=EF=90=87"; } .fa-utensil-spoon::before { content: "=EF=8B=A5"; } .fa-utensils::before { content: "=EF=8B=A7"; } .fa-vaadin::before { content: "=EF=90=88"; } .fa-vector-square::before { content: "=EF=97=8B"; } .fa-venus::before { content: "=EF=88=A1"; } .fa-venus-double::before { content: "=EF=88=A6"; } .fa-venus-mars::before { content: "=EF=88=A8"; } .fa-viacoin::before { content: "=EF=88=B7"; } .fa-viadeo::before { content: "=EF=8A=A9"; } .fa-viadeo-square::before { content: "=EF=8A=AA"; } .fa-vial::before { content: "=EF=92=92"; } .fa-vials::before { content: "=EF=92=93"; } .fa-viber::before { content: "=EF=90=89"; } .fa-video::before { content: "=EF=80=BD"; } .fa-video-slash::before { content: "=EF=93=A2"; } .fa-vihara::before { content: "=EF=9A=A7"; } .fa-vimeo::before { content: "=EF=90=8A"; } .fa-vimeo-square::before { content: "=EF=86=94"; } .fa-vimeo-v::before { content: "=EF=89=BD"; } .fa-vine::before { content: "=EF=87=8A"; } .fa-virus::before { content: "=EF=A5=B4"; } .fa-virus-slash::before { content: "=EF=A5=B5"; } .fa-viruses::before { content: "=EF=A5=B6"; } .fa-vk::before { content: "=EF=86=89"; } .fa-vnv::before { content: "=EF=90=8B"; } .fa-voicemail::before { content: "=EF=A2=97"; } .fa-volleyball-ball::before { content: "=EF=91=9F"; } .fa-volume-down::before { content: "=EF=80=A7"; } .fa-volume-mute::before { content: "=EF=9A=A9"; } .fa-volume-off::before { content: "=EF=80=A6"; } .fa-volume-up::before { content: "=EF=80=A8"; } .fa-vote-yea::before { content: "=EF=9D=B2"; } .fa-vr-cardboard::before { content: "=EF=9C=A9"; } .fa-vuejs::before { content: "=EF=90=9F"; } .fa-walking::before { content: "=EF=95=94"; } .fa-wallet::before { content: "=EF=95=95"; } .fa-warehouse::before { content: "=EF=92=94"; } .fa-water::before { content: "=EF=9D=B3"; } .fa-wave-square::before { content: "=EF=A0=BE"; } .fa-waze::before { content: "=EF=A0=BF"; } .fa-weebly::before { content: "=EF=97=8C"; } .fa-weibo::before { content: "=EF=86=8A"; } .fa-weight::before { content: "=EF=92=96"; } .fa-weight-hanging::before { content: "=EF=97=8D"; } .fa-weixin::before { content: "=EF=87=97"; } .fa-whatsapp::before { content: "=EF=88=B2"; } .fa-whatsapp-square::before { content: "=EF=90=8C"; } .fa-wheelchair::before { content: "=EF=86=93"; } .fa-whmcs::before { content: "=EF=90=8D"; } .fa-wifi::before { content: "=EF=87=AB"; } .fa-wikipedia-w::before { content: "=EF=89=A6"; } .fa-wind::before { content: "=EF=9C=AE"; } .fa-window-close::before { content: "=EF=90=90"; } .fa-window-maximize::before { content: "=EF=8B=90"; } .fa-window-minimize::before { content: "=EF=8B=91"; } .fa-window-restore::before { content: "=EF=8B=92"; } .fa-windows::before { content: "=EF=85=BA"; } .fa-wine-bottle::before { content: "=EF=9C=AF"; } .fa-wine-glass::before { content: "=EF=93=A3"; } .fa-wine-glass-alt::before { content: "=EF=97=8E"; } .fa-wix::before { content: "=EF=97=8F"; } .fa-wizards-of-the-coast::before { content: "=EF=9C=B0"; } .fa-wolf-pack-battalion::before { content: "=EF=94=94"; } .fa-won-sign::before { content: "=EF=85=99"; } .fa-wordpress::before { content: "=EF=86=9A"; } .fa-wordpress-simple::before { content: "=EF=90=91"; } .fa-wpbeginner::before { content: "=EF=8A=97"; } .fa-wpexplorer::before { content: "=EF=8B=9E"; } .fa-wpforms::before { content: "=EF=8A=98"; } .fa-wpressr::before { content: "=EF=8F=A4"; } .fa-wrench::before { content: "=EF=82=AD"; } .fa-x-ray::before { content: "=EF=92=97"; } .fa-xbox::before { content: "=EF=90=92"; } .fa-xing::before { content: "=EF=85=A8"; } .fa-xing-square::before { content: "=EF=85=A9"; } .fa-y-combinator::before { content: "=EF=88=BB"; } .fa-yahoo::before { content: "=EF=86=9E"; } .fa-yammer::before { content: "=EF=A1=80"; } .fa-yandex::before { content: "=EF=90=93"; } .fa-yandex-international::before { content: "=EF=90=94"; } .fa-yarn::before { content: "=EF=9F=A3"; } .fa-yelp::before { content: "=EF=87=A9"; } .fa-yen-sign::before { content: "=EF=85=97"; } .fa-yin-yang::before { content: "=EF=9A=AD"; } .fa-yoast::before { content: "=EF=8A=B1"; } .fa-youtube::before { content: "=EF=85=A7"; } .fa-youtube-square::before { content: "=EF=90=B1"; } .fa-zhihu::before { content: "=EF=98=BF"; } .sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin= : -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: a= uto; margin: 0px; overflow: visible; position: static; width: auto; } @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font= -weight: 400; font-display: block; src: url("../webfonts/fa-brands-400.eot?= #iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2"= ) format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), ur= l("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-= brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-w= eight: 400; font-display: block; src: url("../webfonts/fa-regular-400.eot?#= iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2"= ) format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), u= rl("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/f= a-regular-400.svg#fontawesome") format("svg"); } .fab, .far { font-weight: 400; } @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-w= eight: 900; font-display: block; src: url("../webfonts/fa-solid-900.eot?#ie= fix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") fo= rmat("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("..= /webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-= 900.svg#fontawesome") format("svg"); } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://files.ciditools.com/una/theme_colors.css @charset "utf-8"; #kl_wrapper_3.kl_apple #kl_banner h2 { background: rgb(70, 22, 107); color:= white; } #kl_wrapper_3.kl_apple #kl_banner .kl_mod_num { color: rgb(70, 22, 107); } #kl_wrapper_3.kl_apple #kl_banner .kl_subtitle { background-color: rgb(219,= 159, 17); border-color: black; color: black; } #kl_wrapper_3.kl_apple #kl_description { border-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) { border-color: rgb(221, 2= 21, 221); background: rgb(221, 221, 221); color: black; } #kl_wrapper_3.kl_apple h3:not(.ui-state-default) i { color: black; } #kl_wrapper_3.kl_apple h4:not(.ui-state-default), #kl_wrapper_3.kl_apple h5= :not(.ui-state-default) { border-color: rgb(221, 221, 221); } #kl_wrapper_3.kl_apple #kl_navigation ul { background-color: rgb(70, 22, 10= 7); color: white; } #kl_wrapper_3.kl_apple #kl_navigation li a { color: white; } #kl_wrapper_3.kl_apple #kl_modules { border-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_apple > div > i, #kl_wrapper_3.kl_apple.variation_2 > div = > i { border-color: rgb(221, 221, 221); background: rgb(221, 221, 221); col= or: black; } #kl_wrapper_3.kl_apple.variation_2 #kl_banner .kl_subtitle { background-col= or: rgb(45, 12, 73); border-color: white; color: white; } #kl_wrapper_3.kl_apple.variation_2 #kl_navigation ul { background-color: rg= b(219, 159, 17); color: black; } #kl_wrapper_3.kl_apple.variation_2 #kl_navigation li a { color: black; } #kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) { border-color= : rgb(70, 22, 107); background: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_apple.variation_2 h3:not(.ui-state-default) i { color: whi= te; } #kl_wrapper_3.kl_apple.variation_2 > div > i { border-color: rgb(70, 22, 10= 7); background: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_basic_bar #kl_banner h2 { background: rgb(70, 22, 107); co= lor: white; } #kl_wrapper_3.kl_basic_bar #kl_banner .kl_subtitle { color: black; border-c= olor: black; background-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_basic_bar #kl_banner #kl_description { border-color: rgb(7= 0, 22, 107); color: rgb(70, 22, 107); } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) { border-bottom-color:= rgb(70, 22, 107); color: rgb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_basic_bar h3:not(.ui-state-default) i { color: rgb(70, 22,= 107); } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner h2 { background: rgb(70, = 22, 107); color: white; } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner .kl_subtitle { color: bla= ck; border-color: black; background-color: rgb(255, 255, 255); } #kl_wrapper_3.kl_basic_bar.variation_2 #kl_banner #kl_description { border-= color: rgb(70, 22, 107); color: rgb(70, 22, 107); } #kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) { border-b= ottom-color: black; color: rgb(0, 0, 0); } #kl_wrapper_3.kl_basic_bar.variation_2 h3:not(.ui-state-default) i { color:= black; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner { background-color: rgb(7= 0, 22, 107); color: white; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner .kl_subtitle { background= -color: rgb(219, 159, 17); color: black; border-bottom-color: rgb(255, 255,= 255); border-top: 3px solid rgb(255, 255, 255); border-right: none; border= -left: none; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_banner #kl_description { border-= top: 3px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a { color: rgb(= 70, 22, 107); text-decoration: none; } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover { color= : rgb(0, 0, 0); } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) { color: r= gb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_basic_color_panel_nav h3:not(.ui-state-default) i { color:= rgb(70, 22, 107); } @media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul { background-col= or: rgba(255, 255, 255, 0.75); } #kl_wrapper_3.kl_basic_color_panel_nav #kl_navigation ul li a:hover { bac= kground-color: rgb(70, 22, 107); color: white; } } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_banner .kl_subtitle = { background-color: rgb(255, 255, 255); color: black; } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default= ) { color: rgb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 h3:not(.ui-state-default= ) i { color: black; } @media screen and (min-width: 640px) { #kl_wrapper_3.kl_basic_color_panel_nav.variation_2 #kl_navigation ul li a= :hover { background-color: rgb(219, 159, 17); color: black; } } #kl_wrapper_3.kl_basic_color #kl_banner { background-color: rgb(70, 22, 107= ); color: white; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_banner_left { border-color: rgb= (255, 255, 255); } #kl_wrapper_3.kl_basic_color #kl_banner .kl_subtitle { background-color: rg= b(219, 159, 17); color: black; border-bottom-color: rgb(255, 255, 255); bor= der-top: 3px solid rgb(255, 255, 255); border-right: none; border-left: non= e; } #kl_wrapper_3.kl_basic_color #kl_banner #kl_description { border-top: 3px s= olid rgb(255, 255, 255); } #kl_wrapper_3.kl_basic_color #kl_navigation ul li { background-color: rgb(7= 0, 22, 107); color: white; } #kl_wrapper_3.kl_basic_color #kl_navigation ul li a { border-bottom: 3px so= lid rgb(255, 255, 255); text-decoration: none; color: white; } #kl_wrapper_3.kl_basic_color #kl_navigation ul li a:hover { color: white; t= ext-decoration: underline; } #kl_wrapper_3.kl_basic_color #kl_navigation ul li a:focus { color: white; t= ext-decoration: underline; } #kl_wrapper_3.kl_basic_color #kl_navigation ul li a:visited { color: white;= } #kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) { color: rgb(0, 0, 0= ); text-transform: none; } #kl_wrapper_3.kl_basic_color h3:not(.ui-state-default) i { color: rgb(70, 2= 2, 107); } #kl_wrapper_3.kl_basic_color.variation_2 #kl_banner .kl_subtitle { backgrou= nd-color: rgb(255, 255, 255); color: black; } #kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) { color:= rgb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_basic_color.variation_2 h3:not(.ui-state-default) i { colo= r: black; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li { background-= color: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a { border-bo= ttom: 3px solid rgb(255, 255, 255); text-decoration: none; color: black; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:hover { col= or: black; text-decoration: underline; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:focus { col= or: black; text-decoration: underline; } #kl_wrapper_3.kl_basic_color.variation_2 #kl_navigation ul li a:visited { c= olor: black; } #kl_wrapper_3.kl_bookmark #kl_banner h2 { background-color: rgb(70, 22, 107= ); color: white; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left { border-right-color: = rgb(255, 255, 255); } #kl_wrapper_3.kl_bookmark #kl_banner #kl_banner_left .kl_mod_num { color: r= gb(70, 22, 107); } #kl_wrapper_3.kl_bookmark #kl_banner .kl_subtitle { background-color: rgb(4= 5, 12, 73); color: white; } #kl_wrapper_3.kl_bookmark #kl_banner #kl_description { border: 1px solid rg= b(70, 22, 107); } #kl_wrapper_3.kl_bookmark h3:not(.ui-state-default) { background-color: rgb= (70, 22, 107); color: white; font-weight: normal; } #kl_wrapper_3.kl_bookmark > div > i { background-color: rgb(70, 22, 107); c= olor: white; } #kl_wrapper_3.kl_bookmark h4:not(.kl_panel_heading), #kl_wrapper_3.kl_apple= .kl_bookmark h5:not(.kl_panel_heading) { background-color: rgb(221, 221, 22= 1); color: black; font-weight: normal; } #kl_wrapper_3.kl_bookmark h5:not(.kl_panel_heading) { background-color: rgb= (221, 221, 221); color: black; font-weight: normal; } #kl_wrapper_3.kl_bookmark #kl_navigation ul li a { background: white; color= : rgb(70, 22, 107); border-color: rgb(244, 244, 244); text-decoration: none= ; } #kl_wrapper_3.kl_bookmark .kl_quick_check, #kl_wrapper_3.kl_bookmark #kl_mo= dules .ui-tabs-panel { background: rgb(255, 255, 255); } #kl_wrapper_3.kl_bookmark.variation_2 h3:not(.ui-state-default) { backgroun= d-color: rgb(219, 159, 17); color: black; font-weight: normal; } #kl_wrapper_3.kl_bookmark.variation_2 > div > i { background-color: rgb(219= , 159, 17); color: black; } #kl_wrapper_3.kl_box_left h2 { border-bottom-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_box_left #kl_banner #kl_description { background: rgb(255,= 255, 255); border: 1px solid rgb(221, 221, 221); } #kl_wrapper_3.kl_box_left #kl_banner #kl_banner_left { background: rgb(70, = 22, 107); color: white; } #kl_wrapper_3.kl_box_left #kl_navigation ul li a { border: 1px solid rgb(70= , 22, 107); text-decoration: none; } #kl_wrapper_3.kl_box_left #kl_navigation ul li a:visited { background: rgb(= 255, 255, 255); color: rgb(0, 0, 0); border: 1px solid rgb(70, 22, 107); te= xt-decoration: none; } #kl_wrapper_3.kl_box_left #kl_navigation ul li a:hover { background: rgb(21= 9, 159, 17); color: black; } #kl_wrapper_3.kl_box_left #kl_navigation ul li a:focus { background: rgb(21= 9, 159, 17); color: black; } #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) { border-bottom: 1px so= lid lightgray; border-top: 1px solid lightgray; } #kl_wrapper_3.kl_box_left h3:not(.ui-state-default) i { background: rgb(70,= 22, 107); color: white; } #kl_wrapper_3.kl_box_left #kl_modules div.kl_module_content h3 { border: 1p= x solid rgb(221, 221, 221); } #kl_wrapper_3.kl_box_left > div > i { background: rgb(70, 22, 107); color: = white; } #kl_wrapper_3.kl_box_left.variation_2 h2 { border-bottom-color: rgb(219, 15= 9, 17); } #kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_description { border: = 1px solid rgb(219, 159, 17); } #kl_wrapper_3.kl_box_left.variation_2 #kl_banner #kl_banner_left { backgrou= nd: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a { border: 1px = solid rgb(70, 22, 107); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:visited { colo= r: black; border: 1px solid rgb(70, 22, 107); } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:hover { backgr= ound: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_box_left.variation_2 #kl_navigation ul li a:focus { backgr= ound: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_box_left.variation_2 h3:not(.ui-state-default) i { backgro= und: rgb(219, 159, 17); color: black; box-shadow: none; } #kl_wrapper_3.kl_box_left.variation_2 > div > i { background: rgb(219, 159,= 17); color: black; box-shadow: none; } #kl_wrapper_3.kl_circle_left { border-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_circle_left #kl_banner h2 { background: rgb(70, 22, 107); = color: white; } #kl_wrapper_3.kl_circle_left #kl_banner #kl_banner_left { background: rgb(2= 19, 159, 17); color: black; } #kl_wrapper_3.kl_circle_left #kl_banner .kl_subtitle { border-color: rgb(70= , 22, 107); } #kl_wrapper_3.kl_circle_left #kl_banner #kl_description { border-color: rgb= (70, 22, 107); } #kl_wrapper_3.kl_circle_left #kl_banner_image img { border-color: rgb(70, 2= 2, 107); } #kl_wrapper_3.kl_circle_left #kl_navigation ul li i { border: 3px solid rgb= (255, 255, 255); background: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left #kl_navigation ul li a { background: rgb(219, = 159, 17); color: black; text-decoration: none; } #kl_wrapper_3.kl_circle_left > div > i { border: 5px solid rgb(255, 255, 25= 5); background: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) i { border: 5px soli= d rgb(255, 255, 255); background: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_circle_left h3:not(.ui-state-default) { background: rgb(70= , 22, 107); border-color: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left h4:not(.kl_panel_heading), #kl_wrapper_3.kl_ap= ple.kl_circle_left h5:not(.kl_panel_heading) { background: rgb(70, 22, 107)= ; border-color: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left h5:not(.kl_panel_heading) { background: rgb(70= , 22, 107); border-color: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left.variation_2 { border-color: rgb(219, 159, 17);= } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner h2 { background: rgb(21= 9, 159, 17); color: black; } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner #kl_banner_left { backg= round: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner .kl_subtitle, #kl_wrapp= er_3.kl_circle_left.variation_2 #kl_banner #kl_description { border-color: = rgb(219, 159, 17); } #kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li i { border: 3= px solid rgb(255, 255, 255); background: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_circle_left.variation_2 #kl_navigation ul li a { backgroun= d: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_circle_left.variation_2 #kl_banner_image img { border-colo= r: rgb(219, 159, 17); } #kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) { border= -color: rgb(219, 159, 17); background-color: rgb(255, 255, 255); color: rgb= (0, 0, 0); } #kl_wrapper_3.kl_circle_left.variation_2 h3:not(.ui-state-default) i { back= ground: rgb(70, 22, 107); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left.variation_2 > div > i { background: rgb(70, 22= , 107); color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circle_left.variation_2 h4:not(.kl_panel_heading), #kl_wra= pper_3.kl_apple.kl_circle_left.variation_2 h5:not(.kl_panel_heading), #kl_w= rapper_3.kl_circle_left.variation_2 h5 { border-color: rgb(219, 159, 17); b= ackground-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_banner_right { color: rgb(0= , 0, 0); background: rgba(255, 255, 255, 0.8); text-transform: none; } #kl_wrapper_3.kl_circles_overlap #kl_banner .kl_subtitle { background: rgba= (255, 255, 255, 0.8); } #kl_wrapper_3.kl_circles_overlap #kl_banner #kl_description { background-co= lor: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.42) 0px 2px 4px; } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a { color: rgb(255, 255,= 255); background-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover, #kl_wrapper_3.k= l_circles_overlap #kl_navigation li a:focus, #kl_wrapper_3.kl_circles_overl= ap #kl_navigation li a:visited { color: rgb(255, 255, 255); } #kl_wrapper_3.kl_circles_overlap > div > i, #kl_wrapper_3.kl_circles_overla= p h3:not(.ui-state-default) i { background-color: rgb(219, 159, 17); color:= black; } #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigati= on li a, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a, #k= l_wrapper_3.kl_circles_overlap #kl_navigation li a:hover { color: black; ba= ckground: rgb(219, 159, 17) !important; } #tinymce.kl_mce_visual_blocks #kl_wrapper_3.kl_circles_overlap #kl_navigati= on li a i, #kl_wrapper_3.kl_circles_overlap #kl_navigation.kl_active li a i= , #kl_wrapper_3.kl_circles_overlap #kl_navigation li a:hover i { background= -color: rgb(219, 159, 17); } #kl_wrapper_3.kl_colored_headings_box_left, #kl_wrapper_3.kl_colored_headin= gs { } #kl_wrapper_3.kl_colored_headings_box_left > div, #kl_wrapper_3.kl_colored_= headings > div { background-color: rgb(255, 255, 255); border: 1px solid li= ghtgray; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner, #kl_wrapper_3.kl_col= ored_headings #kl_banner { background: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner h2, #kl_wrapper_3.kl_= colored_headings #kl_banner h2 { text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner #kl_banner_left, #kl_= wrapper_3.kl_colored_headings #kl_banner #kl_banner_left { background-color= : rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom-color: rgb(219, 15= 9, 17); } #kl_wrapper_3.kl_colored_headings_box_left #kl_banner .kl_subtitle, #kl_wra= pper_3.kl_colored_headings #kl_banner .kl_subtitle { background-color: rgb(= 219, 159, 17); color: black; text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation ul, #kl_wrapper_3= .kl_colored_headings #kl_navigation ul { background-color: rgb(70, 22, 107)= ; color: white; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a, #kl_wrapper= _3.kl_colored_headings #kl_navigation li a { color: white; text-decoration:= none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover, #kl_w= rapper_3.kl_colored_headings #kl_navigation li a:hover { color: rgb(0, 0, 0= ); background-color: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px= 0px 3px inset; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i, #kl= _wrapper_3.kl_colored_headings #kl_navigation li a:hover i { background-col= or: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a, #kl_wrapper= _3.kl_colored_headings_box_left #kl_navigation li a:visited, #kl_wrapper_3.= kl_colored_headings #kl_navigation li a, #kl_wrapper_3.kl_colored_headings = #kl_navigation li a:visited { color: white; text-decoration: none; } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover, #kl_w= rapper_3.kl_colored_headings_box_left #kl_navigation li a:focus, #kl_wrappe= r_3.kl_colored_headings #kl_navigation li a:hover, #kl_wrapper_3.kl_colored= _headings #kl_navigation li a:focus { color: rgb(0, 0, 0); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation li a:hover i, #kl= _wrapper_3.kl_colored_headings_box_left #kl_navigation li a:focus i, #kl_wr= apper_3.kl_colored_headings #kl_navigation li a:hover i, #kl_wrapper_3.kl_c= olored_headings #kl_navigation li a:focus i { border-bottom-color: rgb(219,= 159, 17); } #kl_wrapper_3.kl_colored_headings_box_left #kl_navigation i, #kl_wrapper_3.= kl_colored_headings #kl_navigation i { background: rgb(255, 255, 255); colo= r: rgb(68, 68, 68); border-bottom-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_colored_headings_box_left #kl_modules .ui-widget-content, = #kl_wrapper_3.kl_colored_headings #kl_modules .ui-widget-content { border: = 1px solid lightgray; background: rgb(255, 255, 255); } #kl_wrapper_3.kl_colored_headings_box_left #kl_modules h3, #kl_wrapper_3.kl= _colored_headings_box_left > div > h3:not(.ui-state-default), #kl_wrapper_3= .kl_colored_headings #kl_modules h3, #kl_wrapper_3.kl_colored_headings > di= v > h3:not(.ui-state-default) { background-color: rgb(219, 159, 17); border= -top: 5px solid rgb(70, 22, 107); color: black; text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left > div > h3 i, #kl_wrapper_3.kl_c= olored_headings_box_left #kl_modules h3 i, #kl_wrapper_3.kl_colored_heading= s > div > h3 i, #kl_wrapper_3.kl_colored_headings #kl_modules h3 i { backgr= ound-color: rgb(255, 255, 255); color: rgb(70, 22, 107); border-bottom: 4px= solid rgb(70, 22, 107); } #kl_wrapper_3.kl_colored_headings_box_left h4, #kl_wrapper_3.kl_apple.kl_co= lored_headings_box_left h5, #kl_wrapper_3.kl_colored_headings_box_left h5, = #kl_wrapper_3.kl_colored_headings_box_left h6, #kl_wrapper_3.kl_colored_hea= dings h4, #kl_wrapper_3.kl_apple.kl_colored_headings h5, #kl_wrapper_3.kl_c= olored_headings h5, #kl_wrapper_3.kl_colored_headings h6 { border-bottom: 1= px solid lightgray; color: rgb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left .well, #kl_wrapper_3.kl_colored_= headings .well { background-color: rgb(245, 245, 245); border: 1px solid rg= b(227, 227, 227); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation ul, #= kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation ul { background= -color: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a,= #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a { color:= black; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:= hover, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigatio= n li a:focus, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation = li a:hover, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li= a:focus { color: rgb(0, 0, 0); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a:= hover i, #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigat= ion li a:focus i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigat= ion li a:hover i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigat= ion li a:focus i { border-bottom-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_navigation li a = i, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_navigation li a i { bo= rder-bottom-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner #kl_banne= r_left, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner #kl_banner= _left { background-color: rgb(219, 159, 17); color: black; border-bottom-co= lor: rgb(219, 159, 17); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_banner .kl_subti= tle, #kl_wrapper_3.kl_colored_headings.variation_2 #kl_banner .kl_subtitle = { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3, #kl_= wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3:not(.ui-state= -default), #kl_wrapper_3.kl_colored_headings.variation_2 #kl_modules h3, #k= l_wrapper_3.kl_colored_headings.variation_2 > div > h3:not(.ui-state-defaul= t) { background-color: rgb(70, 22, 107); border-top: 5px solid rgb(219, 159= , 17); color: white; text-transform: none; } #kl_wrapper_3.kl_colored_headings_box_left.variation_2 > div > h3 i, #kl_wr= apper_3.kl_colored_headings_box_left.variation_2 #kl_modules h3 i, #kl_wrap= per_3.kl_colored_headings.variation_2 > div > h3 i, #kl_wrapper_3.kl_colore= d_headings.variation_2 #kl_modules h3 i { background-color: rgb(255, 255, 2= 55); color: rgb(0, 0, 0); border-bottom: 4px solid rgb(219, 159, 17); } #kl_wrapper_3.kl_emta { color: rgb(0, 0, 0); } #kl_wrapper_3.kl_emta #kl_banner { background: rgb(219, 159, 17); color: bl= ack; border: 1px solid rgb(70, 22, 107); } #kl_wrapper_3.kl_emta #kl_banner h2 { background-color: rgb(70, 22, 107); c= olor: white; } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_left { border-right: 2px solid = rgb(255, 255, 255); } #kl_wrapper_3.kl_emta #kl_banner #kl_banner_left .kl_mod_num { color: rgb(7= 0, 22, 107); } #kl_wrapper_3.kl_emta #kl_banner #kl_description { background: rgb(70, 22, = 107); color: white; } #kl_wrapper_3.kl_emta h3:not(.ui-state-default) { color: black; background:= rgb(219, 159, 17); font-weight: normal; } #kl_wrapper_3.kl_emta #kl_navigation ul { background-color: rgb(70, 22, 107= ); color: white; } #kl_wrapper_3.kl_emta #kl_navigation li a { color: white; text-decoration: = none; } #kl_wrapper_3.kl_emta #kl_navigation li a:visited { color: white; } #kl_wrapper_3.kl_emta #kl_navigation li a:hover, #kl_wrapper_3.kl_emta #kl_= navigation li a:focus { color: white; text-decoration: underline; } #kl_wrapper_3.kl_emta #kl_modules { border: 1px solid rgb(70, 22, 107); } #kl_wrapper_3.kl_flat_sections_main, #kl_wrapper_3.kl_flat_sections { } #kl_wrapper_3.kl_flat_sections_main #kl_banner, #kl_wrapper_3.kl_flat_secti= ons #kl_banner { background: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_flat_sections_main #kl_banner h2, #kl_wrapper_3.kl_flat_se= ctions #kl_banner h2 { text-transform: none; border-top-color: rgb(219, 159= , 17); } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_banner_left, #kl_wrapper= _3.kl_flat_sections #kl_banner #kl_banner_left { background-color: rgb(219,= 159, 17); color: black; } #kl_wrapper_3.kl_flat_sections_main #kl_banner .kl_subtitle, #kl_wrapper_3.= kl_flat_sections #kl_banner .kl_subtitle { background: rgb(255, 255, 255); = color: rgb(0, 0, 0); text-transform: none; } #kl_wrapper_3.kl_flat_sections_main #kl_banner #kl_description, #kl_wrapper= _3.kl_flat_sections #kl_banner #kl_description { background-color: rgb(219,= 159, 17); color: black; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation ul, #kl_wrapper_3.kl_fla= t_sections #kl_navigation ul { background-color: rgb(70, 22, 107); color: w= hite; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a, #kl_wrapper_3.kl_f= lat_sections #kl_navigation li a { border: 1px solid rgb(70, 22, 107); colo= r: white; text-decoration: none; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:visited, #kl_wrappe= r_3.kl_flat_sections #kl_navigation li a:visited { color: white; } #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover, #kl_wrapper_= 3.kl_flat_sections_main #kl_navigation li a:focus, #kl_wrapper_3.kl_flat_se= ctions #kl_navigation li a:hover, #kl_wrapper_3.kl_flat_sections #kl_naviga= tion li a:focus { background: rgb(219, 159, 17); color: black; border-color= : rgb(70, 22, 107); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation li a:hover i, #kl_wrappe= r_3.kl_flat_sections_main #kl_navigation li a:focus i, #kl_wrapper_3.kl_fla= t_sections #kl_navigation li a:hover i, #kl_wrapper_3.kl_flat_sections #kl_= navigation li a:focus i { background: black; color: rgb(219, 159, 17); bord= er: 1px solid rgb(219, 159, 17); } #kl_wrapper_3.kl_flat_sections_main #kl_navigation i, #kl_wrapper_3.kl_flat= _sections #kl_navigation i { background: rgb(255, 255, 255); color: rgb(68,= 68, 68); border: 1px solid rgb(68, 68, 68); } #kl_wrapper_3.kl_flat_sections_main h3:not(.ui-state-default), #kl_wrapper_= 3.kl_flat_sections h3:not(.ui-state-default) { color: rgb(0, 0, 0); border-= top: 1px solid lightgray; text-transform: none; } #kl_wrapper_3.kl_flat_sections_main > div > i, #kl_wrapper_3.kl_flat_sectio= ns_main h3:not(.ui-state-default) i:first-child, #kl_wrapper_3.kl_flat_sect= ions > div > i, #kl_wrapper_3.kl_flat_sections h3:not(.ui-state-default) i:= first-child { color: rgb(70, 22, 107); border: 1px solid lightgray; backgro= und: rgb(255, 255, 255); } #kl_wrapper_3.kl_flat_sections_main h4, #kl_wrapper_3.kl_apple.kl_flat_sect= ions_main h5, #kl_wrapper_3.kl_flat_sections_main h5, #kl_wrapper_3.kl_flat= _sections_main h6, #kl_wrapper_3.kl_flat_sections h4, #kl_wrapper_3.kl_appl= e.kl_flat_sections h5, #kl_wrapper_3.kl_flat_sections h5, #kl_wrapper_3.kl_= flat_sections h6 { color: rgb(0, 0, 0); border-bottom: 1px solid lightgray;= text-transform: none; } #kl_wrapper_3.kl_flat_sections_main > div:nth-child(2n+1), #kl_wrapper_3.kl= _flat_sections > div:nth-child(2n+1) { background: whitesmoke; } #kl_wrapper_3.kl_flat_sections_main .well, #kl_wrapper_3.kl_flat_sections .= well { background-color: rgb(245, 245, 245); border: 1px solid rgb(227, 227= , 227); box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px inset; } #kl_wrapper_3.kl_flat_sections_main.variation_2, #kl_wrapper_3.kl_flat_sect= ions.variation_2 { } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner h2, #kl_wrapper_= 3.kl_flat_sections.variation_2 #kl_banner h2 { border-top-color: white; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_banner_left,= #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner .kl_subtitle, #= kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_banner #kl_description, = #kl_wrapper_3.kl_flat_sections.variation_2 #kl_banner #kl_banner_left, #kl_= wrapper_3.kl_flat_sections.variation_2 #kl_banner .kl_subtitle, #kl_wrapper= _3.kl_flat_sections.variation_2 #kl_banner #kl_description { background-col= or: rgb(255, 255, 255); color: rgb(68, 68, 68); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation ul, #kl_wrap= per_3.kl_flat_sections.variation_2 #kl_navigation ul { background-color: rg= b(219, 159, 17); color: black; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a, #kl_wr= apper_3.kl_flat_sections.variation_2 #kl_navigation li a { border: 1px soli= d rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:visited= , #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:visited { = color: black; } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:hover, = #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:focus, = #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:hover, #kl_w= rapper_3.kl_flat_sections.variation_2 #kl_navigation li a:focus { backgroun= d: rgb(70, 22, 107); color: white; border-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:hover i= , #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation li a:focus= i, #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:hover i,= #kl_wrapper_3.kl_flat_sections.variation_2 #kl_navigation li a:focus i { b= ackground: white; color: rgb(70, 22, 107); border: 1px solid rgb(70, 22, 10= 7); } #kl_wrapper_3.kl_flat_sections_main.variation_2 #kl_navigation i, #kl_wrapp= er_3.kl_flat_sections.variation_2 #kl_navigation i { background: rgb(255, 2= 55, 255); color: rgb(68, 68, 68); border: 1px solid rgb(68, 68, 68); } #kl_wrapper_3.kl_flat_sections_main.variation_2 h3:not(.ui-state-default), = #kl_wrapper_3.kl_flat_sections.variation_2 h3:not(.ui-state-default) { colo= r: rgb(0, 0, 0); border-top: 1px solid lightgray; } #kl_wrapper_3.kl_flat_sections_main.variation_2 > div > i, #kl_wrapper_3.kl= _flat_sections_main.variation_2 h3:not(.ui-state-default) i:first-child, #k= l_wrapper_3.kl_flat_sections.variation_2 > div > i, #kl_wrapper_3.kl_flat_s= ections.variation_2 h3:not(.ui-state-default) i:first-child { color: white;= border: 1px solid lightgray; background: rgb(70, 22, 107); } #kl_wrapper_3.kl_flat_sections_main #kl_description { border-top: 2px solid= rgb(255, 255, 255); border-bottom: 2px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_left { background: rgb(= 70, 22, 107); color: white; text-transform: none; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_banner_right { background: rgb= a(255, 255, 255, 0.8); border-bottom: 1px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_ribbons_main #kl_banner .kl_subtitle { background: rgba(25= 5, 255, 255, 0.8); border: 1px solid rgb(255, 255, 255); text-transform: no= ne; } #kl_wrapper_3.kl_ribbons_main #kl_banner #kl_description { border: 4px doub= le rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); } #kl_wrapper_3.kl_ribbons_main #kl_navigation a i { background: rgb(70, 22, = 107); color: white; } #kl_wrapper_3.kl_ribbons_main #kl_navigation li a { background: rgba(255, 2= 55, 255, 0.8); color: rgb(84, 84, 84); border: 1px solid rgb(255, 255, 255)= ; text-decoration: none; } #kl_wrapper_3.kl_ribbons_main > div > i, #kl_wrapper_3.kl_ribbons_main h3:n= ot(.ui-state-default) { background-color: rgb(70, 22, 107); color: white; f= ont-weight: normal; font-size: 1.2em; } #kl_wrapper_3.kl_ribbons_main h3:not(.ui-state-default) i { background: rgb= (255, 255, 255); color: rgb(70, 22, 107); } #kl_wrapper_3.kl_ribbons_main .kl_quick_check, #kl_wrapper_3.kl_ribbons_mai= n #kl_modules .ui-tabs-panel { background: rgb(255, 255, 255); } @media screen and (min-width: 950px) { body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation li= a { background: rgb(255, 255, 255); } body.course-menu-expanded #kl_wrapper_3.kl_ribbons_main #kl_navigation a:= :after { border-width: 22px 22px 22px 20px; border-style: solid; border-col= or: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) transparent; b= order-image: initial; } } @media screen and (max-width: 969px) and (min-width: 800px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a { background: rgb(255, 255, 255); } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a::after { border-width: 22px 22px 22px 20px; border-style: solid; bord= er-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) transpar= ent; border-image: initial; } } @media screen and (min-width: 1000px) { body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion li a { background: rgb(255, 255, 255); } body:not(.course-menu-expanded) #kl_wrapper_3.kl_ribbons_main #kl_navigat= ion a::after { border-width: 22px 22px 22px 20px; border-style: solid; bord= er-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255) transpar= ent; border-image: initial; } } #kl_wrapper_3.kl_ribbons_main.variation_2 #kl_navigation a i { background: = rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_ribbons_main.variation_2 h3:not(.ui-state-default) { backg= round-color: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_rounded_inset #kl_banner { background: rgb(70, 22, 107); c= olor: white; } #kl_wrapper_3.kl_rounded_inset #kl_banner h2 { border-color: rgb(219, 159, = 17); background: rgb(255, 255, 255); color: rgb(0, 0, 0); } #kl_wrapper_3.kl_rounded_inset #kl_banner .kl_subtitle { color: white; text= -transform: none; } #kl_wrapper_3.kl_rounded_inset #kl_banner #kl_description { background: rgb= (219, 159, 17); color: black; border-bottom: 1px solid rgb(255, 255, 255); = } #kl_wrapper_3.kl_rounded_inset #kl_banner_left { border-color: rgb(219, 159= , 17); } #kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a { color: rgb(70, 22, = 107); border-color: rgb(70, 22, 107); text-decoration: none; } #kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:visited { color: rgb(= 70, 22, 107); border-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_rounded_inset #kl_navigation ul li a:hover, #kl_wrapper_3.= kl_rounded_inset #kl_navigation ul li a:focus { background: rgb(219, 159, 1= 7); color: black; } #kl_wrapper_3.kl_rounded_inset h3:not(.ui-stat-default) { border-color: rgb= (219, 159, 17); background-color: rgb(255, 255, 255); text-transform: none;= border-width: 2px; } #kl_wrapper_3.kl_rounded_inset > div > i, #kl_wrapper_3.kl_rounded_inset h3= :not(.ui-state-default) i { color: rgb(0, 0, 0); border-color: rgb(219, 159= , 17); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner { background: rgb(70,= 22, 107); color: white; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner h2 { border-color: bl= ack; background: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner .kl_subtitle { color:= white; text-transform: none; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner #kl_description { bac= kground: rgb(255, 255, 255); color: rgb(0, 0, 0); border-bottom: 1px solid = rgb(255, 255, 255); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_banner_left { border-color: = black; } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a { color: = black; border-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:visited {= color: rgb(219, 159, 17); border-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:hover, #k= l_wrapper_3.kl_rounded_inset.variation_2 #kl_navigation ul li a:focus { bac= kground: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_rounded_inset.variation_2 h3:not(.ui-stat-default) { borde= r-color: rgb(70, 22, 107); background-color: rgb(255, 255, 255); text-trans= form: none; border-width: 2px; } #kl_wrapper_3.kl_rounded_inset.variation_2 > div > i, #kl_wrapper_3.kl_roun= ded_inset.variation_2 h3:not(.ui-state-default) i { color: rgb(0, 0, 0); bo= rder-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_square_right #kl_banner #kl_description, #kl_wrapper_3.kl_= square_right #kl_banner .kl_subtitle { border-color: rgb(70, 22, 107); } #kl_wrapper_3.kl_square_right #kl_banner #kl_description { border-color: rg= b(70, 22, 107); } #kl_wrapper_3.kl_square_right #kl_banner .kl_subtitle { color: rgb(70, 22, = 107); } #kl_wrapper_3.kl_square_right h2 { background: rgb(70, 22, 107); color: whi= te; } #kl_wrapper_3.kl_square_right #kl_banner_left { background: rgb(219, 159, 1= 7); color: black; } #kl_wrapper_3.kl_square_right h3:not(.ui-state-default) { border-color: rgb= (70, 22, 107); background-color: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_square_right #kl_navigation ul li i { background: rgb(70, = 22, 107); color: white; border-left: 1px solid rgb(255, 255, 255); } #kl_wrapper_3.kl_square_right #kl_navigation ul li a { text-decoration: non= e; } #kl_wrapper_3.kl_square_right #kl_navigation ul li a:visited { background: = rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(70, 22, 107); te= xt-decoration: none; } #kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover, #kl_wrapper_3.k= l_square_right #kl_navigation ul li a:focus { background: rgb(70, 22, 107);= color: white; } #kl_wrapper_3.kl_square_right #kl_navigation ul li a:hover i, #kl_wrapper_3= .kl_square_right #kl_navigation ul li a:focus i { background: rgb(219, 159,= 17); color: black; } #kl_wrapper_3.kl_square_right > div > i, #kl_wrapper_3.kl_square_right h3:n= ot(.ui-state-default) i { background: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description, #kl_w= rapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle { border-color= : rgb(219, 159, 17); } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner #kl_description { bord= er-color: rgb(219, 159, 17); } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner .kl_subtitle { color: = black; } #kl_wrapper_3.kl_square_right.variation_2 h2 { background: rgb(219, 159, 17= ); color: black; } #kl_wrapper_3.kl_square_right.variation_2 #kl_banner_left { background: rgb= (70, 22, 107); color: white; } #kl_wrapper_3.kl_square_right.variation_2 h3:not(.ui-state-default) { borde= r-color: rgb(219, 159, 17); background-color: rgb(219, 159, 17); color: bla= ck; } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li i { backgrou= nd: rgb(219, 159, 17); color: black; border-left: 1px solid rgb(255, 255, 2= 55); } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:visited { = background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(219,= 159, 17); text-decoration: none; } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover, #kl= _wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus { backg= round: rgb(219, 159, 17); color: black; } #kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:hover i, #= kl_wrapper_3.kl_square_right.variation_2 #kl_navigation ul li a:focus i { b= ackground: rgb(70, 22, 107); color: white; } #kl_wrapper_3.kl_square_right.variation_2 > div > i, #kl_wrapper_3.kl_squar= e_right.variation_2 h3:not(.ui-state-default) i { background: rgb(70, 22, 1= 07); color: white; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: image/png Content-Transfer-Encoding: base64 Content-Location: https://una.instructure.com/images/messages/avatar-50.png iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAACKElEQVR42u3PzWdcURjH8aFcshpK VlmVEmbb1SWErMLQbRi6Ct32b8gfUIYSwjDm5c57ZqaU0lUoWd1VV2EodzWEMqswDE+/k7TOGK3p ebmTe6KHz+JZnd83JyJPwtMJ+Tge+yz1kCIixJj9EiNC0YeQYySQDRIUsxgS4Byi6RxBlkIiiKHI SciYw9J7iKWy6f8qZDSycQBx5MBkg4uQADcOQ24QPEbICcSxE+OQEYehK4hjV7o7VMhwaOIFJCUv NXZYh5ymGHK6zZBqiiFVo5Dh5aWJGJKSbxo7VMglh4EEkpIfOltUyGBg4g6SkoXGjkyH3BmFDPp9 EwkkJYnGDuuQOMWQeJshlRRDKkYh/V7PRAmSkjcaO6xD9rCAOLbAnlFIj8NQB+JYR3eHCul2TYUQ x0LNDZYhStVhRBU545Auh4U8EoilBHmD/1VIp9OxVcAUYmiKgun/KqTddmEfE4imCfYt/nUYouzg TCPiDDvIOQlpc1jaxRHeoQL5RzE+oYy3CLGr+78KabV0BSjiAlOIYzMMUcLzDVuMQl4hwgyyRV/w emNIi2ODEJ8hj+wa4fo+FRJFf5NHH5Ix5ZWNKiTi+IMQ3yEZtXwBVkKazXUlLCAZV4UKaXKsOMIc 4olDFdJo/FbADOKRCZ6th3yFeOj4PqRBBA4hnvrwEFKvL11APHW9GjLxOOT2PqROCOYQT81XQ8Rn DyG12pJ47H9INkNqhEB8JoT8BNEuPSTVExuQAAAAAElFTkSuQmCC ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/html Content-ID: Content-Transfer-Encoding: quoted-printable Content-Location: https://canvadocs.instructure.com/1/sessions/eyJhbGciOiJIUzUxMiIsInR5cCI6IkpXVCJ9.eyJjIjoxNjA2ODgwODIyMTg2LCJkIjoiQTk0ampna0E4a09EQTBmWnBhS3JONnlSQ1oxVkRMIiwiZSI6MTYwNjkxNjgyMiwiciI6InBkZmpzIiwibCI6ImVuIiwiZyI6Im5vbmUiLCJoIjp7fSwiaWF0IjoxNjA2ODgwODIyLCJleHAiOjE2MDY5MTY4MjF9.GLG0XtLmPfJ1BmQhx5KGxNlypjvEQbeSHoqaNTUndogKTFqVsHsmDbq5W5Bpi7SJ3sVnyq3IQ76XY_uablo7QA/view?theme=dark DocViewer =20 =20 =20 =20

    DocViewer

    Pages

    Traditional Caramel = Flan(https://www.tasteofhome.com/recipes/traditional-caramel-flan/)= This delectable dessert is baked over a layer of caramelized sugar, so when= it's the serving platter.TOTAL TIME: Prep: 20 min.= Bake: 55 min. + chilling YIELD: 6 servingsIngredients= =EF=82=B71-1/4 cups= sugar, divided=EF=82=B72-3/4 cups milk=EF=82= =B75 eggs=EF=82=B71/8 teaspoon salt=EF= =82=B71 teaspoon vanilla extractDirections1. In a heavy saucep= an or skillet over medium-low, heat 3/4 cup sugar. Do not stir. When sugar = is melted, reduce heat to low; cook until syrup is golden brown, stir co= nstantly. Quickly pour into an ungreased souffl=C3=A9 dish or 2-qt. round= baking dish, tilting to coat bottom of dish. Let stand for 10 minutes.<= /span>3. Remove from the heat. In a bowl, whisk eggs, salt and remaining sug= ar. Stir 1 cup of warm milk into egg mixture; return all to pan and mix = well. Add vanilla. Pour into prepared dish.4. Place dish in a large ba= king pan. Fill larger pan with boiling water to a depth of 1 in. Bake at 325=C2=B0F for 55-60 minutes or until center is just set (mixture will jig= gle). Remove flan dish to a wire rack; cool for 1 hour. Refrigerate for 3= -4 hours or until thoroughly chilled. Run a knife around edge and invert= onto a rimmed serving platter. Refrigerate leftovers.Note: For Coconut F= lan sub a can of coconut milk for about 12 oz. of the regular milk (1/2 tsp= coconut extract optional).
    =

    An= notations

    ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-0b116f7d-34b4-4dd9-b002-45aa701c73b4@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-888d2902-5d71-4ab4-8dc4-0048d587671b@mhtml.blink @charset "utf-8"; body { background-color: rgb(242, 242, 242); } button { border-radius: 0px; } body, textarea { font-family: Lato, sans-serif; } h1 { font-size: inherit; font-weight: normal; } a { color: rgb(0, 142, 226); cursor: pointer; text-decoration: none; } a:hover { text-decoration: underline; } .selection-disabled { user-select: none; } #App { position: absolute; inset: 0px; display: flex; flex-direction: colum= n; } .Pages { padding: 42px 32px 32px; flex: 1 1 0%; background-color: rgb(242, = 242, 242); overflow: auto; } .Pen-is-annotating { touch-action: none; } .Page--not-rendered .textLayer div { background-color: rgb(204, 204, 204); = } .inst-button { background-color: rgb(245, 245, 245); border-radius: 3px; bo= rder: 1px solid rgb(219, 219, 219); padding: 6px; cursor: pointer; color: r= gb(57, 75, 88); outline: none; } .inst-button:focus { outline: none; } .inst-button--flat { background-color: transparent; border-color: transpare= nt; } .inst-button:hover { background-color: rgb(219, 219, 219); border-color: rg= b(219, 219, 219); } .inst-button--flat:hover { background-color: transparent; } .inst-button:focus { border-color: rgb(56, 167, 232); outline: none; } .inst-button:active { box-shadow: rgb(0, 0, 0) 0px 0px 2px inset; } .screenreader-only { clip: rect(1px, 1px, 1px, 1px); width: 1px; overflow: = hidden; height: 0px; position: absolute !important; } .DocViewer--error { border: 1px solid red; background-color: rgb(255, 228, = 225); } .Pages-has-secondary-toolbar { padding-top: 0px; margin-top: 42px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-f1f9fba8-07de-452e-982a-758f59125381@mhtml.blink @charset "utf-8"; .ViewerControls { background-color: rgb(85, 101, 114); color: rgb(255, 255,= 255); font-size: 14px; line-height: 24px; overflow-x: auto; } @media (min-width: 938px) { .ViewerControls--with-annotations { height: 48px; } .SecondaryControls { top: 48px; } } @media (max-width: 937px) { .ViewerControls--with-annotations { height: 98px; } .SecondaryControls { top: 98px; } } .ViewerControls-primary { pointer-events: all; display: flex; } .ViewerControls--title { flex: 1 1 0%; display: flex; align-items: center; = white-space: nowrap; } .ViewerControls--download { flex: 1 1 0%; display: flex; align-items: cente= r; white-space: nowrap; } .ViewerControls--current-page { margin-top: 10px; border-radius: 3px; borde= r: 0px; height: 28px; width: 36px; background-color: rgb(255, 255, 255); co= lor: rgb(89, 108, 121); font-size: 14px; text-align: center; vertical-align= : top; } .ViewerControls--current-page::-webkit-outer-spin-button, .ViewerControls--= current-page::-webkit-inner-spin-button { appearance: none; margin: 0px; } .ViewerControls--page-controls { display: flex; align-items: center; white-= space: nowrap; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-1bbb2a9a-6de1-41f0-b01a-f0ef04272789@mhtml.blink @charset "utf-8"; .download-button--icon { color: inherit; display: inline-block; font-size: = 24px; margin-right: 12px; vertical-align: top; } .download-button--content { padding: 24px; } .download-button--list { list-style: none; margin: 0px; padding: 0px; } .download-button--item { font-size: 13px; color: rgb(57, 75, 88); } .download-button--item + .download-button--item { border-top: 1px solid rgb= (185, 192, 198); margin-top: 12px; padding-top: 12px; } .download-button--button { background-color: transparent; font-size: 16px; = border: none; height: 48px; width: 48px; } .download-button--button:hover { background-color: rgb(95, 112, 123); } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-72ba65d2-5cbe-43bf-9b88-c8a9c38132eb@mhtml.blink @charset "utf-8"; .AnnotationControls { display: flex; align-items: center; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-3781b947-484e-4e9a-ba39-90c15623cb09@mhtml.blink @charset "utf-8"; .AnnotationControlButton { width: 48px; padding: 0px; border: 0px none; col= or: rgb(255, 255, 255); background-color: rgb(85, 101, 114); margin-top: 0p= x; margin-bottom: 0px; cursor: pointer; box-sizing: content-box; user-selec= t: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .AnnotationControlButton:disabled { opacity: 0.4; } .AnnotationControlButton-outer { box-sizing: content-box; width: 44px; marg= in: 1px; display: flex; border: 1px solid rgb(85, 101, 114); } .AnnotationControlButton-inner { margin: 0px; height: 44px; width: 48px; di= splay: flex; justify-content: center; align-items: center; box-sizing: cont= ent-box; } .AnnotationControlButton-inner svg, .AnnotationControlButton-inner img { fi= ll: red; } .AnnotationControlButton:hover:enabled { background-color: rgb(95, 112, 123= ); } .AnnotationControlButton.selected:hover:enabled { background-color: rgb(245= , 245, 245); border-color: rgb(245, 245, 245); } .AnnotationControlButton:hover:enabled .AnnotationControlButton-outer { bor= der-color: rgb(95, 112, 123); } .AnnotationControlButton:focus { border-color: rgb(181, 188, 194); outline:= none; } .AnnotationControlButton:focus .AnnotationControlButton-outer { border-colo= r: rgb(56, 167, 232); } .AnnotationControlButton:active .AnnotationControlButton-outer { box-shadow= : rgb(0, 0, 0) 0px 0px 2px inset; } .AnnotationControlButton.selected { outline: none; background-color: white;= } .AnnotationControlButton.selected .AnnotationControlButton-outer { border: = 1px solid white; color: rgb(85, 101, 114); } .AnnotationControlButton.selected:focus .AnnotationControlButton-outer { bo= rder: 1px solid rgb(56, 167, 232); } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-52f98b4e-ec46-4dfe-b0e6-dab571d881c6@mhtml.blink @charset "utf-8"; .DocumentControls { display: flex; align-items: center; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-9570131e-5fd6-468a-9011-007b3cbb76d6@mhtml.blink @charset "utf-8"; .SecondaryControls { display: flex; align-items: center; background-color: = white; border-bottom: 1px solid rgb(210, 209, 209); position: fixed; left: = 0px; right: 0px; width: inherit; pointer-events: all; user-select: none; z-= index: 10; cursor: auto; touch-action: none; overflow-x: auto; transform: t= ranslateX(0px); } .SecondaryControls-label { margin-left: 30px; color: rgb(85, 101, 114); fon= t-size: 14px; } .SecondaryControls-buttons { display: flex; cursor: default; align-items: c= enter; margin-left: 8px; flex-shrink: 0; } .SecondaryControls-annotation { display: flex; cursor: default; align-items= : center; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-04d71caf-7a05-4fbe-ba69-fde010c43143@mhtml.blink @charset "utf-8"; .ColorButton { border: 0px none; background-color: white; padding: 0px; mar= gin: 0px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);= } .ColorButton-inner { display: inline-block; padding: 0px 2px; margin: 8px 0= px; } .ColorButton-selection-circle { r: 10.5; } .ColorButton:active .ColorButton-selection-circle { r: 11; } .ColorButton:focus .ColorButton-selection-circle { stroke: rgb(56, 167, 232= ); } .ColorButton-main-circle { r: 8.5; } .ColorButton:active .ColorButton-main-circle { r: 9.25; } .ColorButton:focus { outline: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-dabaa176-6ca7-4c9c-afc7-9f2edb1b69a5@mhtml.blink @charset "utf-8"; .page-number { margin-top: 10px; } .Page-container { margin: auto; display: flex; } .PageContainerComments { flex: 1 1 0%; position: relative; overflow: auto; = width: 365px; } .Page { margin-top: 50px; margin-bottom: 50px; position: relative; box-sizi= ng: content-box; } .Page:focus { outline: none; } .Page:focus .pageContainer { border-color: rgb(127, 186, 247); } .pageContainer { width: 100%; height: 100%; } .PDFAnnotationLayer-container .textWidgetAnnotation { font-family: auto; fo= nt-size: small; } .Draw--highlight .PDFAnnotationLayer-container, .Draw--strikeout .PDFAnnota= tionLayer-container { pointer-events: none; } .Page-inner { margin: auto; position: absolute; } .Page-show-previous-comments-button { padding: 0px; margin: 0px; position: = absolute; right: 0px; top: 0px; width: 334px; background-color: rgb(242, 24= 2, 242); color: rgb(62, 139, 220); height: 32px; border-width: 0px 0px 1px;= border-style: none none solid; border-top-color: initial; border-right-col= or: initial; border-left-color: initial; border-image: initial; border-bott= om-color: rgb(167, 174, 180); text-align: center; display: flex; align-item= s: center; justify-content: center; font-size: 0.9rem; cursor: pointer; } .Page-comment-line { box-shadow: rgb(0, 0, 0) 0px 10px 15px -13px inset; wi= dth: 90%; margin-left: 22px; height: 1px; } .Page-comment-line-top-margin { margin-top: 50px; } .Page-comment-shadow { position: relative; z-index: 5; height: 20px; width:= 83%; } .Page-comment-top-shadow { box-shadow: rgb(0, 0, 0) 0px 10px 15px -13px ins= et; margin: 0px 15px -20px 35px; } .Page-comment-bottom-shadow { box-shadow: rgb(0, 0, 0) 0px -10px 15px -13px= inset; margin: -20px 15px 0px 35px; } .annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetA= nnotation textarea, .annotationLayer .buttonWidgetAnnotation.checkBox input= , .annotationLayer .buttonWidgetAnnotation.radioButton input { appearance: = none; color: black !important; background-color: rgb(220, 228, 255) !import= ant; font: unset !important; } .annotationLayer .choiceWidgetAnnotation select, .annotationLayer .choiceWi= dgetAnnotation select option:disabled, .annotationLayer .choiceWidgetAnnota= tion select option:disabled:checked { appearance: none; background-color: r= gb(220, 228, 255) !important; font: unset !important; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-25935d5d-6f40-4501-a4ef-cce85f890390@mhtml.blink @charset "utf-8"; .textLayer { position: absolute; inset: 0px; overflow: hidden; opacity: 0.2= ; line-height: 1; } .textLayer > span { color: transparent; position: absolute; white-space: pr= e; cursor: text; transform-origin: 0% 0%; } .textLayer .highlight { margin: -1px; padding: 1px; background-color: rgb(1= 80, 0, 170); border-radius: 4px; } .textLayer .highlight.begin { border-radius: 4px 0px 0px 4px; } .textLayer .highlight.end { border-radius: 0px 4px 4px 0px; } .textLayer .highlight.middle { border-radius: 0px; } .textLayer .highlight.selected { background-color: rgb(0, 100, 0); } .textLayer ::selection { background: rgb(0, 0, 255); } .textLayer .endOfContent { display: block; position: absolute; inset: 100% = 0px 0px; z-index: -1; cursor: default; user-select: none; } .textLayer .endOfContent.active { top: 0px; } .annotationLayer section { position: absolute; } .annotationLayer .linkAnnotation > a, .annotationLayer .buttonWidgetAnnotat= ion.pushButton > a { position: absolute; font-size: 1em; top: 0px; left: 0p= x; width: 100%; height: 100%; } .annotationLayer .linkAnnotation > a:hover, .annotationLayer .buttonWidgetA= nnotation.pushButton > a:hover { opacity: 0.2; background: rgb(255, 255, 0)= ; box-shadow: rgb(255, 255, 0) 0px 2px 10px; } .annotationLayer .textAnnotation img { position: absolute; cursor: pointer;= } .annotationLayer .textWidgetAnnotation input, .annotationLayer .textWidgetA= nnotation textarea, .annotationLayer .choiceWidgetAnnotation select, .annot= ationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .button= WidgetAnnotation.radioButton input { background-color: rgba(0, 54, 255, 0.1= 3); border: 1px solid transparent; box-sizing: border-box; font-size: 9px; = height: 100%; margin: 0px; padding: 0px 3px; vertical-align: top; width: 10= 0%; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0px; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius:= 50%; } .annotationLayer .textWidgetAnnotation textarea { font: 400 9px Arial; resi= ze: none; } .annotationLayer .textWidgetAnnotation input[disabled], .annotationLayer .t= extWidgetAnnotation textarea[disabled], .annotationLayer .choiceWidgetAnnot= ation select[disabled], .annotationLayer .buttonWidgetAnnotation.checkBox i= nput[disabled], .annotationLayer .buttonWidgetAnnotation.radioButton input[= disabled] { background: none; border: 1px solid transparent; cursor: not-al= lowed; } .annotationLayer .textWidgetAnnotation input:hover, .annotationLayer .textW= idgetAnnotation textarea:hover, .annotationLayer .choiceWidgetAnnotation se= lect:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover, = .annotationLayer .buttonWidgetAnnotation.radioButton input:hover { border: = 1px solid rgb(0, 0, 0); } .annotationLayer .textWidgetAnnotation input:focus, .annotationLayer .textW= idgetAnnotation textarea:focus, .annotationLayer .choiceWidgetAnnotation se= lect:focus { background: none; border: 1px solid transparent; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .a= nnotationLayer .buttonWidgetAnnotation.checkBox input:checked::after, .anno= tationLayer .buttonWidgetAnnotation.radioButton input:checked::before { bac= kground-color: rgb(0, 0, 0); content: ""; display: block; position: absolut= e; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before, .a= nnotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { heig= ht: 80%; left: 45%; width: 1px; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::before { t= ransform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked::after { tr= ansform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked::before = { border-radius: 50%; height: 50%; left: 30%; top: 20%; width: 50%; } .annotationLayer .textWidgetAnnotation input.comb { font-family: monospace;= padding-left: 2px; padding-right: 0px; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 115%; } .annotationLayer .buttonWidgetAnnotation.checkBox input, .annotationLayer .= buttonWidgetAnnotation.radioButton input { appearance: none; padding: 0px; = } .annotationLayer .popupWrapper { position: absolute; width: 20em; } .annotationLayer .popup { position: absolute; z-index: 200; max-width: 20em= ; background-color: rgb(255, 255, 153); box-shadow: rgb(136, 136, 136) 0px = 2px 5px; border-radius: 2px; padding: 6px; margin-left: 5px; cursor: pointe= r; font: 400 9px Arial; overflow-wrap: break-word; } .annotationLayer .popup > * { font-size: 9px; } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popup span { display: inline-block; margin-left: 5px; } .annotationLayer .popup p { border-top: 1px solid rgb(51, 51, 51); margin-t= op: 2px; padding-top: 2px; } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotatio= n, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotat= ion, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation= svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .c= ircleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyl= ine, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .car= etAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLaye= r .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: po= inter; } .pdfViewer .canvasWrapper { overflow: hidden; } .pdfViewer .page { direction: ltr; width: 816px; height: 1056px; margin: 1p= x auto -8px; position: relative; overflow: visible; border: 9px solid trans= parent; background-clip: content-box; background-color: white; } .pdfViewer.removePageBorders .page { margin: 0px auto 10px; border: none; } .pdfViewer.singlePageView { display: inline-block; } .pdfViewer.singlePageView .page { margin: 0px; border: none; } .pdfViewer.scrollHorizontal, .pdfViewer.scrollWrapped, .spread { margin-lef= t: 3.5px; margin-right: 3.5px; text-align: center; } .pdfViewer.scrollHorizontal, .spread { white-space: nowrap; } .pdfViewer.removePageBorders, .pdfViewer.scrollHorizontal .spread, .pdfView= er.scrollWrapped .spread { margin-left: 0px; margin-right: 0px; } .spread .page, .pdfViewer.scrollHorizontal .page, .pdfViewer.scrollWrapped = .page, .pdfViewer.scrollHorizontal .spread, .pdfViewer.scrollWrapped .sprea= d { display: inline-block; vertical-align: middle; } .spread .page, .pdfViewer.scrollHorizontal .page, .pdfViewer.scrollWrapped = .page { margin-left: -3.5px; margin-right: -3.5px; } .pdfViewer.removePageBorders .spread .page, .pdfViewer.removePageBorders.sc= rollHorizontal .page, .pdfViewer.removePageBorders.scrollWrapped .page { ma= rgin-left: 5px; margin-right: 5px; } .pdfViewer .page canvas { margin: 0px; display: block; } .pdfViewer .page canvas[hidden] { display: none; } .pdfViewer .page .loadingIcon { position: absolute; display: block; inset: = 0px; } .pdfPresentationMode .pdfViewer { margin-left: 0px; margin-right: 0px; } .pdfPresentationMode .pdfViewer .page, .pdfPresentationMode .pdfViewer .spr= ead { display: block; } .pdfPresentationMode .pdfViewer .page, .pdfPresentationMode .pdfViewer.remo= vePageBorders .page { margin-left: auto; margin-right: auto; } .pdfPresentationMode:-webkit-full-screen .pdfViewer .page { margin-bottom: = 100%; border: 0px; } .pdfPresentationMode:fullscreen .pdfViewer .page { margin-bottom: 100%; bor= der: 0px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-8cbfae0d-5b45-435c-9d61-bc8c7943afde@mhtml.blink @charset "utf-8"; .Page-canvas-container { box-sizing: border-box; border: 1px solid rgb(186,= 191, 198); overflow: hidden; } .Page-canvas-container--hidden > * { display: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-f06da0e5-61c5-4e0a-8161-08a54a96edc6@mhtml.blink @charset "utf-8"; .PageComments { overflow: scroll; position: absolute; } .PageAnnotations { position: absolute; inset: 0px; pointer-events: none; } .PageAnnotations.is-dragging, .PageAnnotations.is-dragging rect, .PageAnnot= ations.is-dragging path { pointer-events: none; } .PageAnnotations.is-dragging .Annotation--selected { pointer-events: none; = } .PageAnnotations.is-dragging .Annotation:not(.Annotation--selected), .PageA= nnotations.is-dragging .FreetextGroup:not(.FreetextGroup--active) { pointer= -events: none; user-select: none; } .PageAnnotations.is-dragging, .PageAnnotations.is-dragging .Annotation, .Pa= geAnnotations.is-dragging .FreetextGroup--active { cursor: move !important;= } .PageAnnotations.is-drawing .Annotation, .PageAnnotations.is-drawing .Annot= ation-svg, .PageAnnotations.is-drawing .FreetextGroup { pointer-events: non= e; user-select: none; } @keyframes fadeIn {=20 0% { opacity: 0; } 100% { opacity: 1; } } .PageAnnotations .AnnotationToolbar { animation-name: fadeIn; animation-dur= ation: 0.3s; } .PageAnnotations.is-drawing .AnnotationToolbar { display: none; } .PageAnnotations.is-drawing, .PageAnnotations.is-drawing .FreetextGroup { p= ointer-events: none; } .CommentContainerOffset { position: absolute; width: 1px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-d2d12e38-9224-4d44-8770-ef4f0fe2770c@mhtml.blink @charset "utf-8"; .Annotation { pointer-events: none; outline: none; } .Page.is-multistroke-drawing .Annotation { pointer-events: none; } .Annotation--selected { touch-action: none; } .AnnotationToolbar-container { position: absolute; bottom: calc(100% - 1px)= ; left: 2px; z-index: 2; } .AnnotationToolbar { pointer-events: all; display: flex; justify-content: s= pace-between; padding: 4px 6px; background-color: rgb(85, 101, 114); color:= rgb(255, 255, 255); } .AnnotationTooltip { margin-left: 2px; margin-right: 2px; font-size: 10pt; = display: flex; justify-content: center; flex-direction: column; box-sizing:= content-box; text-align: left; cursor: text; } .Annotation-button { cursor: pointer; color: rgb(57, 75, 88); border-radius= : 3px; border: 1px solid transparent; padding: 2px; } .Annotation-button:focus, .Annotation-button:hover { border-color: rgb(219,= 219, 219); } .Annotation-svg { position: absolute; } .Annotation-svg.is-dragging { pointer-events: all; } .Annotation-svg-container { outline: none; position: absolute; } .textLayer > span { color: transparent; position: relative; white-space: pr= e; cursor: text; transform-origin: 0% 0%; display: block; float: left; marg= in-bottom: -100%; margin-right: -100%; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-07a55721-0295-4754-8440-83b129f7dac3@mhtml.blink @charset "utf-8"; .Comment-create { border-radius: 50px; background-color: white; border: 2px= solid rgb(185, 192, 198); width: 50px; height: 50px; left: -24px; position= : absolute; right: 0px; pointer-events: all; cursor: pointer; z-index: 2; } .Comment-create:focus { outline: none; border-color: rgb(56, 167, 232); } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-34e4bd30-c44b-4701-bcb5-42b3c8431d28@mhtml.blink @charset "utf-8"; .Annotation .CommentLine { position: absolute; pointer-events: none; z-inde= x: 2; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-7fb84481-ad0f-426d-9673-e68794373608@mhtml.blink @charset "utf-8"; =0A ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-a81d8cd4-0ff1-4a93-8b19-024ca0e12f32@mhtml.blink @charset "utf-8"; .CommentGroup { border: none; border-radius: 6px; pointer-events: all; back= ground-color: white; margin-bottom: 12px; font-size: 0.9rem; position: abso= lute; width: 290px; box-sizing: content-box; left: 34px; transform: transla= teZ(0px); transition: top 0.3s ease-out 0s; margin-top: 0px; list-style-typ= e: none; padding: 0px; } .CommentGroup .Comment2 { content: " "; position: absolute; z-index: -2; in= set: 4px -4px -4px 4px; border: 2px solid rgb(198, 204, 208); background-co= lor: white; border-radius: 6px; } .CommentGroup .Comment3 { content: " "; position: absolute; z-index: -3; in= set: 8px -8px -8px 8px; border: 2px solid rgb(198, 204, 208); background-co= lor: white; border-radius: 6px; } .Page.selection-disabled .CommentGroup { user-select: none; } .CommentGroup:focus { outline: none; } .CommentGroup--active { box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 10px 0px; z= -index: 3; } .Comment-content { padding-left: 6px; padding-right: 6px; position: relativ= e; } .CommentGroup-textarea, .CommentGroup-textarea[disabled] { opacity: 1; -web= kit-text-fill-color: black; color: black; background-color: white; border: = 1px solid transparent; width: 235px; height: 16px; margin: 2px 6px 6px 29px= ; font-size: 0.9rem; resize: none; box-sizing: content-box; } .CommentGroup-textarea:focus { border: 1px solid rgb(49, 164, 231); outline= : none; transition: border 0.3s ease 0s; } .CommentGroup-hr { background-color: rgb(185, 192, 198); margin: 10px 0px; = height: 1px; border: 0px none; } .CommentGroup-aria-notify { font-size: 0px; height: 0px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-818b2fbc-3ad2-49ea-a2b1-b5ef6731ca88@mhtml.blink @charset "utf-8"; .CommentReplyForm { text-align: right; } .Comment-reply-button { margin: 6px; } .CommentReplyForm-inner.hidden { display: none; } .CommentReplyForm .CommentReplyForm-inner { border-width: 1px 2px 2px; bord= er-style: solid; border-color: rgb(185, 192, 198) rgb(198, 204, 208) rgb(19= 8, 204, 208); border-bottom-left-radius: 6px; border-bottom-right-radius: 6= px; } .Comment:not(:first-of-type) { border-top: 1px solid rgb(185, 192, 198); } .Comment-title { font-weight: bold; display: flex; justify-content: space-b= etween; position: relative; } .Comment-title-username { margin: 8px 12px 6px; flex: 1 1 0%; } .Comment-edit-buttons { position: absolute; margin-top: 2px; margin-right: = 2px; right: 0px; top: 0px; } .Comment-icon { margin-top: 8px; } .Comment-icon { margin-top: 8px; margin-left: 10px; } .Comment-icon svg { width: 20px; } .Comment-title svg { height: 20px; width: 16px; } .Comment-title-usernameExtraMargin { margin-left: 38px; } .Comment { border-right: 2px solid rgb(198, 204, 208); border-left: 2px sol= id rgb(198, 204, 208); background-color: white; } .Comment:first-of-type, .Comment-root-comment { border-top-left-radius: 6px= ; border-top-right-radius: 6px; border-top: 2px solid rgb(198, 204, 208); } .Comment-isAtBottom, .Comment-isReplyForm { border-bottom-left-radius: 6px;= border-bottom-right-radius: 6px; border-bottom: 2px solid rgb(198, 204, 20= 8); } .CommentsContainer .CommentGroup .Comment-deleted { border: 2px solid rgb(2= 38, 5, 18); } .Comment-deleteMessage { width: 100%; background-color: rgb(238, 5, 18); co= lor: rgb(255, 255, 255); display: flex; } .Comment-deleteMessage p { color: rgb(255, 255, 255); padding: 10px; margin= : 0px; flex: 1 1 0%; } .Comment-deleteMessage button { margin-right: 5px; } .CommentGroup:focus .Comment { border-right-color: rgb(56, 167, 232); borde= r-left-color: rgb(56, 167, 232); } .CommentGroup:focus .Comment:first-child { border-top-color: rgb(56, 167, 2= 32); } .CommentGroup:focus .Comment:not(.Comment-replyFormVisible):nth-last-child(= 2), .CommentGroup:focus .Comment-isReplyForm { border-bottom-color: rgb(56,= 167, 232); } .CommentGroup:focus .CommentReplyForm-inner { border-bottom-color: rgb(56, = 167, 232); border-left-color: rgb(56, 167, 232); border-right-color: rgb(56= , 167, 232); outline: none; } .Comment-reply-number { margin-left: 30px; padding-bottom: 12px; padding-to= p: 2px; font-size: 14px; color: rgb(56, 167, 232); font-weight: 300; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-6f514bb7-9909-41dd-b0c9-e52e18e743ce@mhtml.blink @charset "utf-8"; .ExpandableIcon { background-color: white; border: 0px none; bottom: 4px; c= olor: rgb(58, 143, 221); cursor: pointer; font: inherit; padding: 6px; poin= ter-events: none; position: absolute; right: 6px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-e17255fa-cbcb-4b91-986d-642581f474e6@mhtml.blink @charset "utf-8"; .GenericPopup { position: fixed; margin: -25px auto 0px -300px; background-= color: rgb(255, 255, 255); border-radius: 4px; display: flex; pointer-event= s: visible; width: 600px; left: 50%; z-index: 3; } .GenericPopup:focus { outline: none; } @media (min-width: 938px) { .GenericPopup { top: 120px; } } @media (max-width: 937px) { .GenericPopup { top: 170px; } } .GenericPopup-warning { border: 2px solid rgb(252, 93, 19); } .GenericPopup-alert { border: 2px solid rgb(0, 142, 225); } .GenericPopup-button { font-family: inherit; font-size: inherit; margin: 2p= x; padding: 10px 20px 5px; } .GenericPopup-confirm-button { background-color: rgb(2, 145, 224); border: = 2px solid rgb(1, 123, 195); color: rgb(255, 255, 255); } .GenericPopup-confirm-button:hover { background-color: rgb(1, 123, 195); bo= rder: 2px solid rgb(1, 123, 195); } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-1cf58f55-6e52-48c1-8fa7-7fbbb2ba1e67@mhtml.blink @charset "utf-8"; .SelectionBox { pointer-events: none; animation-name: fadeIn; animation-dur= ation: 0.3s; } .Annotation-svg-container:focus .SelectionBox-rect { stroke: rgb(56, 167, 2= 32); stroke-dasharray: 0; } .PageAnnotations.is-dragging .SelectionBox { display: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-cd65f539-2253-41b8-8722-76fb8b5fdac8@mhtml.blink @charset "utf-8"; .InkAnnotation { pointer-events: none; } .Draw--not-drawing .InkAnnotation--saved path, .Draw--not-drawing .InkAnnot= ation--saved line { pointer-events: visiblepainted; } .Draw--not-drawing .InkAnnotation--editable.InkAnnotation--saved path, .Dra= w--not-drawing .InkAnnotation--editable.InkAnnotation--saved line { cursor:= move; } .InkStrokeWidthButton { outline: none; color: rgb(85, 101, 114); border: 3p= x solid rgb(255, 255, 255); border-radius: 21px; background-color: rgb(255,= 255, 255); padding: 3px; } .InkStrokeWidthButton.selected { border-color: rgb(114, 129, 140); } .InkStrokeWidthButton:hover { border-color: rgb(219, 219, 219); } .InkStrokeWidthButton:focus { border-color: rgb(114, 129, 140); } .InkStrokeWidthButton-outer { display: flex; width: 21px; height: 21px; ali= gn-items: center; justify-content: center; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-f8c99242-bae3-46d4-854c-4bd687d26182@mhtml.blink @charset "utf-8"; .SquareAnnotation { pointer-events: none; } .Draw--not-drawing .SquareAnnotation-presentation-rect, .Draw--not-drawing = .SquareAnnotation-presentation-rect-hitpath { pointer-events: visiblepainte= d; } .Draw--not-drawing .SquareAnnotation--editable .SquareAnnotation-presentati= on-rect, .Draw--not-drawing .SquareAnnotation--editable .SquareAnnotation-p= resentation-rect-hitpath { cursor: move; } .Draw--is-pointer-down .SquareAnnotation-presentation-rect, .Draw--is-point= er-down .SquareAnnotation-presentation-rect-hitpath { pointer-events: none;= } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-73f0783c-5ecb-486e-bada-05554761bf94@mhtml.blink @charset "utf-8"; .HighlightAnnotationContainer { mix-blend-mode: multiply; } .HighlightAnnotation { pointer-events: none; } .Draw--not-drawing .HighlightAnnotation rect { pointer-events: visible; cur= sor: default; } .Draw--is-pointer-down .HighlightAnnotation rect { pointer-events: none; } .Annotation--selected .Annotation-svg-container:not(:focus) .HighlightAnnot= ation rect { stroke: rgb(187, 187, 187); stroke-dasharray: 3; } .Annotation-svg-container:focus .HighlightAnnotation rect { stroke: rgb(56,= 167, 232); } .Annotation:hover:not(.Annotation--selected) .HighlightAnnotation rect { st= roke: rgb(187, 187, 187); stroke-dasharray: 3; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-be8a3371-7b64-409a-a241-761b676b7b76@mhtml.blink @charset "utf-8"; .StrikeoutAnnotation { pointer-events: none; } .Draw--not-drawing .StrikeoutAnnotation rect { pointer-events: visiblepaint= ed; cursor: default; } .Draw--is-pointer-down .StrikeoutAnnotation rect { pointer-events: none; } .Annotation--selected .Annotation-svg-container:not(:focus) .StrikeoutAnnot= ation rect { stroke: rgb(187, 187, 187); stroke-dasharray: 3; } .Annotation-svg-container:focus .StrikeoutAnnotation rect { stroke: rgb(56,= 167, 232); } .Annotation:hover:not(.Annotation--selected) .StrikeoutAnnotation rect { st= roke: rgb(187, 187, 187); stroke-dasharray: 3; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-fbbc37e1-cd7d-4225-8473-82c54c9d8ca9@mhtml.blink @charset "utf-8"; .PointAnnotation { pointer-events: none; } .Draw--not-drawing .PointAnnotation path { pointer-events: visiblepainted; = } .Draw--not-drawing .PointAnnotation--editable path { cursor: move; } .Draw--is-pointer-down .PointAnnotation path { pointer-events: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-8531a412-e9ea-4a1e-80b6-6af17f0fc931@mhtml.blink @charset "utf-8"; .FreetextGroup { pointer-events: all; border: 1px solid transparent; font-s= ize: 0.9rem; position: absolute; will-change: auto; display: inline-block; = box-sizing: content-box; padding: 6px; } .FreetextGroup:focus { border: 1px solid rgb(49, 164, 231); outline: rgb(18= 7, 187, 187) dashed 1px; } .FreetextGroup:hover, .FreetextGroup--active { outline: rgb(187, 187, 187) = dashed 1px; } .Page.is-multistroke-drawing .FreetextGroup { pointer-events: none; } .FreetextTooltip-container { position: absolute; cursor: default; bottom: c= alc(100% + 2px); } .FreetextTooltip { position: relative; left: -2px; } .Freetext-title { font-weight: bold; display: flex; justify-content: space-= between; align-items: center; margin-bottom: 5px; } .Freetext-content { box-sizing: content-box; cursor: text; } .Freetext-entry { padding: 10px; display: inline-block; } .Freetext-textarea:focus { border: 1px solid rgb(56, 167, 232); } .Freetext-textarea, .Freetext-textarea[disabled] { opacity: 1; box-sizing: = content-box; cursor: text; border: 1px solid transparent; font-family: Lato= , Helvetica, Arial; white-space: pre; overflow: hidden; resize: none; paddi= ng: 0px 2px; overflow-wrap: break-word; } .TextSizeButton { outline: none; color: rgb(85, 101, 114); border: 2px soli= d rgb(255, 255, 255); border-radius: 5px; background-color: rgb(255, 255, 2= 55); } .TextSizeButton.selected { background-color: rgb(85, 101, 114); color: rgb(= 255, 255, 255); } .TextSizeButton:hover { border-color: rgb(219, 219, 219); } .TextSizeButton:focus { border-color: rgb(56, 167, 232); } .TextSizeButton-outer { display: flex; width: 18px; height: 19px; padding: = 2px 0px; align-items: center; justify-content: center; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-697112db-f6b9-417b-96ab-d9b0b56812f2@mhtml.blink @charset "utf-8"; .Draw { position: absolute; background-color: transparent; left: 0px; top: = 0px; } .Draw--freetext .Annotation, .Draw--point .Annotation, .Draw--ink .Annotati= on, .Draw--area .Annotation { user-select: none; } .Draw--freetext .textLayer, .Draw--point .textLayer, .Draw--ink .textLayer,= .Draw--area .textLayer { pointer-events: none; user-select: none; } .Draw--area .TextLayer-container, .Draw--area .PageAnnotations { cursor: cr= osshair; } .Draw--freetext .TextLayer-container { cursor: text; } .Draw--point .TextLayer-container { cursor: none; } .Draw--ink .TextLayer-container, .Draw--is-drawing.Draw--ink .Draw-svg { cu= rsor: url("/images/draw-cursor.svg"), auto; } .Draw--ink.Draw--is-drawing .Draw-svg { z-index: 2; } .Draw--highlight .Draw--svg-container { mix-blend-mode: multiply; } .Draw--strikeout .textLayer > span::selection, .Draw--highlight .textLayer = > span::selection { background-color: transparent; } .Draw--not-drawing .Draw--highlight-group, .Draw--not-drawing .Draw--strike= out-group { display: none; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: cid:css-3bbf4f73-b958-4de2-8f3e-968fa96e8141@mhtml.blink @charset "utf-8"; .CommentIndicator { position: absolute; z-index: 1; transform: translate(50= %, 70%); width: 200px; color: rgb(72, 72, 72); font-weight: 300; } .ArrowIconContainer { float: left; margin-right: 10px; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://canvadocs.instructure.com/css/docviewer.css @charset "utf-8"; * { box-sizing: border-box; } .absolute-center { margin: auto; position: absolute; inset: 0px; height: 10= 0px; width: 100px; } body { margin: 0px; font-family: Lato, sans-serif; background-color: rgb(24= 2, 242, 242); } .DocViewer { display: flex; flex-direction: column; } #error-container { position: absolute; inset: 0px; display: flex; } #error-container .absolute-center { margin: auto; text-align: center; width= : 400px; } img.panda-cycle { height: 100px; width: 100px; } #pdfjs-container { position: absolute; width: 100%; height: auto; inset: 0p= x; } #pdfjs-container iframe { width: 100%; height: 100%; border: 0px; } #viewer-container { position: absolute; width: 100%; height: auto; inset: 0= px; background: rgb(242, 242, 242); } .viewer { position: absolute; height: auto; inset: 0px 0px 44px; } .controls-container { height: 44px; line-height: 44px; position: fixed; bot= tom: 0px; width: 100%; text-align: center; background: white; border-top: 1= px solid rgb(153, 153, 153); color: rgb(34, 34, 34); } .controls-container div { display: inline-block; } .controls-left { position: absolute; left: 0px; } .controls-right { height: 44px; line-height: 44px; position: absolute; righ= t: 0px; } .controls-right { padding-right: 10px; } .controls-container button { margin-left: 10px; margin-right: 10px; border:= 0px; background-color: white; color: rgb(187, 187, 187); } .controls-container button.enabled { color: rgb(34, 34, 34); } .viewer-container { position: absolute; inset: 0px; } .viewer-container iframe { width: 100%; height: 100%; border: 0px; } #box-view-container .fs-color { display: none; } body.ua-chrome #box-view-container .fs-cover { position: absolute; right: 5= px; bottom: 5px; width: 35px; height: 35px; display: block; } :root { --Spinner-trackColor: #f5f5f5; --Spinner-color: #008ee2; --Spinner-= smallSize: 3em; --Spinner-smallBorderWidth: 0.375em; --Spinner-mediumSize: = 5em; --Spinner-mediumBorderWidth: 0.5em; --Spinner-largeSize: 7em; --Spinne= r-largeBorderWidth: 0.75em; --Spinner-inverseTrackColor: #2d3b45; --Spinner= -inverseColor: #008ee2; } @keyframes InstUISpinner--rotate {=20 100% { transform: rotate(360deg); } } @keyframes InstUISpinner--morph {=20 0% { stroke-dashoffset: 190%; } 50% { stroke-dashoffset: 50%; transform: rotate(90deg); } 100% { stroke-dashoffset: 190%; transform: rotate(360deg); } } .InstUISpinner { display: inline-block; position: relative; box-sizing: bor= der-box; overflow: hidden; margin: 1.5rem 0.75rem; } .InstUISpinner-svg { animation-duration: 2.25s; animation-iteration-count: = infinite; animation-name: InstUISpinner--rotate; animation-timing-function:= linear; display: block; overflow: hidden; position: absolute; stroke-width= : 8px; left: 0px; top: 0px; } .InstUISpinner--small, .InstUISpinner--small .InstUISpinner-svg { width: va= r(--Spinner-smallSize); height: var(--Spinner-smallSize); } .InstUISpinner--medium, .InstUISpinner--medium .InstUISpinner-svg { width: = var(--Spinner-mediumSize); height: var(--Spinner-mediumSize); } .InstUISpinner--large, .InstUISpinner--large .InstUISpinner-svg { width: va= r(--Spinner-largeSize); height: var(--Spinner-largeSize); } .InstUISpinner-circleShadow { stroke: none; } .InstUISpinner--small .InstUISpinner-circleShadow { stroke-width: calc(var(= --Spinner-smallBorderWidth) * 1.75); } .InstUISpinner--medium .InstUISpinner-circleShadow { stroke-width: calc(var= (--Spinner-mediumBorderWidth) * 1.75); } .InstUISpinner--large .InstUISpinner-circleShadow { stroke-width: calc(var(= --Spinner-largeBorderWidth) * 1.75); } .InstUISpinner-circleTrack { display: inline; fill: none; transform-origin:= 0px 0px; width: auto; stroke: var(--Spinner-trackColor); } .InstUISpinner-circleSpin { animation-duration: 1.75s; animation-iteration-= count: infinite; animation-name: InstUISpinner--morph; animation-timing-fun= ction: ease; color: rgb(51, 51, 51); display: inline; fill: none; stroke-li= necap: round; stroke: var(--Spinner-color); } .InstUISpinner--small .InstUISpinner-circleTrack, .InstUISpinner--small .In= stUISpinner-circleSpin { stroke-width: var(--Spinner-smallBorderWidth); } .InstUISpinner--medium .InstUISpinner-circleTrack, .InstUISpinner--medium .= InstUISpinner-circleSpin { stroke-width: var(--Spinner-mediumBorderWidth); = } .InstUISpinner--large .InstUISpinner-circleTrack, .InstUISpinner--large .In= stUISpinner-circleSpin { stroke-width: var(--Spinner-largeBorderWidth); } .InstUISpinner--small .InstUISpinner-circleSpin { stroke-dasharray: 6em; tr= ansform-origin: calc(var(--Spinner-smallSize) / 2) calc(var(--Spinner-small= Size) / 2); } .InstUISpinner--medium .InstUISpinner-circleSpin { stroke-dasharray: 10.5em= ; transform-origin: calc(var(--Spinner-mediumSize) / 2) calc(var(--Spinner-= mediumSize) / 2); } .InstUISpinner--large .InstUISpinner-circleSpin { stroke-dasharray: 10.5em;= transform-origin: calc(var(--Spinner-largeSize) / 2) calc(var(--Spinner-la= rgeSize) / 2); } @media not all { .InstUISpinner--small .InstUISpinner-circleSpin { stroke-dasharray: 3em; = } .InstUISpinner--medium .InstUISpinner-circleSpin { stroke-dasharray: 6em;= } .InstUISpinner--medium .InstUISpinner-circleSpin { stroke-dasharray: 9em;= } } .InstUISpinner-circleTrack, .InstUISpinner-circleShadow, .InstUISpinner-cir= cleSpin { fill: none; } body { overflow: hidden; } ------MultipartBoundary--ph5JGCzEtoYC6Bv9r0MnxhjHDrT3fPzCe9MrDQAUjh------