/* Minification failed. Returning unminified contents. (7859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7884,21): run-time error CSS1039: Token not allowed after unary operator: '-s' (7885,22): run-time error CSS1039: Token not allowed after unary operator: '-m' (7886,27): run-time error CSS1039: Token not allowed after unary operator: '-s' (7891,34): run-time error CSS1039: Token not allowed after unary operator: '-m' (7891,45): run-time error CSS1039: Token not allowed after unary operator: '-s' (7902,26): run-time error CSS1039: Token not allowed after unary operator: '-s' (7902,39): run-time error CSS1039: Token not allowed after unary operator: '-m' (7905,51): run-time error CSS1038: Expected hex color, found '#0000' (7905,69): run-time error CSS1039: Token not allowed after unary operator: '-f' (7905,93): run-time error CSS1039: Token not allowed after unary operator: '-f' (7912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7925,23): run-time error CSS1039: Token not allowed after unary operator: '-QualityMarker' (7925,77): run-time error CSS1039: Token not allowed after unary operator: '-liJoiner' (7930,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7933,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7940,23): run-time error CSS1039: Token not allowed after unary operator: '-QualityMarker' (11016,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family' (11017,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-style' (11031,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-display' (11134,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin' (11143,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (11146,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (11151,24): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color' (11152,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius' (11153,24): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style' (11154,24): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width' (11155,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding' (11160,24): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (11165,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (11171,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11172,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11173,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11174,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11175,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11176,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11177,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11178,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11179,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11180,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11186,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11187,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11188,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11189,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11190,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11191,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11192,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11193,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11194,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11195,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11201,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11202,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11203,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11204,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11205,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11206,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11207,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11208,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11209,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11210,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11216,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11217,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11218,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11219,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11220,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11221,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11222,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11223,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11224,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11225,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11231,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11232,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11233,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11234,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11235,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11236,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11237,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11238,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11239,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11240,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11246,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11247,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11248,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11249,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11250,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11251,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11252,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11253,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11254,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11255,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11261,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11262,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (11263,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11264,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11265,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11266,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11267,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11268,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11269,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11270,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11281,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11282,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (11283,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11284,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (11285,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11286,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (11287,45): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11288,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (11319,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (11320,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (11331,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (11332,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (11343,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (11343,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (11344,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (11344,68): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (11348,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (11348,75): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (11348,122): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (11349,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (11349,67): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (11349,114): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (11353,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (11353,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (11354,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (11354,68): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (11358,56): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (11359,48): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (11380,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (11380,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (11381,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (11381,68): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (11385,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (11385,75): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (11385,122): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (11386,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (11386,67): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (11386,114): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (11390,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (11390,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (11391,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (11391,68): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (11395,56): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (11396,48): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (11412,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (11418,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (11424,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (11431,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (11432,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (11438,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (11445,39): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (11446,31): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (11452,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (11452,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (11452,84): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (11452,105): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (11453,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (11453,55): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (11453,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (11453,97): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (11459,42): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (11459,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (11459,84): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (11459,105): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (11460,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (11460,55): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (11460,76): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (11460,97): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (11614,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (11615,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (11633,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index' (11645,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse' */ /*! jQuery UI - v1.12.1 - 2019-04-24 * http://jqueryui.com * Includes: core.css, autocomplete.css, menu.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;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-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -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:-65px -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-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.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-top-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:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .aside, .hubpageright .sectionNav, .sectionNav { float: left; width: 20%; } .sectionNav { top: 0; position: relative; -webkit-transition: top .5s; transition: top .5s; } hr, img { display: block; } /* Google translation is causing scrolling issues with left hand menu. .goog-te-gadget img, .skiptranslate { display: inline-block; } .google-translation-panel { padding: 11px !important; margin-top: 32px; } @media only screen and (max-width:480px) { .google-translation-panel { margin-top: 90px; } } */ #tw-widget a, #tw-widget.tweet a, [class^=hvr-], ul.menuNav li > a { text-decoration: none; } .fa { -moz-osx-font-smoothing: grayscale; } .column, .column .columnItem, .footer, .footer .row, .moreSection, .sectionWrapper { overflow: hidden; } .products blockquote p, blockquote p { quotes: "\201C""\201D""\2018""\2019"; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'),local(OpenSans-Light),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format("woff"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'),local(OpenSans),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2"),url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'),local(OpenSans-Semibold),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format("woff"); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'),local(OpenSans-Bold),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format("woff2"),url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format("woff"); } a, abbr, acronym, address, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, s, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, th, thead, time, tr, u, ul, var, video { border: 0; font-family: inherit; font-size: inherit; margin: 0; padding: 0; } body, html, input { font-family: 'Open Sans',Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; color: #303030; padding: 0; margin: 0; font-size: 16px; font-weight: 400; } #logoWrapper #logo h1, #logoWrapper #logo p { font-weight: lighter; font-family: 'open sans',arial,sans-serif; } body * { -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; transition: background .2s ease-in-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .bodyTest { background: url('../img/watermark_test.png') repeat #ffffff; } .bodyStaging { background: url('../img/watermark_staging.png') repeat #ffffff; } section { clear: both; } section > h2 { margin-top: .5em; } div.content[role=main] { float: left; width: 56%; margin: 0 2%; } div.content.wide[role=main] { width: 76%; } .contentpage div.content[role=logout] { float: left; width: 76%; margin: 0 2%; } .hubpageright div.content[role=main], div.logout[role=main] { float: left; width: 78%; margin-left: 2%; margin-right: 0; } div.content[role=main].guideFrmContainer { margin: 0 2% 1%; width: 46%; } .guideWideaside > div.aside { width: 100%; float: left; } div.guideWideaside { float: left; width: 30%; } .contentpage #main { width: 72%; /*margin-right: 2%;*/ float: left; } .wrapper { width: 95%; max-width: 1100px; margin: 0 auto; } .wrapper:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .flex { display: flex; flex-wrap: wrap; } .flex-no-wrap { display: flex; } .flex-centered { align-items: center; } .flex .twocolumns { float: none; align-self: center; } .flex-col { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .centeritemsindiv { display: flex; justify-content: center; } /*Tail arrow down*/ .tail-arrow-down { /* more triangle */ position: relative; height: 0px; width: 0px; border: 12px solid; border-color: #1E6194 #1E6194 transparent transparent; transform: rotate(135deg); margin:10px auto; } .tail-arrow-down:before { content: ''; position: absolute; top: 0px; right: 0px; display: block; height: 12px; width: 16px; background-color: #1E6194; transform: rotate(-45deg) translate(2px, 1px); } .tail-arrow-right { /* more triangle */ position: relative; height: 0px; width: 0px; border: 12px solid; border-color: #1E6194 #1E6194 transparent transparent; transform: rotate(45deg); margin: 10px; } .tail-arrow-right:before { content: ''; position: absolute; top: 0px; right: 0px; display: block; height: 12px; width: 16px; background-color: #1E6194; transform: rotate(-45deg) translate(2px, 1px); } /*Tail arrow down ends*/ /*Flowchart*/ .insert-break:after { content: '\a'; white-space: pre; } .arrow { width: 0; height: 0; border-top: 15px solid transparent; border-left: 20px solid #c96724; border-bottom: 15px solid transparent; margin: 5px; } .arrow-wrapper { margin-top: auto; margin-bottom: auto; } .flowchart-item { text-align: center; } @media only screen and (max-width: 990px) { .flex .flowchart-item { margin: 4px; padding: 8px; text-align: center; } .arrow { display: none; } } /*Flowchart ends*/ .pagewrapper { min-height: 100%; position: relative; } .main { font-size: 18px; } table.main { font-size: 16px; } .integrated-care-mobile { display: none; } /*AUDITS - SAFEGUARDING CHARITY NEW STYLES*/ .flag-list { display: flex; min-width: 100%; } .flag-list-title { color: white; min-width: 35%; max-width: 35%; position: relative; background: #1C73A6; justify-content: center; align-content: center; padding: 0 5px 10px 5px; margin-bottom: 10px; /*adds space between the list items*/ } .flag-list-title h2, .flag-list-title h3, .flag-list-title h4 { color: white; font-size: 1em; /*reduces the size of the text to fit into the shape*/ font-weight: bold; padding: 10px 5px; border-bottom: 1px solid white; flex-wrap: wrap; } .flag-list-title:after { content: ""; position: absolute; left: 0; bottom: 0; top: 0; right: 0; border-bottom: 1.25em solid white; /*The height of the white space*/ border-left: 7em solid transparent; /*To make the point in the centre*/ border-right: 7em solid transparent; } .flag-list-icon { color: white; font-size: 0.75em; padding-bottom: 5px; } .flag-list-icon i { margin-right: 5px; padding-left: 10px; } .flag-list-text { padding-left: 10px; min-height: 100%; } /*blue offer list*/ .offer-list #offer-one, .offer-list #offer-two, .offer-list #offer-three { color: white; border-radius: 12px; padding: 15px; font-weight: 600; } /*Horizontal instead of vertical*/ .offer-list-horizontal { display: flex; } .offer-list-horizontal .offer-icon { width: 200px; } @media screen and (max-width: 680px) { .offer-list-horizontal { display: block; } .offer-list-horizontal .offer-icon { width: 75px; } } /*changes the background to the different paras*/ .offer-list #offer-one { background-color: #1C73A6; } .offer-list #offer-two { background-color: #2B4478; } .offer-list #offer-three { background-color: #15547E; } /*changes the ticks to the different backgrounds*/ span#tick-two { background-color: #2B4478; border-color: #2B4478; border: solid 5px white; } span#tick-three { background-color: #15547E; border-color: #15547E; border: solid 5px white; } .offer-tick, .offer-icon /*added icon for consultancy pages*/ { float: left; background-color: #1C73A6; } .offer-tick { border-radius: 50%; width: 50px; border: solid 5px white; margin: 10px; } .offer-tick:before { content: "✓"; font-size: 2rem; font-weight: bold; color: white; margin-top: 10px; margin-left: 10px; } /*FLAG LIST SIZING ONLY*/ @media screen and (min-width: 840px) and (max-width: 1025px) { .flag-list-title:after { border-left: 6em solid transparent; border-right: 6em solid transparent; } } @media screen and (min-width: 724px) and (max-width: 840px) { .flag-list-title:after { border-left: 6.5em solid transparent; border-right: 6.5em solid transparent; } } @media screen and (min-width: 676px) and (max-width:724px) { .flag-list-title:after { border-left: 7em solid transparent; border-right: 7em solid transparent; } .flag-list-title { min-width: 50%; } } @media screen and (max-width:676px) { .flag-list-title { padding-bottom: 5px; min-width: 100%; } .flag-list-title:after { display: none; } .flag-list { display: block; } } /* NEW STYLES FOR SUMMARY REPORT*/ .card { width: 100%; margin: 5px; height: 100% } .card-header { /*go to colors css to change card header colour*/ height: 100%; text-align: center; padding: 5px 0; border-top-left-radius: 12px; border-top-right-radius: 12px; } .card-header h2, .card-header h3, .card-header h4, .card-header i, .card-header a, .card-header a:hover { color: white !important; } .card-body { /*Use existing bdr styles to colour the border*/ padding: 5px 10px; border: 2px solid; } h3.image-overlay { top: -40px; position: relative; color: white; background-color: rgba(0,0,0,0.8); margin-bottom: -30px; height: 30px; } /**/ /*Picture grid*/ .SCIE-grid { display: inline-grid; align-content: center; width: 100%; } .grid-box { border: 2px solid; margin: 5px; border-radius: 10px; padding: 5px 7px; word-wrap: break-word; } .grid-box img { border-radius: 10px; } .grid-columnspan-2 { grid-column: span 2; } .grid-columnspan-3 { grid-column: span 3; } .grid-columnspan-4 { grid-column: span 4; } .grid-rowspan-2 { grid-row: span 2; } .grid-rowspan-3 { grid-row: span 3; } .grid-rowspan-4 { grid-row: span 4; } @media screen and (max-width: 800px) { .grid-box-large { grid-column: span 2; } /*For using the card header in columns to look like tabs*/ .flex-3col .card-header h2, .flex-3col .card-header h3, .flex-3col .card-header h4 { font-size: 1em; } .flex-3col .card-header h2 i, .flex-3col .card-header h3 i, .flex-3col .card-header h4 i { display: block; } } /***********************/ /* TRANSFORMING CARE CONSULTANCY PAGES */ .flex-2col img.rounded { margin-right: 5px; } .flex-2col div.bdr { padding: 15px; margin-top: 25px; } span.offer-icon { display: flex; justify-content: center; align-items: center; color: white; font-size: 2em; border-top-left-radius: 15px; border-bottom-left-radius: 15px; height: 75px; width: 75px; margin-right: 10px; margin-left: 25px; } p.offer-description { display: flex; align-items: center; justify-content: flex-start; min-height: 75px; } .offer-list-horizontal span.offer-icon { margin-left: 5px; } @media only screen and (max-width:850px) { .contentpage .sectionNav, .hubpageright .sectionNav, .sectionNav { float: left; width: 25%; } .contentpage div.content[role=main], .hubpageright div.content[role=main], div.content[role=main].guideFrmContainer { width: 73%; margin: 0 0 0 2%; } div.aside, div.guideWideaside { width: 73%; clear: right; float: right; } .contentpage #aside, .contentpage #main { width: 100%; float: none; } .contentpage #aside { margin-left: 0; clear: both; } .LearningTogether .LTAsideMain, .LearningTogether .LTMain { width: 100%; } } @media only screen and (max-width:580px) { div.aside { float: none; width: 100%; clear: both; } .contentpage .sectionNav, .hubpageright .sectionNav, .sectionNav { float: none; width: 100%; } .contentpage div.content[role=main], .hubpageright div.content[role=main] { width: 100%; margin: 15px 0 10px; } div.content[role=main].guideFrmContainer { width: 100% !important; float: none; display: block; position: relative; margin: 0 0 10px; } div.guideWideaside { width: 100%; float: none; display: block; position: relative; } } table { margin: 15px 0; } div.content table:not(.dataTable) { border-collapse: collapse; margin: 10px 0 1em; } div.content table:not(.dataTable) td { border: 1px solid #ddd; padding: 5px; /*width: 20%; Sam: removed because this is absurd, every table has to be 5 columns or overflows? */ margin: 0; } div.content table td ul { list-style: none; } div.content table td ul.bullet { list-style: disc; } div.content table td ul li { padding-bottom: .5em; } span.bullet::before, p.bullet::before { content: "•"; margin-right: 5px; } .left { float: left; } .right, .sciebar ul { float: right; } img.left { margin: 0 15px 15px 0; } img.right { margin: 0 0 15px 15px; } .clear { clear: both; } .inline { display: inline; } .inline-block { display: inline-block; } .block { display: block; } .float-none { float: none; } img { height: auto !important; border: 0; } img.left-icon { margin: 0 15px 0 0 !important; } hr { -webkit-margin-before: 1.2em; -webkit-margin-after: 1.2em; border: 1px solid #CCC; } .sub-hdr > i { padding-right: 15px; } .jade-fill { /*Makes the text/icon green instead of just the background*/ color: #198eaa !important; } .purple-fill { /*Makes the text/icon green instead of just the background*/ color: #943462 !important; } .dark-red-fill { /*Makes the text/icon green instead of just the background*/ color: #a31e1e !important; } .dark-blue { /*Makes the text/icon green instead of just the background*/ color: #005261 !important; } .green-fill { /*Makes the text/icon green instead of just the background*/ color: #638768 !important; } .orange-fill { /*Makes the text/icon green instead of just the background*/ color: #c96724 !important; } /* Flex classes */ .no-wrap { flex-wrap: nowrap; } .flex-row { flex-direction: row; } .flex-align-center { align-self: center; } /******/ .m-0 { margin: 0; } .mr-1 { margin-right: 1em; } .mb-1 { margin-bottom: 1em; } #cookies, legend { display: none; } .no-background { background: 0 0 !important; } .aside a[href*='http://']:not([href*=".pdf"]):not([href*=".doc"]):not(.notexternal):not(.social-link):not([href*=miisolutions]), .aside a[href*='https://']:not([href*=".pdf"]):not([href*=".doc"]):not(.notexternal):not(.social-link):not([href*=miisolutions]), .content a[href*='http://']:not([href*=".pdf"]):not([href*=".doc"]):not(.notexternal):not(.social-link):not([href*=miisolutions]), .content a[href*='/SCOpush.aspx?url=*'], .content a[href*='https://']:not([href*=".pdf"]):not([href*=".doc"]):not(.notexternal):not(.social-link):not([href*=miisolutions]) { background-image: url(../img/icons/external.png); background-position: 100% 25%; background-repeat: no-repeat; margin-right: 3px; padding-right: 20px; } a[href*=".zip"]:not(.remove-icon) { background-image: url(../img/icons/zip.gif); } a[href*=".doc"]:not(.remove-icon), a[href*=".docx"]:not(.remove-icon) { background-image: url(../img/icons/doc.gif); } a[href*=".pdf"]:not(.remove-icon) { background-image: url(../img/icons/pdf.gif); } a[href*=".ppt"]:not(.remove-icon), a[href*=".pptx"]:not(.remove-icon) { background-image: url(../img/icons/ppt.gif); } a[href*=".xls"]:not(.remove-icon) { background-image: url(../img/icons/xls.gif); } a[href*=".mp4"]:not(.remove-icon), a[href*=".wmv"]:not(.remove-icon), a[href*=".mov"]:not(.remove-icon), a[href*=".avi"]:not(.remove-icon) { background-image: url(../img/icons/video.gif); } a[href*=".doc"], a[href*=".zip"], a[href*=".docx"], a[href*=".ppt"], a[href*=".pptx"], a[href*=".xls"], a[href*=".mp4"], a[href*=".wmv"], a[href*=".mov"], a[href*=".avi"], a[href*=".pdf"] { background-position: 100% 50%; background-repeat: no-repeat; padding: 5px 20px 5px 0; } a.video-link { background-image: url(../img/icons/video.gif) !important; background-position: 100% 50% !important; background-repeat: no-repeat !important; background-color: #fff !important; } @media only print { a { background-image: none !important; } } a.pdfImg, div.aside li.article h2 > a { padding: 0; background-image: none; } h2 a { padding: 0; background-image: none; } fieldset { border: none; padding: 0; margin: 0; } button, input[type=reset], input[type=submit] { border: 0; cursor: pointer; } .full-width-form label, .full-width-form textarea { width: 100% !important; } .full-width-form label { margin-top: 0; } #chars-container { display: block; clear: left; } #chars { display: inline-block; } .sciebar { position: relative; background: #5584b5; padding: 5px 0; color: #fff; font-size: 13px; } .header { background: #5f93c9; padding-top: 20px; margin-bottom: 20px; } .sciebar ul { list-style: none; padding: 0; margin: 0 20px 0 0; } .sciebar ul li { display: inline-block; } .sciebar a { color: #fff; padding: 0 0 0 10px; border: none; } .sciebar a:hover { color: #fbe745; } .sciebar a.is-page::after { font-family: 'Font Awesome 5 Free'; content: ' '; color: #51a351; font-weight: 900; } .sciebar a.not-page::after { font-family: 'Font Awesome 5 Free'; content: ' '; color: #bd362f; font-weight: 900; } #logoWrapper { margin: 0; padding-bottom: 20px; } #logo { display: table; } #logoWrapper #logo h1, #logoWrapper #logo p { font-size: 17px; line-height: 20px; text-align: left; margin: 0 10px; color: #FFF; } #logoWrapper #logo a, #logoWrapper #logo img { display: table-cell; vertical-align: middle; text-align: left; } #logoWrapper #logo img { border: 0 !important; width: 79px; } #logoWrapper #logo a { color: #404040; } @media only screen and (max-width:550px) { #logoWrapper #logo img { border: 0 !important; width: 40px; } } nav a:after, nav a:link, nav a:visited { color: #fff; } nav ul li { float: left; list-style: none; } ul.menuNav li > a { font-size: 1.3em; display: block; padding: 6px 16px 8px; } ul.menuNav > li a:focus, ul.menuNav > li.active, ul.menuNav > li:active, ul.menuNav > li:focus, ul.menuNav > li:hover { background: #1E6194; } @media only screen and (max-width:800px) { ul.menuNav li > a { font-size: 1.2em; padding: 8px 10px 11px; } } .mob-nav { clear: both; display: none; } fieldset.search { clear: both; } ul.menuNav > li.search-box:hover { background: 0 0; } .search-box { float: right; margin-top: 4px; } .search-box button:hover { background: #5F93C9; } .container-s { display: table; font-size: 14px; } .container-s div.row { display: table-row; } .container-s div.cell { display: table-cell; } .container-s div.cell:last-child { width: 1px; } .button-s, input[type=search] { width: 100%; height: 30px; font-family: inherit; font-size: inherit; -webkit-appearance: none; border-radius: 0; } input[type=search] { margin: 0; padding: 0 10px; background-color: #f8f8f8; border: 0; } .button-s { width: auto; margin: 0; padding: 0 20px; color: #fff; background-color: #00539F; white-space: nowrap; border: 0; cursor: pointer; } .button-r { float: right; margin-left: 15px; padding-top: 5px; font-size: 14px; } .button-r:hover { text-decoration: none; background-color: black; } a.meanmenu-reveal { display: none; } .mean-container .mean-bar { float: left; width: 100%; position: relative; background: #1E6194; padding: 4px 0 0; min-height: 42px; z-index: 9999; } .mean-container .meanmenu-reveal { width: 100%; display: inline-block !important; } .mean-container .trigger-wrapper { width: 22px; height: 22px; padding: 10px; float: left; cursor: pointer; color: #fff; font-size: 16px; line-height: 22px; display: block; font-weight: 600; } .mean-container .trigger-wrapper > span { display: block; background: #fff; height: 3px; margin-top: 3px; } .mean-container .menu_title { float: left; color: #FFF; font-size: 16px; font-weight: 600; padding-top: 8px; } .mean-container .mean-nav { width: 100%; background: #1E6194; } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; float: left; width: 100%; } .mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255,255,255,.5); text-decoration: none; text-transform: uppercase; font-size: 16px; } .mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .core { font-weight: 700; } .mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255,255,255,.1); } .mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 20px; height: 20px; padding: 14px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,.1); border: none !important; border-left: 1px solid rgba(255,255,255,.4) !important; border-bottom: 1px solid rgba(255,255,255,.2) !important; } .mean-container .mean-push, .mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } .mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,.4); } .mean-container .mean-push { float: left; clear: both; } .mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .mean-remove { display: none !important; } /* @media only screen and (max-width:1100px) { .container-s { width: 100%; } .search-box { float: left; width: 100%; margin: 10px 0 15px; } fieldset.search span { padding: 2%; width: 95%; } } */ @media only screen and (min-width:550px) { .button-r-mobile { display: none; } } @media only screen and (max-width:550px) { .container-s { width: 100%; } .mob-nav { display: block; } .cell input[type=search], .mob-nav .button-s { margin-bottom: 0; } .button-r { display: none; } .button-r-mobile { display: block; } } .retweet { font-size: 12px; color: #999; margin-bottom: 20px; } .container ul { list-style: none; margin: 0; padding: 0; } .example2 { position: relative; } #tw-widget .user { padding: 20px 20px 16px; position: relative; } #tw-widget .user a span { display: block; text-align: left; font-weight: 700; } #tw-widget .user a img[data-scribe="element:avatar"] { display: none; } #tw-widget .user a span[data-scribe="element:name"] { font-size: 20px; } #tw-widget .user a span[data-scribe="element:screen_name"] { font-size: 14px; color: #000; } #tw-widget .tweet { margin: 0; padding: 10px; font-size: 14px; font-weight: 400; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } #tw-widget.tweet a { font-weight: 700; } #tw-widget .tweet a[data-scribe="element:url"] { font-weight: 400; } #tw-widget .tweet a:hover[data-scribe="element:url"] { font-weight: 400; color: #000; } #tw-widget .tweet a[data-scribe="element:hashtag"], #tw-widget .tweet a[data-scribe="element:mention"] { font-weight: 400; } #tw-widget .tweet a:hover[data-scribe="element:hashtag"] { font-weight: 400; color: #000; } #tw-widget .tweet img[aria-label^=Emoji] { max-height: 14px; } #tw-widget .timePosted { margin: 0; padding-left: 10px; font-weight: 400; font-size: 12px; text-align: left; } .aligncenter, .feature, .products { text-align: center; } @media (min-width:48em) { #tw-widget li { width: 33%; float: left; padding-bottom: 20px; } } .feature { background: #fff; position: relative; cursor: pointer; float: left; margin: 0 0 30px; padding: 0 6px; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .feature:hover { background: #385568; box-shadow: 0 10px 0 #FFD964; } .feature img { margin: 0 auto; position: relative; top: 0; transition: transform .3s ease-in-out; } .feature:hover img { transform: translate3d(0,7px,0); } .feature h2 { margin: 13px 0 8px; color: #333; font-size: 24px; line-height: 26px; } .feature h2 { font-size: 20px; line-height: 22px; font-weight: 400; } .feature:hover h2 { color: #fbe745; } .feature .subline { color: #333; } .feature:hover .subline { color: #fff; } .feature p { font-size: 16px; margin: 5px 5px 1em; } @media only screen and (max-width:890px) { .feature p { font-size: 14px; padding: 0 8px; } } @media only screen and (max-width:800px) { .feature h2 { font-size: 18px; padding: 0 8px; } .feature h2 { font-size: 16px; line-height: 18px; } } .products { margin: 0; padding: 10px 0; position: relative; cursor: pointer; float: left; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; } .products:hover { background: rgba(25,60,83,1); } .products img { margin: 0 auto; position: relative; top: 0; transition: transform .3s ease-in-out; } .products:hover img { transform: translate3d(0,3px,0); } .products h3 { color: #FFD964; font-size: 18px; margin: 10px 0; } .products:hover h3 { color: #fbe745; } .products .subline, .products:hover .subline { color: #fff; } .products blockquote { background: 0 0; border-left: 0; margin: 0; padding: 0; } .products blockquote p { font-weight: 600; } .products blockquote p:after, .products blockquote p:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .1em; vertical-align: -.4em; font-family: Arial,Helvetica,sans-serif; } .products blockquote p:after { content: close-quote; margin-left: 0; vertical-align: -.6em; } .products p { font-size: 14px; margin-top: 5px; margin-bottom: 0; } @media only screen and (max-width:800px) { .products { margin: 0; } .products p { margin: 5px 10px 0; } } [class^=hvr-] { margin: 1.5em 0 0; padding: 1em; cursor: pointer; background: #FFE546; color: #666; -webkit-tap-highlight-color: transparent; } #hidden_content { display: none; } .videoWrapper { position: relative; padding: 1% 1% 57.25%; border: 1px solid #ccc; height: 0; width: 100%; margin: 0 auto 25px; } .videoWrapper iframe { position: absolute; width: 98%; height: 96.5%; } .intro-box .videoWrapper { position: relative; padding: 0 0 56.25%; height: 0; width: 100%; border: 0; } .intro-box .videoWrapper iframe { position: absolute; width: 100%; height: 100%; } .intro-box { background: #ecebeb; float: left; width: 48.5%; margin: 0 1% 0 0; border: 1pt solid #CCC; } .intro-box { background: #fff; width: 99%; margin: 0 0 30px; padding: 20px; } .intro-box a, .intro-box > p, .intro-box ul li { font-size: 14px !important; font-weight: 400; } .intro-box-title { font-size: 22px; color: #09f; } .intro-box > p { font-size: 16px; } .intro-box .videoWrapper, .intro-box blockquote { margin: 15px 0; } @media only screen and (max-width:790px) { .intro-box { float: left; width: 100%; margin-top: 20px; } .intro-box { margin-bottom: 20px; } } #org_table { border: 0; width: 100%; } #org_table td label { display: inline-flex; float: none; margin: 0; font-size: 15px; cursor: pointer; max-width: 85%; } #org_table td input { float: none; } .orgList td { position: relative; } .orgList td input[type=radio] { margin: 15px 10px; cursor: pointer; } /* .orgList td label { clear: right; margin-top: 11px; font-size: 15px; cursor: pointer; } .orgList td input { cursor: pointer; } */ .orgList td .info-opener { font-size: 22px; position: absolute; top: calc(50% - 11px); right: 5px; cursor: pointer; } .orgList .org-info { clear: both; width: 100%; padding-top: 5px; padding-left: 28px; font-size: 15px; } .error ul { padding-left: 3em; list-style: disc; } #a-z ul, .footer .col ul, .paragraph ul, div.aside ul, ul.accordion, ul.content, ul.content ul, ul.guideContents { list-style: none; } .error ul li { padding: 0 0 .2em; } .content fieldset { padding: 10px; margin: 0 0 10px; border: 1px solid #ccc; } .content fieldset legend { display: block; font-weight: 700; font-size: 21px; } .content fieldset p { margin: 0; } .content fieldset span { clear: both; } .content form label { display: block; float: left; /*clear: left;*/ margin-top: 18px; min-width: 30%; max-width: 70%; } .content .fullwidth-label { max-width: 100%; } .divCell { float: left; min-width: 25%; max-width: 70%; min-height: 10px; margin: 2px 5px 0 0; } .checkboxlabel { clear: none; font-weight: 400; padding: 1px 0 0; text-align: left; width: 90%; } span[id*=rgx], span[id*=rqd] { line-height: 1.5; display: inline-block; } .content label.checkboxlabel { width: 90%; clear: none; padding: 1px 0 0; text-align: left; font-weight: 400; margin: 6px 0; } .content form input[type=password], .content form input[type=text], .content form input[type=email], .content form input[type=tel], .content form select { display: block; float: left; padding: 6px; font-family: inherit; margin-top: 15px; width: 258px; max-width: 89%; font-size: 1em; border: 1px solid #a8a8a8; } .content p input[type=password], .content p input[type=text] { font-size: 1em; } .content form input[type=button], .content form input[type=submit] { margin: 5px 0; } .field-validation-error { display: block; clear: left; color: #D70101; } .errormsg, .field-validation-error span { display: block; padding: 7px 0; /*float: left;*/ color: #D70101 !important; /*max-width: 90%;*/ } .error { color: Red; } .formWarning { background-color: #f6dbaa; border: 1px solid #c3b4b4; padding: 3px; margin-top: 5px; color: #000 !important; font-size: 0.9em; } .squareBoxes section { border: 1px solid #ccc; margin: 0 0 20px 0; padding: 10px; } .squareBoxes .intro .intro-right { border: none; } #interestsForm section, .personalProfile section { border: 1px solid #c3b4b4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0 0 20px 0; padding: 10px; } .addressDetails > div, .myDetails > div, .tableDiv > div, .learningDetails > div { line-height: 1.5em; } .addressDetails > div > div, .myDetails > div > div, .tableDiv > div > div, .learningDetails > div > div { display: inline-block; max-width: 66%; vertical-align: top; } .tableDiv > div > div { border-top: 1px solid #09f; padding: 10px; } .learningDetails > div div:first-child { min-width: 25%; font-weight: 600; } .addressDetails > div div:first-child, .myDetails > div div:first-child { min-width: 33%; font-weight: 600; } .addressDetails > div div:nth-child(2) { min-width: 48%; } .mailingDetails label.checkboxlabel { max-width: 90%; } .mailingDetails div { clear: left; } .mailingDetails .interestsTab div, .myDetails .regionsTab div { display: inline-block; } .mailingDetails .interestsTab > div:first-child, .myDetails .regionsTab > div:first-child { width: 32%; vertical-align: top; font-weight: 600; } .mailingDetails .interestsTab > div:nth-child(2), .myDetails .regionsTab > div:nth-child(2) { width: 61%; } .mailingDetails .interestsTab > div:nth-child(2) li, .myDetails .regionsTab > div:nth-child(2) li { list-style: none; } .myDetails .regionsTab > div:nth-child(2) li, .myDetails .regionsTab span { left: -4px; position: relative; } .tableDiv > div div:first-child { width: 25%; font-weight: 600; border-right: 1px solid #09f; padding: 5px; } .lblReminder { display: inline-block; float: left; padding: 10px 0 10px 30%; clear: both; } .content textarea { float: left; width: 258px; height: 100px; max-width: 89%; padding: 1%; font-family: inherit; font-size: inherit; margin: 5px 0; border: 1px solid #ccc; } .content input[type=checkbox], .content input[type=radio] { float: left; clear: left; margin-right: 10px; margin-top: 13px; } .add-new-link { cursor: pointer; display: none; } .domval-invalid { color: red; display: none; } .elearningRecord > p { clear: both; } .elearningRecord input[type=text] { float: none; display: inline-block; margin: 0; } .elearningRecord #elearnReview { width: 100%; max-width: 100%; } .apt-youtube { width: 50%; margin-left: 20px; margin-bottom: 20px; } .apt-youtube .fa { margin-right: 5px; } .twocol-youtube { float: left; width: 47%; margin-right: 6px; } @media only screen and (max-width:500px) { .twocol-youtube { width: 97%; } .apt-youtube { width: 100%; } .divCell, .divRow, .liRow { width: 100%; min-width: 100%; } .divCell, .divRow .right { float: none; } .divCell { clear: both; } .divRow input[type=password], .divRow input[type=text], .divRow select, .liRow select, fieldset p input[type=password], fieldset p input[type=text], fieldset p select { width: 100%; min-width: 100%; margin-top: 0; } .content orgLookup div { clear: both; margin: 0; } } .sectionWrapper { display: block; height: auto; margin-bottom: 15px; } .sectionWrapper .sectionHeader { display: block; background-color: #579141; margin: 0 !important; color: #fefefe !important; padding: 5px 10px; } .sectionWrapper .sectionItem { clear: both; overflow: hidden; padding: 6px 15px; background-color: #f2f2f7; display: block; } .sectionWrapper .sectionItem .sectionImg { max-width: 100px; height: auto !important; float: left; margin-right: 15px; } .sectionItem:nth-child(odd) { background-color: #c6d4bb; } .guideSection .sectionItem a { padding-left: 20px; display: block; background: url(../img/icons/topNavOver.png) 0 4px no-repeat; background-size: 12px 12px; } .guideSection .sectionItem p, .moreSection .sectionItem p { margin: 0 !important; } .guideSection .sectionItem p > a[href*=".pdf"] { padding: 0 0 0 20px; } .moreSection .sectionItem p { background: url(../img/icons/topNavOver.png) 100% no-repeat; } .moreSection .sectionItem a { display: block; } footer { position: relative; z-index: 9; } .footer { background: #5c5c5c; color: #fff; padding: 5px 0; margin-top: 20px; font-size: 14px; } .footer > p { padding: 5px 1%; } .footer .column .columnItem h3 { font-size: 20px !important; color: #FFF; border: none; } .footer a { color: #fff; } .footer a:hover { color: #fff !important; background-color: #222; } .footer .row { margin: 0 0 0 -1%; } .footer .row > .col { float: left; width: 24%; padding: 5px 0 10px; margin: 0 0 1% 1%; } .footer .col ul.social li { display: inline-block; } .ie7 .footer .col ul.social li { display: inline; margin-right: .2em; } .footer .col ul.social li a { background: 0 0; } .shareLinks { float: none; position: relative; height: 22px; width: 22px; } .footer .column .columnItem { margin-bottom: 0; } .footer .column .columnItem img { border: 0; padding: 0; } .footer .column .columnItem p { font-size: 13px; } #hb-gotop, .column .columnItem .itemContent blockquote > cite { font-size: 1.2em; } .footer .column p > img { width: auto; } .footer .column ul.social li { display: inline-block; width: 20px; } #hb-gotop, a#hb-gotop span { display: none; } .footer .social img { width: 20px; } #hb-gotop { background: #5595c5; text-align: left; padding: 10px 10px 10px 15px; bottom: 50px; right: 20px; cursor: pointer; color: #fff; font-weight: 600; position: fixed; } #hb-gotop:hover { background: #1E6194; } .column { margin-top: 15px; } .column .columnItem { float: left; margin-bottom: 20px; position: relative; } .columnItem .itemContent { padding: 0; } .columnItem p.title a { background: 0 0 !important; } .column .columnItem .itemContent img { width: 100%; max-width: 100px; } .column.imgBord img { border: 1px solid #ccc; width: 100%; } .column .columnItem .itemContent blockquote, .column .columnItem .itemContent p { margin-bottom: 20px; } .column .columnItem .itemContent p a.nButton { display: inline-block; } .column .columnItem .itemContent blockquote > p { font-weight: 700; } .column .columnItem .title, .column .columnItem h2, .column .columnItem h3 { font-size: 20px; padding: 5px 0; display: block; border-bottom: 2px solid #DDD; margin-bottom: 10px; background: 0 0; font-weight: 400; } .twoColumn .columnItem { width: 49%; margin-left: 2%; } .twoColumn .columnItem.Narrow { width: 29%; } .twoColumn .columnItem.Wide { width: 69%; } .twoColumn .columnItem:nth-child(2n+1) { margin-left: 0; clear: both; } .threeColumn .columnItem { width: 32%; margin-left: 2%; } .threeColumn .columnItem:nth-child(3n+1) { margin-left: 0; clear: both; } .fourColumn .columnItem { width: 23.5%; margin-left: 2%; } .fourColumn .columnItem:nth-child(4n+1) { margin-left: 0; clear: both; } @media only screen and (max-width:740px) { .threeColumn .columnItem { width: 49%; margin-left: 2%; } .threeColumn .columnItem:nth-child(3n+1) { margin-left: 2%; clear: none; } .threeColumn .columnItem:nth-child(2n+1) { margin-left: 0; clear: both; } .fourColumn .columnItem { width: 49%; margin-left: 2%; } .fourColumn .columnItem:nth-child(4n+1) { margin-left: 2%; clear: none; } .fourColumn .columnItem:nth-child(2n+1) { margin-left: 0; clear: both; } } @media only screen and (max-width:380px) { .column .columnItem { width: 100%; margin-left: 0 !important; float: none; } ul.guideContents li { width: 100%; margin: 0 0 10px; float: none; } .contentpage ul.content > li.article, .home ul.content > li.article, ul.content > li.threecol { width: 100%; margin-left: 0; } .contentpage ul.content > li.article:nth-child(2n+1), .home ul.content > li.article:nth-child(2n+1), ul.content > li.threecol:nth-child(2n+1) { margin-left: 0; } } .col, .letters { float: left; } .col-3-section, .col-4-section { clear: both; padding: 0; margin: 0; } .col { display: block; margin: 2% 1% 0; overflow: visible; } .col:first-child { margin-left: 0; } .group:after, .group:before { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; } .span_1_of_4 { width: 23.23%; } .span_1_of_3 { width: 35%; } @media only screen and (max-width:790px) { .span_1_of_3 { width: 100%; } } @media only screen and (max-width:740px) { .col { margin: 1% 0; } .span_1_of_4 { width: 99%; } } @media only screen and (max-width:600px) { .col { margin: 1% 0; } } .drop-down { float: right; } @media only screen and (max-width:1000px) { .drop-down, .letters { float: left; width: 100%; } } .a-zWrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .a-zWrapper { background-color: rgba(214,211,212,.57); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91D6D3D4,endColorstr=#91D6D3D4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#91D6D3D4, endColorstr=#91D6D3D4); zoom: 1; padding: .5% 3% 3%; margin: 10px 0; float: left; } .ie9 .a-zWrapper { filter: none; } .a-zWrapper * { box-sizing: border-box; } .a-zWrapper .a-zSection { background-color: #FFF; border: 0 solid #393838; float: left; height: auto; margin: 2% 0; padding: 2%; width: 100%; } blockquote { background: #f9f9f9; border-top: 2px solid #1f80c0; border-bottom: 2px solid #1f80c0; border-left: none !important; margin: 1.5em 0; padding: 17px 17px 14px; position: relative; } blockquote.with-image { margin-bottom: calc(1.5em + 60px) !important; /* border-bottom: none;*/ } blockquote.with-image::before, blockquote.with-image::after { display: block; content: ''; /* background: #1f80c0; Having this and border-bottom none above meant you couldn't change the colour of the bottom border - had to be blue*/ height: 2px; width: calc(50% - 75px); position: absolute; bottom: 0; left: 0; } blockquote.with-image::after { left: auto; right: 0; } blockquote cite { margin: 0px 0px 15px 15px; display: block; font-style: normal; font-weight: 900; } blockquote p + cite { margin: 15px 15px 0px 15px; margin-bottom: 0px; padding-bottom: 0px; } blockquote p { margin-bottom: 15px; padding: 0 15px; text-indent: 1.5em; position: relative; } blockquote.with-image p { margin-bottom: 30px; } blockquote p:after, blockquote p:before { content: open-quote; font-size: 6em; line-height: .1em; margin-right: .1em; font-family: georgia; color: #aaa; position: absolute; top: 30px; left: -23px; } blockquote p:after { content: close-quote; margin-left: .1em; right: -25px; left: auto; bottom: -31px; top: auto; } .cta blockquote, .aside blockquote { border: none; } .cta blockquote p, .aside blockquote p { text-indent: 1em; } .cta blockquote p:after, .cta blockquote p:before, .aside blockquote p:after, .aside blockquote p:before { font-size: 3em; top: 22px; left: -10px; } .cta blockquote p:after, .aside blockquote p:after { right: -15px; bottom: -7px; top: auto; left: auto; } blockquote img { position: absolute; bottom: -60px; left: calc(50% - 60px); width: 120px; height: 120px !important; border-radius: 120px; } blockquote[class^="alt"] cite { font-weight: 600; } blockquote.alt-purple { border-color: #943462; } blockquote.alt-purple cite { color: #943462; } blockquote.alt-green { border-color: #638768; } blockquote.alt-green cite { color: #638768; } blockquote.with-image.half-width cite { text-align: center; margin: 0 0 70px; } @media screen and (max-width: 1024px) { blockquote.with-image cite { text-align: center; margin: 0 0 70px; } } .contentpage ul.content, .divRow, .home ul.content, .home ul.content > li.article.tertiary ul, .ie7 div.aside li.article, .sectionNav > div > ul > li, .sectionNav > ul > li, div.aside ul, ul.content, ul.content .article.secondary, ul.guideContents { overflow: hidden; } .nBreadcrumb { margin-bottom: 20px; } @media only screen and (min-width:583px) { .breadcrumb ul { padding: 0; margin: 0; list-style-type: none; } .breadcrumb ul li { display: inline; font-size: 12px; color: #000000; font-weight: 600; } .breadcrumb ul li a { margin-right: 3px; white-space: nowrap; color: #000000; font-weight: 600; } .breadcrumb ul li:after { content: "/"; padding-left: 2px; padding-right: 2px; } .breadcrumb ul li:last-child:after { display: none; } } @media only screen and (max-width:582px) { .breadcrumb, .nBreadcrumb ul { margin-left: 2.5%; list-style: none; } #breadcrumb-nav-trigger { margin-left: 2.5%; width: 95%; } .breadcrumb li, .nBreadcrumb ul li { width: 100%; padding: 5px; border-top: 1px solid #000; } .breadcrumb li:first-child { border-top: 0; margin-top: -3px; } .breadcrumb li a, .breadcrumb li { font-size: 13px; font-weight: 600; color: #000000; display: block; } .breadcrumb li a { margin-left: 10px; } .breadcrumb li:last-child { padding-left: 15px; } .breadcrumb li a::before, .nBreadcrumb ul li a::before { font-family: 'Font Awesome 5 Free'; position: absolute; right: 30px; font-weight: 900; } } .sectionNav ul, .sectionNav > div ul { margin-bottom: 15px; padding: 0; position: relative; background: #fff; width: 100%; list-style: none; border: 1px solid #ccc; } .sectionNav ul.nav, .sectionNav ul.nav ul, .sectionNav > div ul.nav { border: 0; margin-bottom: 0; } .sectionNav ul.secondNav { margin-top: 15px; } .sectionNav ul li { font-size: 18px; position: relative; } .aside ol li, .aside ul li, .content ol li, .content ul li, .sectionNav ul li > ul li a { font-size: 16px; } .sectionNav ul.nav li { margin-left: 10px; border-left: 2px solid #ccc; } .sectionNav ul.nav > li { margin-left: 0; } .sectionNav ul li a { font-weight: 400; display: block; } .sectionNav ul a:hover { text-decoration: underline; color: #000; } .sectionNav div > ul > li a, .sectionNav ul > li a { display: block; padding: 5px 0 5px 25px; clear: both; background: url(../img/new/icons/icon_breadcrumb.png) 7px 13px no-repeat; } .sectionNav div > ul.nav > li a, .sectionNav ul.nav > li a { background-image: none; padding-left: 15px; position: relative; z-index: 1; } .sectionNav div > ul.nav > li a::before, .sectionNav ul.nav > li a::before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "--"; position: absolute; left: 0; color: #ccc; letter-spacing: -3px; font-size: 16px; } .sectionNav div > ul > li > a.active, .sectionNav div > ul > li > a.selected, .sectionNav ul.subNav li a.active, .sectionNav ul.subSubNav li a.active, .sectionNav ul.subSubSubNav li a.active, .sectionNav ul > li > a.active, .sectionNav ul > li > a.selected { color: #000; border-left: 3px solid #1F80C0; border-bottom: 1px solid #ccc; } .sectionNav ul.nav li a { -webkit-transition: all .7s ease-out; transition: all .7s ease-out; } .sectionNav ul.nav li a.current-page { font-weight: 600; background-color: #dee8f1; color: #000; } .sectionNav ul.nav li a.inactive { display: none; } .sectionNav ul.nav li .Subnav a.active-section, .sectionNav ul.nav li .subNav a.active-section { background-color: #1F80C0; color: white; } .sectionNav ul.nav > li:first-child > a { background-color: #1E6194; color: #FFF; } .Subnav * { -webkit-transition: all .7s ease-out; transition: all .7s ease-out; } .sectionNav.fixed a.current-page + [class^="Sub"] *, .sectionNav.fixed a.current-page + [class^="sub"] * { background: #dee8f1; } .fixed .xsmall-nav li a { font-size: 0px; padding: 0; min-height: 15px; transition: all .4s ease-in-out !important; } .fixed .xsmall-nav li a:hover { font-size: 14px; background-color: #1f80c0 !important; color: #fff; text-decoration: none; padding: 5px 0 5px 15px; } .fixed .xsmall-nav li a::after { content: '>'; font-size: 11px; position: absolute; right: 5px; } .fixed .xsmall-nav li a.current-page, .xsmall-nav li a.active-section, .xsmall-nav li a.selected { display: block; height: auto; font-size: 16px !important; padding: 5px 0 5px 15px; } .fixed .xsmall-nav li a.current-page::after, .xsmall-nav li a.active-section::after, .xsmall-nav li a.selected::after { display: none; } .sectionNav .previous, .sectionNav .next { display: block !important; } .sectionNav.fixed .previous, .sectionNav.fixed .next { background-color: #dee8f1; } .fixed .xsmall-nav .previous, .fixed .xsmall-nav .next { display: none !important; } .divRow { clear: both; } li.liRow { list-style: none; display: inline-block; width: 49.5%; /*float: left;*/ } li.liRow label.checkboxlabel { max-width: 100%; margin: 4px 0; } li.liRow input[type=checkbox] { margin-top: 10px; } @media only screen and (max-width:1083px) { li.liRow { width: 100%; } } div.aside ul, ul.content { padding: 0; margin: 0; } div.aside ul li, ul.content li { padding: 5px 0; margin: 0 0 3%; } .content ul.content { margin-top: 30px; } div.aside ul li ul > li { padding: 5px 0; margin: 0; } div.aside > ul > li { margin-bottom: 10px; } div.aside li.article.image > h2 { margin: 0; } div.aside li.article.image > div.image { max-width: 220px; margin: auto; border: 1px solid #ccc; } .image.border { max-width: 220px; border: 1px solid #ccc; margin-bottom: 15px; } div.aside li.article > .key { padding: 0 5px; } div.aside li.article > .key > li > img { max-width: 16px; float: left; margin-right: 15px; } .wTopAside .aside { float: right; clear: right; } .wTopAside .aside.topAside { float: right; } ul.content > li.article { float: left; width: 23.33%; } .ie7 ul.content { margin-bottom: 10px; } ul.content > li.article { position: relative; padding: 0; margin-left: 1%; } div.aside ul > li.article, div.em, ul.accordion > li > h2, ul.accordion > li > h3, ul.accordion > li > h4, ul.accordion > li > h5, ul.guideContents li { position: relative; overflow: hidden; border: 1px solid #ccc; background: #fafafa; } div.aside ul > li.article.downloads, div.downloads, ul.content > li.article.downloads { background: rgba(101,101,200,.1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#196565C8,endColorstr=#196565C8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#196565C8, endColorstr=#196565C8); zoom: 1; } .tertiary a:hover, li.article > a:hover { background: 0 0; } .ie9 div.aside ul > li.article, .ie9 div.aside ul > li.article.downloads, .ie9 div.downloads, .ie9 div.em, .ie9 ul.accordion > li > h3, ul.accordion > li > h2, ul.accordion > li > h4, .ie9 ul.content > li.article, .ie9 ul.content > li.article.downloads, .ie9 ul.guideContents li { filter: none; } .aside li.article, ul.accordion > li div.em { border: 1px solid #ccc; } div.em p:last-child { margin-bottom: 0; } .contentpage ul.content > li.article, .home ul.content > li.article, ul.content > li.threecol { width: 32%; margin-left: 2%; } .contentpage ul.content > li.article:nth-child(3n+1), .home ul.content > li.article:nth-child(3n+1), ul.content > li.threecol:nth-child(3n+1) { clear: both; margin-left: 0; } .ie7 .home ul.content > li.article { width: 32%; } .home ul.content > li.article.tertiary ul li { float: left; width: 22%; text-align: center; clear: none; margin-left: 3%; } .home ul.content > li.article.tertiary ul { margin: 0; } .home ul.content > li.article.tertiary ul li img { max-width: 100%; width: auto; height: auto; } .aside li.article > a > img, .aside li.article > img:first-child { margin-top: -5px; margin-left: -5px; width: 105% !important; } ul.content li.article > a > img, ul.content li.article > img:first-child { border: 1px solid #ccc; width: 100%; } ul.content li > h2 { font-size: 20px; display: block; border-bottom: 2px solid #DDD; margin-bottom: 10px; background: 0 0; font-weight: 400; padding: 5px 0; } ul.content li p { font-size: 16px; margin-bottom: 20px; clear: both; } div.aside li h2 { font-size: 20px; } div.aside ul li div > .articlecontent, div.aside ul li div > h2, div.aside ul li > .articlecontent, div.aside ul li > h2, div.aside > ul > li > p, ul.content dl, ul.content li > ul { padding: 0 5px; } .articlecontent p:last-child, ul.content > li > p:last-child { padding: 0; margin: 0; } ul.content li > ul > li { clear: both; } ul.content > li.article.tertiary ul li { float: left; text-align: center; clear: none; margin-left: 3%; } thead th { background: #faf8f7; border: 1px solid #ddd9d6; font-weight: 700; } th.headercell { background-color: #DDD; font-weight: bolder; color: #000; } td, th { text-align: left; vertical-align: top; padding: 5px; } a.nButton span { vertical-align: middle; } tbody td, tbody th { border: 1px solid #eee; } .slim td.col1, .slim th.col1 { width: 1%; } .threeCol td, .threeCol th { width: 33%; } ul.content li > .articlecontent { padding-bottom: 2em; } div.aside ul .article img, ul.content .article img { width: 100%; height: auto; } div.aside li.article.icon img { display: none; } ul.content .article.secondary img { float: left; margin: 0 5px 5px 0; clear: left; width: 40%; } div.aside ul .button { float: right; } ul.content dl dd { margin: 0 0 .5em; } .content { float: left; } .columnItem a, .content a, .em a, div.aside a { font-weight: 600; } ul.content { float: none; margin: 0 0 20px; } .content h1 { font-size: 2.2em; margin-bottom: 15px; } h1 sup, h1 sub { font-size: .4em; color: #09f; } .content ol { padding-left: 3em; } ol.itemspacing li { margin-bottom: 10px; } ol.two-columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } ul.two-columns { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } ol.three-columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } ul.three-columns { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } ul.guideContents { clear: both; margin-left: -1px; } ul.guideContents li { float: left; width: 48%; margin: 0 0 10px 2%; padding-bottom: 0; } ul.guideContents li:nth-child(2n+1) { margin-left: 0; clear: both; } ul.guideContents li img { float: left; margin: 0 10px 0 0; display: block; } ul.guideContents li h3 { font-size: 1.2em; margin: 0; } div.em { margin: 10px 0; padding: 15px; border: 1px solid #ddd; } .em-header { /*White background for just the header*/ display: flex; align-items: center; justify-content: space-between; background-color: white; padding-top: 10px; padding-left: 5px; margin: 0 -15px 5px -15px; /* counteracts the em box*/ } img.em-logo { padding: 5px 5px 5px 0; min-width: 15%; max-width: 20%; } @media screen and (max-width: 676px) { .em-header { display: block; } img.em-logo { max-width: 40%; margin: 0 auto; display: block; } } div.em[id*=Login] { color: red !important; } div.em p img { float: left; margin: 0 10px 10px 0; } div.em > img { float: left; margin: 0 5px 5px 0; max-width: 150px; } div.em > img[src*=downloads], div.em > img[src*=icon], div.em > img[src*=pencil] { width: 6%; height: auto; } div.aside li.article { background: 0 0 !important; padding: 5px; } div.aside li.article h2, div.aside li.article h2 a { font-size: 22px; color: #09F; margin: 0; } div.aside li.article h2 > a { font-weight: 400; display: block; } div.aside li.article ul li { border-bottom: 1px solid #CCC; } div.aside li.article ul li:last-child { border-bottom: none; } div.aside li.article div.panel ul p { margin: 0; } .documentinfo { font-weight: 700; } @media only screen and (max-width:850px) { div.aside ul .article img, ul.content .article img { width: auto; height: auto; } } @media only screen and (max-width:650px) { .contentpage ul.content > li.article, .home ul.content > li.article, ul.content > li.threecol { width: 49%; } .contentpage ul.content > li.article:nth-child(3n+1), .home ul.content > li.article:nth-child(3n+1), ul.content > li.threecol:nth-child(3n+1) { clear: none; margin-left: 2%; } .contentpage ul.content > li.article:nth-child(2n+1), .home ul.content > li.article:nth-child(2n+1), ul.content > li.threecol:nth-child(2n+1) { clear: both; margin-left: 0; } } @media only screen and (max-width:380px) { .contentpage ul.content > li.article, .home ul.content > li.article, ul.content > li.threecol { width: 100%; margin-left: 0; } .contentpage ul.content > li.article:nth-child(2n+1), .home ul.content > li.article:nth-child(2n+1), ul.content > li.threecol:nth-child(2n+1) { margin-left: 0; } } .button, .button[href*=".doc"], .button[href*=".pdf"], input[type=submit].button { font-size: 16px; font-weight: 400 !important; color: #FFF; cursor: pointer; text-decoration: none; padding: 5px 25px 5px 10px !important; background: url(/assets/img/new/button-icon/arrow.png) 95% 50% no-repeat; background-color: #5F93C9; background-size: 8px; } .button.bg-green { background-color: #638768 } .button.more { background-position: 90% 55%; } .buttonBox { padding: 0.5em; } input[type=submit].button { background-position: 95% 60%; } input[type=submit].btnCancel { background-position: 90% 60%; } .button:hover, .button[href*=".doc"]:hover, .button[href*=".pdf"]:hover { color: #fff !important; background-color: #1E6194 !important; } .button > span { display: none; } input.button { border: 0 !important; } .btnCancel { background-color: #af0303 !important; } .btnCancel:hover { background-color: #750101 !important; } a.box-link { display: block; background: #fafafa; cursor: pointer; margin: 0 0 10px; padding: 5px 10px; font-size: 1.1em; border: 1px solid #ddd; position: relative } a.box-link:before { content: ''; display: block; position: absolute; right: 4px; top: 4px; background: url(../img/new/icons/icon_accordion_lores.png) no-repeat; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); width: 20px; height: 27px; } ul.accordion { padding: 0; margin: 0; } .em ul.bullet, ul.accordion ul { list-style: disc; } ul.accordion > li > h2, ul.accordion > li > h3, ul.accordion > li > h4, ul.accordion > li > h5 { cursor: pointer; margin: 0 0 10px; font-size: 1.1em; padding: 5px 20px 5px 35px; position: relative; border: 1px solid #ddd; color: #09F; } li.accContent h2:focus, li.accContent h3:focus, li.accContent h4:focus { border: 2px solid black !important; } ul.accordion + h3 { margin-top: 30px; } ul.accordion h2.active, ul.accordion > li > h2:active, ul.accordion > li > h2:hover, ul.accordion h3.active, ul.accordion > li > h3:active, ul.accordion > li > h3:hover, ul.accordion h4.active, ul.accordion > li > h4:active, ul.accordion > li > h4:hover { background-color: #cfe3be; } ul.accordion div > h4 { font-size: 1.1em; } ul.accordion h2 span, ul.accordion h3 span, ul.accordion h4 span, ul.accordion h5 span { position: absolute; left: 8px; top: 2px; width: 20px; height: 27px; background: url(../img/new/icons/icon_accordion_lores.png) no-repeat; text-indent: -5000px; } ul.accordion h3.rightArrow span { right: 8px; left: auto; } ul.accordion h3.rightArrow { padding: 5px 20px 5px 5px; letter-spacing: 1px; } ul.accordion:not(.color-chart) > li > h4 > strong { font-size: 0.9em; color: #690c0c; } ul.accordion div p span.heavier { font-weight: 600; } .color-chart { margin-bottom: 20px; } .color-chart > p { padding: 10px 10px 10px 35px; margin: 0; font-size: 1.1em; } .color-chart .accContent { margin-bottom: 15px; } .color-chart h2, .color-chart h3, .color-chart h4, .color-chart h5 { color: white !important; padding: 5px 20px 8px 35px !important; border: none !important; margin-bottom: 15px !important; } .color-chart li.accContent div h4 { padding: 5px 5px 5px 0px !important; font-weight: 700; } .color-chart h2 strong, .color-chart h3 strong, .color-chart h4 strong, .color-chart h5 strong { font-weight: 700; } ul.color-chart h2 span, ul.color-chart h3 span, ul.color-chart h4 span, ul.color-chart h5 span { background: url(../img/new/icons/icon_accordion_lores_white.png) no-repeat; } .color-chart > h4 { color: white; margin: 20px 0 0; padding: 5px 0 10px 15px; border-bottom: none !important; } .color-chart .accContent > h3 > small { font-size: 0.8em; color: white; margin: 0px; padding: 5px 0px; display: block; } .color-chart > div { border: 1px solid #ddd; border-top: none; padding: 10px 15px; margin-top: 0; } ul.accordion.color-chart div[class^="bdr"] { margin-top: -15px; } ul.accordion.color-chart div h2, ul.accordion.color-chart div h3, ul.accordion.color-chart div h4, ul.accordion.color-chart div h5 { color: rgb(48, 48, 48) !important; } /* pie and bar charts */ .chart-block { margin-bottom: 25px; padding: 10px; text-align: center; align-self: center; } .chart-block p { margin-top: 20px; padding: 5px; margin-bottom: 0; } @media only screen and (min-width:768px) and (max-width:1158px) { .chart-block canvas { width: 200px !important; height: 200px !important; } } ul.accordion h2.active span, ul.accordion h3.active span, ul.accordion h4.active span, ul.accordion h5.active span { background-position: -20px 0; top: 5px; } ul.accordion .accContent > div { margin: -11px auto 10px; border: 1px solid #DDD; border-top: none; padding: 10px; /*overflow: auto;*/ /*width: 97%;*/ } ul.accordion .btn-wrapper { text-align: center; margin: 15px 0; /* overriding styles from css class: ul.accordion div */ padding: 0; border: none; } ul.accordion .btn-wrapper .btn { display: block; padding: 15px 0; text-transform: uppercase; } ul.accordion .btn-wrapper .btn.start { background-color: #16a085; color: #ffffff; } .content ul.contents, ul.bullet { padding-left: 3em; list-style: disc; margin-bottom: 15px; } ul.bullet ul { margin: 5px 0 0; } ul.bullet li { padding: 0 0 .2em; } ul.accordion.remove-bullets, ol.remove-bullets, ul.remove-bullets { list-style: none; } ol.remove-bullets { margin-left: -48px; /* removed the indent */ } /* List styling */ ul.featureList { margin: 5px 0; padding-left: 2em; list-style-type: none; } div ul.featureList { list-style-type: none !important; } ul.featureList li { padding: 0 0 .2em; } ul.featureList li.tickboxoff:before { content: "\2610"; margin-right: 5px; } ul.featureList li:before { position: absolute; margin-left: -1.3em; font-weight: bold; } ul.featureList li.tick:before { content: "\2713"; color: darkgreen; } ul.featureList li.q-mark:before { content: "\003F"; } ul.featureList li.cross:before { content: "\2717"; color: crimson; } .featureList.devices { padding: 0; } .featureList.devices .feature-list-device-item { background-color: #eaeaea; display: block; width: 175px; padding: 0; margin: 5px 5px; } .featureList.devices .feature-list-device-item i.fa { background-color: #424242; color: #ffffff; width: 33px; height: 33px; vertical-align: middle; } .featureList.devices .feature-list-device-item i.fa:before { position: relative; top: 10px; } .featureList.devices .feature-list-device-item span { font-size: 14px; font-weight: 600; padding: 0 10px; } .light-green { background-color: rgba(211,224,178,.3); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66D3E0B2,endColorstr=#66D3E0B2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66D3E0B2, endColorstr=#66D3E0B2); } .turquoise { background-color: rgba(31,123,114,.2); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19CC7A02,endColorstr=#19CC7A02); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19CC7A02, endColorstr=#19CC7A02); } .programme { background-color: rgba(255,102,0,.2); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF6600,endColorstr=#33FF6600); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FF6600, endColorstr=#33FF6600); } @media only screen and (max-width:768px) { .flex-2col div, .flex-2col img { flex-basis: 100% !important; } .content form label { max-width: 85% !important; } } .process-map .popup-wrapper { position: fixed; z-index: 100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,.6); overflow-y: scroll; } .process-map .popup-window { position: relative; max-width: 890px; margin: 60px auto; padding: 50px; background: #FFF; border: 1px solid #999; text-align: left; color: #333; } #tabs ul li a, .one_tab > p { text-decoration: none; text-align: center; } .process-map .options { list-style: none; position: absolute; } .process-map .options li { width: 35px; height: 35px; line-height: 35px; float: left; font-size: 25px; margin-left: 10px; background-color: #F0A888; text-align: center; } #tabs, #tabs ul { float: left; width: 100%; } .process-map .options-top { top: 10px; right: 10px; } .process-map .options-bottom { bottom: 10px; right: 10px; } .process-map .options li a { display: block; } .process-map .options li i { color: #000; } .process-map .none { display: none; } .process-map area:focus { border: 2px solid #000; } #tabs { font-size: 90%; border: 2px solid #CCC; background: #9eb75f; margin-bottom: 10px; } #tabs ul { background: #fff; } #tabs li { list-style: none; width: 33.334%; background-color: #C6D4BB; } * html #tabs li { display: inline; } #tabs li, #tabs li a { float: left; } #tabs ul li { border-right: 1px solid #000; } #tabs ul li.active { background: #9eb75f; } #tabs ul li.active a { font-weight: 700; color: #fff; } #tabs div { background: #fff; clear: both; color: #444; float: left; height: auto; margin: 3%; min-height: 200px; padding: 5%; width: 94%; } #tab-3 .em, .one_tab .em, .videoTab .em { display: block !important; min-height: 0 !important; } #tabs #tab-3 { padding: 0; } #tabs div h3 { margin: 10px 0; } #tabs div p { line-height: 150%; } #tabs div p a:hover { text-decoration: underline; } #tabs ol { float: left; } #tabs ol li, #tabs ul li { font-size: 16px; } #tabs ol li { list-style: disc; width: 95%; margin-left: 5%; background: #fff !important; } .account ul, .pagesize .pagination ul, li.article li, ul.staff, ul.topic, ul.video { list-style: none; } #tabs ul li a { padding: 4px 0; color: #000; font-weight: 700; width: 100%; } #tabs ul li:last-child { border-right: 0; } #tab-3 h3, #tab-3 p { padding-left: 10px; margin-bottom: 10px; } #tab-3 a { color: #00539F !important; } #tab-3 .em { padding: 5px !important; } .two_tabs > ul li { width: 50% !important; padding: 0; } .videoTab .em { padding: 5px !important; } .one_tab > p { padding-top: 5px; font-weight: 700; width: 100%; color: #fff; } .one_tab .em { padding: 5px !important; } .transcript h3, .transcript p { padding-left: 10px; margin-bottom: 10px !important; } #tabs ol li ol { margin-top: 10px; margin-left: 10px; } #tabs .videoTab { padding: 0; } .iwtvidWrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 0 0 1em; display: block !important; } .iwtvidWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #tabs div.em { background: rgba(101,101,200,.1); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#196565C8,endColorstr=#196565C8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#196565C8, endColorstr=#196565C8); zoom: 1; } .ie9 #tabs div.em, .ie9 .endorsement { filter: none; } .thumbs { float: left; border: 1px solid #000; margin-bottom: 20px; margin-right: 20px; } .section { background-color: #FFF; border: 1px solid #ccc; float: left; height: auto; margin: 2% 0; padding: 2%; width: 100%; } .section ul { margin-left: 1em; } .content h2 { padding: 0; } narmal { font-size: 10px; } ul.staff li { clear: both; } ul.staff li h4 { clear: both; margin-bottom: 10px; font-weight: 700; } .author { overflow: hidden; } .author img, ul.staff li img { float: right; clear: right; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 5px; } .in-section-wrapper { margin-bottom: 15px; } .in-section { clear: both; padding: 10px 0; border-bottom: 1px solid #ccc; overflow: hidden; } .in-section.top { border-top: 1px solid #ccc; } .in-section img { margin: 8px 10px 10px 0; float: left; width: 30%; } .in-section h3 { margin-bottom: 8px; } .in-section p { overflow: hidden; margin-bottom: 10px; } .features-list { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; background: #eaf5e6; border-bottom: 4px solid #6c8610; padding: 0 0 15px; margin-bottom: 20px; } .features-list .org { flex-basis: 100%; background-color: #6c8610; background-image: none !important; padding: 5px 10px 5px 2.2%; margin: 0 0 5px !important; color: white !important; font-size: 20px; font-weight: 600; } .features-list .org a { color: white !important; background: transparent !important; padding: 0 !important; margin: 0 !important; } .features-list .org em { font-weight: 400; font-size: 16px; } .features-list h5 { color: #50640a; font-weight: 600; flex-basis: 100%; margin-top: 5px; padding-left: 2%; } .features-list > img { width: 31%; } .features-list > div { width: 60%; } .features-list > p { width: 96%; } .features-list .full-width { width: 96%; } .features-list > div a { background: #6c8610; color: white; display: inline-block; width: auto; padding: 5px 10px; margin-bottom: 15px; } .features-list > div a:hover { color: white; background: #1E6194; } .features-list > div a.inline-link { display: inline; background: none; padding: 0; margin: 0; color: #6c8610; } .features-list blockquote { border-left: 10px solid #6c8610; margin: 1.5em 2%; } .features-list.light { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: flex-start; background: #eaf5e6; border-bottom: 4px solid #6c8610; padding: 0 0 15px; margin-bottom: 20px; } @media only screen and (max-width:400px) { .in-section h3 { clear: both; } } .intro { overflow: hidden; width: 100%; } .intro .intro-left { width: 48%; float: left; } .intro .intro-right { width: 48%; float: right; padding: 5px; border: 1px solid #ccc; } .intro .intro-right i { margin-left: 2px; margin-right: 5px; } .intro .intro-right.none-video { padding: 0; border: none; } .intro .intro-right.none-video blockquote { margin: 0; } .intro .intro-right .featureList { padding: 0px; border: none; margin: 0px; width: 98%; } .intro .intro-right .featureList li { width: 98%; } .intro .intro-right.vimeo { padding: 0; border: none; margin-top: 2px; margin-bottom: 10px; } .vimeo-border { padding: 5px; border: 1px solid #ccc; align-self: flex-start; } .video-box-right { float: right; padding: 5px !important; border: 1px solid #ccc; margin-left: 10px; margin-top: 10px; } .intro .col-25 { width: 25%; box-sizing: border-box; } .intro .col-75-no-border { width: 75%; box-sizing: border-box; border: none; padding: 0px; } .dementia-gateway-column .columnItem img { border: 1px solid #CCC; width: 100%; } .account { border: 1px solid #CCC; padding: 10px; float: right; margin: 0 0 15px 15px; width: 35%; } .LTMain { width: 73%; margin-right: 2%; float: left; margin-top: 5px; } .LearningTogether .subNav { border-top: 1px solid #ccc; } #ltFeatureWrapper { width: 100%; overflow: hidden; margin-bottom: 15px; } #ltFeatureWrapper .filmInfo { width: 33%; float: left; border: 1px solid #ccc; background-color: #F2F2F7; } #ltFeatureWrapper .filmInfo h3 { padding: 5%; background-color: #cabee3; display: block; } #ltFeatureWrapper .filmInfo .filmInfoContent { padding: 5%; } #ltFeatureWrapper .film { width: 65%; margin-left: 2%; float: right; overflow: hidden; } #ltFeatureWrapper .film .iwtvidWrapper { margin: 0 !important; } #ltFeatureWrapper .image { width: 100%; height: 200px !important; } .no-js .LearningTogether .sectionNav > ul > li > ul { display: none; } .no-js .LearningTogether .sectionNav > ul > li.selected > ul, .no-js .LearningTogether .sectionNav > ul > li:hover > ul { display: block; } .LearningTogether .sectionNav > ul.nav > li:first-child > a { background: #8975B5; } .LearningTogether .sectionNav ul.subNav li a.active, .LearningTogether .sectionNav ul.subSubNav li a.active, .LearningTogether .sectionNav ul.subSubSubNav li a.active, .LearningTogether .sectionNav > div > ul > li > a.active, .LearningTogether .sectionNav > div > ul > li > a.selected, .LearningTogether .sectionNav > ul > li > a.active, .LearningTogether .sectionNav > ul > li > a.selected { border-left: 3px solid #7a1fc0; } .LearningTogether .sectionNav .ltNavHover > a { border-bottom: 1px solid #ccc; } .LearningTogether .sectionNav > ul li a.current-page { background-color: #e6def1; } .LearningTogether .mobile-trigger { background-color: #8975B5; } .LearningTogether .mobile-trigger.active { background-color: #7559B4; } .LT.moreSection { margin: 15px 0; } .LT.moreSection .sectionItem:nth-child(odd) { background-color: #D9BEE3; } div.LTAside ul li { padding: 0; } .LTAside blockquote { margin: 0; } .LTAside .article { padding: 10px !important; } .LTAside .article > p { padding: 10px; margin: 0; } div.LTAsideMain { width: 25%; } .nButton { margin-bottom: 0; padding: 5px 5px 5px 10px; color: #FFF; } .nButton:hover { color: #FFF !important; text-decoration: none !important; } a.nButton span { display: inline-block; width: 10px; height: 10px; margin-top: -1px; color: transparent; margin-left: 5px; } .nButton a, input[type=submit].email { display: block; text-align: left; font-size: 1.1em; } .nButton a { padding: 5px 5px 5px 35px; color: #FFF; } .nButton a:hover { color: #FFF !important; text-decoration: none !important; } .nButton a.twitter { background: url(/assets/img/new/button-icon/twitter.png) center center no-repeat; background-size: 25px; } .nButton a.google { background: url(/assets/img/new/button-icon/google.png) center center no-repeat; background-size: 25px; } .nButton a.facebook { background: url(/assets/img/new/button-icon/facebook.png) center center no-repeat; background-size: 25px; } .nButton a.linkedin { background: url(/assets/img/new/button-icon/linkedin.png) center center no-repeat; background-size: 25px; } .nButton a.follow { background: url(/assets/img/new/button-icon/follow.png) no-repeat; background-size: 25px; } .nButton a.following { background: url(/assets/img/new/button-icon/following.png) 0 center no-repeat; background-size: 25px; } .nButton a.email { background-size: 25px; } .nButton a.email, input[type=submit].email { background: url(/assets/img/new/button-icon/email.png) 0 center no-repeat; } input[type=submit].email { background-size: 25px; padding: 5px 5px 5px 35px; color: #FFF; box-sizing: border-box; font-weight: 700; text-decoration: none; } a.green[href*="http://"], a.lightPurple[href*="http://"], a.orange[href*="http://"], a.purple[href*="http://"], a.red[href*="http://"], a.scieBlue[href*="http://"] { margin-bottom: 0 !important; padding: 5px 5px 5px 10px !important; } .nButton a.quote { background: url(/assets/img/new/button-icon/quote.png) 0 center no-repeat; background-size: 25px; } .nButton a.feedback { background: url(/assets/img/new/button-icon/feedback.png) 0 center no-repeat; background-size: 25px; } .nButton span { background: url(/assets/img/new/button-icon/arrow.png) 95% center no-repeat; background-size: 8px; } a.nButton span.follow { background: url(/assets/img/new/button-icon/follow.png) 95% center no-repeat; background-size: 100% 100%; } a.nButton span.following { background: url(/assets/img/new/button-icon/following.png) 95% center no-repeat; background-size: 100% 100%; } a.nButton span.quote { background: url(/assets/img/new/button-icon/quote.png) 95% center no-repeat; background-size: 100% 100%; } a.nButton span.feedback { background: url(/assets/img/new/button-icon/feedback.png) 95% center no-repeat; background-size: 100% 100%; } a.nButton span.email { background: url(/assets/img/new/button-icon/email.png) 95% center no-repeat; background-size: 100% 100%; } .Subnav .hidden { display: none; } .purple { background-color: #8555c5; } a.purple[href*="http://"] { background: #8555c5 !important; } /*.purple:hover { background-color: #6638a2; }*/ .lightPurple { background-color: #8975b5; } a.lightPurple[href*="http://"] { background: #8975b5 !important; } .lightPurple:hover { background-color: #7559b4; } .orange { background-color: #d95b07; } a.orange[href*="http://"] { background: #d95b07 !important; } /*.orange:hover { background-color: #cd4d05; }*/ .green { background-color: #008A17; } a.green[href*="http://"] { background: #008A17 !important; } /*.green:hover { background-color: #429a13; }*/ .red { background-color: #af0303; } a.red[href*="http://"] { background: #af0303 !important; } .red:hover { background-color: #750101; } .scieBlue { background-color: #5595C5; } a.scieBlue[href*="http://"] { background: #5595C5 !important; } .scieBlue:hover { background-color: #3f84b9; } .endorsement { width: 35%; padding: 1%; clear: both; background: #b1a0c1; margin: 0 0 10px 20px; float: right; } .endorsement p { padding: 1%; margin: 0; color: #fff; font-size: 13px; font-weight: 700; } @media only screen and (max-width:380px) { .endorsement { width: 98%; padding: 1%; margin: 0 0 10px; float: none; } } .aToZ #main { width: 75%; float: left; } .aToZ .aside { width: 23%; margin-left: 2%; float: left; } .aToZ .a-zWrapper { width: 100%; margin-top: 0; } .searchResults #main { width: 56%; margin: 0 2%; } .searchResults .aside { width: 20%; margin: 0; } .SelectorWrapper { border: 1px solid #CCC; overflow: hidden; } .SelectorWrapper h3 { background: #EEE; border-bottom: 1px solid #CCC; padding: 5px; margin: 0; font-size: 15px; color: #444; font-weight: 700; } .aToZ .SelectorWrapper { border-width: 0; overflow: hidden; } .aToZ .about { background: #5595C5 none repeat scroll 0% 0%; margin: 0.2%; padding: 5px; color: #FFF; font-size: 18px; } .aToZ .a-to-z-alphabet { list-style: none; text-align: center; overflow: hidden; } .aToZ .a-to-z-alphabet > .letter { float: left; width: 7.292307692307692%; border: 1px solid #CCC; background: #DEE8F1; margin: .2%; } .aToZ .a-to-z-alphabet > .letter:first-child { width: 14.98461538461538%; } .aToZ .a-to-z-alphabet > .letter a { display: block; width: 100%; padding: 5px; color: #00539F; font-weight: 400; } .aToZ .a-to-z-alphabet > .letter a:focus, .aToZ .a-to-z-alphabet > .letter a:hover { background-color: #EBEDF6; color: #000000; text-decoration: none; } .aToZ .a-to-z-alphabet > .letter a.selected { background-color: #CFE3BE; } .aToZ .a-to-z-alphabet > .letter p { border: 1px solid transparent; } .aToZ .a-to-z-alphabet > .letter.disabled, .aToZ .a-to-z-alphabet > .letter.disabled:hover { padding: 5px; color: #9e9e9e; background-color: #e0e0e0; } @media only screen and (max-width:650px) { .aToZ .a-to-z-alphabet > .letter { width: 13.88571428571429%; } .aToZ .a-to-z-alphabet > .letter:first-child { width: 42.45714285714286%; } } .aToZ .sectionNav ul { overflow: hidden; margin-bottom: 0; border: 0; } .aToZ .sectionNav .subSectionNav > li { border: 1px solid #ccc; margin-bottom: 15px; } .aToZ .sectionNav .subSectionNav > .section-resources { border-bottom: 0; } .aToZ .sectionNav .subSectionNav .clearfix h3, .aToZ .sectionNav .subSectionNav li h3 { background: #5595C5; margin: 0; padding: 5px; color: #fff; font-size: 18px; } .aToZ .sectionNav .subSectionNav li ul { background: #DEE8F1; } .aToZ .sectionNav .subSectionNav li ul li { border-bottom: 1px solid #ccc; } .aToZ .sectionNav .subSectionNav li ul li:last-child { border-bottom: 0; } .aToZ .sectionNav .facet-fields-show-more, .aToZ .sectionNav .az_subject_thesaurus_terms_s { border-top: 1px solid #ccc; } .aToZ .sectionNav > ul > li a { background: 0 0; color: #00539F; } .aToZ .sectionNav .subSectionNav li ul li:hover { background-color: #ebedf6; } .aToZ .sectionNav .subSectionNav li ul li:hover a { color: #000; } .aToZ .sectionNav .subSectionNav li a.clearResult { padding: 5px 5px 5px 35px; margin: 5px; border: 1px solid #ccc; float: left; background-image: url(/assets/img/new/pl/icon_close.png); background-repeat: no-repeat; background-position: 5% 50%; background-size: 15px; font-size: 15px; } .aToZ .sectionNav .subSectionNav li a.clearResult:hover { background-color: #0E76A8; color: #FFF; } .aToZ .sectionNav .subSectionNav li ul li a { padding: 5px 13% 5px 2%; } span.count { background: #999; background: rgba(0,0,0,.5); color: #fff; padding: 2px 4px; margin: 0 2px 0 0; border-radius: 3px; font-weight: 700; position: absolute; right: 5px; top: 3px; font-size: 14px; } .aToZ ul li a span.arrow_up { background: url(/assets/img/new/pl/arrow-up.png) right bottom no-repeat; height: 8px; width: 16px; display: inline-block; } .aToZ ul li a .arrow_down { background: url(/assets/img/new/pl/arrow-down.png) right bottom no-repeat; height: 8px; width: 16px; display: inline-block; } .aToZ .sectionNav .subSectionNav ul li.removeFacet a, .aToZ .sectionNav .subSectionNav ul li.removeFacet a:hover { background-image: url(/assets/img/new/pl/icon_close.png); background-repeat: no-repeat; background-position: 95% 50%; background-size: 15px; background-color: #cfe3be; color: #1e6194; width: 100%; } .pagesize { width: 100%; } .pagesize .pagination { width: 50%; float: left; margin: 0 auto; font-size: 10px; } .pagesize .pagination ul li { float: left; } .pagination ul li a { padding: 2px 5px; display: block; color: #00539f; text-decoration: underline; } a { text-decoration: none; } .pagination ul li span.page { padding: 2px 15px; display: block; } .pagination ul li.active { padding: 2px 5px; text-decoration: none; } .pagesize .search-result-item-count { width: 50%; float: right; margin: 0 auto; font-size: 10px; } .pagesize .search-result-item-count p { float: right; } .searchResults p { padding: 5px 0; margin: 0; display: table; } .searchResults { width: 100%; clear: both; padding-top: 10px; } .searchResults dl { display: flex; flex-wrap: wrap; justify-content: space-between; } .searchResults dt { width: 30%; } .searchResults dt + dd { width: 65%; } #aToZResults .aToZResult { margin-bottom: 20px; border: 1px solid #ccc; position: relative; padding: 10px; overflow: hidden; } .aToZResult .scoImage { float: right; max-width: 75px; margin: 0 0 15px 15px; } .aToZResult p { display: block; text-align: justify; } .scoResult { background: #efeff9; } .aToZResult .scoImage a { background: 0 0; } .aToZResult .scoImage a > img { width: 100%; } .aToZ dl img { display: inline; } @media only screen and (max-width:850px) { .aToZ #main, .aToZ .aside { float: none; width: 100%; } .aToZ .aside { margin-left: 0; clear: both; } div.aside ul .article img { width: auto; } .searchResults .sectionNav { float: left; width: 25%; } .searchResults #main { width: 73%; margin: 0 0 0 2%; float: left; } .searchResults .aside { width: 73%; clear: right; float: right; margin-top: 20px; } } @media only screen and (max-width:580px) { .searchResults #main, .searchResults .aside, .searchResults .sectionNav { width: 100%; float: none; } .searchResults #main { margin: 0; } .searchResults .aside { clear: none; margin-top: 20px; } nav.pagination { clear: both; display: block; } .searchResults dt { width: 50%; float: left; } } @media only screen and (max-width:350px) { .prevention .banTitle { padding: 20px 0 0; margin: 0; } .prevention .banTitle .type { display: none; } } .sctvhomepage div.content { padding-bottom: 0; } .sctvhomepage .hubpageright div.content { margin-right: 0; padding-top: 0; } .topiclist { border-right: 1px solid #fff; float: left; margin-right: 2%; padding-right: 1%; margin-left: -1px; width: 31%; list-style: none; } .topiclist:nth-of-type(3n) { border-right: 0; margin-right: 0; } .topiclist ul { padding-left: 1.5em; margin-bottom: 0px; padding-bottom: 0px; } ul.topic, ul.video { overflow: hidden; margin-bottom: 20px; } .content ul.video li.article { border-bottom: 1px solid #ccc; clear: both; overflow: hidden; padding: 10px 0; } .content ul.video li.article:first-child { border-top: 1px solid #ccc; } .content ul.video li.article img { float: left; margin: 0 20px 0 0; max-width: 30%; } .content ul.video li.article div { float: left; margin: 0; padding-top: 5px; width: 65%; } .content ul.topic li.article { margin: 0 0 20px 2%; padding: 10px; width: 23.5%; float: left; border: 1px solid #ccc; } .content ul.topic li.article:nth-child(4n+1) { margin-left: 0; clear: both; border-top: 1px solid #ccc; } .content ul.topic li.article img { margin-bottom: 5px; width: 100%; } .content ul.topic li.article div { min-height: 6em; padding-top: 5px; } .content ol { padding-bottom: 20px; } ul.topiclist li { display: block; clear: both; font-size: 14px; position: relative; margin-bottom: 5px; } ul.topiclist li span { position: absolute; top: 0; left: 5px; } #player { overflow: hidden; } @media only screen and (max-width:760px) { .content ul.topic li.article { width: 49%; margin-left: 2%; } .content ul.topic li.article:nth-child(2n+1) { margin-left: 0; clear: both; } } @media only screen and (max-width:580px) { .sctvhomepage div.content[role=main] { width: auto; float: none; } .topiclist { float: none; width: auto; margin-left: 0; border-right: none; } .content ul.video li.article div { float: none; width: 100%; } } @media only screen and (max-width:400px) { .content ul.topic li.article { float: none; width: auto; margin-left: 0; } .content ul.video li.article div { float: none; width: 100%; } .content ul.video li.article img { width: auto; max-width: 100%; float: none; } } .mobile-trigger { display: none; width: 100%; position: relative; min-height: 42px; z-index: 999; background-color: #1E6194; font-size: 18px; color: #fff; } .mobile-trigger .menu-title { float: left; margin-top: -2px; margin-left: 35px; text-align: left; padding: 10px 0; } .mobile-trigger .reveal-wrapper { width: 22px; height: 22px; position: absolute; top: 10px; left: 10px; cursor: pointer; color: #FFF; font-size: 18px; line-height: 22px; font-weight: 700; right: auto; } .page-header h1 { line-height: 120%; } h2, h3 { color: #09f; } #what-next-for-strengths-based-areas h2, #what-next-for-strengths-based-areas h3 { color: #1F80C0; font-weight: bold; } .strong { font-weight: 600 !important; } .bold-first-letter::first-letter { font-weight: 900; color: #6c8610; } span.bold-first-word { font-weight: 900; color: #6c8610; font-size: xx-large; vertical-align: text-bottom; } .mobile-trigger .reveal-wrapper > span { display: block; background: #FFF; height: 3px; margin-top: 3px; } .mobile-trigger.active { background-color: #5984b4; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'),local(OpenSans),url(https://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); } h1, h2, h3, h4, h5, p { font-family: 'Open Sans',sans-serif; padding: 0; font-weight: 400; } h2, h3, h4, h5, p { margin: 0 0 15px; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong { font-weight: 400; } h1 { font-size: 2em; } h2 { font-size: 28px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } @media only screen and (max-width:740px) { h2 { font-size: 28px; } h3 { font-size: 20px; } } ol, ul { padding: 0; margin: 0; } strong, strong * { font-weight: 700; } .info h1 { padding: 2px; } .container > h1 { padding: 0 0 30px; } a { color: #00539F; font-weight: 300; } a:active, a:focus, a:hover { outline: 0; } .tab-focus { border: 2px solid #000 !important; display: inline-block; } .content a:hover { color: #00539F; text-decoration: underline; } .page-header h1 { text-align: left; font-weight: 400; } .page-header h1 { font-size: 42px; color: #09f; margin: 20px 0; } @media only screen and (max-width:740px) { .page-header h1 { font-size: 32px; } } .lead { font-size: 24px; margin-bottom: 15px; font-weight: 400; } @media only screen and (max-width:740px) { .lead { font-size: 20px; } } p { font-size: 16px; line-height: 140%; } /* Making content h3 will make it more likely that we get a snipped for SEO */ .para-style { /*Makes it look like a para even though it could be a header*/ font-size: 16px; line-height: 140%; color: rgb(48, 48, 48); } @media only screen and (max-width:740px) { p, .para-style, .content ul.bullet li, ul.featureList li, ol.bullet li { font-size: 14px; } } /* jQuery UI adjustment */ @media print { body { -webkit-print-color-adjust: exact; } .print-avoid-break { break-inside: avoid; } .content, .guideWideaside { width: 100% !important; margin: 0 !important; } .archive, .aside, .featureWrapper.programmePage, .nBreadcrumb, .sciebar, .sectionNav, .show-more #button, footer, nav, .search-box, .breadcrumb, .share-content { display: none; } #hidden_content, img.printImage, li.accContent div { display: block !important; } img.printImage { max-width: 260px; } /* START better care print pages */ .practice-module { display: block !important; } .practice-module .item { width: 100% !important; border: none !important; page-break-inside: avoid !important; } .practice-module .item .preview-text { height: auto !important; min-height: 0 !important; padding-bottom: 5px; } .better-care .page-header, .better-care .header { background: none !important; } .better-care #logo img.screen-logo, .practice-module .expanded { display: block !important; } .practice-module .expanded { padding-bottom: 20px !important; } .practice-module a.read-more, .practice-module a.expand-all, .practice-module button.read-more, .practice-module button.expand-all { display: none !important; } .practice-module i { height: 25px !important; font-size: 25px !important; } .practice-module .item { } .fluid-wrapper #player { width: 400px !important; height: 267px !important; } /*ul, li { page-break-inside: avoid!important; }*/ /* END better care print pages */ .hide-print { display: none; } li.accContent div .vimeo-border { display: none !important; } } .text-align-center { text-align: center; } img.maxfullwidth { max-width: 100%; } img.maxhalfwidth { max-width: 50%; } div.maxhalfwidth { max-width: 50%; width: 50%; padding: 0 15px; } img.maxthirdwidth { max-width: 33%; } img.maxquarterwidth { max-width: 25%; } img.minquarterwidth { max-width: 22%; } img.rounded { /*for images that are squares*/ border-radius: 50%; max-width: 150px; max-height: 150px; } .corner-rounded { /*for images or boxes that are rectangles*/ border-radius: 10px; } .svgalignmiddle { vertical-align: top; margin-top: 20px !important; } .flex-2col, .flex-3col { display: flex; flex-wrap: wrap; } .flex-2col div, .flex-2col img { flex-basis: 50%; } .flex-2col img { /*height: 206px !important;*/ } .flex-3col div { flex-basis: 32%; } .flex-3col div:nth-child(3n-1) { margin: 0 2%; } .flex-col-100 { flex-basis: 100% !important; } .gallery-container span { /*margin-bottom: 20px;*/ font-size: 12px; font-weight: bold; display: block; } .gallery { margin: 0 10px 10px; border: 2px solid #000000; } /** * Visually hidden yet accessible content */ .visually-hidden { position: absolute; clip: rect(0 0 0 0); visibility: hidden; opacity: 0; } /** * Footnotes (in page) */ .footnotes { margin: 50px 0px 20px 0px; border-top: 1px solid silver; font-size: 0.8em; } .footnotes ol { margin: 0px; padding: 20px; } .footnotes.noborder { border-top: 0px; margin: 0px 0px 15px; } .footnotes.noborder ol { margin: 0px; padding: 0px 0px 20px 48px; } .footnotes ol li { padding: 0px 0px 10px 0px; } .footnotes ol li ol { margin: 0px 0px 0px 20px; padding: 5px 0px 5px 0px; } .footnotes ol li ol li { padding: 0px 0px 0px 10px; } .footnotes :target { background: #DEE8F1; } .arts-index img { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; padding: 5px; } .no-margin-bottom { margin-bottom: 0px !important; } .no-padding-bottom { padding-bottom: 0px !important; } .extra-padding-bottom { padding-bottom: 30px !important; } .small-padding-top { padding-top: 12px !important; } .margin-auto { margin: 0 auto !important; } .extra-margin-top { margin-top: 30px !important; } .extra-margin-top-md { margin-top: 24px !important; } .extra-margin-bottom { margin-bottom: 30px !important; } .margin-bottom-sm { margin-bottom: 5px; } img.border { border: 1px solid #CCC; padding: 10px; margin-bottom: 10px; } .checkbox-group { margin-bottom: 10px; } .checkbox-group:last-child { margin-bottom: 0px; } .checkbox-list { padding: 20px; border: 1px solid #ddd; border-radius: 5px; } .checkbox-list input[type="checkbox"] { width: 18px; height: 18px; margin-left: 0px; margin-top: 10px; margin-right: 11px; } .checkbox-list input[type="checkbox"]:hover, .checkbox-list label:hover { cursor: pointer; } .checkbox-wrapper { margin-bottom: 10px; } .checkbox-wrapper fieldset { padding: 0px; margin: 0px; border: none; } #checklist-saved { padding: 10px; border: 1px solid #d6e9c6; background-color: #dff0d8; color: #3c763d; border-radius: 5px; display: none; } .content input[disabled], .content input[readonly] { opacity: 0.5; } .h1-style { font-size: 2.2em; margin-bottom: 15px; } .h2-style { font-size: 28px; margin-bottom: 15px; color: #09f; } .h3-style { font-size: 22px; margin-bottom: 15px; color: #09f; } .h4-style { font-size: 20px; } .h5-style { font-size: 18px; } /** * print out links * - displaying all link href's from within .main-content and .content at the bottom of a printed page * - also see associated JavaScript in main.min.js */ .POL_ref-badge, .POL_wrapper { display: none; } @media only print { .POL_ref-badge { display: inline; background-color: #dddddd; border: 1px solid #bbbbbb; color: #000000; font-size: 10px !important; font-weight: bold; text-transform: lowercase; margin-left: 2px; padding: 0 1px 1px; border-radius: 3px; } .POL_wrapper { display: block; background-color: #dddddd; border: 1px solid #bbbbbb; padding: 10px; margin-top: 50px; } .POL_wrapper .POL_list { color: #000; font-size: 12px !important; list-style-type: none; } .POL_wrapper .POL_list .POL_list-item { margin-bottom: 6px; } .POL_wrapper .POL_list .POL_list-item:last-child { margin-bottom: 0; } .POL_wrapper .POL_list .POL_list-item span { font-weight: bold; } } /** * eLearning Calculator */ /*eLearning price sticker */ .elearning-price-wrapper { float: right; background: #638768; width: 20%; border-radius: 10px; padding: 0 10px; box-shadow: 2px 2px 3px 1px; margin: 2px; } .elearning-price-wrapper p { color: white; position: relative; text-align: center; margin-bottom: auto; font-size: 1.2em; padding: 5px 0; } .elearning-price-wrapper p i { margin-right: 5px; } .elearning-calculator { box-shadow: 0px 2px 10px #424242; margin: 25px 0; } .elearning-calculator .elearning-calculator-header { background-color: #16a085; color: #ffffff; text-align: center; padding: 20px 0; position: relative; } .elearning-calculator .elearning-calculator-header:after, .elearning-calculator .cal-row:last-child:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; right: 0; bottom: -40px; margin: 0 auto; border-width: 20px; border-style: solid; border-top-color: #16a085; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } .elearning-calculator .elearning-calculator-header .fa { border: 3px solid #ffffff; width: 70px; height: 70px; border-radius: 50%; } .elearning-calculator .elearning-calculator-header .fa:before { position: relative; top: 15px; left: 1px; } .elearning-calculator .elearning-calculator-header .heading { color: #ffffff; text-transform: uppercase; margin-bottom: 0; } .elearning-calculator .elearning-calculator-input, .elearning-calculator .elearning-calculator-output { padding-left: 30px; padding-right: 30px; } .elearning-calculator .elearning-calculator-input { padding-top: 40px; } .elearning-calculator .elearning-calculator-output { padding-top: 30px; padding-bottom: 25px; } .elearning-calculator .elearning-calculator-login { padding: 40px 30px 30px; } .elearning-calculator .cal-row { margin-bottom: 25px; clear: both; position: relative; } .elearning-calculator .cal-row:last-child { border-bottom: 3px solid #16a085; margin-bottom: 0; padding-bottom: 25px; } .elearning-calculator .cal-row:last-child:after { bottom: -43px; } .elearning-calculator .cal-row label.cal-row-label, .elearning-calculator .cal-row label { display: inline; float: none; clear: both; margin-top: 0; /*min-width: 0; max-width: 0;*/ } .elearning-calculator .cal-row label.cal-row-label { font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 5px; } .elearning-calculator .cal-row input[type=number] { width: 120px; height: 34px; padding: 6px 12px; font-size: 14px; border: 1px solid #16a085; border-radius: 4px; } @media (max-width: 767px) { .elearning-calculator .cal-row input[type=number] { display: block; } } .elearning-calculator .cal-row .cal-radio-group { display: inline-grid; } .elearning-calculator .cal-row .cal-radio-group input[type=radio] { float: none; clear: both; margin: 0; vertical-align: middle; } .elearning-calculator .cal-row .cal-radio-group .cal-radio-group-option { margin-bottom: 5px; } .elearning-calculator .cal-row .cal-radio-group .cal-radio-group-option label { vertical-align: middle; } .elearning-calculator .elearning-calculator-output .heading { color: #16a085; text-transform: uppercase; } .elearning-calculator .elearning-calculator-output .discount-wrapper { margin-bottom: 20px; padding: 10px; border: 1px dashed #16a085; } .elearning-calculator .elearning-calculator-output .breakdown-wrapper { margin-bottom: 20px; padding: 10px; border: 1px solid #16a085; background-color: #eeeeee; } .elearning-calculator .elearning-calculator-output .description-wrapper { margin-bottom: 20px; } .elearning-calculator .elearning-calculator-output .email-instructions { text-align: center; font-size: 18px; padding: 10px 0; margin-bottom: 10px; } .elearning-calculator .elearning-calculator-output .email-instructions a { text-decoration: underline; } .elearning-calculator .elearning-calculator-output .email-instructions .fa { margin-right: 5px; } .elearning-calculator .elearning-calculator-output .email-instructions, .elearning-calculator .elearning-calculator-output .email-instructions a, .elearning-calculator .elearning-calculator-output .email-instructions .fa { color: #9b59b6; } .elearning-calculator .elearning-calculator-output .email-instructions .please-wait-text, .elearning-calculator .elearning-calculator-output .email-instructions .thank-you-text { display: inline-block; font-weight: 600; } .elearning-calculator .elearning-calculator-output .email-instructions .thank-you-text { background-color: #ffffff; color: #9b59b6; border: 1px solid #9b59b6; border-radius: 3px; padding: 5px 10px; } .elearning-calculator .purchase-instructions { background-color: #f6f6f6; padding: 15px; border-left: 3px solid #16a085; } .elearning-calculator .purchase-instructions .heading { text-transform: none; } .elearning-calculator .purchase-instructions .bullet { background-color: #efefef; padding: 7px 15px 7px 30px; } .elearning-calculator .purchase-instructions .bullet li { padding-bottom: 5px; } .elearning-calculator .purchase-instructions .bullet li:last-child { padding-bottom: 0; } .elearning-calculator .feedback { margin-top: 15px; } .elearning-calculator a { color: #2980b9; } .elearning-calculator a.button { color: #fff; } .elearning-calculator .intro-offer { } .elearning-calculator .intro-offer-info, .elearning-calculator .discount-alert-info { font-size: 20px; font-weight: bold; color: #16a085; } .elearning-calculator .discount-wrapper p { margin-bottom: 0; } .elearning-calculator .discount-wrapper p:not(:first-child) { margin-top: 10px; } .elearning-calculator .breakdown-wrapper .breakdown-item:not(:first-child) { margin-top: 6px; } .elearning-calculator .btn-wrapper { text-align: center; background-color: #16a085; margin: 25px 0; } .elearning-calculator .btn-wrapper .btn { color: #ffffff; display: block; padding: 15px 0; text-transform: uppercase; font-weight: 600; width: 100%; font-size: 16px; } input.btn { background: none; } .box { border: 1px solid #ccc; padding: 10px; background-color: #eee; color: #303030; } html, body { box-sizing: border-box; padding: 0; margin: 0; } *, *:before, *:after { box-sizing: inherit; } .time { float: right; position: absolute; right: 10px; } .data .item { display: none; } .data .item.current { display: block; } .fluid-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .fluid-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .apt-review { text-align: center; margin-top: 30px; } .apt-group-wrapper label { margin-top: 10px; padding-right: 10px; min-width: 20%; max-width: 80%; } .apt-group-wrapper select { margin-top: 5px; margin-right: 8px; padding: 1px; } .apt-group-wrapper { margin-bottom: 15px; overflow: hidden; } .apt-group-buttons { float: left; } #chart-loading { vertical-align: middle; text-align: center; } .case-studies h2 { color: black; background: #dee8f1; padding: 2px 10px 7px; font-weight: 600; border-bottom: 3px solid #1F80C0; } .case-studies .flex { justify-content: space-between; align-items: center; border-bottom: 2px solid #dee8f1; padding-top: 10px; padding-bottom: 15px; } .case-studies .flex:last-child { border-bottom: none; } .case-studies .flex > a, .case-studies .flex > img { width: 25%; background-image: none !important; } .case-studies .flex > div { width: 100%; padding: 10px 0; } .case-studies .flex a + div { width: 70%; padding: 0; } h3.h3-case-study { color: #09f !important; padding-left: 0 !important; } h3.bodytextheading { font-family: 'Open Sans',sans-serif; padding: 0; font-weight: 600; margin: 0px; font-size: 18px; color: #000; } .blue-figure-list { justify-content: space-between; flex-wrap: nowrap; margin: 10px 0 20px; } .blue-figure-list > * { border-radius: 10px; padding: 15px 10px !important; color: white; font-weight: 600; position: relative; } .blue-figure-list > *:nth-child(odd) { background: #73a1d6; width: 40%; } .blue-figure-list > *:nth-child(odd)::after { content: ''; width: 0; height: 0; border-top: 25px solid transparent; border-bottom: 25px solid transparent; border-left: 25px solid #73a1d6; position: absolute; right: -25px; top: 50%; margin-top: -13px; } .blue-figure-list > *:nth-child(even) { background: #5091cd; width: 55%; } .blue-figure-list > ol { padding-left: 35px !important; } .blue-figure-list > ol li { margin: 5px 0; } .venn body { color: #858585; font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } .venn { display: block; position: relative; clear: both; height: 450px; width: 500px; margin: 0 auto 20px; } .venn .sphere { width: 270px; height: 270px; border-radius: 50%; position: absolute; border: 2px rgba(80,145,205,.3) solid; border-radius: 50%; background: rgba(222,232,241,.3); display: flex; align-items: center; text-align: center; padding: 30px 10px; } .venn .one { left: 115px; top: 0; align-items: flex-start; background: rgba(222,232,241,.7); } .venn .two { right: 0px; top: 90px; text-align: right; z-index: 9; } .venn .three { left: 115px; top: 180px; align-items: flex-end; background: rgba(222,232,241,.7); } .venn .four { left: 0; top: 90px; text-align: left; } .venn .text { width: 100%; display: block; font-weight: 600; font-size: 15px; color: rgba(80,145,205,1); } .venn .overlap { position: absolute; top: 47%; left: 33%; width: 35%; text-align: center; z-index: 9; color: black; } .components { clear: both; } .components h2, .components h3, .components h4, .components h5 { color: black; background: #dee8f1; padding: 2px 10px 7px; border-bottom: 2px solid #1F80C0; font-weight: 600; margin: 0; } .components h3.inverse { color: #ffffff; background: #1E6194; padding: 2px 10px 7px; border-bottom: 2px solid #0b5d9b; font-weight: 600; margin: 0px 0px 10px 0px; } .components h4 + h5 { font-weight: 600; background: rgba(222, 232, 241, 0.70); border-bottom: 1px solid #1F80C0; font-size: 1em; } .components ul { background: #f9f9f9; padding: 15px 15px 15px 30px; border-bottom: 2px solid #1F80C0; } .components ul li ul { background: #f9f9f9; padding: 0px 15px 15px 30px; border-bottom: none; } .components p { background: #f9f9f9; padding: 15px 15px 15px 30px; border-bottom: 2px solid #1F80C0; } .components h3 + ol > li { clear: both; padding-bottom: 25px; } .components h3 + ol > li > p { background: rgba(222, 232, 241, 0.70); border-bottom: 1px solid #1F80C0; font-size: 1em; padding: 5px 5px 5px 10px; margin-bottom: 0px; } .components h3 + ol > li > p.inverse { display: inline-block; float: right; border: 0px 1px 1px 50px solid #1F80C0; border-radius: 0px 0px 0px 25px; margin: 0px 1px 25px 5px; padding: 2px 15px 2px 25px; color: #000000; font-weight: 800; background: rgba(222, 232, 241, 0.70); } .components h3 + ul > li > blockquote { border-top-style: dashed; border-bottom-style: dashed; } .components h3 + ul > li > blockquote > p { border-bottom: none; margin: 0px; padding: 0px 0px 0px 15px; } .components .green-box { background: #c3d4c5; border-bottom: 2px solid #47604A; border-top: none; margin: 0; } .components .green-box + ul { border-bottom: 2px solid #47604A; } .components .orange-box { background: #ff9d59; border-bottom: 2px solid #c96724; border-top: none; margin: 0; } .components .orange-box + ul { border-bottom: 2px solid #c96724; } .components .purple-box { background: #ffc7e2; border-bottom: 2px solid #943462; border-top: none; margin: 0; } .components .purple-box + ul { border-bottom: 2px solid #943462; } .components .jade-box { background: #8ce9ff; border-bottom: 2px solid #198eaa; border-top: none; margin: 0; } .components .jade-box + ul { border-bottom: 2px solid #198eaa; } /* Animations */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /* Practice Modules */ .practice-module { display: flex; flex-wrap: wrap; justify-content: space-between; } .practice-module h2 { width: 75%; align-self: center; color: #1b5e7f; } .practice-module a.expand-all, .practice-module button.expand-all { align-self: center; text-align: right; color: white; background: #48a98a; padding: 5px 10px; width: auto; transition: background .5s; font-size: 16px; font-family: 'Open Sans',Helvetica,Arial,sans-serif; } .practice-module a.expand-all:hover, .practice-module button.expand-all:hover { background: #198eaa; text-decoration: none !important; } .practice-module button.expand-all:focus { outline: 0; } .practice-module .item { width: 49%; overflow: hidden; padding-bottom: 15px; position: relative; } .practice-module .item > * { border-left: 1px solid; border-right: 1px solid; margin: 0; } .practice-module .item::after { content: ''; display: block; border-bottom-width: 6px; border-bottom-style: solid; } .practice-module .item h3 { padding: 5px 10px; color: white; font-weight: bold; } .practice-module i { height: 75px !important; color: #333; margin: 0 20px 0 17px; position: relative; z-index: 9; line-height: 1.2; font-size: 73px; float: right; } .practice-module .item .preview-text { height: 200px; min-height: 200px; } .practice-module .item > div, .practice-module .item > p, .practice-module .item > a, .practice-module .item > button { padding: 15px 5px 0 10px; } .practice-module .item ul { padding-left: 20px; } .preview-text > *:last-child, .expanded > *:last-child { margin-bottom: 0 !important; } .practice-module .expanded { display: none; animation-duration: 0.3s; padding-top: 0 !important; } .practice-module button.read-more:focus { outline: 0; } .practice-module a.read-more, .practice-module button.read-more { font-weight: 600; display: block; margin: 0 !important; padding-bottom: 15px; } a.read-more::after, button.read-more::after { content: "\f063"; display: inline-block; font: normal normal normal 14px/1 'Font Awesome 5 Free'; font-weight: 900; margin-left: 5px; } .practice-module button.read-more { background: transparent; font-size: 16px; width: 100%; text-align: left; font-weight: 600; font-family: 'Open Sans',Helvetica,Arial,sans-serif; } a.read-less::after, button.read-less::after { content: "\f062"; } .practice-module ol { margin: 0 0 20px 0; padding: 0 0 0 25px; } @media only screen and (max-width: 1024px) { .practice-module .preview-text { overflow: hidden; } } @media only screen and (max-width: 850px) { .practice-module .item { width: 100%; } } @media only screen and (max-width: 736px) { .practice-module a.expand-all, .practice-module button.expand-all { display: none; } } /* Moved from _MainFeatureInterests */ .cta .interest-body { font-weight: normal; font-size: 15px; } .cta .interest-body .item { clear: right; margin-bottom: 8px; } .cta .interest-body .item.bullet::before { content: '• '; } .cta .interest-body .item i { background: none; color: inherit; line-height: 1.0em; font-size: 1.6em; } .cta .interest-body .title { font-weight: 600; margin-bottom: 15px; } .cta .interest-body .item i.mailing-icon { font-size: 1.1em; font-weight: bold; padding-top: 3px; } .cta .interest-body .fa { padding-left: 8px; } /************/ /* Login form cookie css */ .cookies #NoLoginForm { display: none; } /*************************/ /*****************/ /* Recording page */ /*****************/ /* blue flex items that fade from darker blue to light blue */ .blue-blocks-fade div { padding: 10px; } .blue-blocks-fade div:nth-child(1) { background: #1E6194; color: #ffffff; } .blue-blocks-fade div:nth-child(2) { background: #4f79a5; color: #ffffff; } .blue-blocks-fade div:nth-child(3) { background: #97acc9; color: #000000; } .blue-blocks-fade div:nth-child(4) { background: #dce3ed; color: #000000; } .blue-blocks-fade div:nth-child(4) { position: relative; text-align: center; } @media only screen and (min-width:768px) { .blue-blocks-fade { display: flex; justify-content: space-between; } .blue-blocks-fade div { padding: 10px; flex-grow: 1; flex-shrink: 1; flex-basis: 0; text-align: center; display: flex; align-items: center; } .blue-blocks-fade div:nth-child(4):after, .blue-blocks-fade div:nth-child(4):before { content: ""; position: absolute; width: 20px; height: 50%; left: 100%; } .blue-blocks-fade div:nth-child(4):after { bottom: 0; background: linear-gradient(to right bottom, #dce3ed 50%, transparent 50%); } .blue-blocks-fade div:nth-child(4):before { top: 0; background: linear-gradient(to right top, #dce3ed 50%, transparent 50%); } .show-mobile { display: none; } } /* Table column sizing ================================== */ .title-cell { width: 32% } .evidence-cell { width: 17%; } .relevance-cell { width: 18%; } .post-cell { width: 15%; } .co-pro-cell { width: 18%; } /* Apply styles ================================== */ .Rtable { display: flex; flex-wrap: wrap; margin: 0 0 3em 0; padding: 0; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); background-color: #fff; } .Rtable .Rtable-row { width: 100%; display: flex; border-bottom: 2px solid #999; height: 100%; flex-wrap: wrap; } .Rtable .Rtable-row.Rtable-row--head { align-items: stretch; position: -webkit-sticky; /* Safari */ position: sticky; top: 0; } .Rtable .Rtable-row .Rtable-cell { box-sizing: border-box; flex-grow: 1; padding: 0.8em 1.2em; overflow: hidden; list-style: none; justify-content: space-between; } @media all and (min-width: 750px) { .Rtable .Rtable-row .Rtable-cell:first-child { width: 100%; border-bottom: 1px solid #ccc; } .Rtable .Rtable-row .Rtable-cell:not(:first-child) { flex: 1; } .Rtable.Rtable--collapse--perm .Rtable-row .Rtable-cell:not(:first-child) { flex: none; } } .Rtable .Rtable-row .Rtable-cell.column-heading { color: white; padding: 1em; text-align: left !important; } .Rtable--collapse .Rtable-row--head .column-heading:first-child { display: none !important; } .Rtable .Rtable-row .Rtable-cell .Rtable-cell--heading { display: none; } .evidence-cell, .relevance-cell, .post-cell, .co-pro-cell, .Rtable-cell--content img { text-align: center; margin: 0 auto; } .note-toggle { position: relative; } .note-toggle div { display: none; } .note-toggle span { display: none; position: absolute; } .note-toggle img { display: inline-block; } .showSingle { width: 20px; height: 27px; background: url(../img/new/icons/icon_accordion_lores.png) no-repeat; text-indent: -5000px; display: inline-block; position: absolute; top: -5px; right: 0; } .showSingle.title_active { transform: rotate(180deg); display: inline-block; } .title-cell.column-heading { } .Rtable--collapse--perm { display: block; width: 100%; padding: 1em; box-shadow: none; margin: 0; } .Rtable--collapse--perm .Rtable-row { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 2em; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } .Rtable--collapse--perm .Rtable-row .Rtable-cell { width: 100% !important; display: flex; align-items: center; border: 1px solid #ccc; padding: 0; } .Rtable--collapse--perm .Rtable-row .Rtable-cell .Rtable-cell--heading { display: inline-block; flex: 1; max-width: 40%; min-width: 120px; color: #ffffff; text-align: left !important; border-right: 1px solid #ccc; margin-right: 0; padding: 10px; align-self: stretch; background-color: #943462; } .Rtable--collapse--perm .Rtable-row .Rtable-cell .Rtable-cell--content { /* flex: 2; */ padding: 10px !important; text-align: left; width: 100%; } .Rtable--collapse--perm .evidence-cell .Rtable-cell--content { padding-left: 0 !important; } .Rtable--collapse--perm .Rtable-row--head { display: none; } /* Responsive ==================================== */ @media all and (max-width: 750px) { .showSingle { top: 5px; right: 10px; } .note-toggle { max-width: 50%; margin-top: 10px !important; } .showSingle.title_active { transform: rotate(180deg); display: inline-block; top: 5px; right: 10px; } .is-striped { background-color: white; } .Rtable--collapse { display: block; width: 100%; padding: 1em; box-shadow: none; } .Rtable--collapse .Rtable-row { box-sizing: border-box; width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 2em; box-shadow: 0 0 40px rgba(0, 0, 0, 0.2); } .Rtable--collapse .Rtable-row .Rtable-cell { width: 100% !important; display: flex; align-items: center; border: 1px solid #ccc; } .Rtable--collapse .Rtable-row .Rtable-cell .Rtable-cell--heading { display: inline-block; flex: 1; max-width: 50%; min-width: 120px; color: #ffffff; text-align: left !important; border-right: 1px solid #ccc; margin-right: 0; padding: 10px; align-self: stretch; background-color: #943462; } .title-cell .Rtable-cell--heading { display: none !important; } .Rtable--collapse--perm .Rtable-row .title-cell .Rtable-cell--heading { display: block !important; max-width: 120px; } .Rtable--collapse--perm .Rtable-row .Rtable-cell--heading { max-width: 100% !important; width: 100% !important; } .Rtable--collapse--perm .Rtable-row .Rtable-cell { flex-direction: column; max-width: 100%; } .Rtable--collapse .Rtable-row .Rtable-cell .Rtable-cell--content { /* flex: 2; */ padding: 10px; text-align: center; /*width: 100%;*/ margin: auto; } .Rtable--collapse .Rtable-row .Rtable-cell .Rtable-cell--content.note-toggle { width: 50%; } .Rtable--collapse .evidence-cell .Rtable-cell--content { padding-left: 0 !important; } .Rtable--collapse .Rtable-row--head { display: none; } .Rtable .Rtable-row .Rtable-cell { padding: 0; } .Rtable--collapse--perm .Rtable-row .Rtable-cell .Rtable-cell--content { text-align: left; padding: 10px !important; } } @media only screen and (max-width:500px) { .intro .intro-left, .intro .intro-right, .video-box-right, .maxhalfwidth.video-box-right { float: none; width: 100%; max-width: 100%; } .maxhalfwidth.video-box-right { padding: 5px; margin: 0px; } img.maxthirdwidth, img.maxhalfwidth { max-width: 100%; } .addressDetails > div, .myDetails > div, .learningDetails > div { padding-bottom: 10px; } .addressDetails > div > div, .myDetails > div > div, .learningDetails > div > div, .mailingDetails > div > div { display: block; min-width: 100%; max-width: 100%; } .regionsTab > div:first-child { display: block; width: 100% !important; } .myDetails .regionsTab > div:nth-child(2) li { left: 0; } } /* Video chapters retrieved from old css file */ .chapters-wrapper { width: 100%; border: 1px solid #ccc; margin-bottom: 5px; } .chapters-wrapper .chapter { border-top: 1px solid #ccc; } .chapters-wrapper .chapter:first-child { border-top-width: 0; } .chapters-wrapper .chapter .chapter-point { display: block; padding: 10px 55px 10px 15px; text-decoration: none; color: #000000; position: relative; font-weight: 300; } .chapters-wrapper .chapter:nth-child(even) .chapter-point { background-color: #F9F9F9; } .chapters-wrapper .chapter .chapter-point:hover { background-color: #F5F5F5; } .chapters-wrapper .chapter .chapter-point.current { background-color: #9f9f9f; } .time { float: right; position: absolute; right: 10px; } /* Course Management */ .table-top { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1em; background: #f6f6f6; margin-bottom: 1em; } .table-top #licences { flex-basis: 100%; } .table-top h4 { margin-bottom: .5em; } .table-top input[type=email] { height: 28px; font-size: inherit; font-family: inherit; margin: 0; padding: 0 10px; margin-left: 0 !important; border: 1px solid #ddd9d6; } @media screen and (max-width: 750px) { .table-top { flex-direction: column; } .table-top #licences { } } .course-group { display: grid; grid-template-columns: 1fr; grid-gap: 1em; } .course { box-sizing: border-box; padding: 10px; border: 1px solid #e4e4e4; border-radius: 3px; background: #efefef; display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (max-width:500px) { .course { flex-wrap: wrap; } } .course > div:last-child { margin: auto 0; } .course .button { display: inline-block; } .course p { margin-bottom: 0; } .order-group { display: grid; grid-template-columns: 1fr; grid-gap: 1em; } .order { border-left: 3px solid #1E6194; padding: 1em; background: #f6f6f6; } .enrolment-container > .enrolment { display: flex; justify-content: space-between; border-left: 3px solid #1E6194; } .enrolment-container > .enrolment > div:last-child { margin: auto 0; flex-shrink: 0; } .enrolment-container { display: grid; grid-gap: 1em; } .enrolment { padding: 1em; background: #f6f6f6; position: relative; } .enrolment-container > .enrolment.expired { padding-top: 2em; border-color: #9a0a00; } .enrolment-container > .enrolment.expired::after { position: absolute; left: -3px; top: 0; background: #9a0a00; color: #fff; line-height: 25px; font-size: 14px; height: 25px; padding: 0 .5em; content: 'Expired' } .sub-enrolment { padding: 1em; background: #efefef; border: 1px solid #e4e4e4; border-radius: 3px; position: relative; } .sub-enrolment::after { padding: .5em; position: absolute; top: 0; right: 0; border-bottom-left-radius: 3px; color: #fff; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .sub-enrolment.complete { border-color: #8ead2d; } .sub-enrolment.complete::after { content: ''; background: #8ead2d; } .sub-enrolment.incomplete { border-color: #9a0a00; } .sub-enrolment.incomplete::after { content: ''; background: #9a0a00; } .enrolment-info { display: flex; justify-content: space-between; flex-wrap: wrap; } .enrolment-info > p { margin: 0; } @media screen and (max-width: 750px) { .enrolment-info { flex-direction: column; } } .enrolment-launch { margin-top: 1em; display: flex; flex-direction: column; } .enrolment-reminders { display: flex; justify-content: space-between; padding: .5em 1em; margin-bottom: 1em; background: #efefef; border: 1px solid #e4e4e4; border-radius: 3px; } .enrolment-reminders > * { margin: auto 0; } /*********************/ /*** Datatables.net ***/ .dataTables_filter { float: none !important; text-align: left !important; } .dataTables_filter input { margin-left: 0 !important; margin-bottom: 5px; border: 1px solid #ddd9d6; } /**********************/ /****** Basket ******/ .basket { position: fixed; bottom: 0; left: 0; /*box-shadow: 0 0 12px 2px rgba(0,0,0,0.2);*/ z-index: 10000; max-width: 500px; } .basket > div:last-child { padding: .5em 1em; background: #fff; border-right: 2px solid #1E6194; } .basket h4 { margin: .5em 0 0 0; } .basket .button { display: inline-block; margin-top: 5px; background-color: #1E6194; } .basket ul > li { list-style: none; list-style-position: inside; display: flex; align-items: center; justify-content: space-between; padding: 5px 0; } .basket ul > li:not(:last-child) { border-bottom: 1px dashed #ccc; } .basket ul > li > div { flex-shrink: 0; padding-left: .5em; font-size: 1.5em; } .basket ul > li > div > button { margin: 0 5px; font-size: 1em; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .basket > .top-bar { width: 100%; height: 2em; font-size: 1.5em; line-height: 1.5em; min-width: 4em; position: relative; cursor: pointer; background: #1E6194; color: #fff; border-top-right-radius: 5px; } .basket > .top-bar::before { content: '\f291'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: .5em; top: .25em } .basket > .top-bar::after { content: '\f078'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; right: .5em; top: .25em } .basket > .top-bar.hidden::after { content: '\f077'; } .checkout-list { margin-bottom: 1em; } .checkout-list li { list-style: none; display: flex; justify-content: space-between; padding: 5px 0; } .checkout-list li { border-top: 1px dashed #ccc; } .checkout-list li span:last-child { margin-left: 10px; flex-shrink: 0; } .checkout-list li h4 { margin: 0; } /**************************/ /*** Checkbox styled as toggle switch ***/ .toggle-wrapper input[type=checkbox] { display: none; } .toggle-wrapper label { cursor: pointer; width: 60px; height: 30px; background: grey; display: block; border-radius: 30px; position: relative; } .toggle-wrapper label:before { content: 'OFF'; color: #fff; position: absolute; right: 6px; font-size: 12px; top: calc(50% - 8px); } .toggle-wrapper input:checked + label:before { content: 'ON'; left: 6px; right: auto; } .toggle-wrapper label:after { content: ''; position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; background: #fff; border-radius: 24px; transition: 0.3s; } .toggle-wrapper input:checked + label { background: #8ead2d; } .toggle-wrapper input:checked + label:after { left: 33px } /***********************/ .terms-box { max-height: 200px; overflow-y: scroll; } /* IE 11 fixes*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { blockquote p { text-indent: 0 !important; } blockquote p::after, blockquote p::before { font-size: .7em; } blockquote p::before { left: -14px; } .aside blockquote p::after, .aside blockquote p::before { font-size: .07em; } .aside blockquote p::before { left: -20px; } .aside blockquote p::after { right: -25px; } } .covid-19-banner { color: #fff; padding: 4px; display: flex; flex-direction: row; align-items: center; } .covid-19-banner p { margin: 0; font-size: small; } .covid-19-wrapper { background: black; } .covid-19-banner i { margin-right: 10px; } .hub-subject-terms { padding: 1em; background-color: #f6f6f6; margin-bottom: 0.5em; width: 100%; } .hub-subject-terms ul { column-count: 4; } .hub-subject-terms ul li { margin: 2px; background: #efefef; border: 1px solid #e4e4e4; border-radius: 3px; } .hub-subject-terms a { font-size: 14px; padding: 2px; } .hub-filter { padding: .25em .5em; background: #dee8f1; margin: 0 .5em; display: inline-block; } .hub-filter.active { border: 1px solid #1E6194; } @media only screen and (max-width: 780px) { .hub-subject-terms ul { column-count: 3; } } @media only screen and (max-width: 620px) { .hub-subject-terms ul { column-count: 2; } } /*** Hex diagram for safeguarding/children/education/typeindicatorsofabuse ***/ .hex-container { position: relative; text-align: center; color: white; margin: 15px; } /* Common style */ .hex-container .centered, .hex-container .top-center, .hex-container .top-right-up, .hex-container .top-right-down, .hex-container .bottom-center, .hex-container .bottom-left, .hex-container .top-left { position: absolute; transform: translate(-50%, -50%); width: 28%; list-style: none; } /* Centered text */ .hex-container .centered { top: 50%; left: 50%; color: white; } /* Top center text */ .hex-container .top-center { top: 14%; left: 50%; } /* Top right up text */ .hex-container .top-right-up { top: 32%; left: 82.5%; } /* Top right down text */ .hex-container .top-right-down { top: 70%; left: 82.5%; } /* Bottom center text */ .hex-container .bottom-center { top: 86%; left: 50%; } /* Bottom left text */ .hex-container .bottom-left { top: 67%; left: 17%; } /* Top left text */ .hex-container .top-left { top: 32%; left: 17%; } .hexDiagram { width: 100%; } .image-full-width { width: 100%; } /* Portrait and Landscape */ @media only screen and (max-width: 650px) { .hex-container .centered, .hex-container .top-center, .hex-container .top-right-up, .hex-container .top-right-down, .hex-container .bottom-center, .hex-container .bottom-left, .hex-container .top-left { position: relative; top: auto; left: auto; transform: none; width: auto; } .hex-container .centered { color: #09f; } .hex-container ul { padding-left: 3em; margin-bottom: 15px; } .hex-container ul li { list-style: disc !important; font-size: 14px; } .hexDiagram { display: none; } .hex-container { position: relative; text-align: left; color: black; margin: 0; } } /**********************************/ /*Adds a paintbrush stroke behind the heading*/ .paintbrush-grid { /*grid for boxes with a paintbrush heading*/ display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 2fr 2fr 2fr; align-content: center; } .paintbrush-grid p, .paintbrush-grid h4 { padding: 0 10px; } .paintbrush-grid p, .paintbrush-grid ul li { /*Making the text stand out more*/ color: black; } .paintbrush-highlight { padding: 18px !important; margin: 0 auto; font-weight: 600; text-align: center; position: relative; bottom: 15px; z-index: 1; color: white !important; } .paintbrush-grid div { margin: 0 5px 15px; /*creates space between boxes*/ } div.em-purple h3.paintbrush-highlight, div.em-orange h3.paintbrush-highlight, div.em-blue h3.paintbrush-highlight, h3.paintbrush-highlight.highlight-black { color: white !important; } .white-text { color: white !important; } .black-text { color: black !important; } .green-border { border: 2px solid #638768; padding: 5px; margin-bottom: 10px; } .orange-border { border: 2px solid #c96724; padding: 5px; margin-bottom: 10px; } .purple-border { border: 2px solid #943462; padding: 5px; margin-bottom: 10px; } .jade-border { border: 2px solid #198eaa; padding: 5px; margin-bottom: 10px; } .padding-around { padding: 0.5em !important; margin: auto; } @media screen and (max-width: 680px) { .paintbrush-grid { display: inline-block; } } /* Shapes for flowchart/infographic */ /* Circle */ .circle { display: flex; justify-content: center; align-items: center; border-radius: 50%; width: 110px; height: 110px; text-align: center; /*font: 32px Arial, sans-serif;*/ } .plus { display: flex; justify-content: center; align-items: center; font: 60px Arial, sans-serif; color: blue; height: 130px; width: 40px; } /* Hexagon grid */ .hex-grid { display: flex; --s: 115px; /* size */ --m: 4px; /* margin */ --f: calc(1.732 * var(--s) + 4 * var(--m) - 1px); height:360px; } @media(min-width:1086px) { .hex-grid { height: 250px; } } @media(max-width:432px){ .hex-grid{ height:470px; } } @media(max-width:364px) { .hex-grid { height: 570px; } } .hex-items { font-size: 0; /*disable white space between inline block element */ } .hex-items div { width: var(--s); margin: var(--m); height: calc(var(--s)*1.1547); display: inline-block; font-size: initial; clip-path: polygon(0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%, 50% 0%); text-align:center; margin-bottom: calc(var(--m) - var(--s)*0.2885); vertical-align:middle; padding:2px; font-size:14px; font-weight:bold; } .hex-items > div > div { display: table-cell; } .hex-items::before { content: ""; width: calc(var(--s)/2 + var(--m)); float: left; height: 120%; shape-outside: repeating-linear-gradient( #0000 0 calc(var(--f) - 3px), #000 0 var(--f)); } /*Hexagon ends*/ /* SAR - Quality markers*/ .decimal-list { --QualityMarker: "1"; counter-reset: olCounter; } .decimal-list .card-body > ol { list-style: none; } .decimal-list .card .card-header h2{ counter-reset: liCounter; counter-increment: olCounter; text-align:left; margin: 10px 0 10px 15px; } .decimal-list .card-body > ol > li::marker { content: var(--QualityMarker) "." counters(olCounter, ".") "." var(--liJoiner) " "; } .decimal-list .card-body > ol > li { counter-increment: liCounter; --liJoiner: counter(liCounter); } .decimal-list .card-body ol li[value] { --liJoiner: attr(value); } .decimal-list ol h3 { margin-left: -2em; margin-top: 1em; } .decimal-list .card .card-header h2::before { content: var(--QualityMarker) "." counters(olCounter, ".") " "; } .quality-markers.components p { padding: 0px 15px 15px 10px; } .quality-markers.components ul { border-bottom:none; } .quality-markers.components div{ background-color:#f9f9f9; } .links ol li::marker { color: #00539F; font-weight: 600; } /* Easy Read style */ .easy-read-main { float: left; width: 70%; margin-left: 4%; } .easy-read-main h1 { font-size: 2.2rem; font-weight: bold; margin-bottom: 0.8em; } .easy-read-content { font-style: normal; line-height: 1.6em; letter-spacing: 0.05em; font-size: 1.6rem; } .easy-read-bullet { list-style: disc outside none; display: list-item; margin-left: 55px; } .easy-read-content p { font-size: inherit; line-height: inherit; } .easy-read-content .documentinfo { margin-top: 10px; } .easy-read-content h2 { color: #000; background: #dee8f1; padding: 15px; border-bottom: 2px solid #1f80c0; } .easy-read-content .card-header { color: white; font-size: 1.8rem; padding: 15px 10px; font-weight: bold; } .easy-read-content .card { margin: 15px 5px; } .easy-read-content blockquote { padding: 20px; } .easy-read-content blockquote img { position: initial; width: initial; height: initial !important; border-radius: 10px; } .easy-read-content blockquote .easy-read-image { align-self: center; } .easy-read-content blockquote .easy-read-text-only { margin-bottom: 45px; } .easy-read-content blockquote cite { margin-bottom: 30px; } .easy-read-content blockquote p:before { left: -40px; color: #638768; } .easy-read-content blockquote p:after { bottom: -70px; color: #638768; } .easy-read-content blockquote p:not(:last-child):after { content: none; } .easy-read-content blockquote p:not(:first-child):before { content: none; } .easy-read-flex-box { display: flex; margin: 0.5em 0; flex-wrap: wrap; } .easy-read-flex-box img { display: block; margin: 0 auto 10px auto; } .easy-read-flex-box div li { padding-left: 4%; } .easy-read-flex-box div:nth-child(odd) { margin-right: 5%; flex-basis: 30%; align-self: center; justify-content: center; margin-bottom:0.8em; } .easy-read-flex-box div:nth-child(even) { flex-basis: 65%; align-self: center; } ol[title]::before { content: attr(title); font-weight: bold; font-size:1.2em; } @media (min-width: 1024px) { .easy-read-content { line-height: 1.8em; font-size: 1.8rem; } } @media (max-width: 580px) { .easy-read-main { width: 90%; } } @media (max-width: 413px) { .easy-read-bullet { margin-left: 25px; } } @media (max-width: 767px) { .easy-read-content blockquote .easy-read-image { align-self: initial; } } @media (max-width: 820px) { .easy-read-flex-box { flex-direction: column; } .easy-read-flex-box div:nth-child(even) { border-bottom: 2px solid #1E6194; margin-bottom: 1.2em; margin-top: 0.5em; } blockquote .easy-read-flex-box div:nth-child(even) { border-bottom: 0; } } /* CSS TO REPLACE CURRENT STYLES (FONT SIZE, MAIN NAV ETC) */ /* Links */ a:hover { text-decoration: underline; } .content a:hover { text-decoration: underline; } #logoWrapper #logo a { text-decoration: none; } .social li a { margin: 0px; } /* Menu */ ul.menuNav li > a { font-size: 16px; display: block; padding: 6px 15px 8px 15px; } /* Logo */ #logoWrapper #logo img { border: 0 !important; width: 50px; display: inline-block; } #logoWrapper { margin: 0; padding-bottom: 6px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } #logoWrapper #logo h1, #logoWrapper #logo p { font-size: 15px; line-height: 17px; text-align: left; margin: 0 6px; color: #FFF; display: inline-block; vertical-align: middle; } .print-logo { display: none !important; } .nav-m { width: 100%; } @media only print { .screen-logo { display: none !important; } .print-logo { display: block !important; width: auto !important; } .no-print { display: none; } } /* Header */ .header { background: #5f93c9; padding-top: 15px; margin-bottom: 0; } @media only print { .header { background: #ffffff; } } .sciebar { padding: 0; font-size: 12px; } .sciebar ul { list-style: none; padding-top: 4px; margin: 0 20px 0 0; } /* Search Box */ .search-box { margin-top: 10px; } /* Columns */ .contentpage div.content.twocolumns[role=main] { float: left; width: 76%; margin: 0 4% 0 0; } /* Footer */ .footer { margin-top: 30px; } /* Tweet */ .twitterfeed-title { text-align: left; font-size: 18px; font-weight: 600; margin-top: 0px; } #scie-tweets ul { list-style: none; float: left; margin: 0; padding: 0; } #scie-tweets li { float: left; margin: 0; padding: 0; width: 50%; } #scie-tweets { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .user { display: none; } .tweet { margin: 0; padding-right: 6px; font-size: 14px; } .timePosted { margin-top: 5px; padding: 0; font-size: 12px; } .scie-tweets p { margin: 0; padding: 0; } /* NEW CSS */ /* Share Buttons - Top Nav */ .top-nav-follow { font-weight: 300; float: left; } .share-buttons:before { content: "Follow SCIE "; display: inline-block; padding-right: 9px; vertical-align: middle; } .share-buttons { display: inline-block; float: left; } .share-buttons span { padding-left: 4px; } .top-nav-follow .facebook, .top-nav-follow .twitter, .top-nav-follow .linkedin, .top-nav-follow .youtube { display: inline-block; width: auto; background: #3C5A99; text-align: center; padding: 3px 10px 5px 10px; color: #fff; } .top-nav-follow .twitter { background: #00acee; } .top-nav-follow .linkedin { background: #0278B6; } .top-nav-follow .youtube { background: #e52d27; } .top-nav-follow .facebook, .top-nav-follow .linkedin, .top-nav-follow .youtube { margin-left: -3px; } .top-nav-follow .facebook:before, .top-nav-follow .twitter:before, .top-nav-follow .linkedin:before, .top-nav-follow .youtube:before { font-family: 'Font Awesome 5 Brands'; content: "\f09a"; padding-right: 3px; vertical-align: middle; } .top-nav-follow .twitter:before { content: "\f099"; } .top-nav-follow .linkedin:before { content: "\f0e1"; } .top-nav-follow .youtube:before { content: "\f167"; } .top-nav-follow .facebook:hover, .top-nav-follow .twitter:hover, .top-nav-follow .linkedin:hover, .top-nav-follow .youtube:hover { background: #000; color: #FFFFFF; text-decoration: none; } /* Page Headers */ .breadcrumb { padding: 10px 0 15px; } .pagewrapper + .wrapper { margin-top: 15px; } .page-header { margin-top: 0; margin-bottom: 20px; width: 100%; } @media only screen and (max-width:582px) { .page-header { margin-top: 8px; } } .page-header h1, .page-header p { font-size: 38px; padding: 12px 0 15px; margin: 0; line-height: 120%; } .page-header h1, .page-header p, .page-header a { color: #FFFFFF; font-weight: 400; } .content .training-form-textarea { width: 100%!important; } /* HOME PAGE */ /* Content Column */ .main-content { float: left; width: 66%; margin: 0 4% 0 0; } .main-content a { font-weight: 600; } @media print { .main-content { width: 100%; margin: 0; } } .main-feature-home, .main-feature { margin-bottom: 20px; overflow: auto; } .main-feature-home { padding-bottom: 20px; border-bottom: solid 1pt #CCCCCC; } .main-feature-home .text-column { width: 55%; margin: 0 5% 0 0; float: left; } .main-feature .text-column { width: 57%; margin: 0 3% 0 0; float: left; color: #FFFFFF; } .main-feature-home .text-column .feature-type { color: #c96724; position: relative; width: 100%; font-weight: bold; } .main-feature .text-column a { color: #FFFFFF; } .main-feature-home .text-column h2 { font-size: 26px; line-height: 26px; font-weight: 600; margin-bottom: 10px; } .main-feature .text-column h2 { font-size: 20px; line-height: 22px; } .main-feature-home .text-column .sub-line, .main-feature .text-column .sub-line { margin-bottom: 10px; } .main-feature-home .text-column .links ul, .main-feature .text-column .links ul { padding: 0; margin: 0; list-style-type: none; } .links ul li a:before { font-family: 'Font Awesome 5 Free'; content: "\f105"; display: inline-block; padding-right: 6px; vertical-align: middle; } .main-feature .text-column .links ul li { display: inline; } .main-feature .text-column .links ul li a { margin-right: 7px; white-space: nowrap; } .main-feature-home .img-column, .main-feature .img-column { width: 40%; margin: 0; float: right; } /****/ .main-content .hero-text { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .main-content .lead, .content .lead { font-size: 16px; line-height: 22px; margin-bottom: 20px; } .main-content .resources { margin-bottom: 0px; overflow: auto; } .main-content .resources a { color: #FFFFFF; } .main-content .resources-wrapper { margin-bottom: 20px; overflow: auto; padding: 0; background: #1E6194; } .main-content .green { background: #638768; } .main-content .purple { background: #943462; } .main-content .orange { background: #c96724; } .main-content .jade { background: #198eaa; } .main-content .resources .img-column { width: 28%; margin: 0; float: left; background: #FFFFFF; } .main-content .resources .text-column { width: 70%; margin: 0 0 0 2%; float: left; color: #FFFFFF; } .main-content .resources .text-column .title { color: #FFFFFF; font-weight: 600; font-size: 20px; } .main-content .resources .text-column p { margin: 3px 0; } .main-content .resources .text-column .links ul li { display: inline; } .main-content .resources .text-column .links ul li a { margin-right: 7px; white-space: nowrap; } .main-content .resources .text-column .links ul li a:before { font-family: 'Font Awesome 5 Free'; content: "\f105"; display: inline-block; padding-right: 3px; vertical-align: middle; } /* */ /* Latest/Aside Column */ .cta-image { margin-bottom: 10px; clear: both; margin-bottom: 20px; } .cta-image img { width: 100%; height: auto; } .latest { float: left; width: 30%; display:none; /*To hide the right column while the javascript removes content it needs to, it then shows the column*/ } @media print { .latest { display: none !important; } } .latest .latest-heading, .aside .latest-heading { border-bottom: 1px solid #ddd; margin-bottom: 20px; font-size: 28px; line-height: 26px; font-weight: 600; padding-bottom: 10px; } .aside .latest-heading { font-size: 22px; line-height: 22px; } .latest .sub-heading, .aside .sub-heading { margin-bottom: 20px; font-size: 22px; line-height: 22px; font-weight: 600; } .aside .sub-heading { font-size: 20px; line-height: 20px; } .latest .article, .aside .article { margin-bottom: 15px; overflow: hidden; } .latest .article .text-column, .aside .article .text-column { /*width: 67%;*/ /*margin: 0 3% 0 0;*/ /*float: left;*/ } .latest .article .text-column-no-img, .aside .article .text-column-no-img { width: 100%; margin: 0; float: left; } .latest .article .text-column h3, .latest .article .text-column-no-img h3, .aside .article .text-column h3, .aside .article .text-column-no-img h3 { font-size: 14px; line-height: 18px; font-weight: 600; margin-bottom: 0px; } .latest .article .text-column a, .latest .article .text-column-no-img a, .aside .article .text-column a, .aside .article .text-column-no-img a { font-weight: 600; } .latest .article .sub-line, .aside .article .sub-line { font-size: 14px; line-height: 16px; margin-bottom: 10px; } .latest .article .img-column, .aside .article .img-column { width: 30%; margin: 0; background: #000000; float: right; } @media only screen and (max-width:850px) { .latest .article .img-column, .aside .article .img-column { display: none; } } .more-button-mini, .book-button-mini, .download-button-mini { display: inline-block; width: auto; background: #00539F; text-align: left; padding: 5px 12px 7px 12px; font-size: 12px; color: #fff; font-weight: 600; margin-bottom: 18px; } .book-button-mini:before, .download-button-mini:before { font-family: 'Font Awesome 5 Free'; content: "\f073"; display: inline-block; padding-right: 6px; vertical-align: middle; } .book-button-mini:before, .download-button-mini:before { content: "\f019"; } .more-button-mini:hover, .book-button-mini:hover, .download-button-mini:hover { background: #000; color: #FFFFFF; text-decoration: none; } /* */ /* CONNECT WITH US */ .connect-with-us { margin-bottom: 30px; margin-top: 20px; overflow: hidden; } .connect-with-us .connect-heading { border-bottom: 1px solid #ddd; margin-bottom: 20px; font-size: 28px; line-height: 26px; font-weight: 600; padding-bottom: 16px; } .connect-with-us .tweets, .connect-with-us .facebook-feed, .connect-with-us .follow { float: left; width: 32%; margin: 0 0.6%; } /* */ /* SHARE - CONTENT */ .share-content { border-top: solid 1pt #ddd; padding-top: 14px; margin: 20px 0; } .share-content-home { border-top: solid 1pt #fff; padding-top: 0px; margin-top: 0px; float: right; } .share-content ul { padding: 0; margin: 0; list-style-type: none; } .share-content ul li { display: inline; } .share-content i { font-size: 18px; width: 1.7em; text-align: center; line-height: 1.7em; color: #fff; border-radius: 1.7em; margin-right: 4px; } .share-content i:hover { background: #000; } .share-content .facebook { background: #3C5A99; } .share-content .twitter { background: #00acee; } .share-content .linkedin { background: #0278B6; } .share-content .youtube { background: #e52d27; } .share-content .print { background: #a31e1e; cursor: pointer; margin-right: 15px; } .share-content .share { font-size: 16px; font-weight: 400; color: #666666; margin-right: 0px; } .share-content .updated { float: right; font-size: 12px; color: #666666; margin-top: 6px; max-width: 50%; } @media only screen and (max-width:1024px) { .share-content .updated { max-width: 40%; margin-bottom: 15px; } } @media only screen and (max-width:375px) { .share-content .updated { max-width: 100%; margin-bottom: 15px; clear: both; } } /* */ /* QUICK LINKS 2 & 3 COL */ .section-links { overflow: auto; display: flex; flex-wrap: wrap; justify-content: flex-start; } .section-links img { margin-bottom: 10px; } .section-links .boxes-1col { width: 97%; margin: 0 8% 30px 0; padding-left: 23px; } .section-links .boxes-2col { width: 46%; margin: 0 8% 30px 0; padding-left: 23px; } .section-links .boxes-3col { width: 32%; margin: 0 2% 30px 0; padding-left: 18px; } .section-links .boxes-3col:nth-child(3n+0), .section-links .boxes-2col:nth-child(2n+0) { margin-right: 0; } .boxes-2col h3, .boxes-3col h3, .boxes-3col h2 { font-size: 20px; line-height: 24px; font-weight: 600; margin-bottom: 4px; color: #00539F; } .boxes-2col ul li, .boxes-3col ul li { padding: 0; margin: 0; list-style: none; } /* */ /* VIDEO BOX */ .video-right { width: 48%; float: right; padding: 0px 0px 5px 5px; } .video-right a { color: #fff; font-weight: bold; } .video-right p { padding: 0 12px; font-size: 14px; color: #FFFFFF; } .iwtvidWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* OTHER */ .text-spacing-feature { padding: 18px; } .text-spacing { padding: 6px; } .img-responsive { max-width: 100%; height: auto; margin: 0; padding: 0; } .more-button { display: inline-block; width: auto; background: #00539F; text-align: center; padding: 10px 16px; font-size: 14px; color: #fff; } .more-button:before, .more-button-mini:before { font-family: 'Font Awesome 5 Free'; content: "\f105"; display: inline-block; padding-right: 6px; vertical-align: middle; } .more-button:hover { background: #000; color: #FFFFFF; text-decoration: none; } .external-links:after { font-family: 'Font Awesome 5 Free'; content: "\f08e"; display: inline-block; padding-left: 6px; vertical-align: middle; } p.nodownload { font-weight: lighter; position: relative; color: #666; } p.nodownload:after { font-family: 'Font Awesome 5 Free'; top: 0; left: -5px; padding-right: 10px; content: "\f023"; } .view-more { width: 100%; } .view-more h2 { border-bottom: solid 1pt #CCCCCC; padding-bottom: 10px; } .view-more hr { border: solid 1pt #CCCCCC; border-bottom: none; } .view-more .article .text-column { width: 77%; } .view-more .article .img-column { width: 18%; } .twocolumns { width: 49%; float: left; } .indentedRows { margin-left: 25px; } .content .training-form-textarea { height: 120px; width: 600px; } .validation-summary-errors ul { margin-top: 15px; } .validation-summary-valid { display: none; } /* Accordion */ /* Style the buttons that are used to open and close the accordion panel */ button.accordion { background-color: #1E6194; color: #FFF; cursor: pointer; padding: 10px; width: 100%; text-align: left; border: 1px solid #FFF; outline: none; transition: 0.4s; font-size: 16px; } /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ button.accordion.active, button.accordion:hover { background-color: #113755; } div.panel { background-color: white; max-height: 0; overflow: hidden; transition: 0.6s ease; opacity: 0; } div.panel h4 { color: #09f; } div.panel.show { opacity: 1; padding: 10px 10px; max-height: 100%; } button.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ color: #FFF; float: right; margin-left: 5px; } button.accordion.active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ } /* */ .mt1 { margin-top: .5em !important; } .mt2 { margin-top: 1em !important; } .mb1 { margin-bottom: .5em !important; } .mb2 { margin-bottom:1em !important; } @media only screen and (max-width : 1100px) { .section-links .boxes-3col { width: 46%; margin: 0 4% 20px 0 !important; } .share-content-home i { font-size: 18px; width: 1.7em; line-height: 1.7em; border-radius: 1.7em; margin-right: 4px; } .share-content-home .share { font-size: 12px; margin-right: 2px; } } @media only screen and (max-width : 850px) { ul.menuNav li > a { font-size: 1em; display: block; padding: 6px 10px 8px; } #scie-tweets li { width: 100%; } .contentpage div.content[role=main] { width: 73%; margin: 0 0 0 2%; float: left; } .main-content { width: 96%; margin: 0 2%; } .latest { width: 96% !Important; margin: 0 2%; } .aside { width: 73%; clear: right; float: right; } .more-button { margin-bottom: 30px; } .connect-with-us .tweets, .connect-with-us .facebook-feed, .connect-with-us .follow { float: left; width: 100%; margin: 30px 0 0 0; } } @media only screen and (max-width: 550px) { .container-s { display: none; } .search-box { display: none; } .share-content ul li { display: inline-block; } .share-content-home { border-top: solid 1pt #fff; padding-top: 0px; margin-top: 10px; float: left; } .connect-with-us .connect-heading { border-bottom: 1px solid #fff; } } /* Mobile */ @media only screen and (max-width: 480px) { .top-nav-follow { display: none; visibility: hidden; } .sciebar ul { padding-top: 6px; padding-bottom: 6px; margin: 0; width: 100%; } .sciebar ul { float: left; } .main-feature-home { display: flex; flex-direction: column; } .main-feature-home .img-column { width: 100%; margin-bottom: 10px; order: 1; } .main-feature .img-column { width: 100%; margin: 0; } .main-feature-home .img-column { overflow: hidden; } .main-feature-home .text-column, .main-feature .text-column { width: 100%; order: 2; } .main-feature-home .text-column .feature-type { font-size: 13px; } .main-feature-home .text-column h2, .main-feature .text-column h2 { font-size: 19px; line-height: 1.25em; margin-bottom: 0px; } .main-content .hero-text { font-size: 18px; line-height: 1.25em; } .more-button-mini, .more-button { display: block; margin-bottom: 30px; } .latest .latest-heading { font-size: 24px; line-height: 24px; } .latest .sub-heading { font-size: 20px; line-height: 22px; } .connect-with-us .tweets { width: 96%; margin: 7px 1%; } .share-content { margin-bottom: 26px; } .connect-with-us .follow { width: 100%; } .section-links .boxes-2col, .section-links .boxes-3col { width: 96%; margin: 0 2% 30px 2% !important; } .section-links { margin-bottom: 0px; } .content, .main-content { float: left; width: 96% !important; margin: 0 2% !important; } .content h1 { font-size: 22px; margin-bottom: 10px; } .content h2 { font-size: 20px; } .video-right { width: 96%; float: left; margin: 0 2% 20px 2%; } .intro .intro-right.none-video { margin-bottom: 20px; } #logoWrapper { margin: 0; padding-bottom: 14px; } .resources .img-column, .main-feature-safeguarding .img-column { width: auto !Important; } .main-feature-safeguarding .img-column { width: auto !Important; padding-bottom: 0; } .resources .text-column, .main-feature-safeguarding .text-column { width: auto !Important; } /*LOGIC MODEL FOR INTEGRATED CARE*/ .integrated-care-large { display: none; } .integrated-care-mobile { display: block; } } @media only screen and (max-width: 480px) { .page-header h1, .page-header p { font-size: 24px; padding: 12px 0 15px 5px; line-height: 120%; } } /* Mobile - Show/Hide */ @media only screen and (min-width: 481px) { .show-m { display: none !important; } .hidden-m { display: block !important; } .search-m { display: none !important; } } @media only screen and (max-width : 480px) { .show-m { display: block !important; } .hidden-m { display: none !important; } .search-m { display: inline-block !important; float: right; margin-right: 10px; } } /* Tablet and Above */ @media only screen and (min-width: 668px) { .sectionNav.fixed { position: fixed; width: 25%; top: 10px; bottom: 0; z-index: 9; padding-right: 5px; } div.content[role=main].fixed { margin-left: 28%; } .aside.fixed { margin-left: 28%; float: left; width: 73%; } .nav li a.hidden { display:block; } .sectionNav.fixed .nav li a.hidden { display: none; } } /* Tablet / Mobile Landscape */ @media only screen and (min-width: 850px) { .sectionNav.fixed { width: 20%; max-width: 228px; min-width: 170px; } div.content[role=main].fixed { margin-left: 22%; } .aside.fixed { width: 20%; float: right; margin: 0; } } /* CALLS TO ACTION */ .cta { padding: 16px 24px; color: #FFFFFF; margin-bottom: 20px; } .cta-button-mini i { font-size: 14px; line-height: normal; width: auto; border-radius: 0; background: none } .cta i { font-size: 1.4em; width: 1.6em; text-align: center; line-height: 1.6em; background: #fff; border-radius: 1.6em; margin-left: 5px; float: right; } .cta-title { margin-bottom: 10px; clear: both; min-height: 38px; } .cta-title h3 { color:#FFF; font-size: 20px; } .cta-subline { font-size: 14px; margin-top: -10px; } .cta a { font-weight: 600; } .cta-button { display: block; width: auto; background: #fff; border: 1px solid #fff; text-align: center; padding: 5px 16px; font-size: 16px; font-weight: 600; text-transform: uppercase } .cta-button:hover { background: #113755; color: #FFFFFF; text-decoration: none; } .cta blockquote { background: none; border-left: 0px; margin: 0 0 16px; padding: 0; } .cta blockquote p { margin-bottom: 0; } .cta-quote-name { font-size: 13px; } .extraline { padding-top: 8px; } .extraline a { color: #FFFFFF; font-weight: 400; } /* Flow chart */ ol.flow-chart { list-style: none; width: 80%; margin: 20px auto 10px; padding: 0 !important; font-weight: 600; } ol.flow-chart li { position: relative; border-radius: 15px; margin: 0 auto 30px; padding: 10px 15px 15px; text-align: center; color: white; } ol.flow-chart li a { color: white; font-weight:800; text-decoration:underline; } ol.flow-chart li a:hover { color: #F5F2D0; font-weight: 800; text-decoration: underline; } ol.flow-chart li a:visited { color: #E2DCCD; font-weight: 800; text-decoration: underline; } ol.flow-chart li:nth-child(6n+1) { background: #a31e1e; } ol.flow-chart li:nth-child(6n+2) { background: #943462; } ol.flow-chart li:nth-child(6n+3) { background: #198eaa; } ol.flow-chart li:nth-child(6n+4) { background: #1E6194; } ol.flow-chart li:nth-child(6n+5) { background: #638768; } ol.flow-chart li:nth-child(6n+0) { background: #6c8610; } ol.flow-chart li::after { content: ''; position: absolute; height: 30px; width: 2px; background: inherit; bottom: -30px; right: 50%; } ol.flow-chart li:last-child::after { display: none; } ol.flow-chart li strong { display: block; font-size: 1.15em; font-weight: 600; } ol.flow-chart.diminish li { font-size: 14px; padding: 7px 10px 11px; margin-bottom: 30px; } ol.flow-chart.diminish li::after { content: '\2193'; background: transparent; color: black; font-size: 45px; bottom: 29px; right: 52%; height: 0; width: 0; } ol.flow-chart.diminish li:nth-child(6n+2) { width: 90%; } ol.flow-chart.diminish li:nth-child(6n+3) { width: 80%; } ol.flow-chart.diminish li:nth-child(6n+4) { width: 70%; } ol.flow-chart.diminish li:nth-child(6n+5) { width: 60%; } ol.flow-chart.diminish li:nth-child(6n+0) { width: 40%; } ol.flow-chart.diminish li:nth-child(6n+1)::after { color: #a31e1e; } ol.flow-chart.diminish li:nth-child(6n+2)::after { color: #943462; } ol.flow-chart.diminish li:nth-child(6n+3)::after { color: #198eaa; } ol.flow-chart.diminish li:nth-child(6n+4)::after { color: #1E6194; } ol.flow-chart.diminish li:nth-child(6n+5)::after { color: #638768; } ol.flow-chart.diminish li:nth-child(6n+0)::after { color: #6c8610; } ol.flow-chart li.flow-up::after { content: '\2192'; display: block; position: absolute; background: transparent; color: #000 !important; font-size: 30px; top: -3px; right: -3px; } ol.flow-chart li.flow-up span { color: black; position: absolute; top: 20%; right: -140px; font-size: 14px; } ol.flow-chart li.flow-up span::before { content: ''; position: absolute; background: #000 !important; width: 2px; height: 98px; top: -81px; left: -3px; opacity: .6; } ol.flow-chart li.flow-up span::after { content: '\2191'; position: absolute; background: transparent; color: #000 !important; font-size: 30px; top: -119px; left: -10px; } ol.flow-chart li.flow-connect::before { content: '\2190'; display: block; position: absolute; background: transparent; color: black; font-size: 15px; top: 9px; right: -14px; } .flow-chart-title { color: black; text-align: center; font-weight: 700; } /*Flow chart left to right used on strategy page*/ div.flow-chart { width: 100%; } div.flow-chart-pair { display: flex; flex-wrap: wrap; justify-content: center; } div.flow-chart-pair p { border-radius: 10px; text-align: center; padding: 5px; font-weight: 600; } div.flow-chart-pair p:first-child { border: 3px solid #1E6194; width: 30%; } div.flow-chart-pair p:last-child { background: #1E6194; color: white; width: 55%; } div.flow-chart-pair span:after { bottom: 10%; position: relative; content: "\2192"; color: #1E6194; font-size: 2.4em; } /*Extention of above Flow chart left to right with border only*/ div.flow-chart-pair p:last-child.border { border: 3px solid #1E6194; width: 55%; } /**BACKGROUND COLOURS**/ .bg-orange {background:#c96724} .bg-dark-red {background:#a31e1e} .bg-blue {background:#1E6194} .bg-green {background:#638768} .bg-jade {background:#198eaa} .bg-purple {background:#943462} .bg-light-green {background:#6c8610} .bg-dark-jade {background: #255657} .bg-sf-dark-blue {background: #005261} .bg-sf-light-blue {background: #b2e0e6} /**QUICK LINKS BORDER COLOURS**/ .bdr { border-left: 3px solid !important; } .bdr-orange {border-left: 3px solid #c96724 !important} .bdr-dark-red {border-left: 3px solid #a31e1e !important} .bdr-blue {border-left: 3px solid #1E6194 !important} .bdr-green {border-left: 3px solid #638768 !important} .bdr-jade {border-left: 3px solid #198eaa !important} .bdr-purple {border-left: 3px solid #943462 !important} .bdr-light-green {border-left: 3px solid #6c8610 !important} .bdr-dark-jade {border-left: 3px solid #255657 !important;} .bdr-turquoise {border-left: 3px solid #48a98a !important;} .bdr-sf-dark-blue {border-left: 3px solid #005261 !important;} .bdr-sf-light-blue {border-left: 3px solid #b2e0e6 !important;} /**QUICK LINKS BORDER COLOUR ANY SIDE**/ .bdr-clr-orange {border-color: #c96724 !important} .bdr-clr-dark-red {border-color: #a31e1e !important} .bdr-clr-blue {border-color: #1E6194 !important} .bdr-clr-green {border-color: #638768 !important} .bdr-clr-jade {border-color: #198eaa !important} .bdr-clr-purple {border-color: #943462 !important} .bdr-clr-light-green {border-color: #6c8610 !important} .bdr-clr-dark-jade {border-color: #255657 !important;} .bdr-clr-dark-blue {border-color: #005261 !important;} .bdr-clr-light-blue {border-color: #b2e0e6 !important;} .bdr-clr-eggplant {border-color: #463091 !important;} /**TEXT COLOR**/ .txt-orange { color: #c96724 !important } .txt-dark-red {color: #a31e1e !important} .txt-blue {color: #1E6194 !important} .txt-green {color: #638768 !important} .txt-jade {color: #198eaa !important} .txt-purple {color: #943462 !important} .txt-light-green {color: #6c8610 !important} .txt-dark-jade {color: #255657 !important;} .txt-dark-blue {color: #005261 !important;} .txt-light-blue {color: #b2e0e6 !important;} .txt-eggplant {color: #463091 !important;} /**CALLS TO ACTION COLOURS**/ /* Orange CTA */ .orange { background-color: #c96724 !important; border-bottom: solid 6pt #9b4912 !important; } .orange.page-header + * .main-feature { background: #c96724; border-bottom: solid 6pt #9b4912 !important; } .orange.page-header + * *.bdr { border-color: #c96724 !important; } .orange i { color: #c96724; } .orange .cta-button { color: #c96724; } .orange .cta-button:hover { background: #9b4912; color: #FFFFFF; } .orange .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #c96724 } .orange .download-button-mini:hover { background: #9b4912; color: #fff } /* Dark Red CTA */ .dark-red { background-color: #a31e1e !important; border-bottom: solid 6pt #690c0c !important; } .dark-red.page-header + * .main-feature { background: #a31e1e; border-bottom: solid 6pt #690c0c !important; } .dark-red.page-header + * *.bdr { border-color: #a31e1e !important } .dark-red i { color: #a31e1e; } .dark-red .cta-button { color: #a31e1e !important; } .dark-red .cta-button:hover { background: #690c0c; color: #FFFFFF !important; } .dark-red .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #a31e1e } .dark-red .download-button-mini:hover { background: #690c0c; color: #fff } /* Blue CTA */ .blue { background-color: #1E6194 !important; border-bottom: solid 6pt #113755 !important; } .blue.page-header + * .main-feature { background: #1E6194; border-bottom: solid 6pt #113755 !important; } .blue.page-header + * *.bdr { border-color: #1E6194 !important } .blue i { color: #1E6194; } .blue .cta-button { color: #1E6194 !important; } .blue .cta-button:hover { background: #113755; color: #FFFFFF !important; } .blue .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #1E6194 } .blue .download-button-mini:hover { background: #113755; color: #fff } li.accContent.blue { background: #FFFFFF; border-bottom: solid 8pt #FFFFFF; } li.accContent.blue h3 { border: solid 1pt #5f93c9; background: #5f93c9; color: #FFFFFF; } li.accContent.blue div { border: solid 1pt #5f93c9; } li.accContent.blue > h2:active, li.accContent.blue > h3:active, li.accContent.blue > h4:active, li.accContent.blue > h2:hover, li.accContent.blue > h3:hover, li.accContent.blue > h4:hover { background-color: #113755; } /* Green CTA */ .green { background-color: #638768 !important; border-bottom: solid 6pt #47604A !important; } .green.page-header + * .main-feature { background: #638768; border-bottom: solid 6pt #47604A !important; } .green.page-header + * *.bdr { border-color: #638768 !important } .green i { color: #638768; } .green .cta-button { color: #638768 !important; } .green .cta-button:hover { background: #47604A; color: #FFFFFF !important; } .green .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #638768 } .green .download-button-mini:hover { background: #47604A; color: #fff } li.accContent.green { background: #FFFFFF; border-bottom: solid 8pt #FFFFFF; } li.accContent.green h3 { border: solid 1pt #47604A; background: #47604A; color: #FFFFFF; } li.accContent.green div { border: solid 1pt #47604A; } li.accContent.green > h2:active, li.accContent.green > h3:active, li.accContent.green > h4:active, li.accContent.green > h2:hover, li.accContent.green > h3:hover, li.accContent.green > h4:hover { background-color: #638768; } /* Purple CTA */ .purple { background-color: #943462 !important; border-bottom: solid 6pt #6A2546 !important; } .purple.page-header + * .main-feature { background: #943462; border-bottom: solid 6pt #6A2546 !important; } .purple.page-header + * *.bdr { border-color: #943462 !important } .purple i { color: #943462; } .purple .cta-button { color: #943462 !important; } .purple .cta-button:hover { background: #6A2546; color: #FFFFFF !important; } .purple .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #943462 } .purple .download-button-mini:hover { background: #6A2546; color: #fff } li.accContent.purple { background: #FFFFFF; border-bottom: solid 8pt #FFFFFF; } li.accContent.purple > h3 { border: solid 1pt #6A2546; background: #6A2546; color: #FFFFFF; } li.accContent.purple > div { border: solid 1pt #6A2546; } li.accContent.purple > h2:active, li.accContent.purple > h3:active, li.accContent.purple > h4:active, li.accContent.purple > h2:hover, li.accContent.purple > h3:hover, li.accContent.purple > h4:hover { background-color: #943462; } /* Jade CTA */ .jade { background-color: #198eaa !important; border-bottom: solid 6pt #147088 !important; } .jade.page-header + * .main-feature { background: #198eaa; border-bottom: solid 6pt #147088 !important; } .jade.page-header + * *.bdr { border-color: #198eaa !important } .jade i { color: #198eaa; } .jade .cta-button { color: #198eaa !important; } .jade .cta-button:hover { background: #147088; color: #FFFFFF !important; } .jade .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #198eaa } .jade .download-button-mini:hover { background: #147088; color: #fff } /* Turquoise CTA */ .turquoise { background-color: #48a98a !important; border-bottom: solid 6pt #40977b !important; } .turquoise.page-header + * .main-feature { background: #48a98a; border-bottom: solid 6pt #40977b !important; } .turquoise.page-header + * *.bdr { border-color: #48a98a !important; } /* Light Green CTA */ .light-green { background-color: #6c8610 !important; border-bottom: solid 6pt #50640a !important; } .light-green.page-header + * .main-feature { background: #6c8610; border-bottom: solid 6pt #50640a !important; } .light-green.page-header + * *.bdr { border-color: #6c8610 !important } .light-green i { color: #6c8610; } .light-green .cta-button { color: #6c8610 !important; } .light-green .cta-button:hover { background: #50640a; color: #FFFFFF !important; } .light-green .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #6c8610 } .light-green .download-button-mini:hover { background: #50640a; color: #fff } /* Dark Jade CTA */ .dark-jade { background-color: #255657 !important; border-bottom: solid 6pt #103637 !important; } .dark-jade.page-header + * .main-feature { background: #255657; border-bottom: solid 6pt #103637 !important; } .dark-jade.page-header + * *.bdr { border-color: #255657 !important } .dark-jade i { color: #255657; } .dark-jade .cta-button { color: #103637 !important; } .dark-jade .cta-button:hover { background: #103637; color: #FFFFFF !important; } .dark-jade .download-button-mini { margin-bottom:0; background: #FFFFFF; color: #255657 } .dark-jade .download-button-mini:hover { background: #103637; color: #fff } /**CALLS TO ACTION OUTLINE COLOURS**/ /* Orange CTA */ .orange-outline { background: #fff; border: solid 1pt #c96724; border-bottom: solid 6pt #c96724; color: #c96724; font-weight: 600 } .orange-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .orange-outline p { font-weight: 600 } .orange-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .orange-outline i { background: #c96724; color: #fff } .orange-outline .cta-button { color: #fff; background: #c96724 } .orange-outline .cta-button:hover { background: #9b4912; color: #FFFFFF } .orange-box { background: #ff9d59 !important; border-top: solid 6pt #c96724; font-weight: 600 } /* Dark Red CTA */ .dark-red-outline { background: #fff; border: solid 1pt #a31e1e; border-bottom: solid 6pt #a31e1e; color: #a31e1e; font-weight: 600 } .dark-red-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .dark-red-outline p { font-weight: 600 } .dark-red-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .dark-red-outline i { background: #a31e1e; color: #fff } .dark-red-outline .cta-button { color: #fff; background: #a31e1e } .dark-red-outline .cta-button:hover { background: #690c0c; color: #FFFFFF; } /* Blue CTA */ .blue-outline { background: #fff; border: solid 1pt #1E6194; border-bottom: solid 6pt #1E6194; color: #1E6194; font-weight: 600 } .blue-outline p { font-weight: 600 } .blue-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .blue-outline i { background: #1E6194; color: #fff } .blue-outline .cta-button { color: #fff; background: #1E6194 } .blue-outline .cta-button:hover { background: #113755; color: #FFFFFF } ol > li.blue-outline { border: solid 1pt #5f93c9; margin-bottom:5px; padding:3px; } /* Green CTA */ .green-outline { background: #fff; border: solid 1pt #638768; border-bottom: solid 6pt #47604A; color: #638768; font-weight: 600 } .green-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .green-outline p { font-weight: 600 } .green-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .green-outline i { background: #638768; color: #fff } .green-outline .cta-button { color: #fff; background: #638768 } .green-outline .cta-button:hover { background: #47604A; color: #FFFFFF } .green-box { background: #c3d4c5 !important; border-top: solid 6pt #47604A; font-weight: 600 } /* Purple-outline CTA */ .purple-outline { background: #fff; border: solid 1pt #943462; border-bottom: solid 6pt #943462; color: #943462; font-weight: 600 } .purple-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .purple-outline p { font-weight: 600 } .purple-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .purple-outline i { background: #943462; color: #fff } .purple-outline .cta-button { color: #fff; background: #943462 } .purple-outline .cta-button:hover { background: #6A2546; color: #FFFFFF; } ol > li.purple-outline { border: solid 1pt #6A2546; margin-bottom:5px; padding:3px; } .purple-box { background: #ffc7e2 !important; border-top: solid 6pt #943462; font-weight: 600 } /* Jade CTA */ .jade-outline { background: #fff; border: solid 1pt #198eaa; border-bottom: solid 6pt #198eaa; color: #198eaa; font-weight: 600 } .jade-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .jade-outline p { font-weight: 600 } .jade-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .jade-outline i { background: #198eaa; color: #fff } .jade-outline .cta-button { color: #fff; background: #198eaa } .jade-outline .cta-button:hover { background: #147088; color: #FFFFFF; } .jade-box { background: #8ce9ff !important; border-top: solid 6pt #198eaa; font-weight: 600 } /* Light Green CTA */ .light-green-outline { background: #fff; border: solid 1pt #6c8610; border-bottom: solid 6pt #6c8610; color: #6c8610; font-weight: 600 } .light-green-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .light-green-outline p { font-weight: 600 } .light-green-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .light-green-outline i { background: #6c8610; color: #fff } .light-green-outline .cta-button { color: #fff; background: #6c8610 } .light-green-outline .cta-button:hover { background: #50640a; color: #FFFFFF; } /* Dark Jade CTA */ .dark-jade-outline { background: #fff; border: solid 1pt #255657; border-bottom: solid 6pt #255657; color: #255657; font-weight: 600 } .dark-jade-outline .cta-subline { font-size: 14px; margin-top: -10px; color: #333333 } .dark-jade-outline p { font-weight: 600 } .dark-jade-outline hr { -webkit-margin-before: 0.4em; -webkit-margin-after: 1.2em; border: none; background-color: #ccc; color: #ccc; height: 1px; } .dark-jade-outline i { background: #255657; color: #fff } .dark-jade-outline .cta-button { color: #fff; background: #255657 } .dark-jade-outline .cta-button:hover { background: #103637; color: #FFFFFF; } /* TLAP CTA */ .tlap { background-color: #ffffff !important; border: solid 2pt #870069; border-bottom: solid 6pt #870069; } .tlap .text-column, .tlap .text-column a { color: #870069 !important; } /* BCF Colours */ .bcf-purple { background: #9a248b !important; border-color: #9a248b !important; } .bcf-txt-purple { color: #9a248b !important; } .bcf-bdr-purple::after, .bcf-bdr-purple > * { border-color: #9a248b !important; } .bcf-blue { background: #3265a3 !important; border-color: #3265a3 !important; } .bcf-txt-blue { color: #3265a3 !important; } .bcf-bdr-blue::after, .bcf-bdr-blue > * { border-color: #3265a3 !important; } .bcf-cornflower { background: #3a97c9 !important; border-color: #3a97c9 !important; } .bcf-txt-cornflower { color: #3a97c9 !important; } .bcf-bdr-cornflower::after, .bcf-bdr-cornflower > * { border-color: #3a97c9 !important; } .bcf-teal { background: #46bacc !important; border-color: #46bacc !important; } .bcf-txt-teal { color: #46bacc !important; } .bcf-bdr-teal::after, .bcf-bdr-teal > * { border-color: #46bacc !important; } .bcf-white { background: #fff !important; border-color: #fff !important; } .bcf-txt-white { color: #fff !important; } .bcf-bdr-white::after, .bcf-bdr-white > * { border-color: #fff !important; } .bcf-jade { background: #48a98a !important; border-color: #48a98a !important; } .bcf-txt-jade { color: #48a98a !important; } .bcf-bdr-jade::after, .bcf-bdr-jade > * { border-color: #48a98a !important; } .bcf-green { background: #4abe4c !important; border-color: #4abe4c !important; } .bcf-txt-green { color: #4abe4c !important; } .bcf-bdr-green::after, .bcf-bdr-green > * { border-color: #4abe4c !important; } .bcf-mint { background: #86c936 !important; border-color: #86c936 !important; } .bcf-txt-mint { color: #86c936 !important; } .bcf-bdr-mint::after, .bcf-bdr-mint > * { border-color: #86c936 !important; } .bcf-navy { background: #1b5e7f !important; border-color: #1b5e7f !important; } .bcf-txt-navy { color: #1b5e7f !important; } .bcf-bdr-navy::after, .bcf-bdr-navy > * { border-color: #1b5e7f !important; } .bcf-transparent { background: transparent !important; border-color: transparent !important; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bcf-txt-transparent { color: transparent !important; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bcf-bdr-transparent::after, .bcf-bdr-transparent > * { border-color: transparent !important; } /*Different div box colours*/ .em-blue { border-color: #1E6194 !important; background: rgb(208, 235, 245) !important; font-weight: 500; } .em-bluebox { border: #1E6194 1px solid !important; background-color: #1E6194; } .em-yellow { border-color: #fdec96 !important; background: rgb(245, 240, 208) !important; } .em-red { border-color: #a31e1e !important; background: #fae3e3 !important; } .em-cream { border-color: #fcd1b5 !important; background: #fcebd7 !important; } .em-cream h2, .em-cream h3, .em-cream h4, .em-cream h5 { color: black !important; } .em-blue h2, .em-blue h3, .em-blue h4, .em-blue h5 { color: black !important; } .em-purple h2, .em-purple h3, .em-purple h4, .em-purple h5 { color: black !important; } .em-yellow h2, .em-yellow h3, .em-yellow h4, .em-yellow h5 { color: black !important; } .em-red h2, .em-red h3, .em-red h4, .em-red h5 { color: black !important; } .em-jade h2, .em-jade h3, .em-jade h4, .em-jade h5 { color: black !important; } .em-orange h2, .em-orange h3, .em-orange h4, .em-orange h5 { color: black !important; } .em-green h2, .em-green h3, .em-green h4, .em-green h5 { color: black !important; } .em-orange { border-color: #c96724 !important; background: #ffd5b8 !important; } .em-jade { background-color: rgba(37, 86, 87, 0.15) !important; border-color: rgba(37, 86, 87, 0.3) !important; } .em-green { border-color: #638768 !important; background-color: #cce3cf !important; } .em-purple { border-color: #943462 !important; background-color: #ffbddc !important; } .em-letter { background: #fafafa; background-image: url("../img/400x267px/general-logo-sstock_714498178.png"); background-repeat: no-repeat; background-position: 95% 1%; background-size: 22%; box-shadow: 0 0 8px rgba(0,0,0,0.6), inset 0 0 300px rgba(222,198,122,0.7); border: 1px solid rgb(222, 198, 122); margin: 26px auto; padding: 28px; padding-top: 12%; position: relative; color: black; width: 80%; } .em-letter:before, .letter:after { content: ""; height: 98%; position: absolute; width: 100%; z-index: -1; } .em-letter:after { background: #fafafa; box-shadow: 0 0 8px rgba(0,0,0,0.6), inset 0 0 300px rgba(222,198,122,0.7); border: 1px solid rgb(222, 198, 122); right: -3px; top: 1px; transform: rotate(2deg); } .em-letter:before { background: #fafafa; box-shadow: 0 0 8px rgba(0,0,0,0.6), inset 0 0 300px rgba(222,198,122,0.7); border: 1px solid rgb(222, 198, 122); left: -5px; top: 4px; transform: rotate(-2deg); } /* NEW STYLES FOR SUMMARY REPORT*/ .card-header-purple { background-color:#943462; } .card-header-green { background-color: #638768; } .card-header-orange { background-color: #c96724; } .card-header-blue { background-color: #1E6194; } .card-header-jade { background-color: #198eaa; } /*Paint brush header background colours*/ .highlight-black { background: url("/assets/css/images/brush-stroke-banner.png"); background-repeat: no-repeat; background-size: 100% 125%; } .highlight-blue { background: url("/assets/css/images/brush-stroke-banner-blue.png"); background-repeat: no-repeat; background-size: 100% 125%; } .highlight-green { background: url("/assets/css/images/brush-stroke-banner-green.png"); background-repeat: no-repeat; background-size: 100% 125%; } .highlight-purple { background: url("/assets/css/images/brush-stroke-banner-purple.png"); background-repeat: no-repeat; background-size: 100% 125%; } .highlight-orange { background: url("/assets/css/images/brush-stroke-banner-orange.png"); background-repeat: no-repeat; background-size: 100% 125%; } /***** DIFFERENT COLOURS FOR ICON LIST *******/ .offer-icon-green { background: #638768; } .offer-icon-purple { background: #943462; } /** DIFFERENT COLOURS FOR INVERSE */ .components h3.purple-hdr { background: #943462; color: #ffffff; border-bottom: none; margin-bottom: 10px; } .components h3.orange-hdr { background: #c96724; color: #ffffff; border-bottom: none; margin-bottom: 10px; } .components h3.green-hdr { background: #638768; color: #ffffff; border-bottom: none; margin-bottom: 10px; } /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas, .fa-classic, .fa-solid, .far, .fa-regular { font-family: 'Font Awesome 6 Free'; } .fab, .fa-brands { font-family: 'Font Awesome 6 Brands'; } .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-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.08333em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.07143em; vertical-align: 0.05357em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.04167em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em) * -1); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { -webkit-animation-name: fa-beat; animation-name: fa-beat; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { -webkit-animation-name: fa-bounce; animation-name: fa-bounce; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { -webkit-animation-name: fa-fade; animation-name: fa-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { -webkit-animation-name: fa-beat-fade; animation-name: fa-beat-fade; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { -webkit-animation-name: fa-flip; animation-name: fa-flip; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { -webkit-animation-name: fa-shake; animation-name: fa-shake; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-delay: var(--fa-animation-delay, 0s); animation-delay: var(--fa-animation-delay, 0s); -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 2s); animation-duration: var(--fa-animation-duration, 2s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, linear); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { -webkit-animation-name: fa-spin; animation-name: fa-spin; -webkit-animation-direction: var(--fa-animation-direction, normal); animation-direction: var(--fa-animation-direction, normal); -webkit-animation-duration: var(--fa-animation-duration, 1s); animation-duration: var(--fa-animation-duration, 1s); -webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-iteration-count: var(--fa-animation-iteration-count, infinite); -webkit-animation-timing-function: var(--fa-animation-timing, steps(8)); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { -webkit-animation-delay: -1ms; animation-delay: -1ms; -webkit-animation-duration: 1ms; animation-duration: 1ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @-webkit-keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-beat { 0%, 90% { -webkit-transform: scale(1); transform: scale(1); } 45% { -webkit-transform: scale(var(--fa-beat-scale, 1.25)); transform: scale(var(--fa-beat-scale, 1.25)); } } @-webkit-keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @keyframes fa-bounce { 0% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 10% { -webkit-transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { -webkit-transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { -webkit-transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { -webkit-transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } 100% { -webkit-transform: scale(1, 1) translateY(0); transform: scale(1, 1) translateY(0); } } @-webkit-keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @-webkit-keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 1; -webkit-transform: scale(var(--fa-beat-fade-scale, 1.125)); transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @-webkit-keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-flip { 50% { -webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @-webkit-keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes fa-shake { 0% { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } 4% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 8%, 24% { -webkit-transform: rotate(-18deg); transform: rotate(-18deg); } 12%, 28% { -webkit-transform: rotate(18deg); transform: rotate(18deg); } 16% { -webkit-transform: rotate(-22deg); transform: rotate(-22deg); } 20% { -webkit-transform: rotate(22deg); transform: rotate(22deg); } 32% { -webkit-transform: rotate(-12deg); transform: rotate(-12deg); } 36% { -webkit-transform: rotate(12deg); transform: rotate(12deg); } 40%, 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .fa-rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -webkit-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { -webkit-transform: scale(1, -1); transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1, -1); transform: scale(-1, -1); } .fa-rotate-by { -webkit-transform: rotate(var(--fa-rotate-angle, none)); transform: rotate(var(--fa-rotate-angle, none)); } .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: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0::before { content: "\30"; } .fa-1::before { content: "\31"; } .fa-2::before { content: "\32"; } .fa-3::before { content: "\33"; } .fa-4::before { content: "\34"; } .fa-5::before { content: "\35"; } .fa-6::before { content: "\36"; } .fa-7::before { content: "\37"; } .fa-8::before { content: "\38"; } .fa-9::before { content: "\39"; } .fa-fill-drip::before { content: "\f576"; } .fa-arrows-to-circle::before { content: "\e4bd"; } .fa-circle-chevron-right::before { content: "\f138"; } .fa-chevron-circle-right::before { content: "\f138"; } .fa-at::before { content: "\40"; } .fa-trash-can::before { content: "\f2ed"; } .fa-trash-alt::before { content: "\f2ed"; } .fa-text-height::before { content: "\f034"; } .fa-user-xmark::before { content: "\f235"; } .fa-user-times::before { content: "\f235"; } .fa-stethoscope::before { content: "\f0f1"; } .fa-message::before { content: "\f27a"; } .fa-comment-alt::before { content: "\f27a"; } .fa-info::before { content: "\f129"; } .fa-down-left-and-up-right-to-center::before { content: "\f422"; } .fa-compress-alt::before { content: "\f422"; } .fa-explosion::before { content: "\e4e9"; } .fa-file-lines::before { content: "\f15c"; } .fa-file-alt::before { content: "\f15c"; } .fa-file-text::before { content: "\f15c"; } .fa-wave-square::before { content: "\f83e"; } .fa-ring::before { content: "\f70b"; } .fa-building-un::before { content: "\e4d9"; } .fa-dice-three::before { content: "\f527"; } .fa-calendar-days::before { content: "\f073"; } .fa-calendar-alt::before { content: "\f073"; } .fa-anchor-circle-check::before { content: "\e4aa"; } .fa-building-circle-arrow-right::before { content: "\e4d1"; } .fa-volleyball::before { content: "\f45f"; } .fa-volleyball-ball::before { content: "\f45f"; } .fa-arrows-up-to-line::before { content: "\e4c2"; } .fa-sort-down::before { content: "\f0dd"; } .fa-sort-desc::before { content: "\f0dd"; } .fa-circle-minus::before { content: "\f056"; } .fa-minus-circle::before { content: "\f056"; } .fa-door-open::before { content: "\f52b"; } .fa-right-from-bracket::before { content: "\f2f5"; } .fa-sign-out-alt::before { content: "\f2f5"; } .fa-atom::before { content: "\f5d2"; } .fa-soap::before { content: "\e06e"; } .fa-icons::before { content: "\f86d"; } .fa-heart-music-camera-bolt::before { content: "\f86d"; } .fa-microphone-lines-slash::before { content: "\f539"; } .fa-microphone-alt-slash::before { content: "\f539"; } .fa-bridge-circle-check::before { content: "\e4c9"; } .fa-pump-medical::before { content: "\e06a"; } .fa-fingerprint::before { content: "\f577"; } .fa-hand-point-right::before { content: "\f0a4"; } .fa-magnifying-glass-location::before { content: "\f689"; } .fa-search-location::before { content: "\f689"; } .fa-forward-step::before { content: "\f051"; } .fa-step-forward::before { content: "\f051"; } .fa-face-smile-beam::before { content: "\f5b8"; } .fa-smile-beam::before { content: "\f5b8"; } .fa-flag-checkered::before { content: "\f11e"; } .fa-football::before { content: "\f44e"; } .fa-football-ball::before { content: "\f44e"; } .fa-school-circle-exclamation::before { content: "\e56c"; } .fa-crop::before { content: "\f125"; } .fa-angles-down::before { content: "\f103"; } .fa-angle-double-down::before { content: "\f103"; } .fa-users-rectangle::before { content: "\e594"; } .fa-people-roof::before { content: "\e537"; } .fa-people-line::before { content: "\e534"; } .fa-beer-mug-empty::before { content: "\f0fc"; } .fa-beer::before { content: "\f0fc"; } .fa-diagram-predecessor::before { content: "\e477"; } .fa-arrow-up-long::before { content: "\f176"; } .fa-long-arrow-up::before { content: "\f176"; } .fa-fire-flame-simple::before { content: "\f46a"; } .fa-burn::before { content: "\f46a"; } .fa-person::before { content: "\f183"; } .fa-male::before { content: "\f183"; } .fa-laptop::before { content: "\f109"; } .fa-file-csv::before { content: "\f6dd"; } .fa-menorah::before { content: "\f676"; } .fa-truck-plane::before { content: "\e58f"; } .fa-record-vinyl::before { content: "\f8d9"; } .fa-face-grin-stars::before { content: "\f587"; } .fa-grin-stars::before { content: "\f587"; } .fa-bong::before { content: "\f55c"; } .fa-spaghetti-monster-flying::before { content: "\f67b"; } .fa-pastafarianism::before { content: "\f67b"; } .fa-arrow-down-up-across-line::before { content: "\e4af"; } .fa-spoon::before { content: "\f2e5"; } .fa-utensil-spoon::before { content: "\f2e5"; } .fa-jar-wheat::before { content: "\e517"; } .fa-envelopes-bulk::before { content: "\f674"; } .fa-mail-bulk::before { content: "\f674"; } .fa-file-circle-exclamation::before { content: "\e4eb"; } .fa-circle-h::before { content: "\f47e"; } .fa-hospital-symbol::before { content: "\f47e"; } .fa-pager::before { content: "\f815"; } .fa-address-book::before { content: "\f2b9"; } .fa-contact-book::before { content: "\f2b9"; } .fa-strikethrough::before { content: "\f0cc"; } .fa-k::before { content: "\4b"; } .fa-landmark-flag::before { content: "\e51c"; } .fa-pencil::before { content: "\f303"; } .fa-pencil-alt::before { content: "\f303"; } .fa-backward::before { content: "\f04a"; } .fa-caret-right::before { content: "\f0da"; } .fa-comments::before { content: "\f086"; } .fa-paste::before { content: "\f0ea"; } .fa-file-clipboard::before { content: "\f0ea"; } .fa-code-pull-request::before { content: "\e13c"; } .fa-clipboard-list::before { content: "\f46d"; } .fa-truck-ramp-box::before { content: "\f4de"; } .fa-truck-loading::before { content: "\f4de"; } .fa-user-check::before { content: "\f4fc"; } .fa-vial-virus::before { content: "\e597"; } .fa-sheet-plastic::before { content: "\e571"; } .fa-blog::before { content: "\f781"; } .fa-user-ninja::before { content: "\f504"; } .fa-person-arrow-up-from-line::before { content: "\e539"; } .fa-scroll-torah::before { content: "\f6a0"; } .fa-torah::before { content: "\f6a0"; } .fa-broom-ball::before { content: "\f458"; } .fa-quidditch::before { content: "\f458"; } .fa-quidditch-broom-ball::before { content: "\f458"; } .fa-toggle-off::before { content: "\f204"; } .fa-box-archive::before { content: "\f187"; } .fa-archive::before { content: "\f187"; } .fa-person-drowning::before { content: "\e545"; } .fa-arrow-down-9-1::before { content: "\f886"; } .fa-sort-numeric-desc::before { content: "\f886"; } .fa-sort-numeric-down-alt::before { content: "\f886"; } .fa-face-grin-tongue-squint::before { content: "\f58a"; } .fa-grin-tongue-squint::before { content: "\f58a"; } .fa-spray-can::before { content: "\f5bd"; } .fa-truck-monster::before { content: "\f63b"; } .fa-w::before { content: "\57"; } .fa-earth-africa::before { content: "\f57c"; } .fa-globe-africa::before { content: "\f57c"; } .fa-rainbow::before { content: "\f75b"; } .fa-circle-notch::before { content: "\f1ce"; } .fa-tablet-screen-button::before { content: "\f3fa"; } .fa-tablet-alt::before { content: "\f3fa"; } .fa-paw::before { content: "\f1b0"; } .fa-cloud::before { content: "\f0c2"; } .fa-trowel-bricks::before { content: "\e58a"; } .fa-face-flushed::before { content: "\f579"; } .fa-flushed::before { content: "\f579"; } .fa-hospital-user::before { content: "\f80d"; } .fa-tent-arrow-left-right::before { content: "\e57f"; } .fa-gavel::before { content: "\f0e3"; } .fa-legal::before { content: "\f0e3"; } .fa-binoculars::before { content: "\f1e5"; } .fa-microphone-slash::before { content: "\f131"; } .fa-box-tissue::before { content: "\e05b"; } .fa-motorcycle::before { content: "\f21c"; } .fa-bell-concierge::before { content: "\f562"; } .fa-concierge-bell::before { content: "\f562"; } .fa-pen-ruler::before { content: "\f5ae"; } .fa-pencil-ruler::before { content: "\f5ae"; } .fa-people-arrows::before { content: "\e068"; } .fa-people-arrows-left-right::before { content: "\e068"; } .fa-mars-and-venus-burst::before { content: "\e523"; } .fa-square-caret-right::before { content: "\f152"; } .fa-caret-square-right::before { content: "\f152"; } .fa-scissors::before { content: "\f0c4"; } .fa-cut::before { content: "\f0c4"; } .fa-sun-plant-wilt::before { content: "\e57a"; } .fa-toilets-portable::before { content: "\e584"; } .fa-hockey-puck::before { content: "\f453"; } .fa-table::before { content: "\f0ce"; } .fa-magnifying-glass-arrow-right::before { content: "\e521"; } .fa-tachograph-digital::before { content: "\f566"; } .fa-digital-tachograph::before { content: "\f566"; } .fa-users-slash::before { content: "\e073"; } .fa-clover::before { content: "\e139"; } .fa-reply::before { content: "\f3e5"; } .fa-mail-reply::before { content: "\f3e5"; } .fa-star-and-crescent::before { content: "\f699"; } .fa-house-fire::before { content: "\e50c"; } .fa-square-minus::before { content: "\f146"; } .fa-minus-square::before { content: "\f146"; } .fa-helicopter::before { content: "\f533"; } .fa-compass::before { content: "\f14e"; } .fa-square-caret-down::before { content: "\f150"; } .fa-caret-square-down::before { content: "\f150"; } .fa-file-circle-question::before { content: "\e4ef"; } .fa-laptop-code::before { content: "\f5fc"; } .fa-swatchbook::before { content: "\f5c3"; } .fa-prescription-bottle::before { content: "\f485"; } .fa-bars::before { content: "\f0c9"; } .fa-navicon::before { content: "\f0c9"; } .fa-people-group::before { content: "\e533"; } .fa-hourglass-end::before { content: "\f253"; } .fa-hourglass-3::before { content: "\f253"; } .fa-heart-crack::before { content: "\f7a9"; } .fa-heart-broken::before { content: "\f7a9"; } .fa-square-up-right::before { content: "\f360"; } .fa-external-link-square-alt::before { content: "\f360"; } .fa-face-kiss-beam::before { content: "\f597"; } .fa-kiss-beam::before { content: "\f597"; } .fa-film::before { content: "\f008"; } .fa-ruler-horizontal::before { content: "\f547"; } .fa-people-robbery::before { content: "\e536"; } .fa-lightbulb::before { content: "\f0eb"; } .fa-caret-left::before { content: "\f0d9"; } .fa-circle-exclamation::before { content: "\f06a"; } .fa-exclamation-circle::before { content: "\f06a"; } .fa-school-circle-xmark::before { content: "\e56d"; } .fa-arrow-right-from-bracket::before { content: "\f08b"; } .fa-sign-out::before { content: "\f08b"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fa-chevron-circle-down::before { content: "\f13a"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fa-unlock-alt::before { content: "\f13e"; } .fa-cloud-showers-heavy::before { content: "\f740"; } .fa-headphones-simple::before { content: "\f58f"; } .fa-headphones-alt::before { content: "\f58f"; } .fa-sitemap::before { content: "\f0e8"; } .fa-circle-dollar-to-slot::before { content: "\f4b9"; } .fa-donate::before { content: "\f4b9"; } .fa-memory::before { content: "\f538"; } .fa-road-spikes::before { content: "\e568"; } .fa-fire-burner::before { content: "\e4f1"; } .fa-flag::before { content: "\f024"; } .fa-hanukiah::before { content: "\f6e6"; } .fa-feather::before { content: "\f52d"; } .fa-volume-low::before { content: "\f027"; } .fa-volume-down::before { content: "\f027"; } .fa-comment-slash::before { content: "\f4b3"; } .fa-cloud-sun-rain::before { content: "\f743"; } .fa-compress::before { content: "\f066"; } .fa-wheat-awn::before { content: "\e2cd"; } .fa-wheat-alt::before { content: "\e2cd"; } .fa-ankh::before { content: "\f644"; } .fa-hands-holding-child::before { content: "\e4fa"; } .fa-asterisk::before { content: "\2a"; } .fa-square-check::before { content: "\f14a"; } .fa-check-square::before { content: "\f14a"; } .fa-peseta-sign::before { content: "\e221"; } .fa-heading::before { content: "\f1dc"; } .fa-header::before { content: "\f1dc"; } .fa-ghost::before { content: "\f6e2"; } .fa-list::before { content: "\f03a"; } .fa-list-squares::before { content: "\f03a"; } .fa-square-phone-flip::before { content: "\f87b"; } .fa-phone-square-alt::before { content: "\f87b"; } .fa-cart-plus::before { content: "\f217"; } .fa-gamepad::before { content: "\f11b"; } .fa-circle-dot::before { content: "\f192"; } .fa-dot-circle::before { content: "\f192"; } .fa-face-dizzy::before { content: "\f567"; } .fa-dizzy::before { content: "\f567"; } .fa-egg::before { content: "\f7fb"; } .fa-house-medical-circle-xmark::before { content: "\e513"; } .fa-campground::before { content: "\f6bb"; } .fa-folder-plus::before { content: "\f65e"; } .fa-futbol::before { content: "\f1e3"; } .fa-futbol-ball::before { content: "\f1e3"; } .fa-soccer-ball::before { content: "\f1e3"; } .fa-paintbrush::before { content: "\f1fc"; } .fa-paint-brush::before { content: "\f1fc"; } .fa-lock::before { content: "\f023"; } .fa-gas-pump::before { content: "\f52f"; } .fa-hot-tub-person::before { content: "\f593"; } .fa-hot-tub::before { content: "\f593"; } .fa-map-location::before { content: "\f59f"; } .fa-map-marked::before { content: "\f59f"; } .fa-house-flood-water::before { content: "\e50e"; } .fa-tree::before { content: "\f1bb"; } .fa-bridge-lock::before { content: "\e4cc"; } .fa-sack-dollar::before { content: "\f81d"; } .fa-pen-to-square::before { content: "\f044"; } .fa-edit::before { content: "\f044"; } .fa-car-side::before { content: "\f5e4"; } .fa-share-nodes::before { content: "\f1e0"; } .fa-share-alt::before { content: "\f1e0"; } .fa-heart-circle-minus::before { content: "\e4ff"; } .fa-hourglass-half::before { content: "\f252"; } .fa-hourglass-2::before { content: "\f252"; } .fa-microscope::before { content: "\f610"; } .fa-sink::before { content: "\e06d"; } .fa-bag-shopping::before { content: "\f290"; } .fa-shopping-bag::before { content: "\f290"; } .fa-arrow-down-z-a::before { content: "\f881"; } .fa-sort-alpha-desc::before { content: "\f881"; } .fa-sort-alpha-down-alt::before { content: "\f881"; } .fa-mitten::before { content: "\f7b5"; } .fa-person-rays::before { content: "\e54d"; } .fa-users::before { content: "\f0c0"; } .fa-eye-slash::before { content: "\f070"; } .fa-flask-vial::before { content: "\e4f3"; } .fa-hand::before { content: "\f256"; } .fa-hand-paper::before { content: "\f256"; } .fa-om::before { content: "\f679"; } .fa-worm::before { content: "\e599"; } .fa-house-circle-xmark::before { content: "\e50b"; } .fa-plug::before { content: "\f1e6"; } .fa-chevron-up::before { content: "\f077"; } .fa-hand-spock::before { content: "\f259"; } .fa-stopwatch::before { content: "\f2f2"; } .fa-face-kiss::before { content: "\f596"; } .fa-kiss::before { content: "\f596"; } .fa-bridge-circle-xmark::before { content: "\e4cb"; } .fa-face-grin-tongue::before { content: "\f589"; } .fa-grin-tongue::before { content: "\f589"; } .fa-chess-bishop::before { content: "\f43a"; } .fa-face-grin-wink::before { content: "\f58c"; } .fa-grin-wink::before { content: "\f58c"; } .fa-ear-deaf::before { content: "\f2a4"; } .fa-deaf::before { content: "\f2a4"; } .fa-deafness::before { content: "\f2a4"; } .fa-hard-of-hearing::before { content: "\f2a4"; } .fa-road-circle-check::before { content: "\e564"; } .fa-dice-five::before { content: "\f523"; } .fa-square-rss::before { content: "\f143"; } .fa-rss-square::before { content: "\f143"; } .fa-land-mine-on::before { content: "\e51b"; } .fa-i-cursor::before { content: "\f246"; } .fa-stamp::before { content: "\f5bf"; } .fa-stairs::before { content: "\e289"; } .fa-i::before { content: "\49"; } .fa-hryvnia-sign::before { content: "\f6f2"; } .fa-hryvnia::before { content: "\f6f2"; } .fa-pills::before { content: "\f484"; } .fa-face-grin-wide::before { content: "\f581"; } .fa-grin-alt::before { content: "\f581"; } .fa-tooth::before { content: "\f5c9"; } .fa-v::before { content: "\56"; } .fa-bicycle::before { content: "\f206"; } .fa-staff-snake::before { content: "\e579"; } .fa-rod-asclepius::before { content: "\e579"; } .fa-rod-snake::before { content: "\e579"; } .fa-staff-aesculapius::before { content: "\e579"; } .fa-head-side-cough-slash::before { content: "\e062"; } .fa-truck-medical::before { content: "\f0f9"; } .fa-ambulance::before { content: "\f0f9"; } .fa-wheat-awn-circle-exclamation::before { content: "\e598"; } .fa-snowman::before { content: "\f7d0"; } .fa-mortar-pestle::before { content: "\f5a7"; } .fa-road-barrier::before { content: "\e562"; } .fa-school::before { content: "\f549"; } .fa-igloo::before { content: "\f7ae"; } .fa-joint::before { content: "\f595"; } .fa-angle-right::before { content: "\f105"; } .fa-horse::before { content: "\f6f0"; } .fa-q::before { content: "\51"; } .fa-g::before { content: "\47"; } .fa-notes-medical::before { content: "\f481"; } .fa-temperature-half::before { content: "\f2c9"; } .fa-temperature-2::before { content: "\f2c9"; } .fa-thermometer-2::before { content: "\f2c9"; } .fa-thermometer-half::before { content: "\f2c9"; } .fa-dong-sign::before { content: "\e169"; } .fa-capsules::before { content: "\f46b"; } .fa-poo-storm::before { content: "\f75a"; } .fa-poo-bolt::before { content: "\f75a"; } .fa-face-frown-open::before { content: "\f57a"; } .fa-frown-open::before { content: "\f57a"; } .fa-hand-point-up::before { content: "\f0a6"; } .fa-money-bill::before { content: "\f0d6"; } .fa-bookmark::before { content: "\f02e"; } .fa-align-justify::before { content: "\f039"; } .fa-umbrella-beach::before { content: "\f5ca"; } .fa-helmet-un::before { content: "\e503"; } .fa-bullseye::before { content: "\f140"; } .fa-bacon::before { content: "\f7e5"; } .fa-hand-point-down::before { content: "\f0a7"; } .fa-arrow-up-from-bracket::before { content: "\e09a"; } .fa-folder::before { content: "\f07b"; } .fa-folder-blank::before { content: "\f07b"; } .fa-file-waveform::before { content: "\f478"; } .fa-file-medical-alt::before { content: "\f478"; } .fa-radiation::before { content: "\f7b9"; } .fa-chart-simple::before { content: "\e473"; } .fa-mars-stroke::before { content: "\f229"; } .fa-vial::before { content: "\f492"; } .fa-gauge::before { content: "\f624"; } .fa-dashboard::before { content: "\f624"; } .fa-gauge-med::before { content: "\f624"; } .fa-tachometer-alt-average::before { content: "\f624"; } .fa-wand-magic-sparkles::before { content: "\e2ca"; } .fa-magic-wand-sparkles::before { content: "\e2ca"; } .fa-e::before { content: "\45"; } .fa-pen-clip::before { content: "\f305"; } .fa-pen-alt::before { content: "\f305"; } .fa-bridge-circle-exclamation::before { content: "\e4ca"; } .fa-user::before { content: "\f007"; } .fa-school-circle-check::before { content: "\e56b"; } .fa-dumpster::before { content: "\f793"; } .fa-van-shuttle::before { content: "\f5b6"; } .fa-shuttle-van::before { content: "\f5b6"; } .fa-building-user::before { content: "\e4da"; } .fa-square-caret-left::before { content: "\f191"; } .fa-caret-square-left::before { content: "\f191"; } .fa-highlighter::before { content: "\f591"; } .fa-key::before { content: "\f084"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-globe::before { content: "\f0ac"; } .fa-synagogue::before { content: "\f69b"; } .fa-person-half-dress::before { content: "\e548"; } .fa-road-bridge::before { content: "\e563"; } .fa-location-arrow::before { content: "\f124"; } .fa-c::before { content: "\43"; } .fa-tablet-button::before { content: "\f10a"; } .fa-building-lock::before { content: "\e4d6"; } .fa-pizza-slice::before { content: "\f818"; } .fa-money-bill-wave::before { content: "\f53a"; } .fa-chart-area::before { content: "\f1fe"; } .fa-area-chart::before { content: "\f1fe"; } .fa-house-flag::before { content: "\e50d"; } .fa-person-circle-minus::before { content: "\e540"; } .fa-ban::before { content: "\f05e"; } .fa-cancel::before { content: "\f05e"; } .fa-camera-rotate::before { content: "\e0d8"; } .fa-spray-can-sparkles::before { content: "\f5d0"; } .fa-air-freshener::before { content: "\f5d0"; } .fa-star::before { content: "\f005"; } .fa-repeat::before { content: "\f363"; } .fa-cross::before { content: "\f654"; } .fa-box::before { content: "\f466"; } .fa-venus-mars::before { content: "\f228"; } .fa-arrow-pointer::before { content: "\f245"; } .fa-mouse-pointer::before { content: "\f245"; } .fa-maximize::before { content: "\f31e"; } .fa-expand-arrows-alt::before { content: "\f31e"; } .fa-charging-station::before { content: "\f5e7"; } .fa-shapes::before { content: "\f61f"; } .fa-triangle-circle-square::before { content: "\f61f"; } .fa-shuffle::before { content: "\f074"; } .fa-random::before { content: "\f074"; } .fa-person-running::before { content: "\f70c"; } .fa-running::before { content: "\f70c"; } .fa-mobile-retro::before { content: "\e527"; } .fa-grip-lines-vertical::before { content: "\f7a5"; } .fa-spider::before { content: "\f717"; } .fa-hands-bound::before { content: "\e4f9"; } .fa-file-invoice-dollar::before { content: "\f571"; } .fa-plane-circle-exclamation::before { content: "\e556"; } .fa-x-ray::before { content: "\f497"; } .fa-spell-check::before { content: "\f891"; } .fa-slash::before { content: "\f715"; } .fa-computer-mouse::before { content: "\f8cc"; } .fa-mouse::before { content: "\f8cc"; } .fa-arrow-right-to-bracket::before { content: "\f090"; } .fa-sign-in::before { content: "\f090"; } .fa-shop-slash::before { content: "\e070"; } .fa-store-alt-slash::before { content: "\e070"; } .fa-server::before { content: "\f233"; } .fa-virus-covid-slash::before { content: "\e4a9"; } .fa-shop-lock::before { content: "\e4a5"; } .fa-hourglass-start::before { content: "\f251"; } .fa-hourglass-1::before { content: "\f251"; } .fa-blender-phone::before { content: "\f6b6"; } .fa-building-wheat::before { content: "\e4db"; } .fa-person-breastfeeding::before { content: "\e53a"; } .fa-right-to-bracket::before { content: "\f2f6"; } .fa-sign-in-alt::before { content: "\f2f6"; } .fa-venus::before { content: "\f221"; } .fa-passport::before { content: "\f5ab"; } .fa-heart-pulse::before { content: "\f21e"; } .fa-heartbeat::before { content: "\f21e"; } .fa-people-carry-box::before { content: "\f4ce"; } .fa-people-carry::before { content: "\f4ce"; } .fa-temperature-high::before { content: "\f769"; } .fa-microchip::before { content: "\f2db"; } .fa-crown::before { content: "\f521"; } .fa-weight-hanging::before { content: "\f5cd"; } .fa-xmarks-lines::before { content: "\e59a"; } .fa-file-prescription::before { content: "\f572"; } .fa-weight-scale::before { content: "\f496"; } .fa-weight::before { content: "\f496"; } .fa-user-group::before { content: "\f500"; } .fa-user-friends::before { content: "\f500"; } .fa-arrow-up-a-z::before { content: "\f15e"; } .fa-sort-alpha-up::before { content: "\f15e"; } .fa-chess-knight::before { content: "\f441"; } .fa-face-laugh-squint::before { content: "\f59b"; } .fa-laugh-squint::before { content: "\f59b"; } .fa-wheelchair::before { content: "\f193"; } .fa-circle-arrow-up::before { content: "\f0aa"; } .fa-arrow-circle-up::before { content: "\f0aa"; } .fa-toggle-on::before { content: "\f205"; } .fa-person-walking::before { content: "\f554"; } .fa-walking::before { content: "\f554"; } .fa-l::before { content: "\4c"; } .fa-fire::before { content: "\f06d"; } .fa-bed-pulse::before { content: "\f487"; } .fa-procedures::before { content: "\f487"; } .fa-shuttle-space::before { content: "\f197"; } .fa-space-shuttle::before { content: "\f197"; } .fa-face-laugh::before { content: "\f599"; } .fa-laugh::before { content: "\f599"; } .fa-folder-open::before { content: "\f07c"; } .fa-heart-circle-plus::before { content: "\e500"; } .fa-code-fork::before { content: "\e13b"; } .fa-city::before { content: "\f64f"; } .fa-microphone-lines::before { content: "\f3c9"; } .fa-microphone-alt::before { content: "\f3c9"; } .fa-pepper-hot::before { content: "\f816"; } .fa-unlock::before { content: "\f09c"; } .fa-colon-sign::before { content: "\e140"; } .fa-headset::before { content: "\f590"; } .fa-store-slash::before { content: "\e071"; } .fa-road-circle-xmark::before { content: "\e566"; } .fa-user-minus::before { content: "\f503"; } .fa-mars-stroke-up::before { content: "\f22a"; } .fa-mars-stroke-v::before { content: "\f22a"; } .fa-champagne-glasses::before { content: "\f79f"; } .fa-glass-cheers::before { content: "\f79f"; } .fa-clipboard::before { content: "\f328"; } .fa-house-circle-exclamation::before { content: "\e50a"; } .fa-file-arrow-up::before { content: "\f574"; } .fa-file-upload::before { content: "\f574"; } .fa-wifi::before { content: "\f1eb"; } .fa-wifi-3::before { content: "\f1eb"; } .fa-wifi-strong::before { content: "\f1eb"; } .fa-bath::before { content: "\f2cd"; } .fa-bathtub::before { content: "\f2cd"; } .fa-underline::before { content: "\f0cd"; } .fa-user-pen::before { content: "\f4ff"; } .fa-user-edit::before { content: "\f4ff"; } .fa-signature::before { content: "\f5b7"; } .fa-stroopwafel::before { content: "\f551"; } .fa-bold::before { content: "\f032"; } .fa-anchor-lock::before { content: "\e4ad"; } .fa-building-ngo::before { content: "\e4d7"; } .fa-manat-sign::before { content: "\e1d5"; } .fa-not-equal::before { content: "\f53e"; } .fa-border-top-left::before { content: "\f853"; } .fa-border-style::before { content: "\f853"; } .fa-map-location-dot::before { content: "\f5a0"; } .fa-map-marked-alt::before { content: "\f5a0"; } .fa-jedi::before { content: "\f669"; } .fa-square-poll-vertical::before { content: "\f681"; } .fa-poll::before { content: "\f681"; } .fa-mug-hot::before { content: "\f7b6"; } .fa-car-battery::before { content: "\f5df"; } .fa-battery-car::before { content: "\f5df"; } .fa-gift::before { content: "\f06b"; } .fa-dice-two::before { content: "\f528"; } .fa-chess-queen::before { content: "\f445"; } .fa-glasses::before { content: "\f530"; } .fa-chess-board::before { content: "\f43c"; } .fa-building-circle-check::before { content: "\e4d2"; } .fa-person-chalkboard::before { content: "\e53d"; } .fa-mars-stroke-right::before { content: "\f22b"; } .fa-mars-stroke-h::before { content: "\f22b"; } .fa-hand-back-fist::before { content: "\f255"; } .fa-hand-rock::before { content: "\f255"; } .fa-square-caret-up::before { content: "\f151"; } .fa-caret-square-up::before { content: "\f151"; } .fa-cloud-showers-water::before { content: "\e4e4"; } .fa-chart-bar::before { content: "\f080"; } .fa-bar-chart::before { content: "\f080"; } .fa-hands-bubbles::before { content: "\e05e"; } .fa-hands-wash::before { content: "\e05e"; } .fa-less-than-equal::before { content: "\f537"; } .fa-train::before { content: "\f238"; } .fa-eye-low-vision::before { content: "\f2a8"; } .fa-low-vision::before { content: "\f2a8"; } .fa-crow::before { content: "\f520"; } .fa-sailboat::before { content: "\e445"; } .fa-window-restore::before { content: "\f2d2"; } .fa-square-plus::before { content: "\f0fe"; } .fa-plus-square::before { content: "\f0fe"; } .fa-torii-gate::before { content: "\f6a1"; } .fa-frog::before { content: "\f52e"; } .fa-bucket::before { content: "\e4cf"; } .fa-image::before { content: "\f03e"; } .fa-microphone::before { content: "\f130"; } .fa-cow::before { content: "\f6c8"; } .fa-caret-up::before { content: "\f0d8"; } .fa-screwdriver::before { content: "\f54a"; } .fa-folder-closed::before { content: "\e185"; } .fa-house-tsunami::before { content: "\e515"; } .fa-square-nfi::before { content: "\e576"; } .fa-arrow-up-from-ground-water::before { content: "\e4b5"; } .fa-martini-glass::before { content: "\f57b"; } .fa-glass-martini-alt::before { content: "\f57b"; } .fa-rotate-left::before { content: "\f2ea"; } .fa-rotate-back::before { content: "\f2ea"; } .fa-rotate-backward::before { content: "\f2ea"; } .fa-undo-alt::before { content: "\f2ea"; } .fa-table-columns::before { content: "\f0db"; } .fa-columns::before { content: "\f0db"; } .fa-lemon::before { content: "\f094"; } .fa-head-side-mask::before { content: "\e063"; } .fa-handshake::before { content: "\f2b5"; } .fa-gem::before { content: "\f3a5"; } .fa-dolly::before { content: "\f472"; } .fa-dolly-box::before { content: "\f472"; } .fa-smoking::before { content: "\f48d"; } .fa-minimize::before { content: "\f78c"; } .fa-compress-arrows-alt::before { content: "\f78c"; } .fa-monument::before { content: "\f5a6"; } .fa-snowplow::before { content: "\f7d2"; } .fa-angles-right::before { content: "\f101"; } .fa-angle-double-right::before { content: "\f101"; } .fa-cannabis::before { content: "\f55f"; } .fa-circle-play::before { content: "\f144"; } .fa-play-circle::before { content: "\f144"; } .fa-tablets::before { content: "\f490"; } .fa-ethernet::before { content: "\f796"; } .fa-euro-sign::before { content: "\f153"; } .fa-eur::before { content: "\f153"; } .fa-euro::before { content: "\f153"; } .fa-chair::before { content: "\f6c0"; } .fa-circle-check::before { content: "\f058"; } .fa-check-circle::before { content: "\f058"; } .fa-circle-stop::before { content: "\f28d"; } .fa-stop-circle::before { content: "\f28d"; } .fa-compass-drafting::before { content: "\f568"; } .fa-drafting-compass::before { content: "\f568"; } .fa-plate-wheat::before { content: "\e55a"; } .fa-icicles::before { content: "\f7ad"; } .fa-person-shelter::before { content: "\e54f"; } .fa-neuter::before { content: "\f22c"; } .fa-id-badge::before { content: "\f2c1"; } .fa-marker::before { content: "\f5a1"; } .fa-face-laugh-beam::before { content: "\f59a"; } .fa-laugh-beam::before { content: "\f59a"; } .fa-helicopter-symbol::before { content: "\e502"; } .fa-universal-access::before { content: "\f29a"; } .fa-circle-chevron-up::before { content: "\f139"; } .fa-chevron-circle-up::before { content: "\f139"; } .fa-lari-sign::before { content: "\e1c8"; } .fa-volcano::before { content: "\f770"; } .fa-person-walking-dashed-line-arrow-right::before { content: "\e553"; } .fa-sterling-sign::before { content: "\f154"; } .fa-gbp::before { content: "\f154"; } .fa-pound-sign::before { content: "\f154"; } .fa-viruses::before { content: "\e076"; } .fa-square-person-confined::before { content: "\e577"; } .fa-user-tie::before { content: "\f508"; } .fa-arrow-down-long::before { content: "\f175"; } .fa-long-arrow-down::before { content: "\f175"; } .fa-tent-arrow-down-to-line::before { content: "\e57e"; } .fa-certificate::before { content: "\f0a3"; } .fa-reply-all::before { content: "\f122"; } .fa-mail-reply-all::before { content: "\f122"; } .fa-suitcase::before { content: "\f0f2"; } .fa-person-skating::before { content: "\f7c5"; } .fa-skating::before { content: "\f7c5"; } .fa-filter-circle-dollar::before { content: "\f662"; } .fa-funnel-dollar::before { content: "\f662"; } .fa-camera-retro::before { content: "\f083"; } .fa-circle-arrow-down::before { content: "\f0ab"; } .fa-arrow-circle-down::before { content: "\f0ab"; } .fa-file-import::before { content: "\f56f"; } .fa-arrow-right-to-file::before { content: "\f56f"; } .fa-square-arrow-up-right::before { content: "\f14c"; } .fa-external-link-square::before { content: "\f14c"; } .fa-box-open::before { content: "\f49e"; } .fa-scroll::before { content: "\f70e"; } .fa-spa::before { content: "\f5bb"; } .fa-location-pin-lock::before { content: "\e51f"; } .fa-pause::before { content: "\f04c"; } .fa-hill-avalanche::before { content: "\e507"; } .fa-temperature-empty::before { content: "\f2cb"; } .fa-temperature-0::before { content: "\f2cb"; } .fa-thermometer-0::before { content: "\f2cb"; } .fa-thermometer-empty::before { content: "\f2cb"; } .fa-bomb::before { content: "\f1e2"; } .fa-registered::before { content: "\f25d"; } .fa-address-card::before { content: "\f2bb"; } .fa-contact-card::before { content: "\f2bb"; } .fa-vcard::before { content: "\f2bb"; } .fa-scale-unbalanced-flip::before { content: "\f516"; } .fa-balance-scale-right::before { content: "\f516"; } .fa-subscript::before { content: "\f12c"; } .fa-diamond-turn-right::before { content: "\f5eb"; } .fa-directions::before { content: "\f5eb"; } .fa-burst::before { content: "\e4dc"; } .fa-house-laptop::before { content: "\e066"; } .fa-laptop-house::before { content: "\e066"; } .fa-face-tired::before { content: "\f5c8"; } .fa-tired::before { content: "\f5c8"; } .fa-money-bills::before { content: "\e1f3"; } .fa-smog::before { content: "\f75f"; } .fa-crutch::before { content: "\f7f7"; } .fa-cloud-arrow-up::before { content: "\f0ee"; } .fa-cloud-upload::before { content: "\f0ee"; } .fa-cloud-upload-alt::before { content: "\f0ee"; } .fa-palette::before { content: "\f53f"; } .fa-arrows-turn-right::before { content: "\e4c0"; } .fa-vest::before { content: "\e085"; } .fa-ferry::before { content: "\e4ea"; } .fa-arrows-down-to-people::before { content: "\e4b9"; } .fa-seedling::before { content: "\f4d8"; } .fa-sprout::before { content: "\f4d8"; } .fa-left-right::before { content: "\f337"; } .fa-arrows-alt-h::before { content: "\f337"; } .fa-boxes-packing::before { content: "\e4c7"; } .fa-circle-arrow-left::before { content: "\f0a8"; } .fa-arrow-circle-left::before { content: "\f0a8"; } .fa-group-arrows-rotate::before { content: "\e4f6"; } .fa-bowl-food::before { content: "\e4c6"; } .fa-candy-cane::before { content: "\f786"; } .fa-arrow-down-wide-short::before { content: "\f160"; } .fa-sort-amount-asc::before { content: "\f160"; } .fa-sort-amount-down::before { content: "\f160"; } .fa-cloud-bolt::before { content: "\f76c"; } .fa-thunderstorm::before { content: "\f76c"; } .fa-text-slash::before { content: "\f87d"; } .fa-remove-format::before { content: "\f87d"; } .fa-face-smile-wink::before { content: "\f4da"; } .fa-smile-wink::before { content: "\f4da"; } .fa-file-word::before { content: "\f1c2"; } .fa-file-powerpoint::before { content: "\f1c4"; } .fa-arrows-left-right::before { content: "\f07e"; } .fa-arrows-h::before { content: "\f07e"; } .fa-house-lock::before { content: "\e510"; } .fa-cloud-arrow-down::before { content: "\f0ed"; } .fa-cloud-download::before { content: "\f0ed"; } .fa-cloud-download-alt::before { content: "\f0ed"; } .fa-children::before { content: "\e4e1"; } .fa-chalkboard::before { content: "\f51b"; } .fa-blackboard::before { content: "\f51b"; } .fa-user-large-slash::before { content: "\f4fa"; } .fa-user-alt-slash::before { content: "\f4fa"; } .fa-envelope-open::before { content: "\f2b6"; } .fa-handshake-simple-slash::before { content: "\e05f"; } .fa-handshake-alt-slash::before { content: "\e05f"; } .fa-mattress-pillow::before { content: "\e525"; } .fa-guarani-sign::before { content: "\e19a"; } .fa-arrows-rotate::before { content: "\f021"; } .fa-refresh::before { content: "\f021"; } .fa-sync::before { content: "\f021"; } .fa-fire-extinguisher::before { content: "\f134"; } .fa-cruzeiro-sign::before { content: "\e152"; } .fa-greater-than-equal::before { content: "\f532"; } .fa-shield-halved::before { content: "\f3ed"; } .fa-shield-alt::before { content: "\f3ed"; } .fa-book-atlas::before { content: "\f558"; } .fa-atlas::before { content: "\f558"; } .fa-virus::before { content: "\e074"; } .fa-envelope-circle-check::before { content: "\e4e8"; } .fa-layer-group::before { content: "\f5fd"; } .fa-arrows-to-dot::before { content: "\e4be"; } .fa-archway::before { content: "\f557"; } .fa-heart-circle-check::before { content: "\e4fd"; } .fa-house-chimney-crack::before { content: "\f6f1"; } .fa-house-damage::before { content: "\f6f1"; } .fa-file-zipper::before { content: "\f1c6"; } .fa-file-archive::before { content: "\f1c6"; } .fa-square::before { content: "\f0c8"; } .fa-martini-glass-empty::before { content: "\f000"; } .fa-glass-martini::before { content: "\f000"; } .fa-couch::before { content: "\f4b8"; } .fa-cedi-sign::before { content: "\e0df"; } .fa-italic::before { content: "\f033"; } .fa-church::before { content: "\f51d"; } .fa-comments-dollar::before { content: "\f653"; } .fa-democrat::before { content: "\f747"; } .fa-z::before { content: "\5a"; } .fa-person-skiing::before { content: "\f7c9"; } .fa-skiing::before { content: "\f7c9"; } .fa-road-lock::before { content: "\e567"; } .fa-a::before { content: "\41"; } .fa-temperature-arrow-down::before { content: "\e03f"; } .fa-temperature-down::before { content: "\e03f"; } .fa-feather-pointed::before { content: "\f56b"; } .fa-feather-alt::before { content: "\f56b"; } .fa-p::before { content: "\50"; } .fa-snowflake::before { content: "\f2dc"; } .fa-newspaper::before { content: "\f1ea"; } .fa-rectangle-ad::before { content: "\f641"; } .fa-ad::before { content: "\f641"; } .fa-circle-arrow-right::before { content: "\f0a9"; } .fa-arrow-circle-right::before { content: "\f0a9"; } .fa-filter-circle-xmark::before { content: "\e17b"; } .fa-locust::before { content: "\e520"; } .fa-sort::before { content: "\f0dc"; } .fa-unsorted::before { content: "\f0dc"; } .fa-list-ol::before { content: "\f0cb"; } .fa-list-1-2::before { content: "\f0cb"; } .fa-list-numeric::before { content: "\f0cb"; } .fa-person-dress-burst::before { content: "\e544"; } .fa-money-check-dollar::before { content: "\f53d"; } .fa-money-check-alt::before { content: "\f53d"; } .fa-vector-square::before { content: "\f5cb"; } .fa-bread-slice::before { content: "\f7ec"; } .fa-language::before { content: "\f1ab"; } .fa-face-kiss-wink-heart::before { content: "\f598"; } .fa-kiss-wink-heart::before { content: "\f598"; } .fa-filter::before { content: "\f0b0"; } .fa-question::before { content: "\3f"; } .fa-file-signature::before { content: "\f573"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fa-arrows-alt::before { content: "\f0b2"; } .fa-house-chimney-user::before { content: "\e065"; } .fa-hand-holding-heart::before { content: "\f4be"; } .fa-puzzle-piece::before { content: "\f12e"; } .fa-money-check::before { content: "\f53c"; } .fa-star-half-stroke::before { content: "\f5c0"; } .fa-star-half-alt::before { content: "\f5c0"; } .fa-code::before { content: "\f121"; } .fa-whiskey-glass::before { content: "\f7a0"; } .fa-glass-whiskey::before { content: "\f7a0"; } .fa-building-circle-exclamation::before { content: "\e4d3"; } .fa-magnifying-glass-chart::before { content: "\e522"; } .fa-arrow-up-right-from-square::before { content: "\f08e"; } .fa-external-link::before { content: "\f08e"; } .fa-cubes-stacked::before { content: "\e4e6"; } .fa-won-sign::before { content: "\f159"; } .fa-krw::before { content: "\f159"; } .fa-won::before { content: "\f159"; } .fa-virus-covid::before { content: "\e4a8"; } .fa-austral-sign::before { content: "\e0a9"; } .fa-f::before { content: "\46"; } .fa-leaf::before { content: "\f06c"; } .fa-road::before { content: "\f018"; } .fa-taxi::before { content: "\f1ba"; } .fa-cab::before { content: "\f1ba"; } .fa-person-circle-plus::before { content: "\e541"; } .fa-chart-pie::before { content: "\f200"; } .fa-pie-chart::before { content: "\f200"; } .fa-bolt-lightning::before { content: "\e0b7"; } .fa-sack-xmark::before { content: "\e56a"; } .fa-file-excel::before { content: "\f1c3"; } .fa-file-contract::before { content: "\f56c"; } .fa-fish-fins::before { content: "\e4f2"; } .fa-building-flag::before { content: "\e4d5"; } .fa-face-grin-beam::before { content: "\f582"; } .fa-grin-beam::before { content: "\f582"; } .fa-object-ungroup::before { content: "\f248"; } .fa-poop::before { content: "\f619"; } .fa-location-pin::before { content: "\f041"; } .fa-map-marker::before { content: "\f041"; } .fa-kaaba::before { content: "\f66b"; } .fa-toilet-paper::before { content: "\f71e"; } .fa-helmet-safety::before { content: "\f807"; } .fa-hard-hat::before { content: "\f807"; } .fa-hat-hard::before { content: "\f807"; } .fa-eject::before { content: "\f052"; } .fa-circle-right::before { content: "\f35a"; } .fa-arrow-alt-circle-right::before { content: "\f35a"; } .fa-plane-circle-check::before { content: "\e555"; } .fa-face-rolling-eyes::before { content: "\f5a5"; } .fa-meh-rolling-eyes::before { content: "\f5a5"; } .fa-object-group::before { content: "\f247"; } .fa-chart-line::before { content: "\f201"; } .fa-line-chart::before { content: "\f201"; } .fa-mask-ventilator::before { content: "\e524"; } .fa-arrow-right::before { content: "\f061"; } .fa-signs-post::before { content: "\f277"; } .fa-map-signs::before { content: "\f277"; } .fa-cash-register::before { content: "\f788"; } .fa-person-circle-question::before { content: "\e542"; } .fa-h::before { content: "\48"; } .fa-tarp::before { content: "\e57b"; } .fa-screwdriver-wrench::before { content: "\f7d9"; } .fa-tools::before { content: "\f7d9"; } .fa-arrows-to-eye::before { content: "\e4bf"; } .fa-plug-circle-bolt::before { content: "\e55b"; } .fa-heart::before { content: "\f004"; } .fa-mars-and-venus::before { content: "\f224"; } .fa-house-user::before { content: "\e1b0"; } .fa-home-user::before { content: "\e1b0"; } .fa-dumpster-fire::before { content: "\f794"; } .fa-house-crack::before { content: "\e3b1"; } .fa-martini-glass-citrus::before { content: "\f561"; } .fa-cocktail::before { content: "\f561"; } .fa-face-surprise::before { content: "\f5c2"; } .fa-surprise::before { content: "\f5c2"; } .fa-bottle-water::before { content: "\e4c5"; } .fa-circle-pause::before { content: "\f28b"; } .fa-pause-circle::before { content: "\f28b"; } .fa-toilet-paper-slash::before { content: "\e072"; } .fa-apple-whole::before { content: "\f5d1"; } .fa-apple-alt::before { content: "\f5d1"; } .fa-kitchen-set::before { content: "\e51a"; } .fa-r::before { content: "\52"; } .fa-temperature-quarter::before { content: "\f2ca"; } .fa-temperature-1::before { content: "\f2ca"; } .fa-thermometer-1::before { content: "\f2ca"; } .fa-thermometer-quarter::before { content: "\f2ca"; } .fa-cube::before { content: "\f1b2"; } .fa-bitcoin-sign::before { content: "\e0b4"; } .fa-shield-dog::before { content: "\e573"; } .fa-solar-panel::before { content: "\f5ba"; } .fa-lock-open::before { content: "\f3c1"; } .fa-elevator::before { content: "\e16d"; } .fa-money-bill-transfer::before { content: "\e528"; } .fa-money-bill-trend-up::before { content: "\e529"; } .fa-house-flood-water-circle-arrow-right::before { content: "\e50f"; } .fa-square-poll-horizontal::before { content: "\f682"; } .fa-poll-h::before { content: "\f682"; } .fa-circle::before { content: "\f111"; } .fa-backward-fast::before { content: "\f049"; } .fa-fast-backward::before { content: "\f049"; } .fa-recycle::before { content: "\f1b8"; } .fa-user-astronaut::before { content: "\f4fb"; } .fa-plane-slash::before { content: "\e069"; } .fa-trademark::before { content: "\f25c"; } .fa-basketball::before { content: "\f434"; } .fa-basketball-ball::before { content: "\f434"; } .fa-satellite-dish::before { content: "\f7c0"; } .fa-circle-up::before { content: "\f35b"; } .fa-arrow-alt-circle-up::before { content: "\f35b"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fa-mobile-alt::before { content: "\f3cd"; } .fa-volume-high::before { content: "\f028"; } .fa-volume-up::before { content: "\f028"; } .fa-users-rays::before { content: "\e593"; } .fa-wallet::before { content: "\f555"; } .fa-clipboard-check::before { content: "\f46c"; } .fa-file-audio::before { content: "\f1c7"; } .fa-burger::before { content: "\f805"; } .fa-hamburger::before { content: "\f805"; } .fa-wrench::before { content: "\f0ad"; } .fa-bugs::before { content: "\e4d0"; } .fa-rupee-sign::before { content: "\f156"; } .fa-rupee::before { content: "\f156"; } .fa-file-image::before { content: "\f1c5"; } .fa-circle-question::before { content: "\f059"; } .fa-question-circle::before { content: "\f059"; } .fa-plane-departure::before { content: "\f5b0"; } .fa-handshake-slash::before { content: "\e060"; } .fa-book-bookmark::before { content: "\e0bb"; } .fa-code-branch::before { content: "\f126"; } .fa-hat-cowboy::before { content: "\f8c0"; } .fa-bridge::before { content: "\e4c8"; } .fa-phone-flip::before { content: "\f879"; } .fa-phone-alt::before { content: "\f879"; } .fa-truck-front::before { content: "\e2b7"; } .fa-cat::before { content: "\f6be"; } .fa-anchor-circle-exclamation::before { content: "\e4ab"; } .fa-truck-field::before { content: "\e58d"; } .fa-route::before { content: "\f4d7"; } .fa-clipboard-question::before { content: "\e4e3"; } .fa-panorama::before { content: "\e209"; } .fa-comment-medical::before { content: "\f7f5"; } .fa-teeth-open::before { content: "\f62f"; } .fa-file-circle-minus::before { content: "\e4ed"; } .fa-tags::before { content: "\f02c"; } .fa-wine-glass::before { content: "\f4e3"; } .fa-forward-fast::before { content: "\f050"; } .fa-fast-forward::before { content: "\f050"; } .fa-face-meh-blank::before { content: "\f5a4"; } .fa-meh-blank::before { content: "\f5a4"; } .fa-square-parking::before { content: "\f540"; } .fa-parking::before { content: "\f540"; } .fa-house-signal::before { content: "\e012"; } .fa-bars-progress::before { content: "\f828"; } .fa-tasks-alt::before { content: "\f828"; } .fa-faucet-drip::before { content: "\e006"; } .fa-cart-flatbed::before { content: "\f474"; } .fa-dolly-flatbed::before { content: "\f474"; } .fa-ban-smoking::before { content: "\f54d"; } .fa-smoking-ban::before { content: "\f54d"; } .fa-terminal::before { content: "\f120"; } .fa-mobile-button::before { content: "\f10b"; } .fa-house-medical-flag::before { content: "\e514"; } .fa-basket-shopping::before { content: "\f291"; } .fa-shopping-basket::before { content: "\f291"; } .fa-tape::before { content: "\f4db"; } .fa-bus-simple::before { content: "\f55e"; } .fa-bus-alt::before { content: "\f55e"; } .fa-eye::before { content: "\f06e"; } .fa-face-sad-cry::before { content: "\f5b3"; } .fa-sad-cry::before { content: "\f5b3"; } .fa-audio-description::before { content: "\f29e"; } .fa-person-military-to-person::before { content: "\e54c"; } .fa-file-shield::before { content: "\e4f0"; } .fa-user-slash::before { content: "\f506"; } .fa-pen::before { content: "\f304"; } .fa-tower-observation::before { content: "\e586"; } .fa-file-code::before { content: "\f1c9"; } .fa-signal::before { content: "\f012"; } .fa-signal-5::before { content: "\f012"; } .fa-signal-perfect::before { content: "\f012"; } .fa-bus::before { content: "\f207"; } .fa-heart-circle-xmark::before { content: "\e501"; } .fa-house-chimney::before { content: "\e3af"; } .fa-home-lg::before { content: "\e3af"; } .fa-window-maximize::before { content: "\f2d0"; } .fa-face-frown::before { content: "\f119"; } .fa-frown::before { content: "\f119"; } .fa-prescription::before { content: "\f5b1"; } .fa-shop::before { content: "\f54f"; } .fa-store-alt::before { content: "\f54f"; } .fa-floppy-disk::before { content: "\f0c7"; } .fa-save::before { content: "\f0c7"; } .fa-vihara::before { content: "\f6a7"; } .fa-scale-unbalanced::before { content: "\f515"; } .fa-balance-scale-left::before { content: "\f515"; } .fa-sort-up::before { content: "\f0de"; } .fa-sort-asc::before { content: "\f0de"; } .fa-comment-dots::before { content: "\f4ad"; } .fa-commenting::before { content: "\f4ad"; } .fa-plant-wilt::before { content: "\e5aa"; } .fa-diamond::before { content: "\f219"; } .fa-face-grin-squint::before { content: "\f585"; } .fa-grin-squint::before { content: "\f585"; } .fa-hand-holding-dollar::before { content: "\f4c0"; } .fa-hand-holding-usd::before { content: "\f4c0"; } .fa-bacterium::before { content: "\e05a"; } .fa-hand-pointer::before { content: "\f25a"; } .fa-drum-steelpan::before { content: "\f56a"; } .fa-hand-scissors::before { content: "\f257"; } .fa-hands-praying::before { content: "\f684"; } .fa-praying-hands::before { content: "\f684"; } .fa-arrow-rotate-right::before { content: "\f01e"; } .fa-arrow-right-rotate::before { content: "\f01e"; } .fa-arrow-rotate-forward::before { content: "\f01e"; } .fa-redo::before { content: "\f01e"; } .fa-biohazard::before { content: "\f780"; } .fa-location-crosshairs::before { content: "\f601"; } .fa-location::before { content: "\f601"; } .fa-mars-double::before { content: "\f227"; } .fa-child-dress::before { content: "\e59c"; } .fa-users-between-lines::before { content: "\e591"; } .fa-lungs-virus::before { content: "\e067"; } .fa-face-grin-tears::before { content: "\f588"; } .fa-grin-tears::before { content: "\f588"; } .fa-phone::before { content: "\f095"; } .fa-calendar-xmark::before { content: "\f273"; } .fa-calendar-times::before { content: "\f273"; } .fa-child-reaching::before { content: "\e59d"; } .fa-head-side-virus::before { content: "\e064"; } .fa-user-gear::before { content: "\f4fe"; } .fa-user-cog::before { content: "\f4fe"; } .fa-arrow-up-1-9::before { content: "\f163"; } .fa-sort-numeric-up::before { content: "\f163"; } .fa-door-closed::before { content: "\f52a"; } .fa-shield-virus::before { content: "\e06c"; } .fa-dice-six::before { content: "\f526"; } .fa-mosquito-net::before { content: "\e52c"; } .fa-bridge-water::before { content: "\e4ce"; } .fa-person-booth::before { content: "\f756"; } .fa-text-width::before { content: "\f035"; } .fa-hat-wizard::before { content: "\f6e8"; } .fa-pen-fancy::before { content: "\f5ac"; } .fa-person-digging::before { content: "\f85e"; } .fa-digging::before { content: "\f85e"; } .fa-trash::before { content: "\f1f8"; } .fa-gauge-simple::before { content: "\f629"; } .fa-gauge-simple-med::before { content: "\f629"; } .fa-tachometer-average::before { content: "\f629"; } .fa-book-medical::before { content: "\f7e6"; } .fa-poo::before { content: "\f2fe"; } .fa-quote-right::before { content: "\f10e"; } .fa-quote-right-alt::before { content: "\f10e"; } .fa-shirt::before { content: "\f553"; } .fa-t-shirt::before { content: "\f553"; } .fa-tshirt::before { content: "\f553"; } .fa-cubes::before { content: "\f1b3"; } .fa-divide::before { content: "\f529"; } .fa-tenge-sign::before { content: "\f7d7"; } .fa-tenge::before { content: "\f7d7"; } .fa-headphones::before { content: "\f025"; } .fa-hands-holding::before { content: "\f4c2"; } .fa-hands-clapping::before { content: "\e1a8"; } .fa-republican::before { content: "\f75e"; } .fa-arrow-left::before { content: "\f060"; } .fa-person-circle-xmark::before { content: "\e543"; } .fa-ruler::before { content: "\f545"; } .fa-align-left::before { content: "\f036"; } .fa-dice-d6::before { content: "\f6d1"; } .fa-restroom::before { content: "\f7bd"; } .fa-j::before { content: "\4a"; } .fa-users-viewfinder::before { content: "\e595"; } .fa-file-video::before { content: "\f1c8"; } .fa-up-right-from-square::before { content: "\f35d"; } .fa-external-link-alt::before { content: "\f35d"; } .fa-table-cells::before { content: "\f00a"; } .fa-th::before { content: "\f00a"; } .fa-file-pdf::before { content: "\f1c1"; } .fa-book-bible::before { content: "\f647"; } .fa-bible::before { content: "\f647"; } .fa-o::before { content: "\4f"; } .fa-suitcase-medical::before { content: "\f0fa"; } .fa-medkit::before { content: "\f0fa"; } .fa-user-secret::before { content: "\f21b"; } .fa-otter::before { content: "\f700"; } .fa-person-dress::before { content: "\f182"; } .fa-female::before { content: "\f182"; } .fa-comment-dollar::before { content: "\f651"; } .fa-business-time::before { content: "\f64a"; } .fa-briefcase-clock::before { content: "\f64a"; } .fa-table-cells-large::before { content: "\f009"; } .fa-th-large::before { content: "\f009"; } .fa-book-tanakh::before { content: "\f827"; } .fa-tanakh::before { content: "\f827"; } .fa-phone-volume::before { content: "\f2a0"; } .fa-volume-control-phone::before { content: "\f2a0"; } .fa-hat-cowboy-side::before { content: "\f8c1"; } .fa-clipboard-user::before { content: "\f7f3"; } .fa-child::before { content: "\f1ae"; } .fa-lira-sign::before { content: "\f195"; } .fa-satellite::before { content: "\f7bf"; } .fa-plane-lock::before { content: "\e558"; } .fa-tag::before { content: "\f02b"; } .fa-comment::before { content: "\f075"; } .fa-cake-candles::before { content: "\f1fd"; } .fa-birthday-cake::before { content: "\f1fd"; } .fa-cake::before { content: "\f1fd"; } .fa-envelope::before { content: "\f0e0"; } .fa-angles-up::before { content: "\f102"; } .fa-angle-double-up::before { content: "\f102"; } .fa-paperclip::before { content: "\f0c6"; } .fa-arrow-right-to-city::before { content: "\e4b3"; } .fa-ribbon::before { content: "\f4d6"; } .fa-lungs::before { content: "\f604"; } .fa-arrow-up-9-1::before { content: "\f887"; } .fa-sort-numeric-up-alt::before { content: "\f887"; } .fa-litecoin-sign::before { content: "\e1d3"; } .fa-border-none::before { content: "\f850"; } .fa-circle-nodes::before { content: "\e4e2"; } .fa-parachute-box::before { content: "\f4cd"; } .fa-indent::before { content: "\f03c"; } .fa-truck-field-un::before { content: "\e58e"; } .fa-hourglass::before { content: "\f254"; } .fa-hourglass-empty::before { content: "\f254"; } .fa-mountain::before { content: "\f6fc"; } .fa-user-doctor::before { content: "\f0f0"; } .fa-user-md::before { content: "\f0f0"; } .fa-circle-info::before { content: "\f05a"; } .fa-info-circle::before { content: "\f05a"; } .fa-cloud-meatball::before { content: "\f73b"; } .fa-camera::before { content: "\f030"; } .fa-camera-alt::before { content: "\f030"; } .fa-square-virus::before { content: "\e578"; } .fa-meteor::before { content: "\f753"; } .fa-car-on::before { content: "\e4dd"; } .fa-sleigh::before { content: "\f7cc"; } .fa-arrow-down-1-9::before { content: "\f162"; } .fa-sort-numeric-asc::before { content: "\f162"; } .fa-sort-numeric-down::before { content: "\f162"; } .fa-hand-holding-droplet::before { content: "\f4c1"; } .fa-hand-holding-water::before { content: "\f4c1"; } .fa-water::before { content: "\f773"; } .fa-calendar-check::before { content: "\f274"; } .fa-braille::before { content: "\f2a1"; } .fa-prescription-bottle-medical::before { content: "\f486"; } .fa-prescription-bottle-alt::before { content: "\f486"; } .fa-landmark::before { content: "\f66f"; } .fa-truck::before { content: "\f0d1"; } .fa-crosshairs::before { content: "\f05b"; } .fa-person-cane::before { content: "\e53c"; } .fa-tent::before { content: "\e57d"; } .fa-vest-patches::before { content: "\e086"; } .fa-check-double::before { content: "\f560"; } .fa-arrow-down-a-z::before { content: "\f15d"; } .fa-sort-alpha-asc::before { content: "\f15d"; } .fa-sort-alpha-down::before { content: "\f15d"; } .fa-money-bill-wheat::before { content: "\e52a"; } .fa-cookie::before { content: "\f563"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fa-arrow-left-rotate::before { content: "\f0e2"; } .fa-arrow-rotate-back::before { content: "\f0e2"; } .fa-arrow-rotate-backward::before { content: "\f0e2"; } .fa-undo::before { content: "\f0e2"; } .fa-hard-drive::before { content: "\f0a0"; } .fa-hdd::before { content: "\f0a0"; } .fa-face-grin-squint-tears::before { content: "\f586"; } .fa-grin-squint-tears::before { content: "\f586"; } .fa-dumbbell::before { content: "\f44b"; } .fa-rectangle-list::before { content: "\f022"; } .fa-list-alt::before { content: "\f022"; } .fa-tarp-droplet::before { content: "\e57c"; } .fa-house-medical-circle-check::before { content: "\e511"; } .fa-person-skiing-nordic::before { content: "\f7ca"; } .fa-skiing-nordic::before { content: "\f7ca"; } .fa-calendar-plus::before { content: "\f271"; } .fa-plane-arrival::before { content: "\f5af"; } .fa-circle-left::before { content: "\f359"; } .fa-arrow-alt-circle-left::before { content: "\f359"; } .fa-train-subway::before { content: "\f239"; } .fa-subway::before { content: "\f239"; } .fa-chart-gantt::before { content: "\e0e4"; } .fa-indian-rupee-sign::before { content: "\e1bc"; } .fa-indian-rupee::before { content: "\e1bc"; } .fa-inr::before { content: "\e1bc"; } .fa-crop-simple::before { content: "\f565"; } .fa-crop-alt::before { content: "\f565"; } .fa-money-bill-1::before { content: "\f3d1"; } .fa-money-bill-alt::before { content: "\f3d1"; } .fa-left-long::before { content: "\f30a"; } .fa-long-arrow-alt-left::before { content: "\f30a"; } .fa-dna::before { content: "\f471"; } .fa-virus-slash::before { content: "\e075"; } .fa-minus::before { content: "\f068"; } .fa-subtract::before { content: "\f068"; } .fa-child-rifle::before { content: "\e4e0"; } .fa-chess::before { content: "\f439"; } .fa-arrow-left-long::before { content: "\f177"; } .fa-long-arrow-left::before { content: "\f177"; } .fa-plug-circle-check::before { content: "\e55c"; } .fa-street-view::before { content: "\f21d"; } .fa-franc-sign::before { content: "\e18f"; } .fa-volume-off::before { content: "\f026"; } .fa-hands-asl-interpreting::before { content: "\f2a3"; } .fa-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-asl-interpreting::before { content: "\f2a3"; } .fa-hands-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-gear::before { content: "\f013"; } .fa-cog::before { content: "\f013"; } .fa-droplet-slash::before { content: "\f5c7"; } .fa-tint-slash::before { content: "\f5c7"; } .fa-mosque::before { content: "\f678"; } .fa-mosquito::before { content: "\e52b"; } .fa-star-of-david::before { content: "\f69a"; } .fa-person-military-rifle::before { content: "\e54b"; } .fa-cart-shopping::before { content: "\f07a"; } .fa-shopping-cart::before { content: "\f07a"; } .fa-vials::before { content: "\f493"; } .fa-plug-circle-plus::before { content: "\e55f"; } .fa-place-of-worship::before { content: "\f67f"; } .fa-grip-vertical::before { content: "\f58e"; } .fa-arrow-turn-up::before { content: "\f148"; } .fa-level-up::before { content: "\f148"; } .fa-u::before { content: "\55"; } .fa-square-root-variable::before { content: "\f698"; } .fa-square-root-alt::before { content: "\f698"; } .fa-clock::before { content: "\f017"; } .fa-clock-four::before { content: "\f017"; } .fa-backward-step::before { content: "\f048"; } .fa-step-backward::before { content: "\f048"; } .fa-pallet::before { content: "\f482"; } .fa-faucet::before { content: "\e005"; } .fa-baseball-bat-ball::before { content: "\f432"; } .fa-s::before { content: "\53"; } .fa-timeline::before { content: "\e29c"; } .fa-keyboard::before { content: "\f11c"; } .fa-caret-down::before { content: "\f0d7"; } .fa-house-chimney-medical::before { content: "\f7f2"; } .fa-clinic-medical::before { content: "\f7f2"; } .fa-temperature-three-quarters::before { content: "\f2c8"; } .fa-temperature-3::before { content: "\f2c8"; } .fa-thermometer-3::before { content: "\f2c8"; } .fa-thermometer-three-quarters::before { content: "\f2c8"; } .fa-mobile-screen::before { content: "\f3cf"; } .fa-mobile-android-alt::before { content: "\f3cf"; } .fa-plane-up::before { content: "\e22d"; } .fa-piggy-bank::before { content: "\f4d3"; } .fa-battery-half::before { content: "\f242"; } .fa-battery-3::before { content: "\f242"; } .fa-mountain-city::before { content: "\e52e"; } .fa-coins::before { content: "\f51e"; } .fa-khanda::before { content: "\f66d"; } .fa-sliders::before { content: "\f1de"; } .fa-sliders-h::before { content: "\f1de"; } .fa-folder-tree::before { content: "\f802"; } .fa-network-wired::before { content: "\f6ff"; } .fa-map-pin::before { content: "\f276"; } .fa-hamsa::before { content: "\f665"; } .fa-cent-sign::before { content: "\e3f5"; } .fa-flask::before { content: "\f0c3"; } .fa-person-pregnant::before { content: "\e31e"; } .fa-wand-sparkles::before { content: "\f72b"; } .fa-ellipsis-vertical::before { content: "\f142"; } .fa-ellipsis-v::before { content: "\f142"; } .fa-ticket::before { content: "\f145"; } .fa-power-off::before { content: "\f011"; } .fa-right-long::before { content: "\f30b"; } .fa-long-arrow-alt-right::before { content: "\f30b"; } .fa-flag-usa::before { content: "\f74d"; } .fa-laptop-file::before { content: "\e51d"; } .fa-tty::before { content: "\f1e4"; } .fa-teletype::before { content: "\f1e4"; } .fa-diagram-next::before { content: "\e476"; } .fa-person-rifle::before { content: "\e54e"; } .fa-house-medical-circle-exclamation::before { content: "\e512"; } .fa-closed-captioning::before { content: "\f20a"; } .fa-person-hiking::before { content: "\f6ec"; } .fa-hiking::before { content: "\f6ec"; } .fa-venus-double::before { content: "\f226"; } .fa-images::before { content: "\f302"; } .fa-calculator::before { content: "\f1ec"; } .fa-people-pulling::before { content: "\e535"; } .fa-n::before { content: "\4e"; } .fa-cable-car::before { content: "\f7da"; } .fa-tram::before { content: "\f7da"; } .fa-cloud-rain::before { content: "\f73d"; } .fa-building-circle-xmark::before { content: "\e4d4"; } .fa-ship::before { content: "\f21a"; } .fa-arrows-down-to-line::before { content: "\e4b8"; } .fa-download::before { content: "\f019"; } .fa-face-grin::before { content: "\f580"; } .fa-grin::before { content: "\f580"; } .fa-delete-left::before { content: "\f55a"; } .fa-backspace::before { content: "\f55a"; } .fa-eye-dropper::before { content: "\f1fb"; } .fa-eye-dropper-empty::before { content: "\f1fb"; } .fa-eyedropper::before { content: "\f1fb"; } .fa-file-circle-check::before { content: "\e5a0"; } .fa-forward::before { content: "\f04e"; } .fa-mobile::before { content: "\f3ce"; } .fa-mobile-android::before { content: "\f3ce"; } .fa-mobile-phone::before { content: "\f3ce"; } .fa-face-meh::before { content: "\f11a"; } .fa-meh::before { content: "\f11a"; } .fa-align-center::before { content: "\f037"; } .fa-book-skull::before { content: "\f6b7"; } .fa-book-dead::before { content: "\f6b7"; } .fa-id-card::before { content: "\f2c2"; } .fa-drivers-license::before { content: "\f2c2"; } .fa-outdent::before { content: "\f03b"; } .fa-dedent::before { content: "\f03b"; } .fa-heart-circle-exclamation::before { content: "\e4fe"; } .fa-house::before { content: "\f015"; } .fa-home::before { content: "\f015"; } .fa-home-alt::before { content: "\f015"; } .fa-home-lg-alt::before { content: "\f015"; } .fa-calendar-week::before { content: "\f784"; } .fa-laptop-medical::before { content: "\f812"; } .fa-b::before { content: "\42"; } .fa-file-medical::before { content: "\f477"; } .fa-dice-one::before { content: "\f525"; } .fa-kiwi-bird::before { content: "\f535"; } .fa-arrow-right-arrow-left::before { content: "\f0ec"; } .fa-exchange::before { content: "\f0ec"; } .fa-rotate-right::before { content: "\f2f9"; } .fa-redo-alt::before { content: "\f2f9"; } .fa-rotate-forward::before { content: "\f2f9"; } .fa-utensils::before { content: "\f2e7"; } .fa-cutlery::before { content: "\f2e7"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fa-sort-amount-up::before { content: "\f161"; } .fa-mill-sign::before { content: "\e1ed"; } .fa-bowl-rice::before { content: "\e2eb"; } .fa-skull::before { content: "\f54c"; } .fa-tower-broadcast::before { content: "\f519"; } .fa-broadcast-tower::before { content: "\f519"; } .fa-truck-pickup::before { content: "\f63c"; } .fa-up-long::before { content: "\f30c"; } .fa-long-arrow-alt-up::before { content: "\f30c"; } .fa-stop::before { content: "\f04d"; } .fa-code-merge::before { content: "\f387"; } .fa-upload::before { content: "\f093"; } .fa-hurricane::before { content: "\f751"; } .fa-mound::before { content: "\e52d"; } .fa-toilet-portable::before { content: "\e583"; } .fa-compact-disc::before { content: "\f51f"; } .fa-file-arrow-down::before { content: "\f56d"; } .fa-file-download::before { content: "\f56d"; } .fa-caravan::before { content: "\f8ff"; } .fa-shield-cat::before { content: "\e572"; } .fa-bolt::before { content: "\f0e7"; } .fa-zap::before { content: "\f0e7"; } .fa-glass-water::before { content: "\e4f4"; } .fa-oil-well::before { content: "\e532"; } .fa-vault::before { content: "\e2c5"; } .fa-mars::before { content: "\f222"; } .fa-toilet::before { content: "\f7d8"; } .fa-plane-circle-xmark::before { content: "\e557"; } .fa-yen-sign::before { content: "\f157"; } .fa-cny::before { content: "\f157"; } .fa-jpy::before { content: "\f157"; } .fa-rmb::before { content: "\f157"; } .fa-yen::before { content: "\f157"; } .fa-ruble-sign::before { content: "\f158"; } .fa-rouble::before { content: "\f158"; } .fa-rub::before { content: "\f158"; } .fa-ruble::before { content: "\f158"; } .fa-sun::before { content: "\f185"; } .fa-guitar::before { content: "\f7a6"; } .fa-face-laugh-wink::before { content: "\f59c"; } .fa-laugh-wink::before { content: "\f59c"; } .fa-horse-head::before { content: "\f7ab"; } .fa-bore-hole::before { content: "\e4c3"; } .fa-industry::before { content: "\f275"; } .fa-circle-down::before { content: "\f358"; } .fa-arrow-alt-circle-down::before { content: "\f358"; } .fa-arrows-turn-to-dots::before { content: "\e4c1"; } .fa-florin-sign::before { content: "\e184"; } .fa-arrow-down-short-wide::before { content: "\f884"; } .fa-sort-amount-desc::before { content: "\f884"; } .fa-sort-amount-down-alt::before { content: "\f884"; } .fa-less-than::before { content: "\3c"; } .fa-angle-down::before { content: "\f107"; } .fa-car-tunnel::before { content: "\e4de"; } .fa-head-side-cough::before { content: "\e061"; } .fa-grip-lines::before { content: "\f7a4"; } .fa-thumbs-down::before { content: "\f165"; } .fa-user-lock::before { content: "\f502"; } .fa-arrow-right-long::before { content: "\f178"; } .fa-long-arrow-right::before { content: "\f178"; } .fa-anchor-circle-xmark::before { content: "\e4ac"; } .fa-ellipsis::before { content: "\f141"; } .fa-ellipsis-h::before { content: "\f141"; } .fa-chess-pawn::before { content: "\f443"; } .fa-kit-medical::before { content: "\f479"; } .fa-first-aid::before { content: "\f479"; } .fa-person-through-window::before { content: "\e5a9"; } .fa-toolbox::before { content: "\f552"; } .fa-hands-holding-circle::before { content: "\e4fb"; } .fa-bug::before { content: "\f188"; } .fa-credit-card::before { content: "\f09d"; } .fa-credit-card-alt::before { content: "\f09d"; } .fa-car::before { content: "\f1b9"; } .fa-automobile::before { content: "\f1b9"; } .fa-hand-holding-hand::before { content: "\e4f7"; } .fa-book-open-reader::before { content: "\f5da"; } .fa-book-reader::before { content: "\f5da"; } .fa-mountain-sun::before { content: "\e52f"; } .fa-arrows-left-right-to-line::before { content: "\e4ba"; } .fa-dice-d20::before { content: "\f6cf"; } .fa-truck-droplet::before { content: "\e58c"; } .fa-file-circle-xmark::before { content: "\e5a1"; } .fa-temperature-arrow-up::before { content: "\e040"; } .fa-temperature-up::before { content: "\e040"; } .fa-medal::before { content: "\f5a2"; } .fa-bed::before { content: "\f236"; } .fa-square-h::before { content: "\f0fd"; } .fa-h-square::before { content: "\f0fd"; } .fa-podcast::before { content: "\f2ce"; } .fa-temperature-full::before { content: "\f2c7"; } .fa-temperature-4::before { content: "\f2c7"; } .fa-thermometer-4::before { content: "\f2c7"; } .fa-thermometer-full::before { content: "\f2c7"; } .fa-bell::before { content: "\f0f3"; } .fa-superscript::before { content: "\f12b"; } .fa-plug-circle-xmark::before { content: "\e560"; } .fa-star-of-life::before { content: "\f621"; } .fa-phone-slash::before { content: "\f3dd"; } .fa-paint-roller::before { content: "\f5aa"; } .fa-handshake-angle::before { content: "\f4c4"; } .fa-hands-helping::before { content: "\f4c4"; } .fa-location-dot::before { content: "\f3c5"; } .fa-map-marker-alt::before { content: "\f3c5"; } .fa-file::before { content: "\f15b"; } .fa-greater-than::before { content: "\3e"; } .fa-person-swimming::before { content: "\f5c4"; } .fa-swimmer::before { content: "\f5c4"; } .fa-arrow-down::before { content: "\f063"; } .fa-droplet::before { content: "\f043"; } .fa-tint::before { content: "\f043"; } .fa-eraser::before { content: "\f12d"; } .fa-earth-americas::before { content: "\f57d"; } .fa-earth::before { content: "\f57d"; } .fa-earth-america::before { content: "\f57d"; } .fa-globe-americas::before { content: "\f57d"; } .fa-person-burst::before { content: "\e53b"; } .fa-dove::before { content: "\f4ba"; } .fa-battery-empty::before { content: "\f244"; } .fa-battery-0::before { content: "\f244"; } .fa-socks::before { content: "\f696"; } .fa-inbox::before { content: "\f01c"; } .fa-section::before { content: "\e447"; } .fa-gauge-high::before { content: "\f625"; } .fa-tachometer-alt::before { content: "\f625"; } .fa-tachometer-alt-fast::before { content: "\f625"; } .fa-envelope-open-text::before { content: "\f658"; } .fa-hospital::before { content: "\f0f8"; } .fa-hospital-alt::before { content: "\f0f8"; } .fa-hospital-wide::before { content: "\f0f8"; } .fa-wine-bottle::before { content: "\f72f"; } .fa-chess-rook::before { content: "\f447"; } .fa-bars-staggered::before { content: "\f550"; } .fa-reorder::before { content: "\f550"; } .fa-stream::before { content: "\f550"; } .fa-dharmachakra::before { content: "\f655"; } .fa-hotdog::before { content: "\f80f"; } .fa-person-walking-with-cane::before { content: "\f29d"; } .fa-blind::before { content: "\f29d"; } .fa-drum::before { content: "\f569"; } .fa-ice-cream::before { content: "\f810"; } .fa-heart-circle-bolt::before { content: "\e4fc"; } .fa-fax::before { content: "\f1ac"; } .fa-paragraph::before { content: "\f1dd"; } .fa-check-to-slot::before { content: "\f772"; } .fa-vote-yea::before { content: "\f772"; } .fa-star-half::before { content: "\f089"; } .fa-boxes-stacked::before { content: "\f468"; } .fa-boxes::before { content: "\f468"; } .fa-boxes-alt::before { content: "\f468"; } .fa-link::before { content: "\f0c1"; } .fa-chain::before { content: "\f0c1"; } .fa-ear-listen::before { content: "\f2a2"; } .fa-assistive-listening-systems::before { content: "\f2a2"; } .fa-tree-city::before { content: "\e587"; } .fa-play::before { content: "\f04b"; } .fa-font::before { content: "\f031"; } .fa-rupiah-sign::before { content: "\e23d"; } .fa-magnifying-glass::before { content: "\f002"; } .fa-search::before { content: "\f002"; } .fa-table-tennis-paddle-ball::before { content: "\f45d"; } .fa-ping-pong-paddle-ball::before { content: "\f45d"; } .fa-table-tennis::before { content: "\f45d"; } .fa-person-dots-from-line::before { content: "\f470"; } .fa-diagnoses::before { content: "\f470"; } .fa-trash-can-arrow-up::before { content: "\f82a"; } .fa-trash-restore-alt::before { content: "\f82a"; } .fa-naira-sign::before { content: "\e1f6"; } .fa-cart-arrow-down::before { content: "\f218"; } .fa-walkie-talkie::before { content: "\f8ef"; } .fa-file-pen::before { content: "\f31c"; } .fa-file-edit::before { content: "\f31c"; } .fa-receipt::before { content: "\f543"; } .fa-square-pen::before { content: "\f14b"; } .fa-pen-square::before { content: "\f14b"; } .fa-pencil-square::before { content: "\f14b"; } .fa-suitcase-rolling::before { content: "\f5c1"; } .fa-person-circle-exclamation::before { content: "\e53f"; } .fa-chevron-down::before { content: "\f078"; } .fa-battery-full::before { content: "\f240"; } .fa-battery::before { content: "\f240"; } .fa-battery-5::before { content: "\f240"; } .fa-skull-crossbones::before { content: "\f714"; } .fa-code-compare::before { content: "\e13a"; } .fa-list-ul::before { content: "\f0ca"; } .fa-list-dots::before { content: "\f0ca"; } .fa-school-lock::before { content: "\e56f"; } .fa-tower-cell::before { content: "\e585"; } .fa-down-long::before { content: "\f309"; } .fa-long-arrow-alt-down::before { content: "\f309"; } .fa-ranking-star::before { content: "\e561"; } .fa-chess-king::before { content: "\f43f"; } .fa-person-harassing::before { content: "\e549"; } .fa-brazilian-real-sign::before { content: "\e46c"; } .fa-landmark-dome::before { content: "\f752"; } .fa-landmark-alt::before { content: "\f752"; } .fa-arrow-up::before { content: "\f062"; } .fa-tv::before { content: "\f26c"; } .fa-television::before { content: "\f26c"; } .fa-tv-alt::before { content: "\f26c"; } .fa-shrimp::before { content: "\e448"; } .fa-list-check::before { content: "\f0ae"; } .fa-tasks::before { content: "\f0ae"; } .fa-jug-detergent::before { content: "\e519"; } .fa-circle-user::before { content: "\f2bd"; } .fa-user-circle::before { content: "\f2bd"; } .fa-user-shield::before { content: "\f505"; } .fa-wind::before { content: "\f72e"; } .fa-car-burst::before { content: "\f5e1"; } .fa-car-crash::before { content: "\f5e1"; } .fa-y::before { content: "\59"; } .fa-person-snowboarding::before { content: "\f7ce"; } .fa-snowboarding::before { content: "\f7ce"; } .fa-truck-fast::before { content: "\f48b"; } .fa-shipping-fast::before { content: "\f48b"; } .fa-fish::before { content: "\f578"; } .fa-user-graduate::before { content: "\f501"; } .fa-circle-half-stroke::before { content: "\f042"; } .fa-adjust::before { content: "\f042"; } .fa-clapperboard::before { content: "\e131"; } .fa-circle-radiation::before { content: "\f7ba"; } .fa-radiation-alt::before { content: "\f7ba"; } .fa-baseball::before { content: "\f433"; } .fa-baseball-ball::before { content: "\f433"; } .fa-jet-fighter-up::before { content: "\e518"; } .fa-diagram-project::before { content: "\f542"; } .fa-project-diagram::before { content: "\f542"; } .fa-copy::before { content: "\f0c5"; } .fa-volume-xmark::before { content: "\f6a9"; } .fa-volume-mute::before { content: "\f6a9"; } .fa-volume-times::before { content: "\f6a9"; } .fa-hand-sparkles::before { content: "\e05d"; } .fa-grip::before { content: "\f58d"; } .fa-grip-horizontal::before { content: "\f58d"; } .fa-share-from-square::before { content: "\f14d"; } .fa-share-square::before { content: "\f14d"; } .fa-gun::before { content: "\e19b"; } .fa-square-phone::before { content: "\f098"; } .fa-phone-square::before { content: "\f098"; } .fa-plus::before { content: "\2b"; } .fa-add::before { content: "\2b"; } .fa-expand::before { content: "\f065"; } .fa-computer::before { content: "\e4e5"; } .fa-xmark::before { content: "\f00d"; } .fa-close::before { content: "\f00d"; } .fa-multiply::before { content: "\f00d"; } .fa-remove::before { content: "\f00d"; } .fa-times::before { content: "\f00d"; } .fa-arrows-up-down-left-right::before { content: "\f047"; } .fa-arrows::before { content: "\f047"; } .fa-chalkboard-user::before { content: "\f51c"; } .fa-chalkboard-teacher::before { content: "\f51c"; } .fa-peso-sign::before { content: "\e222"; } .fa-building-shield::before { content: "\e4d8"; } .fa-baby::before { content: "\f77c"; } .fa-users-line::before { content: "\e592"; } .fa-quote-left::before { content: "\f10d"; } .fa-quote-left-alt::before { content: "\f10d"; } .fa-tractor::before { content: "\f722"; } .fa-trash-arrow-up::before { content: "\f829"; } .fa-trash-restore::before { content: "\f829"; } .fa-arrow-down-up-lock::before { content: "\e4b0"; } .fa-lines-leaning::before { content: "\e51e"; } .fa-ruler-combined::before { content: "\f546"; } .fa-copyright::before { content: "\f1f9"; } .fa-equals::before { content: "\3d"; } .fa-blender::before { content: "\f517"; } .fa-teeth::before { content: "\f62e"; } .fa-shekel-sign::before { content: "\f20b"; } .fa-ils::before { content: "\f20b"; } .fa-shekel::before { content: "\f20b"; } .fa-sheqel::before { content: "\f20b"; } .fa-sheqel-sign::before { content: "\f20b"; } .fa-map::before { content: "\f279"; } .fa-rocket::before { content: "\f135"; } .fa-photo-film::before { content: "\f87c"; } .fa-photo-video::before { content: "\f87c"; } .fa-folder-minus::before { content: "\f65d"; } .fa-store::before { content: "\f54e"; } .fa-arrow-trend-up::before { content: "\e098"; } .fa-plug-circle-minus::before { content: "\e55e"; } .fa-sign-hanging::before { content: "\f4d9"; } .fa-sign::before { content: "\f4d9"; } .fa-bezier-curve::before { content: "\f55b"; } .fa-bell-slash::before { content: "\f1f6"; } .fa-tablet::before { content: "\f3fb"; } .fa-tablet-android::before { content: "\f3fb"; } .fa-school-flag::before { content: "\e56e"; } .fa-fill::before { content: "\f575"; } .fa-angle-up::before { content: "\f106"; } .fa-drumstick-bite::before { content: "\f6d7"; } .fa-holly-berry::before { content: "\f7aa"; } .fa-chevron-left::before { content: "\f053"; } .fa-bacteria::before { content: "\e059"; } .fa-hand-lizard::before { content: "\f258"; } .fa-disease::before { content: "\f7fa"; } .fa-briefcase-medical::before { content: "\f469"; } .fa-genderless::before { content: "\f22d"; } .fa-chevron-right::before { content: "\f054"; } .fa-retweet::before { content: "\f079"; } .fa-car-rear::before { content: "\f5de"; } .fa-car-alt::before { content: "\f5de"; } .fa-pump-soap::before { content: "\e06b"; } .fa-video-slash::before { content: "\f4e2"; } .fa-battery-quarter::before { content: "\f243"; } .fa-battery-2::before { content: "\f243"; } .fa-radio::before { content: "\f8d7"; } .fa-baby-carriage::before { content: "\f77d"; } .fa-carriage-baby::before { content: "\f77d"; } .fa-traffic-light::before { content: "\f637"; } .fa-thermometer::before { content: "\f491"; } .fa-vr-cardboard::before { content: "\f729"; } .fa-hand-middle-finger::before { content: "\f806"; } .fa-percent::before { content: "\25"; } .fa-percentage::before { content: "\25"; } .fa-truck-moving::before { content: "\f4df"; } .fa-glass-water-droplet::before { content: "\e4f5"; } .fa-display::before { content: "\e163"; } .fa-face-smile::before { content: "\f118"; } .fa-smile::before { content: "\f118"; } .fa-thumbtack::before { content: "\f08d"; } .fa-thumb-tack::before { content: "\f08d"; } .fa-trophy::before { content: "\f091"; } .fa-person-praying::before { content: "\f683"; } .fa-pray::before { content: "\f683"; } .fa-hammer::before { content: "\f6e3"; } .fa-hand-peace::before { content: "\f25b"; } .fa-rotate::before { content: "\f2f1"; } .fa-sync-alt::before { content: "\f2f1"; } .fa-spinner::before { content: "\f110"; } .fa-robot::before { content: "\f544"; } .fa-peace::before { content: "\f67c"; } .fa-gears::before { content: "\f085"; } .fa-cogs::before { content: "\f085"; } .fa-warehouse::before { content: "\f494"; } .fa-arrow-up-right-dots::before { content: "\e4b7"; } .fa-splotch::before { content: "\f5bc"; } .fa-face-grin-hearts::before { content: "\f584"; } .fa-grin-hearts::before { content: "\f584"; } .fa-dice-four::before { content: "\f524"; } .fa-sim-card::before { content: "\f7c4"; } .fa-transgender::before { content: "\f225"; } .fa-transgender-alt::before { content: "\f225"; } .fa-mercury::before { content: "\f223"; } .fa-arrow-turn-down::before { content: "\f149"; } .fa-level-down::before { content: "\f149"; } .fa-person-falling-burst::before { content: "\e547"; } .fa-award::before { content: "\f559"; } .fa-ticket-simple::before { content: "\f3ff"; } .fa-ticket-alt::before { content: "\f3ff"; } .fa-building::before { content: "\f1ad"; } .fa-angles-left::before { content: "\f100"; } .fa-angle-double-left::before { content: "\f100"; } .fa-qrcode::before { content: "\f029"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fa-history::before { content: "\f1da"; } .fa-face-grin-beam-sweat::before { content: "\f583"; } .fa-grin-beam-sweat::before { content: "\f583"; } .fa-file-export::before { content: "\f56e"; } .fa-arrow-right-from-file::before { content: "\f56e"; } .fa-shield::before { content: "\f132"; } .fa-shield-blank::before { content: "\f132"; } .fa-arrow-up-short-wide::before { content: "\f885"; } .fa-sort-amount-up-alt::before { content: "\f885"; } .fa-house-medical::before { content: "\e3b2"; } .fa-golf-ball-tee::before { content: "\f450"; } .fa-golf-ball::before { content: "\f450"; } .fa-circle-chevron-left::before { content: "\f137"; } .fa-chevron-circle-left::before { content: "\f137"; } .fa-house-chimney-window::before { content: "\e00d"; } .fa-pen-nib::before { content: "\f5ad"; } .fa-tent-arrow-turn-left::before { content: "\e580"; } .fa-tents::before { content: "\e582"; } .fa-wand-magic::before { content: "\f0d0"; } .fa-magic::before { content: "\f0d0"; } .fa-dog::before { content: "\f6d3"; } .fa-carrot::before { content: "\f787"; } .fa-moon::before { content: "\f186"; } .fa-wine-glass-empty::before { content: "\f5ce"; } .fa-wine-glass-alt::before { content: "\f5ce"; } .fa-cheese::before { content: "\f7ef"; } .fa-yin-yang::before { content: "\f6ad"; } .fa-music::before { content: "\f001"; } .fa-code-commit::before { content: "\f386"; } .fa-temperature-low::before { content: "\f76b"; } .fa-person-biking::before { content: "\f84a"; } .fa-biking::before { content: "\f84a"; } .fa-broom::before { content: "\f51a"; } .fa-shield-heart::before { content: "\e574"; } .fa-gopuram::before { content: "\f664"; } .fa-earth-oceania::before { content: "\e47b"; } .fa-globe-oceania::before { content: "\e47b"; } .fa-square-xmark::before { content: "\f2d3"; } .fa-times-square::before { content: "\f2d3"; } .fa-xmark-square::before { content: "\f2d3"; } .fa-hashtag::before { content: "\23"; } .fa-up-right-and-down-left-from-center::before { content: "\f424"; } .fa-expand-alt::before { content: "\f424"; } .fa-oil-can::before { content: "\f613"; } .fa-t::before { content: "\54"; } .fa-hippo::before { content: "\f6ed"; } .fa-chart-column::before { content: "\e0e3"; } .fa-infinity::before { content: "\f534"; } .fa-vial-circle-check::before { content: "\e596"; } .fa-person-arrow-down-to-line::before { content: "\e538"; } .fa-voicemail::before { content: "\f897"; } .fa-fan::before { content: "\f863"; } .fa-person-walking-luggage::before { content: "\e554"; } .fa-up-down::before { content: "\f338"; } .fa-arrows-alt-v::before { content: "\f338"; } .fa-cloud-moon-rain::before { content: "\f73c"; } .fa-calendar::before { content: "\f133"; } .fa-trailer::before { content: "\e041"; } .fa-bahai::before { content: "\f666"; } .fa-haykal::before { content: "\f666"; } .fa-sd-card::before { content: "\f7c2"; } .fa-dragon::before { content: "\f6d5"; } .fa-shoe-prints::before { content: "\f54b"; } .fa-circle-plus::before { content: "\f055"; } .fa-plus-circle::before { content: "\f055"; } .fa-face-grin-tongue-wink::before { content: "\f58b"; } .fa-grin-tongue-wink::before { content: "\f58b"; } .fa-hand-holding::before { content: "\f4bd"; } .fa-plug-circle-exclamation::before { content: "\e55d"; } .fa-link-slash::before { content: "\f127"; } .fa-chain-broken::before { content: "\f127"; } .fa-chain-slash::before { content: "\f127"; } .fa-unlink::before { content: "\f127"; } .fa-clone::before { content: "\f24d"; } .fa-person-walking-arrow-loop-left::before { content: "\e551"; } .fa-arrow-up-z-a::before { content: "\f882"; } .fa-sort-alpha-up-alt::before { content: "\f882"; } .fa-fire-flame-curved::before { content: "\f7e4"; } .fa-fire-alt::before { content: "\f7e4"; } .fa-tornado::before { content: "\f76f"; } .fa-file-circle-plus::before { content: "\e494"; } .fa-book-quran::before { content: "\f687"; } .fa-quran::before { content: "\f687"; } .fa-anchor::before { content: "\f13d"; } .fa-border-all::before { content: "\f84c"; } .fa-face-angry::before { content: "\f556"; } .fa-angry::before { content: "\f556"; } .fa-cookie-bite::before { content: "\f564"; } .fa-arrow-trend-down::before { content: "\e097"; } .fa-rss::before { content: "\f09e"; } .fa-feed::before { content: "\f09e"; } .fa-draw-polygon::before { content: "\f5ee"; } .fa-scale-balanced::before { content: "\f24e"; } .fa-balance-scale::before { content: "\f24e"; } .fa-gauge-simple-high::before { content: "\f62a"; } .fa-tachometer::before { content: "\f62a"; } .fa-tachometer-fast::before { content: "\f62a"; } .fa-shower::before { content: "\f2cc"; } .fa-desktop::before { content: "\f390"; } .fa-desktop-alt::before { content: "\f390"; } .fa-m::before { content: "\4d"; } .fa-table-list::before { content: "\f00b"; } .fa-th-list::before { content: "\f00b"; } .fa-comment-sms::before { content: "\f7cd"; } .fa-sms::before { content: "\f7cd"; } .fa-book::before { content: "\f02d"; } .fa-user-plus::before { content: "\f234"; } .fa-check::before { content: "\f00c"; } .fa-battery-three-quarters::before { content: "\f241"; } .fa-battery-4::before { content: "\f241"; } .fa-house-circle-check::before { content: "\e509"; } .fa-angle-left::before { content: "\f104"; } .fa-diagram-successor::before { content: "\e47a"; } .fa-truck-arrow-right::before { content: "\e58b"; } .fa-arrows-split-up-and-left::before { content: "\e4bc"; } .fa-hand-fist::before { content: "\f6de"; } .fa-fist-raised::before { content: "\f6de"; } .fa-cloud-moon::before { content: "\f6c3"; } .fa-briefcase::before { content: "\f0b1"; } .fa-person-falling::before { content: "\e546"; } .fa-image-portrait::before { content: "\f3e0"; } .fa-portrait::before { content: "\f3e0"; } .fa-user-tag::before { content: "\f507"; } .fa-rug::before { content: "\e569"; } .fa-earth-europe::before { content: "\f7a2"; } .fa-globe-europe::before { content: "\f7a2"; } .fa-cart-flatbed-suitcase::before { content: "\f59d"; } .fa-luggage-cart::before { content: "\f59d"; } .fa-rectangle-xmark::before { content: "\f410"; } .fa-rectangle-times::before { content: "\f410"; } .fa-times-rectangle::before { content: "\f410"; } .fa-window-close::before { content: "\f410"; } .fa-baht-sign::before { content: "\e0ac"; } .fa-book-open::before { content: "\f518"; } .fa-book-journal-whills::before { content: "\f66a"; } .fa-journal-whills::before { content: "\f66a"; } .fa-handcuffs::before { content: "\e4f8"; } .fa-triangle-exclamation::before { content: "\f071"; } .fa-exclamation-triangle::before { content: "\f071"; } .fa-warning::before { content: "\f071"; } .fa-database::before { content: "\f1c0"; } .fa-share::before { content: "\f064"; } .fa-arrow-turn-right::before { content: "\f064"; } .fa-mail-forward::before { content: "\f064"; } .fa-bottle-droplet::before { content: "\e4c4"; } .fa-mask-face::before { content: "\e1d7"; } .fa-hill-rockslide::before { content: "\e508"; } .fa-right-left::before { content: "\f362"; } .fa-exchange-alt::before { content: "\f362"; } .fa-paper-plane::before { content: "\f1d8"; } .fa-road-circle-exclamation::before { content: "\e565"; } .fa-dungeon::before { content: "\f6d9"; } .fa-align-right::before { content: "\f038"; } .fa-money-bill-1-wave::before { content: "\f53b"; } .fa-money-bill-wave-alt::before { content: "\f53b"; } .fa-life-ring::before { content: "\f1cd"; } .fa-hands::before { content: "\f2a7"; } .fa-sign-language::before { content: "\f2a7"; } .fa-signing::before { content: "\f2a7"; } .fa-calendar-day::before { content: "\f783"; } .fa-water-ladder::before { content: "\f5c5"; } .fa-ladder-water::before { content: "\f5c5"; } .fa-swimming-pool::before { content: "\f5c5"; } .fa-arrows-up-down::before { content: "\f07d"; } .fa-arrows-v::before { content: "\f07d"; } .fa-face-grimace::before { content: "\f57f"; } .fa-grimace::before { content: "\f57f"; } .fa-wheelchair-move::before { content: "\e2ce"; } .fa-wheelchair-alt::before { content: "\e2ce"; } .fa-turn-down::before { content: "\f3be"; } .fa-level-down-alt::before { content: "\f3be"; } .fa-person-walking-arrow-right::before { content: "\e552"; } .fa-square-envelope::before { content: "\f199"; } .fa-envelope-square::before { content: "\f199"; } .fa-dice::before { content: "\f522"; } .fa-bowling-ball::before { content: "\f436"; } .fa-brain::before { content: "\f5dc"; } .fa-bandage::before { content: "\f462"; } .fa-band-aid::before { content: "\f462"; } .fa-calendar-minus::before { content: "\f272"; } .fa-circle-xmark::before { content: "\f057"; } .fa-times-circle::before { content: "\f057"; } .fa-xmark-circle::before { content: "\f057"; } .fa-gifts::before { content: "\f79c"; } .fa-hotel::before { content: "\f594"; } .fa-earth-asia::before { content: "\f57e"; } .fa-globe-asia::before { content: "\f57e"; } .fa-id-card-clip::before { content: "\f47f"; } .fa-id-card-alt::before { content: "\f47f"; } .fa-magnifying-glass-plus::before { content: "\f00e"; } .fa-search-plus::before { content: "\f00e"; } .fa-thumbs-up::before { content: "\f164"; } .fa-user-clock::before { content: "\f4fd"; } .fa-hand-dots::before { content: "\f461"; } .fa-allergies::before { content: "\f461"; } .fa-file-invoice::before { content: "\f570"; } .fa-window-minimize::before { content: "\f2d1"; } .fa-mug-saucer::before { content: "\f0f4"; } .fa-coffee::before { content: "\f0f4"; } .fa-brush::before { content: "\f55d"; } .fa-mask::before { content: "\f6fa"; } .fa-magnifying-glass-minus::before { content: "\f010"; } .fa-search-minus::before { content: "\f010"; } .fa-ruler-vertical::before { content: "\f548"; } .fa-user-large::before { content: "\f406"; } .fa-user-alt::before { content: "\f406"; } .fa-train-tram::before { content: "\e5b4"; } .fa-user-nurse::before { content: "\f82f"; } .fa-syringe::before { content: "\f48e"; } .fa-cloud-sun::before { content: "\f6c4"; } .fa-stopwatch-20::before { content: "\e06f"; } .fa-square-full::before { content: "\f45c"; } .fa-magnet::before { content: "\f076"; } .fa-jar::before { content: "\e516"; } .fa-note-sticky::before { content: "\f249"; } .fa-sticky-note::before { content: "\f249"; } .fa-bug-slash::before { content: "\e490"; } .fa-arrow-up-from-water-pump::before { content: "\e4b6"; } .fa-bone::before { content: "\f5d7"; } .fa-user-injured::before { content: "\f728"; } .fa-face-sad-tear::before { content: "\f5b4"; } .fa-sad-tear::before { content: "\f5b4"; } .fa-plane::before { content: "\f072"; } .fa-tent-arrows-down::before { content: "\e581"; } .fa-exclamation::before { content: "\21"; } .fa-arrows-spin::before { content: "\e4bb"; } .fa-print::before { content: "\f02f"; } .fa-turkish-lira-sign::before { content: "\e2bb"; } .fa-try::before { content: "\e2bb"; } .fa-turkish-lira::before { content: "\e2bb"; } .fa-dollar-sign::before { content: "\24"; } .fa-dollar::before { content: "\24"; } .fa-usd::before { content: "\24"; } .fa-x::before { content: "\58"; } .fa-magnifying-glass-dollar::before { content: "\f688"; } .fa-search-dollar::before { content: "\f688"; } .fa-users-gear::before { content: "\f509"; } .fa-users-cog::before { content: "\f509"; } .fa-person-military-pointing::before { content: "\e54a"; } .fa-building-columns::before { content: "\f19c"; } .fa-bank::before { content: "\f19c"; } .fa-institution::before { content: "\f19c"; } .fa-museum::before { content: "\f19c"; } .fa-university::before { content: "\f19c"; } .fa-umbrella::before { content: "\f0e9"; } .fa-trowel::before { content: "\e589"; } .fa-d::before { content: "\44"; } .fa-stapler::before { content: "\e5af"; } .fa-masks-theater::before { content: "\f630"; } .fa-theater-masks::before { content: "\f630"; } .fa-kip-sign::before { content: "\e1c4"; } .fa-hand-point-left::before { content: "\f0a5"; } .fa-handshake-simple::before { content: "\f4c6"; } .fa-handshake-alt::before { content: "\f4c6"; } .fa-jet-fighter::before { content: "\f0fb"; } .fa-fighter-jet::before { content: "\f0fb"; } .fa-square-share-nodes::before { content: "\f1e1"; } .fa-share-alt-square::before { content: "\f1e1"; } .fa-barcode::before { content: "\f02a"; } .fa-plus-minus::before { content: "\e43c"; } .fa-video::before { content: "\f03d"; } .fa-video-camera::before { content: "\f03d"; } .fa-graduation-cap::before { content: "\f19d"; } .fa-mortar-board::before { content: "\f19d"; } .fa-hand-holding-medical::before { content: "\e05c"; } .fa-person-circle-check::before { content: "\e53e"; } .fa-turn-up::before { content: "\f3bf"; } .fa-level-up-alt::before { content: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; font-display: block; src: url(../webfonts/fa-solid-900.eot); src: url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("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, .fas { font-family: "Font Awesome 5 Free"; font-weight: 900 } /*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url(../webfonts/fa-brands-400.eot); 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"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg") } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400 } .contentpage div.searchcontent { float: left; width: 78%; margin-left: 2%; } div.searchcontent.searchNoResult { width: 100% !important; margin-left: 0 !important; } div.searchcontent.searchNoResult * { margin-left: 0 !important; padding-left: 0 !important; } div.searchcontent p { clear: both !important; } div.sectionNav.navNoResult { display: none; } div.sort-by { float: right; margin: 10px 20px 0 0; } .searchResults { margin-top: 0 !important; } .resultsTotal { float: right; font-weight: 400; } div.search-panel { overflow: hidden; border: 0 solid #ababab; padding: 10px; } p.firstsearch-row { clear: both; padding-top: 16px; } div.search-panel div.searchQuery { font-size: 18px; margin: 2px 0 0 !important; float: left; } div.searchAgain { width: 100% !important; float: right; padding: 10px; } div.search-panel form select { width: 80px; } div.search-panel form p.firstsearch-row { padding-left: 85px; } #expert-search-form p { margin-bottom: 0; padding-top: 10px; } #expert-search-form p .error { border: 1px solid red; } strong.larger { font-size: larger; } .sectionNav ul { overflow: hidden; margin-bottom: 0; border: 0; } .sectionNav .section-title-filtered > li, .sectionNav .section-title > li { border: 1px solid #ccc; margin-bottom: 15px; } .sectionNav .section-title-filtered > .clearfix, .sectionNav .section-title > .clearfix { border-bottom: 0; } .sectionNav .section-title .clearfix h3, .sectionNav .section-title li h3, .sectionNav .section-title-filtered .clearfix h3, .sectionNav .section-title-filtered li h3 { background: #5595C5; margin: 0; padding: 5px; color: #fff; font-size: 18px; } .sectionNav .section-title li ul, .sectionNav .section-title-filtered li ul { background: #DEE8F1; } .sectionNav .section-title li ul li, .sectionNav .section-title-filtered li ul li { border-bottom: 1px solid #ccc; } .sectionNav > ul > li a { background: 0 0; color: #00539F; } .sectionNav .section-title li ul li:hover, .sectionNav .section-title-filteredli ul li:hover { background-color: #ebedf6; } .sectionNav .section-title li ul li:hover a, .sectionNav .section-title-filtered li ul li:hover a { color: #000; } .sectionNav .section-title li ul li a, .sectionNav .section-title-filtered li ul li a { padding: 5px 2%; width: 85%; } .sectionNav .section-title-filtered img { padding: 3px 5px; } div.search-result { padding: 15px; border: 1px solid #e5e5e5; margin: 0 0 12px; position: relative; width: 100%; } div.search-result.featured { background: rgba(255, 200, 0, 0.3); border-color: rgb(255,200,0); } div.search-result.featured small { color: rgb(200, 9, 0); } div.imageWrapper { width: 100%; } p.image-result { width: 70%; max-width: 495px; margin-bottom: 0px; } div.search-result a.search-result-thumbnail { position: absolute; bottom: 40px; right: 35px; background-image: none !important; width: 25%; min-width: 190px; max-width: 190px; } img.play { display: none; } div.search-result a.search-result-thumbnail[href*="video-player.asp"] img.play { display: block; border: none; top: 20px; left: 85px; position: absolute; width: 64px; height: 46px; } .search-result.topic { border: 1px dashed #454545; background-color: #FDFDF4; } div.content .image-content { width: 65%; } div.search-result-item-count { float: left; width: 100%; } div.search-result-item-count h3 { float: right; } .pagination { width: 50% !important; float: left; margin: 0 auto; } .search-result-item-count { width: 50% !important; float: right; margin: 0 auto; font-size: 10px !important; } label.no-results { font-weight: 700; width: 400px; margin-left: 10px !important; } span.highlighted { color: #303030 !important; font-weight: 700; } div.search-result a[href*="http:"], div.search-result a[href*="SCOpush.aspx?url=*"] { margin-right: 0px; padding-right: 0; } div.search-result a[href$=".pdf"] { background: url(/assets/img/icons/pdf.gif) 0 no-repeat !important; padding-left: 20px; padding-right: 20px; } div.search-result a[href$=".doc"], div.search-result a[href$=".docx"] { background: url(/assets/img/icons/doc.gif) 0 no-repeat !important; padding-left: 20px; padding-right: 0; } div.search-result a[href$=".xls"], div.search-result a[href$=".xlsx"] { background: url(/assets/img/icons/xls.gif) 0 no-repeat !important; padding-left: 20px; padding-right: 0; } div.search-result a[href$=".ppt"], div.search-result a[href$=".pptx"] { background: url(/assets/img/icons/ppt.gif) 0 no-repeat !important; padding-left: 20px; padding-right: 0; } div.search-result a[href*="video-player.asp"] { background: url(/assets/img/icons/video.gif) 0 no-repeat !important; padding-left: 20px; padding-right: 0; } div.search-result a.no-background { background: 0 0 !important; } .ui-autocomplete-input { border: 2px solid #ccc; } .ui-autocomplete { z-index: 9999 !important; } .ui-autocomplete-loading { border: 1px solid #00f; } .ui-autocomplete-input .ui-autocomplete-loading { border: 1px solid green; } .ui-corner-top { border: 1px solid #000; } div.small-result { padding-left: 30px; } div.small-result h5 { font-size: small; } h3.search-group-header { margin-top: 0; padding-top: 0; } @media only screen and (max-width:940px) { p.image-result { width: 60%; max-width: 495px; } } @media only screen and (max-width:850px) { div.search-result a.search-result-thumbnail { bottom: 65px; } p.image-result { width: 50%; max-width: 495px; } .contentpage div.searchcontent { width: 73%; margin: 0 0 0 2%; } div.content .title { width: 100% !important; } div.content .image-content { width: 55%; } } @media only screen and (max-width:740px) { div.search-result a.search-result-thumbnail { bottom: 70px; } div.content .image-content { width: 100%; } } @media only screen and (max-width:580px) { div.search-panel { padding: 10px 0; } p.image-result { width: 100%; max-width: 495px; } div.search-result a.search-result-thumbnail { position: relative; bottom: 0; right: 0; padding: 0 !important; } div.search-result a.search-result-thumbnail[href*="video-player.asp"] img.play { top: -65px; left: 60px; } .contentpage div.searchcontent { width: 100%; margin: 0 0 10px; } .resultsTotal { float: none; display: block; clear: both; } .pagination, .search-result-item-count, div.search-result-item-count h3 { width: 100% !important; float: none !important; } } table.elearning-table { margin: 1em 0; width: 100%; border-spacing:0; } table.elearning-table caption{ font-size:1.2em; font-weight:600; } table.elearning-table tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } table.elearning-table tr:first-child { display:none; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } table.elearning-table tbody th, table.elearning-table tbody td { border:none; width:100%; padding:8px; } table.elearning-table th { display: block; } table.elearning-table td { display: block; margin:0; text-align:center; } table.elearning-table td img{ display: inline-block; margin:auto; } table.elearning-table td:first-child { padding-top: .5em; } table.elearning-table td:last-child { padding-bottom: .5em; } table.elearning-table th:first-child { font-weight:700; border-top:1px solid #444; text-align:center; background:rgba(95,147,201,0.7); color:#fff; } table.elearning-table tr:nth-child(2) th, table.elearning-table tr:last-child th { display:none; } table.elearning-table td:last-child { border-bottom:1px solid #444; } table.elearning-table td:before { content: attr(data-th) ": "; font-weight: 600; width: 8.5em; display: inline-block; margin-right:15px; vertical-align:middle; margin-bottom:12px } @media screen and (min-width: 580px){ table.elearning-table td:before { margin-bottom:auto; } } table.elearning-table .fa { font-size:1em; } .eLearningButton { background: url(/assets/img/new/button-icon/arrow.png) 95% 60% no-repeat,linear-gradient(355deg,#5f93c9 52%,#e5e5d9); background-size: 8px,auto; border: 2px outset #91b6dd; border-radius: 20px; margin-right:10px; display: inline-block; margin-bottom: 5px; } @media screen and (min-width: 850px) { table.elearning-table td:before { display: none; } .eLearningButton { margin-right:0px } .eLearningButtonTable { display:block; margin-bottom:5px; } table.elearning-table tr:nth-child(2) th, table.elearning-table tr:last-child th { display:table-cell; } } table.elearning-table th { text-align: left; } table.elearning-table td { text-align:left; } @media screen and (max-width: 580px) { .elearningContact { margin-top:5px !important; } } .eLearningExtraButtons { vertical-align:middle; } @media screen and (max-width: 650px) { .eLearningExtraButtons a { display:inline-block; margin-bottom:5px; } } @media screen and (min-width: 850px) { table.elearning-table tr:first-child { display:table-row; font-weight:600; } table.elearning-table tr th:first-child{ background:#eeeeee; color:#444; text-align:left; padding-left:5px; } table.elearning-table tbody th, table.elearning-table tbody td { display: table-cell; padding: .25em .5em; border-top:1px solid #444; } table.elearning-table th:first-child, table.elearning-table td:first-child { padding-left: 0; } table.elearning-table th:last-child, table.elearning-table td:last-child { padding-right: 0; border-bottom:none; } table.elearning-table td { text-align:center; } table.elearning-table tbody tr:last-child th, table.elearning-table tbody tr:last-child td { border-bottom:1px solid #444; } } .elearningPrice { text-decoration: line-through; color:#e10000; margin-right:10px; } table.elearning-table { color: #444; overflow: hidden; } table.elearning-table tr { border-color: #444444; } table.elearning-table th, table.elearning-table td:before { color: #000000; } /* Logic Model */ .logic-model { background-color: #f0ffe2; } .logic-model .blue { background-color: #5e7fd3 !important; border-color: #215692 !important; } .logic-model .blue h3{ background: #5e7fd3 !important; } .logic-model .blue h3::before { background: #215692 !important; } .logic-model .blueText, .logic-model .blue.accContent div a { color: #215692; } .logic-model .jade { background-color: #1f7982 !important; border-color: #0b4d5b !important; } .logic-model .jade h3{ background: #1f7982 !important; } .logic-model .jade h3::before { background: #0b4d5b !important; } .logic-model .jadeText, .logic-model .jade.accContent div a { color: #1f7982; } .logic-model .purple { background-color: #5b6296 !important; border-color: #383e6b !important; } .logic-model .purple h3{ background: #5b6296 !important; } .logic-model .purple h3::before { background: #383e6b !important; } .logic-model .purpleText, .logic-model .purple.accContent div a { color: #5b6296; } .logic-model .yellow { background-color: #c4ba37 !important; border-bottom: solid 6pt #a39b2e !important; } .logic-model .yellow h3{ background: #c4ba37 !important; } .logic-model .yellow h3::before { background: #a39b2e !important; } .logic-model .yellowText, .logic-model .yellow.accContent div a { color: #a39b2e; } .logic-model .green { background-color: #6da621 !important; border-color: #518320 !important; } .logic-model .green h3{ background: #6da621 !important; } .logic-model .green h3::before { background: #518320 !important; } .logic-model .greenText, .logic-model .green.accContent div a { color: #518320; } .logic-model .dark-red { background-color: #a31e1e !important; border-bottom: solid 6pt #690c0c !important; } .logic-model .dark-red h3{ background: #a31e1e !important; } .logic-model .dark-red h3::before { background: #690c0c !important; } .logic-model .dark-redText, .logic-model .dark-red.accContent div a { color: #a31e1e; } .logic-model .orange { background-color: #c96724 !important; border-bottom: solid 6pt #9b4912 !important; } .logic-model .orange h3{ background: #c96724 !important; } .logic-model .orange h3::before { background: #9b4912 !important; } .logic-model .orangeText, .logic-model .orange.accContent div a { color: #c96724; } .logic-model .brown { background-color: #9a925f !important; border-bottom: solid 6pt #676001 !important; } .logic-model .brown h3{ background: #9a925f !important; } .logic-model .brown h3::before { background: #676001 !important; } .logic-model .brownText, .logic-model .brown.accContent div a { color: #676001; } .logic-model .header, .logic-model .footer { background-color: #5a5e4d; padding-bottom: 15px; margin-bottom: 0; } .logic-model .partners { float: right; color: #fff; font-size: 11px; display: flex; flex-wrap: wrap; align-items: center; } @media only screen and (max-width : 850px) { .logic-model .partners { margin-top: 15px; } .logic-model .partners img { width: 100%; display: block; } } .logic-model .breadcrumb { background-color: #7b9858; } .logic-model .breadcrumb li, body.logic-model .breadcrumb a { color: #fff; } @media only screen and (max-width : 850px) { .logic-model #breadcrumb-nav-trigger { margin-top: 5px; } .logic-model .breadcrumb { margin-bottom: 5px; margin-right: 8px; } } .logic-model .page-header { background:url(images/banner-logic-model.png) no-repeat top right #6da621 !important; background-size: auto 100% !important; border-bottom: solid 6pt #518320 !important; margin-top: 0; } .logic-model .page-header h1, .logic-model .page-header p, .logic-model .page-header p a { /*padding: 4px 0 9px;*/ } .logic-model .main-feature { background-color: #51841f !important; } .logic-model .content h1 { font-size: 28px; /*font-weight: 600;*/ letter-spacing: -0.8px; padding: 4px 10px; color: white; } .logic-model section h2 { font-size: 30px; padding-top: 15px; margin-top: 25px; border-top: 1px solid #51841f; } .logic-model h4 { font-weight: 700; } .logic-model section:first-of-type h2 { padding-top: 0; margin-top: 0; border-top: none; } .logic-model h2, .logic-model h3, .logic-model .main-content a, .logic-model .content a, .logic-model .latest a { color: #51841f; /*font-weight: 600;*/ } .logic-model .main-feature a, .logic-model .cta a { color: white; } .logic-model .boxes-2col { background: #ddefcc; padding: 0 0 15px; } .logic-model .latest { background: #ddefcc; padding: 15px; } .logic-model .section-links h3 { padding: 7px 15px; color: white; } .logic-model .section-links h3 a { color: white; } .logic-model .section-links .links { padding: 5px 15px 0; } .logic-model .sectionNav ul, .logic-model .sectionNav > div ul { background: #f0ffe2; } .logic-model .sectionNav ul.nav li { border-color: #7b9858; } .logic-model .sectionNav ul.nav > li:first-child > a { background-color: #518320; } .logic-model .sectionNav ul.nav li a.current-page, .logic-model .sectionNav ul > li > a.active { border-bottom: none !important; color: white !important; } .logic-model .sectionNav.fixed a.current-page + [class^="Sub"] *, .logic-model .sectionNav.fixed a.current-page + [class^="sub"] * { background-color: #ddefcc; } .logic-model .sectionNav ul.nav li .Subnav a { color: #1f7982; font-weight: bold; } .logic-model .sectionNav ul.nav li .Subnav a.active-section { background-color: #68a9b0; color: white; } .logic-model .sectionNav div > ul > li > a.active, .logic-model .sectionNav div > ul > li > a.selected, .logic-model .sectionNav ul.subNav li a.active, .logic-model .sectionNav ul.subSubNav li a.active, .logic-model .sectionNav ul.subSubSubNav li a.active, .logic-model .sectionNav ul > li > a.active, .logic-model .sectionNav ul > li > a.selected { border-color: #6da621; } .logic-model .sectionNav > ul > li a { color: #51841f; } .logic-model .button, .logic-model .more-button-mini, .logic-model .book-button-mini, .logic-model .download-button-mini, .logic-model #hb-gotop, .logic-model .mobile-trigger { color: white !important; background-color: #518320; transition: background .5s ease-in-out; border-bottom: none !important; } .logic-model .button:hover, .logic-model .more-button-mini:hover, .logic-model .book-button-mini:hover, .logic-model .download-button-mini:hover, .logic-model #hb-gotop:hover { background-color: #1f7982 !important; } .logic-model .accContent { background: #ddefcc !important; margin-bottom: 10px; } .logic-model .accContent h3 { color: white; border: none !important; margin-bottom: 0; padding: 5px 20px 5px 0px; display: flex; } .logic-model .accContent h3:before { content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 50px; } .logic-model .accContent h3:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-width: 17px 17px 0 0; border-color: #f0ffe2 transparent transparent transparent; } .logic-model .accContent h3 i { height: 25px !important; color: white; display: inline-block; margin: 0 20px 0 17px; position: relative; z-index: 9; line-height: 1.2; font-size: 23px; } .logic-model ul.accordion h3 span { top: 0; right: 10px; left: auto; background-image: url(../img/new/icons/icon_accordion-sctv.png); background-size: 40px; width: 20px; height: 27px; } .logic-model ul.accordion div { border: none; margin-top: 0; padding: 0; } .logic-model li.accContent > div { padding: 10px 15px; } @media only screen and (max-width:740px) { .logic-model li.accContent > div { margin-bottom: 0; } } .logic-model li.accContent h4 { background: transparent; color: #51841f; border: none; } .logic-model .flex { justify-content: space-between; } .logic-model .flex > .article { width: 31%; /*display: grid;*/ /*grid-template-rows: 128px auto auto;*/ } .logic-model .flex > .article h2 { align-self: self-start; } .logic-model .flex > .article .articlecontent { display: flex; flex-direction: column; justify-content: space-between; } .logic-model .content label.checkboxlabel, .logic-model .content label.radiolabel { width: auto; } /* Northern Ireland */ .northern-ireland .sciebar { background-color: #1b467c; } .northern-ireland .header { background-color: #1274ba; background-image: linear-gradient(to left, #1b467c, #1274ba); padding: 5px 0 0; margin-bottom: 0; } .northern-ireland .partners { float: right; color: #fff; font-size: 11px; display: flex; flex-wrap: wrap; align-items: center; } .northern-ireland .page-header { background-color: #2ba15a !important; border-color: #1b8c48 !important; margin-top: 0; } .northern-ireland .boxes-2col h3, .northern-ireland .boxes-3col h3, .northern-ireland .boxes-3col a { color: #1b467c; } /*.northern-ireland .latest { background: #ede7b7; padding: 15px; }*/ .northern-ireland .cta { background-color: #fdbe3a !important; border-top: none; border-right: none; border-bottom: solid 6pt #e0a21f !important; border-left: none; color: #143637; font-weight: 600; } .northern-ireland .cta-button, .northern-ireland .cta i { color: #143637; background: #fff; } .northern-ireland .cta-button:hover { background: #255657; color: white; } .northern-ireland .cta a { color: #143637; font-weight: 600; } .northern-ireland .cta hr { background-color: #e0a21f; color: #e0a21f; } .northern-ireland .button, .northern-ireland .more-button-mini, .northern-ireland .book-button-mini, .northern-ireland .download-button-mini, .northern-ireland #hb-gotop, .northern-ireland .mobile-trigger { color: white !important; background-color: #255657; transition: background .5s ease-in-out; border-bottom: none !important; } .northern-ireland .footer { background-color: #1b467c; } .northern-ireland .bg-green { background-color: #1b8c48; } .northern-ireland .bdr-green { border-color: #1b8c48 !important; } /* Innovation Network */ .innovation-network .sciebar { background-color: #1c2241; } .innovation-network .header { background-color: #1274ba; background-image: linear-gradient(to right, #1c2241, #A5007F); padding: 5px 0; margin-bottom: 0; } .innovation-network .partners { float: right; width: 37.5%; color: #fff; font-size: 11px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .innovation-network .partners image { height: 49px !important; } .innovation-network .page-header{ background-color: #1c2241; background-image: linear-gradient(to right, #1c2241, #A5007F); border-color: #1c2241 !important; } .innovation-network .mobile-trigger { background-color: #A5007F; } .innovation-network .footer { background-color: #1c2241; } .innovation-network .dark-red { background: #A5007F !important; border-color: #1c2241 !important; } @media only screen and (max-width:1028px) { .innovation-network .partners { width: 50%; } } @media only screen and (max-width:740px) { .innovation-network .partners { width: 100%; } } /* SBA enabling roles */ .sba-enabling-roles .page-header p.banTitle, .sba-enabling-roles .page-header h1 { font-size: 23pt; margin: 0px 0px 5px 0px; padding: 10px 0px 5px 0px; } /* Better Care */ .better-care .sciebar { background-color: #1b5e7f; } .better-care .header { background: url(/assets/img/background/bcf-blocks-stacked.png) no-repeat; background-size: auto 100%; background-color: #fff; padding: 5px 0; margin-bottom: 0; } .better-care #logo img { height: 50px !important; width: auto !important; } .better-care .partners { float: right; color: #0b768c; font-size: 11px; font-weight: bold; display: flex; align-items: center; } .better-care .partners img { height: 75px !important; margin-left: 15px; } .better-care .breadcrumb { background: #48a98a; } .better-care .breadcrumb ul li, .better-care .breadcrumb ul li a { color: #fff; } .better-care .page-header{ background: url(/assets/img/background/bcf-blocks-vertical.png) no-repeat; background-size: auto 103%; background-position: right 0; background-color: #fff !important; margin-top: 0; border-color: #48a98a !important; } .better-care .page-header p a, .better-care h1 { color: #48a98a; } .better-care .dark-red { background: #9a248b !important; border-color: #1c2241 !important; } .better-care .dark-red .cta-button{ color: #9a248b !important; } .better-care .dark-red .cta-button:hover{ color: #fff !important; background: #1c2241 !important; } .better-care .blue { background: #3a97c9 !important; border-color: #1b5e7f !important; } .better-care .blue .cta-button{ color: #3a97c9 !important; } .better-care .blue .cta-button:hover{ color: #fff !important; background: #1b5e7f !important; } .better-care .sectionNav ul.nav>li:first-child>a, .better-care .mobile-trigger { background-color: #1b5e7f; } .better-care .mobile-trigger { margin-left: 0; width: 100%; } @media only screen and (max-width:1440px) { .better-care .header { background-position: center; } } @media only screen and (max-width:1024px) { .better-care .page-header { background-image: url(/assets/img/background/bcf-blocks-stacked.png); } } @media only screen and (max-width:667px) { .better-care .header { background-image: none; } .better-care .page-header { background-image: none; } } @media only screen and (max-width:411px) { .better-care .header { background-image: url(/assets/img/background/bcf-blocks-horizontal.png); background-position: right top; } .better-care #logoWrapper { padding-bottom: 0; } } .strengthening *:not(i) { font-family: 'Montserrat', sans-serif; } /*SCIEbar */ .strengthening div.sciebar { background: #005261; } /*Header*/ .strengthening .header { background-color: #b2e0e6; } .strengthening div#logo { display: flex; flex-wrap: wrap; align-items: center; } .strengthening #logoWrapper #logo p, .strengthening #in-collab { color: #005261; } .strengthening div#logo p#in-collab-mobile { display: none; } /*Main menu*/ .strengthening ul#navBar li:hover, .strengthening ul#navBar li a, .strengthening ul#navBar li a:hover, .strengthening ul#navBar li { border-radius: 5px; color: #b2e0e6; } .strengthening ul#navBar li a { color: #005261; } .strengthening ul#navBar li:hover { background-color: #005261; } /*Breadcrumb and mobile main menu*/ .strengthening .mean-bar, .strengthening #navBar, .strengthening .breadcrumb, .strengthening #breadcrumb-nav-trigger{ background-color: #005261; } .strengthening .breadcrumb li, body.strengthening .breadcrumb a { color: #fff; } /*Banner*/ .strengthening div.page-header { background: #b2e0e6 !important; border-bottom: 6px solid #005261 !important; } .strengthening div.page-header h1, .strengthening div p.banTitle a { color: #005261 !important; font-family: mongoose, sans-serif; font-style: normal; font-weight: 400; letter-spacing: 3px; } .strengthening-partners { display: flex; flex-wrap: wrap; justify-content: right; align-items: center; } .strengthening-partners img { width: 70px; margin: 5px 15px; } /*Landing page*/ .strengthening .section-links .boxes-2col { border-left: 3px solid #005261; } .strengthening > .wrapper > .content.twocolumns > .main-feature { background-color: #005261 !important; border-bottom-color: #b2e0e6 !important; } .strengthening .section-links .boxes-2col a h3, .strengthening .section-links .boxes-2col a:hover { color: #005261; } .strengthening div.links li { margin: 5px 0; } .strengthening a.button, .strengthening #hb-gotop { color: #005261; background: rgb(237,232,222); } .strengthening a.button:hover { background: #005261 !important; color: #b2e0e6 !important; } /*Navbar*/ .strengthening .sectionNav ul.nav > li:first-child > a, .strengthening .sectionNav ul.nav > li a.current-page, .strengthening button#aside-nav-trigger{ background-color: rgb(237,232,222) !important; border-color: rgb(237,232,222); color: #005261; } .strengthening .sectionNav ul.nav > li a, .strengthening .sectionNav ul.nav > ul.subNav > li a{ border-color: rgb(237,232,222); color: #005261; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .sectionNav.fixed a.current-page + [class^="sub"] * { background-color: white; } .sectionNav.fixed a.current-page + [class^="sub"] font { background-color: transparent; } .strengthening .sectionNav ul.subNav li > a.active-section { background-color: rgb(237,232,222) !important; border-color: rgb(237,232,222); color: #005261; } /*Aside*/ .strengthening .cta, .strengthening #hb-gotop { border-radius: 5px; } .strengthening .aside .cta { background-color: rgb(150, 64, 130) !important; border-bottom-color: rgb(150, 64, 130) !important; border-color: rgb(150, 64, 130); color: white; } .strengthening .aside .cta p { color: white; } .strengthening .aside div#download-side { background-color: rgb(249,239,247) !important; } .strengthening .aside div#download-side a, .strengthening .aside div#download-side div.cta-title, .strengthening .aside div#download-side div.cta-title i { color: rgb(150, 64, 130) !important; } .strengthening .aside div#download-side div.cta-title i { background-color: white; } .strengthening .aside .cta .cta-button { color: rgb(150, 64, 130) !important; background-color: rgb(249,239,247); } .strengthening .aside .cta .cta-button:hover { background-color: rgb(150, 64, 130); color: white !important; } /*Colours*/ .sf-yellow { background-color: rgb(247,235, 84) !important; } .sf-dark-green { background-color: rgb(73,92, 0) !important; } .sf-light-green { background-color: rgb(242, 245, 230) !important; } .sf-dark-blue { background-color: #005261 !important; } .sf-light-blue { background-color: #b2e0e6 !important; } .sf-purple { background-color: rgb(150, 64, 130); } .sf-light-purple { background-color: rgb(249,239,247); } .sf-beige { background-color: rgb(237,232,222); } /*General*/ .strengthening p:not(div.covid-19-banner), .strengthening ul li, .strengthening p:not(div.footer) { /*color: black;*/ } .strengthening h2, .strengthening h3 { color: inherit; } .strengthening ul, .strengthening ol{ line-height: 140%; } .sf-button { display: inline-block; background-color: rgb(52, 108, 165); font-size: 14px; padding: 10px; border-radius: 3px; color: white; font-weight: 600; } .sf-button:hover { color: white; } .sf-box { padding: 10px; margin-bottom: 10px; } .sf-box-header { margin-bottom: 10px; position: relative; right: 25px; padding: 10px 15px 2px 15px; z-index: 1; color: white; } .strengthening div.downloads { background-color: rgb(237,232,222); } /*Google map icons*/ .sf-map-icon { float: left; width: 50px; height: auto; } @media screen and (max-width: 800px) /*This is to include the bigger tablets*/ { .strengthening div.aside { width: 80%; margin: 0 100px; } .strengthening-partners { width: 100vw; justify-content: center; } .strengthening div.page-header h1, .strengthening div p.banTitle a { letter-spacing: 1.5px; } } @media screen and (max-width: 770px) { .strengthening #logoWrapper #logo p.screen-logo, .strengthening div#logo p#in-collab-mobile { font-size: 13px; } .strengthening div#logo p#in-collab-mobile { display: inline-block; } .strengthening div#text-wrapper { display: flex; justify-content: space-between; width: calc(100vw - 100px); } .strengthening-partners p#in-collab { display: none; } .strengthening div.aside { margin: 0 auto; } } @media screen and (max-width: 470px) { .strengthening-partners img { margin: 5px 10px; } .strengthening #logoWrapper #logo img { width: 50px; } .strengthening #navBar li a { color: #fff !important; } } .cookie-popup { position: fixed; left: 0; bottom: 0; width: 100%; padding: 1em 0; z-index: 9999; background: #282828; } .cookie-popup .wrapper { display: flex; flex-direction: row; justify-content: space-between; align-content: center; } .cookie-popup p { color: #ededed; } .cookie-popup a { color: #09f; } .cookie-popup > .wrapper > div:last-child { flex-grow: 1; display: flex; flex-direction: row; justify-content: flex-end; } .cookie-popup button { display: block; margin: auto 0; margin-left: 1em; border-radius: 3px; font-weight: bold; } .cookie-popup button:first-of-type { background: #fff; color: #06f; border: 1px solid; padding: 4px 8px; } .cookie-popup button:last-of-type { font-size: 24px; padding: 15px 15px; background: #09f; color: #fff; } @media screen and (max-width: 500px) { .cookie-popup > .wrapper > div:last-child { flex-direction: column; padding-left: .5em; } .cookie-popup button { margin-left: 0; } } /****************************/ .settings-shortcut { position: fixed; right: 0; bottom: 0; padding: .5em 0.25em 0.25em .75em; z-index: 9999; font-size: 20px; background: #ededed; cursor: pointer; border-top-left-radius: 5000px; } .settings-shortcut a { color: #282828; } /**************************/ .settings-popup-wrapper { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 10000; display: flex; /*IE11*/ align-items: center; flex-direction: column; /**/ background: rgba(0,0,0,0.4); } .settings-popup { margin: auto auto; max-width: 95%; z-index: 10001; background: #282828; padding: 2em; color: #ededed; position: relative; display: flex; flex-direction: column; box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .settings-popup a { color: #09f; font-weight: 400; } .settings-popup input { transform: scale(1.2); margin: 0; margin-right: .5em; vertical-align: middle; } .settings-popup label { user-select: none; } .settings-popup .closeButton { position: absolute; top: 0; right: 0; cursor: pointer; padding: .5em 1em; font-size: 22px; color: #282828; background: #09f; } .settings-popup .closeButton:focus { outline: 3px solid white }