/* main.css */
/* RESET CSS */
/* reset.css */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* Colors for user icons */
:root { 
    --bg-color-1: #C4DAE4;
    --color-1: #3D7DA7;
    --bg-color-2: #EBD1FF;
    --color-2: #8B58B3;
    --bg-color-3:#F0CABD;
    --color-3:#CF5128;
    --bg-color-4:#B9EAE4;
    --color-4:#27A495;
    --bg-color-5: #EFDFBD;
    --color-5:#BF8404;
    --bg-color-6: #E1E1E1;
    --color-6:#707070;
    --bg-color-7: #DAEE99;
    --color-7:#76893B;
} 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* LOAD FONTS */
/*!
 * Font Awesome Free 5.12.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)
 */
.fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }

.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; }

.fa-xs { font-size: .75em; }

.fa-sm { font-size: .875em; }

.fa-1x { font-size: 1em; }

.fa-2x { font-size: 2em; }

.fa-3x { font-size: 3em; }

.fa-4x { font-size: 4em; }

.fa-5x { font-size: 5em; }

.fa-6x { font-size: 6em; }

.fa-7x { font-size: 7em; }

.fa-8x { font-size: 8em; }

.fa-9x { font-size: 9em; }

.fa-10x { font-size: 10em; }

.fa-fw { text-align: center; width: 1.25em; }

.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; }

.fa-ul > li { position: relative; }

.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }

.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; }

.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }

.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }

@-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 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(-1, -1); transform: scale(-1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { -webkit-filter: none; filter: 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%; }

.fa-stack-1x { line-height: inherit; }

.fa-stack-2x { font-size: 2em; }

.fa-inverse { color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before { content: "\f26e"; }

.fa-accessible-icon:before { content: "\f368"; }

.fa-accusoft:before { content: "\f369"; }

.fa-acquisitions-incorporated:before { content: "\f6af"; }

.fa-ad:before { content: "\f641"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-card:before { content: "\f2bb"; }

.fa-adjust:before { content: "\f042"; }

.fa-adn:before { content: "\f170"; }

.fa-adobe:before { content: "\f778"; }

.fa-adversal:before { content: "\f36a"; }

.fa-affiliatetheme:before { content: "\f36b"; }

.fa-air-freshener:before { content: "\f5d0"; }

.fa-airbnb:before { content: "\f834"; }

.fa-algolia:before { content: "\f36c"; }

.fa-align-center:before { content: "\f037"; }

.fa-align-justify:before { content: "\f039"; }

.fa-align-left:before { content: "\f036"; }

.fa-align-right:before { content: "\f038"; }

.fa-alipay:before { content: "\f642"; }

.fa-allergies:before { content: "\f461"; }

.fa-amazon:before { content: "\f270"; }

.fa-amazon-pay:before { content: "\f42c"; }

.fa-ambulance:before { content: "\f0f9"; }

.fa-american-sign-language-interpreting:before { content: "\f2a3"; }

.fa-amilia:before { content: "\f36d"; }

.fa-anchor:before { content: "\f13d"; }

.fa-android:before { content: "\f17b"; }

.fa-angellist:before { content: "\f209"; }

.fa-angle-double-down:before { content: "\f103"; }

.fa-angle-double-left:before { content: "\f100"; }

.fa-angle-double-right:before { content: "\f101"; }

.fa-angle-double-up:before { content: "\f102"; }

.fa-angle-down:before { content: "\f107"; }

.fa-angle-left:before { content: "\f104"; }

.fa-angle-right:before { content: "\f105"; }

.fa-angle-up:before { content: "\f106"; }

.fa-angry:before { content: "\f556"; }

.fa-angrycreative:before { content: "\f36e"; }

.fa-angular:before { content: "\f420"; }

.fa-ankh:before { content: "\f644"; }

.fa-app-store:before { content: "\f36f"; }

.fa-app-store-ios:before { content: "\f370"; }

.fa-apper:before { content: "\f371"; }

.fa-apple:before { content: "\f179"; }

.fa-apple-alt:before { content: "\f5d1"; }

.fa-apple-pay:before { content: "\f415"; }

.fa-archive:before { content: "\f187"; }

.fa-archway:before { content: "\f557"; }

.fa-arrow-alt-circle-down:before { content: "\f358"; }

.fa-arrow-alt-circle-left:before { content: "\f359"; }

.fa-arrow-alt-circle-right:before { content: "\f35a"; }

.fa-arrow-alt-circle-up:before { content: "\f35b"; }

.fa-arrow-circle-down:before { content: "\f0ab"; }

.fa-arrow-circle-left:before { content: "\f0a8"; }

.fa-arrow-circle-right:before { content: "\f0a9"; }

.fa-arrow-circle-up:before { content: "\f0aa"; }

.fa-arrow-down:before { content: "\f063"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-arrows-alt-h:before { content: "\f337"; }

.fa-arrows-alt-v:before { content: "\f338"; }

.fa-artstation:before { content: "\f77a"; }

.fa-assistive-listening-systems:before { content: "\f2a2"; }

.fa-asterisk:before { content: "\f069"; }

.fa-asymmetrik:before { content: "\f372"; }

.fa-at:before { content: "\f1fa"; }

.fa-atlas:before { content: "\f558"; }

.fa-atlassian:before { content: "\f77b"; }

.fa-atom:before { content: "\f5d2"; }

.fa-audible:before { content: "\f373"; }

.fa-audio-description:before { content: "\f29e"; }

.fa-autoprefixer:before { content: "\f41c"; }

.fa-avianex:before { content: "\f374"; }

.fa-aviato:before { content: "\f421"; }

.fa-award:before { content: "\f559"; }

.fa-aws:before { content: "\f375"; }

.fa-baby:before { content: "\f77c"; }

.fa-baby-carriage:before { content: "\f77d"; }

.fa-backspace:before { content: "\f55a"; }

.fa-backward:before { content: "\f04a"; }

.fa-bacon:before { content: "\f7e5"; }

.fa-bahai:before { content: "\f666"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-balance-scale-left:before { content: "\f515"; }

.fa-balance-scale-right:before { content: "\f516"; }

.fa-ban:before { content: "\f05e"; }

.fa-band-aid:before { content: "\f462"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-barcode:before { content: "\f02a"; }

.fa-bars:before { content: "\f0c9"; }

.fa-baseball-ball:before { content: "\f433"; }

.fa-basketball-ball:before { content: "\f434"; }

.fa-bath:before { content: "\f2cd"; }

.fa-battery-empty:before { content: "\f244"; }

.fa-battery-full:before { content: "\f240"; }

.fa-battery-half:before { content: "\f242"; }

.fa-battery-quarter:before { content: "\f243"; }

.fa-battery-three-quarters:before { content: "\f241"; }

.fa-battle-net:before { content: "\f835"; }

.fa-bed:before { content: "\f236"; }

.fa-beer:before { content: "\f0fc"; }

.fa-behance:before { content: "\f1b4"; }

.fa-behance-square:before { content: "\f1b5"; }

.fa-bell:before { content: "\f0f3"; }

.fa-bell-slash:before { content: "\f1f6"; }

.fa-bezier-curve:before { content: "\f55b"; }

.fa-bible:before { content: "\f647"; }

.fa-bicycle:before { content: "\f206"; }

.fa-biking:before { content: "\f84a"; }

.fa-bimobject:before { content: "\f378"; }

.fa-binoculars:before { content: "\f1e5"; }

.fa-biohazard:before { content: "\f780"; }

.fa-birthday-cake:before { content: "\f1fd"; }

.fa-bitbucket:before { content: "\f171"; }

.fa-bitcoin:before { content: "\f379"; }

.fa-bity:before { content: "\f37a"; }

.fa-black-tie:before { content: "\f27e"; }

.fa-blackberry:before { content: "\f37b"; }

.fa-blender:before { content: "\f517"; }

.fa-blender-phone:before { content: "\f6b6"; }

.fa-blind:before { content: "\f29d"; }

.fa-blog:before { content: "\f781"; }

.fa-blogger:before { content: "\f37c"; }

.fa-blogger-b:before { content: "\f37d"; }

.fa-bluetooth:before { content: "\f293"; }

.fa-bluetooth-b:before { content: "\f294"; }

.fa-bold:before { content: "\f032"; }

.fa-bolt:before { content: "\f0e7"; }

.fa-bomb:before { content: "\f1e2"; }

.fa-bone:before { content: "\f5d7"; }

.fa-bong:before { content: "\f55c"; }

.fa-book:before { content: "\f02d"; }

.fa-book-dead:before { content: "\f6b7"; }

.fa-book-medical:before { content: "\f7e6"; }

.fa-book-open:before { content: "\f518"; }

.fa-book-reader:before { content: "\f5da"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-bootstrap:before { content: "\f836"; }

.fa-border-all:before { content: "\f84c"; }

.fa-border-none:before { content: "\f850"; }

.fa-border-style:before { content: "\f853"; }

.fa-bowling-ball:before { content: "\f436"; }

.fa-box:before { content: "\f466"; }

.fa-box-open:before { content: "\f49e"; }

.fa-boxes:before { content: "\f468"; }

.fa-braille:before { content: "\f2a1"; }

.fa-brain:before { content: "\f5dc"; }

.fa-bread-slice:before { content: "\f7ec"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-briefcase-medical:before { content: "\f469"; }

.fa-broadcast-tower:before { content: "\f519"; }

.fa-broom:before { content: "\f51a"; }

.fa-brush:before { content: "\f55d"; }

.fa-btc:before { content: "\f15a"; }

.fa-buffer:before { content: "\f837"; }

.fa-bug:before { content: "\f188"; }

.fa-building:before { content: "\f1ad"; }

.fa-bullhorn:before { content: "\f0a1"; }

.fa-bullseye:before { content: "\f140"; }

.fa-burn:before { content: "\f46a"; }

.fa-buromobelexperte:before { content: "\f37f"; }

.fa-bus:before { content: "\f207"; }

.fa-bus-alt:before { content: "\f55e"; }

.fa-business-time:before { content: "\f64a"; }

.fa-buy-n-large:before { content: "\f8a6"; }

.fa-buysellads:before { content: "\f20d"; }

.fa-calculator:before { content: "\f1ec"; }

.fa-calendar:before { content: "\f133"; }

.fa-calendar-alt:before { content: "\f073"; }

.fa-calendar-check:before { content: "\f274"; }

.fa-calendar-day:before { content: "\f783"; }

.fa-calendar-minus:before { content: "\f272"; }

.fa-calendar-plus:before { content: "\f271"; }

.fa-calendar-times:before { content: "\f273"; }

.fa-calendar-week:before { content: "\f784"; }

.fa-camera:before { content: "\f030"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-campground:before { content: "\f6bb"; }

.fa-canadian-maple-leaf:before { content: "\f785"; }

.fa-candy-cane:before { content: "\f786"; }

.fa-cannabis:before { content: "\f55f"; }

.fa-capsules:before { content: "\f46b"; }

.fa-car:before { content: "\f1b9"; }

.fa-car-alt:before { content: "\f5de"; }

.fa-car-battery:before { content: "\f5df"; }

.fa-car-crash:before { content: "\f5e1"; }

.fa-car-side:before { content: "\f5e4"; }

.fa-caravan:before { content: "\f8ff"; }

.fa-caret-down:before { content: "\f0d7"; }

.fa-caret-left:before { content: "\f0d9"; }

.fa-caret-right:before { content: "\f0da"; }

.fa-caret-square-down:before { content: "\f150"; }

.fa-caret-square-left:before { content: "\f191"; }

.fa-caret-square-right:before { content: "\f152"; }

.fa-caret-square-up:before { content: "\f151"; }

.fa-caret-up:before { content: "\f0d8"; }

.fa-carrot:before { content: "\f787"; }

.fa-cart-arrow-down:before { content: "\f218"; }

.fa-cart-plus:before { content: "\f217"; }

.fa-cash-register:before { content: "\f788"; }

.fa-cat:before { content: "\f6be"; }

.fa-cc-amazon-pay:before { content: "\f42d"; }

.fa-cc-amex:before { content: "\f1f3"; }

.fa-cc-apple-pay:before { content: "\f416"; }

.fa-cc-diners-club:before { content: "\f24c"; }

.fa-cc-discover:before { content: "\f1f2"; }

.fa-cc-jcb:before { content: "\f24b"; }

.fa-cc-mastercard:before { content: "\f1f1"; }

.fa-cc-paypal:before { content: "\f1f4"; }

.fa-cc-stripe:before { content: "\f1f5"; }

.fa-cc-visa:before { content: "\f1f0"; }

.fa-centercode:before { content: "\f380"; }

.fa-centos:before { content: "\f789"; }

.fa-certificate:before { content: "\f0a3"; }

.fa-chair:before { content: "\f6c0"; }

.fa-chalkboard:before { content: "\f51b"; }

.fa-chalkboard-teacher:before { content: "\f51c"; }

.fa-charging-station:before { content: "\f5e7"; }

.fa-chart-area:before { content: "\f1fe"; }

.fa-chart-bar:before { content: "\f080"; }

.fa-chart-line:before { content: "\f201"; }

.fa-chart-pie:before { content: "\f200"; }

.fa-check:before { content: "\f00c"; }

.fa-check-circle:before { content: "\f058"; }

.fa-check-double:before { content: "\f560"; }

.fa-check-square:before { content: "\f14a"; }

.fa-cheese:before { content: "\f7ef"; }

.fa-chess:before { content: "\f439"; }

.fa-chess-bishop:before { content: "\f43a"; }

.fa-chess-board:before { content: "\f43c"; }

.fa-chess-king:before { content: "\f43f"; }

.fa-chess-knight:before { content: "\f441"; }

.fa-chess-pawn:before { content: "\f443"; }

.fa-chess-queen:before { content: "\f445"; }

.fa-chess-rook:before { content: "\f447"; }

.fa-chevron-circle-down:before { content: "\f13a"; }

.fa-chevron-circle-left:before { content: "\f137"; }

.fa-chevron-circle-right:before { content: "\f138"; }

.fa-chevron-circle-up:before { content: "\f139"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-child:before { content: "\f1ae"; }

.fa-chrome:before { content: "\f268"; }

.fa-chromecast:before { content: "\f838"; }

.fa-church:before { content: "\f51d"; }

.fa-circle:before { content: "\f111"; }

.fa-circle-notch:before { content: "\f1ce"; }

.fa-city:before { content: "\f64f"; }

.fa-clinic-medical:before { content: "\f7f2"; }

.fa-clipboard:before { content: "\f328"; }

.fa-clipboard-check:before { content: "\f46c"; }

.fa-clipboard-list:before { content: "\f46d"; }

.fa-clock:before { content: "\f017"; }

.fa-clone:before { content: "\f24d"; }

.fa-closed-captioning:before { content: "\f20a"; }

.fa-cloud:before { content: "\f0c2"; }

.fa-cloud-download-alt:before { content: "\f381"; }

.fa-cloud-meatball:before { content: "\f73b"; }

.fa-cloud-moon:before { content: "\f6c3"; }

.fa-cloud-moon-rain:before { content: "\f73c"; }

.fa-cloud-rain:before { content: "\f73d"; }

.fa-cloud-showers-heavy:before { content: "\f740"; }

.fa-cloud-sun:before { content: "\f6c4"; }

.fa-cloud-sun-rain:before { content: "\f743"; }

.fa-cloud-upload-alt:before { content: "\f382"; }

.fa-cloudscale:before { content: "\f383"; }

.fa-cloudsmith:before { content: "\f384"; }

.fa-cloudversify:before { content: "\f385"; }

.fa-cocktail:before { content: "\f561"; }

.fa-code:before { content: "\f121"; }

.fa-code-branch:before { content: "\f126"; }

.fa-codepen:before { content: "\f1cb"; }

.fa-codiepie:before { content: "\f284"; }

.fa-coffee:before { content: "\f0f4"; }

.fa-cog:before { content: "\f013"; }

.fa-cogs:before { content: "\f085"; }

.fa-coins:before { content: "\f51e"; }

.fa-columns:before { content: "\f0db"; }

.fa-comment:before { content: "\f075"; }

.fa-comment-alt:before { content: "\f27a"; }

.fa-comment-dollar:before { content: "\f651"; }

.fa-comment-dots:before { content: "\f4ad"; }

.fa-comment-medical:before { content: "\f7f5"; }

.fa-comment-slash:before { content: "\f4b3"; }

.fa-comments:before { content: "\f086"; }

.fa-comments-dollar:before { content: "\f653"; }

.fa-compact-disc:before { content: "\f51f"; }

.fa-compass:before { content: "\f14e"; }

.fa-compress:before { content: "\f066"; }

.fa-compress-alt:before { content: "\f422"; }

.fa-compress-arrows-alt:before { content: "\f78c"; }

.fa-concierge-bell:before { content: "\f562"; }

.fa-confluence:before { content: "\f78d"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-contao:before { content: "\f26d"; }

.fa-cookie:before { content: "\f563"; }

.fa-cookie-bite:before { content: "\f564"; }

.fa-copy:before { content: "\f0c5"; }

.fa-copyright:before { content: "\f1f9"; }

.fa-cotton-bureau:before { content: "\f89e"; }

.fa-couch:before { content: "\f4b8"; }

.fa-cpanel:before { content: "\f388"; }

.fa-creative-commons:before { content: "\f25e"; }

.fa-creative-commons-by:before { content: "\f4e7"; }

.fa-creative-commons-nc:before { content: "\f4e8"; }

.fa-creative-commons-nc-eu:before { content: "\f4e9"; }

.fa-creative-commons-nc-jp:before { content: "\f4ea"; }

.fa-creative-commons-nd:before { content: "\f4eb"; }

.fa-creative-commons-pd:before { content: "\f4ec"; }

.fa-creative-commons-pd-alt:before { content: "\f4ed"; }

.fa-creative-commons-remix:before { content: "\f4ee"; }

.fa-creative-commons-sa:before { content: "\f4ef"; }

.fa-creative-commons-sampling:before { content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before { content: "\f4f1"; }

.fa-creative-commons-share:before { content: "\f4f2"; }

.fa-creative-commons-zero:before { content: "\f4f3"; }

.fa-credit-card:before { content: "\f09d"; }

.fa-critical-role:before { content: "\f6c9"; }

.fa-crop:before { content: "\f125"; }

.fa-crop-alt:before { content: "\f565"; }

.fa-cross:before { content: "\f654"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-crow:before { content: "\f520"; }

.fa-crown:before { content: "\f521"; }

.fa-crutch:before { content: "\f7f7"; }

.fa-css3:before { content: "\f13c"; }

.fa-css3-alt:before { content: "\f38b"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-cut:before { content: "\f0c4"; }

.fa-cuttlefish:before { content: "\f38c"; }

.fa-d-and-d:before { content: "\f38d"; }

.fa-d-and-d-beyond:before { content: "\f6ca"; }

.fa-dailymotion:before { content: "\f952"; }

.fa-dashcube:before { content: "\f210"; }

.fa-database:before { content: "\f1c0"; }

.fa-deaf:before { content: "\f2a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-democrat:before { content: "\f747"; }

.fa-deploydog:before { content: "\f38e"; }

.fa-deskpro:before { content: "\f38f"; }

.fa-desktop:before { content: "\f108"; }

.fa-dev:before { content: "\f6cc"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-dharmachakra:before { content: "\f655"; }

.fa-dhl:before { content: "\f790"; }

.fa-diagnoses:before { content: "\f470"; }

.fa-diaspora:before { content: "\f791"; }

.fa-dice:before { content: "\f522"; }

.fa-dice-d20:before { content: "\f6cf"; }

.fa-dice-d6:before { content: "\f6d1"; }

.fa-dice-five:before { content: "\f523"; }

.fa-dice-four:before { content: "\f524"; }

.fa-dice-one:before { content: "\f525"; }

.fa-dice-six:before { content: "\f526"; }

.fa-dice-three:before { content: "\f527"; }

.fa-dice-two:before { content: "\f528"; }

.fa-digg:before { content: "\f1a6"; }

.fa-digital-ocean:before { content: "\f391"; }

.fa-digital-tachograph:before { content: "\f566"; }

.fa-directions:before { content: "\f5eb"; }

.fa-discord:before { content: "\f392"; }

.fa-discourse:before { content: "\f393"; }

.fa-divide:before { content: "\f529"; }

.fa-dizzy:before { content: "\f567"; }

.fa-dna:before { content: "\f471"; }

.fa-dochub:before { content: "\f394"; }

.fa-docker:before { content: "\f395"; }

.fa-dog:before { content: "\f6d3"; }

.fa-dollar-sign:before { content: "\f155"; }

.fa-dolly:before { content: "\f472"; }

.fa-dolly-flatbed:before { content: "\f474"; }

.fa-donate:before { content: "\f4b9"; }

.fa-door-closed:before { content: "\f52a"; }

.fa-door-open:before { content: "\f52b"; }

.fa-dot-circle:before { content: "\f192"; }

.fa-dove:before { content: "\f4ba"; }

.fa-download:before { content: "\f019"; }

.fa-draft2digital:before { content: "\f396"; }

.fa-drafting-compass:before { content: "\f568"; }

.fa-dragon:before { content: "\f6d5"; }

.fa-draw-polygon:before { content: "\f5ee"; }

.fa-dribbble:before { content: "\f17d"; }

.fa-dribbble-square:before { content: "\f397"; }

.fa-dropbox:before { content: "\f16b"; }

.fa-drum:before { content: "\f569"; }

.fa-drum-steelpan:before { content: "\f56a"; }

.fa-drumstick-bite:before { content: "\f6d7"; }

.fa-drupal:before { content: "\f1a9"; }

.fa-dumbbell:before { content: "\f44b"; }

.fa-dumpster:before { content: "\f793"; }

.fa-dumpster-fire:before { content: "\f794"; }

.fa-dungeon:before { content: "\f6d9"; }

.fa-dyalog:before { content: "\f399"; }

.fa-earlybirds:before { content: "\f39a"; }

.fa-ebay:before { content: "\f4f4"; }

.fa-edge:before { content: "\f282"; }

.fa-edit:before { content: "\f044"; }

.fa-egg:before { content: "\f7fb"; }

.fa-eject:before { content: "\f052"; }

.fa-elementor:before { content: "\f430"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-ello:before { content: "\f5f1"; }

.fa-ember:before { content: "\f423"; }

.fa-empire:before { content: "\f1d1"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-envelope-open:before { content: "\f2b6"; }

.fa-envelope-open-text:before { content: "\f658"; }

.fa-envelope-square:before { content: "\f199"; }

.fa-envira:before { content: "\f299"; }

.fa-equals:before { content: "\f52c"; }

.fa-eraser:before { content: "\f12d"; }

.fa-erlang:before { content: "\f39d"; }

.fa-ethereum:before { content: "\f42e"; }

.fa-ethernet:before { content: "\f796"; }

.fa-etsy:before { content: "\f2d7"; }

.fa-euro-sign:before { content: "\f153"; }

.fa-evernote:before { content: "\f839"; }

.fa-exchange-alt:before { content: "\f362"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-exclamation-triangle:before { content: "\f071"; }

.fa-expand:before { content: "\f065"; }

.fa-expand-alt:before { content: "\f424"; }

.fa-expand-arrows-alt:before { content: "\f31e"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-external-link-alt:before { content: "\f35d"; }

.fa-external-link-square-alt:before { content: "\f360"; }

.fa-eye:before { content: "\f06e"; }

.fa-eye-dropper:before { content: "\f1fb"; }

.fa-eye-slash:before { content: "\f070"; }

.fa-facebook:before { content: "\f09a"; }

.fa-facebook-f:before { content: "\f39e"; }

.fa-facebook-messenger:before { content: "\f39f"; }

.fa-facebook-square:before { content: "\f082"; }

.fa-fan:before { content: "\f863"; }

.fa-fantasy-flight-games:before { content: "\f6dc"; }

.fa-fast-backward:before { content: "\f049"; }

.fa-fast-forward:before { content: "\f050"; }

.fa-fax:before { content: "\f1ac"; }

.fa-feather:before { content: "\f52d"; }

.fa-feather-alt:before { content: "\f56b"; }

.fa-fedex:before { content: "\f797"; }

.fa-fedora:before { content: "\f798"; }

.fa-female:before { content: "\f182"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.fa-figma:before { content: "\f799"; }

.fa-file:before { content: "\f15b"; }

.fa-file-alt:before { content: "\f15c"; }

.fa-file-archive:before { content: "\f1c6"; }

.fa-file-audio:before { content: "\f1c7"; }

.fa-file-code:before { content: "\f1c9"; }

.fa-file-contract:before { content: "\f56c"; }

.fa-file-csv:before { content: "\f6dd"; }

.fa-file-download:before { content: "\f56d"; }

.fa-file-excel:before { content: "\f1c3"; }

.fa-file-export:before { content: "\f56e"; }

.fa-file-image:before { content: "\f1c5"; }

.fa-file-import:before { content: "\f56f"; }

.fa-file-invoice:before { content: "\f570"; }

.fa-file-invoice-dollar:before { content: "\f571"; }

.fa-file-medical:before { content: "\f477"; }

.fa-file-medical-alt:before { content: "\f478"; }

.fa-file-pdf:before { content: "\f1c1"; }

.fa-file-powerpoint:before { content: "\f1c4"; }

.fa-file-prescription:before { content: "\f572"; }

.fa-file-signature:before { content: "\f573"; }

.fa-file-upload:before { content: "\f574"; }

.fa-file-video:before { content: "\f1c8"; }

.fa-file-word:before { content: "\f1c2"; }

.fa-fill:before { content: "\f575"; }

.fa-fill-drip:before { content: "\f576"; }

.fa-film:before { content: "\f008"; }

.fa-filter:before { content: "\f0b0"; }

.fa-fingerprint:before { content: "\f577"; }

.fa-fire:before { content: "\f06d"; }

.fa-fire-alt:before { content: "\f7e4"; }

.fa-fire-extinguisher:before { content: "\f134"; }

.fa-firefox:before { content: "\f269"; }

.fa-firefox-browser:before { content: "\f907"; }

.fa-first-aid:before { content: "\f479"; }

.fa-first-order:before { content: "\f2b0"; }

.fa-first-order-alt:before { content: "\f50a"; }

.fa-firstdraft:before { content: "\f3a1"; }

.fa-fish:before { content: "\f578"; }

.fa-fist-raised:before { content: "\f6de"; }

.fa-flag:before { content: "\f024"; }

.fa-flag-checkered:before { content: "\f11e"; }

.fa-flag-usa:before { content: "\f74d"; }

.fa-flask:before { content: "\f0c3"; }

.fa-flickr:before { content: "\f16e"; }

.fa-flipboard:before { content: "\f44d"; }

.fa-flushed:before { content: "\f579"; }

.fa-fly:before { content: "\f417"; }

.fa-folder:before { content: "\f07b"; }

.fa-folder-minus:before { content: "\f65d"; }

.fa-folder-open:before { content: "\f07c"; }

.fa-folder-plus:before { content: "\f65e"; }

.fa-font:before { content: "\f031"; }

.fa-font-awesome:before { content: "\f2b4"; }

.fa-font-awesome-alt:before { content: "\f35c"; }

.fa-font-awesome-flag:before { content: "\f425"; }

.fa-font-awesome-logo-full:before { content: "\f4e6"; }

.fa-fonticons:before { content: "\f280"; }

.fa-fonticons-fi:before { content: "\f3a2"; }

.fa-football-ball:before { content: "\f44e"; }

.fa-fort-awesome:before { content: "\f286"; }

.fa-fort-awesome-alt:before { content: "\f3a3"; }

.fa-forumbee:before { content: "\f211"; }

.fa-forward:before { content: "\f04e"; }

.fa-foursquare:before { content: "\f180"; }

.fa-free-code-camp:before { content: "\f2c5"; }

.fa-freebsd:before { content: "\f3a4"; }

.fa-frog:before { content: "\f52e"; }

.fa-frown:before { content: "\f119"; }

.fa-frown-open:before { content: "\f57a"; }

.fa-fulcrum:before { content: "\f50b"; }

.fa-funnel-dollar:before { content: "\f662"; }

.fa-futbol:before { content: "\f1e3"; }

.fa-galactic-republic:before { content: "\f50c"; }

.fa-galactic-senate:before { content: "\f50d"; }

.fa-gamepad:before { content: "\f11b"; }

.fa-gas-pump:before { content: "\f52f"; }

.fa-gavel:before { content: "\f0e3"; }

.fa-gem:before { content: "\f3a5"; }

.fa-genderless:before { content: "\f22d"; }

.fa-get-pocket:before { content: "\f265"; }

.fa-gg:before { content: "\f260"; }

.fa-gg-circle:before { content: "\f261"; }

.fa-ghost:before { content: "\f6e2"; }

.fa-gift:before { content: "\f06b"; }

.fa-gifts:before { content: "\f79c"; }

.fa-git:before { content: "\f1d3"; }

.fa-git-alt:before { content: "\f841"; }

.fa-git-square:before { content: "\f1d2"; }

.fa-github:before { content: "\f09b"; }

.fa-github-alt:before { content: "\f113"; }

.fa-github-square:before { content: "\f092"; }

.fa-gitkraken:before { content: "\f3a6"; }

.fa-gitlab:before { content: "\f296"; }

.fa-gitter:before { content: "\f426"; }

.fa-glass-cheers:before { content: "\f79f"; }

.fa-glass-martini:before { content: "\f000"; }

.fa-glass-martini-alt:before { content: "\f57b"; }

.fa-glass-whiskey:before { content: "\f7a0"; }

.fa-glasses:before { content: "\f530"; }

.fa-glide:before { content: "\f2a5"; }

.fa-glide-g:before { content: "\f2a6"; }

.fa-globe:before { content: "\f0ac"; }

.fa-globe-africa:before { content: "\f57c"; }

.fa-globe-americas:before { content: "\f57d"; }

.fa-globe-asia:before { content: "\f57e"; }

.fa-globe-europe:before { content: "\f7a2"; }

.fa-gofore:before { content: "\f3a7"; }

.fa-golf-ball:before { content: "\f450"; }

.fa-goodreads:before { content: "\f3a8"; }

.fa-goodreads-g:before { content: "\f3a9"; }

.fa-google:before { content: "\f1a0"; }

.fa-google-drive:before { content: "\f3aa"; }

.fa-google-play:before { content: "\f3ab"; }

.fa-google-plus:before { content: "\f2b3"; }

.fa-google-plus-g:before { content: "\f0d5"; }

.fa-google-plus-square:before { content: "\f0d4"; }

.fa-google-wallet:before { content: "\f1ee"; }

.fa-gopuram:before { content: "\f664"; }

.fa-graduation-cap:before { content: "\f19d"; }

.fa-gratipay:before { content: "\f184"; }

.fa-grav:before { content: "\f2d6"; }

.fa-greater-than:before { content: "\f531"; }

.fa-greater-than-equal:before { content: "\f532"; }

.fa-grimace:before { content: "\f57f"; }

.fa-grin:before { content: "\f580"; }

.fa-grin-alt:before { content: "\f581"; }

.fa-grin-beam:before { content: "\f582"; }

.fa-grin-beam-sweat:before { content: "\f583"; }

.fa-grin-hearts:before { content: "\f584"; }

.fa-grin-squint:before { content: "\f585"; }

.fa-grin-squint-tears:before { content: "\f586"; }

.fa-grin-stars:before { content: "\f587"; }

.fa-grin-tears:before { content: "\f588"; }

.fa-grin-tongue:before { content: "\f589"; }

.fa-grin-tongue-squint:before { content: "\f58a"; }

.fa-grin-tongue-wink:before { content: "\f58b"; }

.fa-grin-wink:before { content: "\f58c"; }

.fa-grip-horizontal:before { content: "\f58d"; }

.fa-grip-lines:before { content: "\f7a4"; }

.fa-grip-lines-vertical:before { content: "\f7a5"; }

.fa-grip-vertical:before { content: "\f58e"; }

.fa-gripfire:before { content: "\f3ac"; }

.fa-grunt:before { content: "\f3ad"; }

.fa-guitar:before { content: "\f7a6"; }

.fa-gulp:before { content: "\f3ae"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-hacker-news:before { content: "\f1d4"; }

.fa-hacker-news-square:before { content: "\f3af"; }

.fa-hackerrank:before { content: "\f5f7"; }

.fa-hamburger:before { content: "\f805"; }

.fa-hammer:before { content: "\f6e3"; }

.fa-hamsa:before { content: "\f665"; }

.fa-hand-holding:before { content: "\f4bd"; }

.fa-hand-holding-heart:before { content: "\f4be"; }

.fa-hand-holding-usd:before { content: "\f4c0"; }

.fa-hand-lizard:before { content: "\f258"; }

.fa-hand-middle-finger:before { content: "\f806"; }

.fa-hand-paper:before { content: "\f256"; }

.fa-hand-peace:before { content: "\f25b"; }

.fa-hand-point-down:before { content: "\f0a7"; }

.fa-hand-point-left:before { content: "\f0a5"; }

.fa-hand-point-right:before { content: "\f0a4"; }

.fa-hand-point-up:before { content: "\f0a6"; }

.fa-hand-pointer:before { content: "\f25a"; }

.fa-hand-rock:before { content: "\f255"; }

.fa-hand-scissors:before { content: "\f257"; }

.fa-hand-spock:before { content: "\f259"; }

.fa-hands:before { content: "\f4c2"; }

.fa-hands-helping:before { content: "\f4c4"; }

.fa-handshake:before { content: "\f2b5"; }

.fa-hanukiah:before { content: "\f6e6"; }

.fa-hard-hat:before { content: "\f807"; }

.fa-hashtag:before { content: "\f292"; }

.fa-hat-cowboy:before { content: "\f8c0"; }

.fa-hat-cowboy-side:before { content: "\f8c1"; }

.fa-hat-wizard:before { content: "\f6e8"; }

.fa-hdd:before { content: "\f0a0"; }

.fa-heading:before { content: "\f1dc"; }

.fa-headphones:before { content: "\f025"; }

.fa-headphones-alt:before { content: "\f58f"; }

.fa-headset:before { content: "\f590"; }

.fa-heart:before { content: "\f004"; }

.fa-heart-broken:before { content: "\f7a9"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-helicopter:before { content: "\f533"; }

.fa-highlighter:before { content: "\f591"; }

.fa-hiking:before { content: "\f6ec"; }

.fa-hippo:before { content: "\f6ed"; }

.fa-hips:before { content: "\f452"; }

.fa-hire-a-helper:before { content: "\f3b0"; }

.fa-history:before { content: "\f1da"; }

.fa-hockey-puck:before { content: "\f453"; }

.fa-holly-berry:before { content: "\f7aa"; }

.fa-home:before { content: "\f015"; }

.fa-hooli:before { content: "\f427"; }

.fa-hornbill:before { content: "\f592"; }

.fa-horse:before { content: "\f6f0"; }

.fa-horse-head:before { content: "\f7ab"; }

.fa-hospital:before { content: "\f0f8"; }

.fa-hospital-alt:before { content: "\f47d"; }

.fa-hospital-symbol:before { content: "\f47e"; }

.fa-hot-tub:before { content: "\f593"; }

.fa-hotdog:before { content: "\f80f"; }

.fa-hotel:before { content: "\f594"; }

.fa-hotjar:before { content: "\f3b1"; }

.fa-hourglass:before { content: "\f254"; }

.fa-hourglass-end:before { content: "\f253"; }

.fa-hourglass-half:before { content: "\f252"; }

.fa-hourglass-start:before { content: "\f251"; }

.fa-house-damage:before { content: "\f6f1"; }

.fa-houzz:before { content: "\f27c"; }

.fa-hryvnia:before { content: "\f6f2"; }

.fa-html5:before { content: "\f13b"; }

.fa-hubspot:before { content: "\f3b2"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-ice-cream:before { content: "\f810"; }

.fa-icicles:before { content: "\f7ad"; }

.fa-icons:before { content: "\f86d"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-id-card:before { content: "\f2c2"; }

.fa-id-card-alt:before { content: "\f47f"; }

.fa-ideal:before { content: "\f913"; }

.fa-igloo:before { content: "\f7ae"; }

.fa-image:before { content: "\f03e"; }

.fa-images:before { content: "\f302"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-inbox:before { content: "\f01c"; }

.fa-indent:before { content: "\f03c"; }

.fa-industry:before { content: "\f275"; }

.fa-infinity:before { content: "\f534"; }

.fa-info:before { content: "\f129"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-instagram:before { content: "\f16d"; }

.fa-instagram-square:before { content: "\f955"; }

.fa-intercom:before { content: "\f7af"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-invision:before { content: "\f7b0"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-italic:before { content: "\f033"; }

.fa-itch-io:before { content: "\f83a"; }

.fa-itunes:before { content: "\f3b4"; }

.fa-itunes-note:before { content: "\f3b5"; }

.fa-java:before { content: "\f4e4"; }

.fa-jedi:before { content: "\f669"; }

.fa-jedi-order:before { content: "\f50e"; }

.fa-jenkins:before { content: "\f3b6"; }

.fa-jira:before { content: "\f7b1"; }

.fa-joget:before { content: "\f3b7"; }

.fa-joint:before { content: "\f595"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-journal-whills:before { content: "\f66a"; }

.fa-js:before { content: "\f3b8"; }

.fa-js-square:before { content: "\f3b9"; }

.fa-jsfiddle:before { content: "\f1cc"; }

.fa-kaaba:before { content: "\f66b"; }

.fa-kaggle:before { content: "\f5fa"; }

.fa-key:before { content: "\f084"; }

.fa-keybase:before { content: "\f4f5"; }

.fa-keyboard:before { content: "\f11c"; }

.fa-keycdn:before { content: "\f3ba"; }

.fa-khanda:before { content: "\f66d"; }

.fa-kickstarter:before { content: "\f3bb"; }

.fa-kickstarter-k:before { content: "\f3bc"; }

.fa-kiss:before { content: "\f596"; }

.fa-kiss-beam:before { content: "\f597"; }

.fa-kiss-wink-heart:before { content: "\f598"; }

.fa-kiwi-bird:before { content: "\f535"; }

.fa-korvue:before { content: "\f42f"; }

.fa-landmark:before { content: "\f66f"; }

.fa-language:before { content: "\f1ab"; }

.fa-laptop:before { content: "\f109"; }

.fa-laptop-code:before { content: "\f5fc"; }

.fa-laptop-medical:before { content: "\f812"; }

.fa-laravel:before { content: "\f3bd"; }

.fa-lastfm:before { content: "\f202"; }

.fa-lastfm-square:before { content: "\f203"; }

.fa-laugh:before { content: "\f599"; }

.fa-laugh-beam:before { content: "\f59a"; }

.fa-laugh-squint:before { content: "\f59b"; }

.fa-laugh-wink:before { content: "\f59c"; }

.fa-layer-group:before { content: "\f5fd"; }

.fa-leaf:before { content: "\f06c"; }

.fa-leanpub:before { content: "\f212"; }

.fa-lemon:before { content: "\f094"; }

.fa-less:before { content: "\f41d"; }

.fa-less-than:before { content: "\f536"; }

.fa-less-than-equal:before { content: "\f537"; }

.fa-level-down-alt:before { content: "\f3be"; }

.fa-level-up-alt:before { content: "\f3bf"; }

.fa-life-ring:before { content: "\f1cd"; }

.fa-lightbulb:before { content: "\f0eb"; }

.fa-line:before { content: "\f3c0"; }

.fa-link:before { content: "\f0c1"; }

.fa-linkedin:before { content: "\f08c"; }

.fa-linkedin-in:before { content: "\f0e1"; }

.fa-linode:before { content: "\f2b8"; }

.fa-linux:before { content: "\f17c"; }

.fa-lira-sign:before { content: "\f195"; }

.fa-list:before { content: "\f03a"; }

.fa-list-alt:before { content: "\f022"; }

.fa-list-ol:before { content: "\f0cb"; }

.fa-list-ul:before { content: "\f0ca"; }

.fa-location-arrow:before { content: "\f124"; }

.fa-lock:before { content: "\f023"; }

.fa-lock-open:before { content: "\f3c1"; }

.fa-long-arrow-alt-down:before { content: "\f309"; }

.fa-long-arrow-alt-left:before { content: "\f30a"; }

.fa-long-arrow-alt-right:before { content: "\f30b"; }

.fa-long-arrow-alt-up:before { content: "\f30c"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-luggage-cart:before { content: "\f59d"; }

.fa-lyft:before { content: "\f3c3"; }

.fa-magento:before { content: "\f3c4"; }

.fa-magic:before { content: "\f0d0"; }

.fa-magnet:before { content: "\f076"; }

.fa-mail-bulk:before { content: "\f674"; }

.fa-mailchimp:before { content: "\f59e"; }

.fa-male:before { content: "\f183"; }

.fa-mandalorian:before { content: "\f50f"; }

.fa-map:before { content: "\f279"; }

.fa-map-marked:before { content: "\f59f"; }

.fa-map-marked-alt:before { content: "\f5a0"; }

.fa-map-marker:before { content: "\f041"; }

.fa-map-marker-alt:before { content: "\f3c5"; }

.fa-map-pin:before { content: "\f276"; }

.fa-map-signs:before { content: "\f277"; }

.fa-markdown:before { content: "\f60f"; }

.fa-marker:before { content: "\f5a1"; }

.fa-mars:before { content: "\f222"; }

.fa-mars-double:before { content: "\f227"; }

.fa-mars-stroke:before { content: "\f229"; }

.fa-mars-stroke-h:before { content: "\f22b"; }

.fa-mars-stroke-v:before { content: "\f22a"; }

.fa-mask:before { content: "\f6fa"; }

.fa-mastodon:before { content: "\f4f6"; }

.fa-maxcdn:before { content: "\f136"; }

.fa-mdb:before { content: "\f8ca"; }

.fa-medal:before { content: "\f5a2"; }

.fa-medapps:before { content: "\f3c6"; }

.fa-medium:before { content: "\f23a"; }

.fa-medium-m:before { content: "\f3c7"; }

.fa-medkit:before { content: "\f0fa"; }

.fa-medrt:before { content: "\f3c8"; }

.fa-meetup:before { content: "\f2e0"; }

.fa-megaport:before { content: "\f5a3"; }

.fa-meh:before { content: "\f11a"; }

.fa-meh-blank:before { content: "\f5a4"; }

.fa-meh-rolling-eyes:before { content: "\f5a5"; }

.fa-memory:before { content: "\f538"; }

.fa-mendeley:before { content: "\f7b3"; }

.fa-menorah:before { content: "\f676"; }

.fa-mercury:before { content: "\f223"; }

.fa-meteor:before { content: "\f753"; }

.fa-microblog:before { content: "\f91a"; }

.fa-microchip:before { content: "\f2db"; }

.fa-microphone:before { content: "\f130"; }

.fa-microphone-alt:before { content: "\f3c9"; }

.fa-microphone-alt-slash:before { content: "\f539"; }

.fa-microphone-slash:before { content: "\f131"; }

.fa-microscope:before { content: "\f610"; }

.fa-microsoft:before { content: "\f3ca"; }

.fa-minus:before { content: "\f068"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-minus-square:before { content: "\f146"; }

.fa-mitten:before { content: "\f7b5"; }

.fa-mix:before { content: "\f3cb"; }

.fa-mixcloud:before { content: "\f289"; }

.fa-mixer:before { content: "\f956"; }

.fa-mizuni:before { content: "\f3cc"; }

.fa-mobile:before { content: "\f10b"; }

.fa-mobile-alt:before { content: "\f3cd"; }

.fa-modx:before { content: "\f285"; }

.fa-monero:before { content: "\f3d0"; }

.fa-money-bill:before { content: "\f0d6"; }

.fa-money-bill-alt:before { content: "\f3d1"; }

.fa-money-bill-wave:before { content: "\f53a"; }

.fa-money-bill-wave-alt:before { content: "\f53b"; }

.fa-money-check:before { content: "\f53c"; }

.fa-money-check-alt:before { content: "\f53d"; }

.fa-monument:before { content: "\f5a6"; }

.fa-moon:before { content: "\f186"; }

.fa-mortar-pestle:before { content: "\f5a7"; }

.fa-mosque:before { content: "\f678"; }

.fa-motorcycle:before { content: "\f21c"; }

.fa-mountain:before { content: "\f6fc"; }

.fa-mouse:before { content: "\f8cc"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-mug-hot:before { content: "\f7b6"; }

.fa-music:before { content: "\f001"; }

.fa-napster:before { content: "\f3d2"; }

.fa-neos:before { content: "\f612"; }

.fa-network-wired:before { content: "\f6ff"; }

.fa-neuter:before { content: "\f22c"; }

.fa-newspaper:before { content: "\f1ea"; }

.fa-nimblr:before { content: "\f5a8"; }

.fa-node:before { content: "\f419"; }

.fa-node-js:before { content: "\f3d3"; }

.fa-not-equal:before { content: "\f53e"; }

.fa-notes-medical:before { content: "\f481"; }

.fa-npm:before { content: "\f3d4"; }

.fa-ns8:before { content: "\f3d5"; }

.fa-nutritionix:before { content: "\f3d6"; }

.fa-object-group:before { content: "\f247"; }

.fa-object-ungroup:before { content: "\f248"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-oil-can:before { content: "\f613"; }

.fa-old-republic:before { content: "\f510"; }

.fa-om:before { content: "\f679"; }

.fa-opencart:before { content: "\f23d"; }

.fa-openid:before { content: "\f19b"; }

.fa-opera:before { content: "\f26a"; }

.fa-optin-monster:before { content: "\f23c"; }

.fa-orcid:before { content: "\f8d2"; }

.fa-osi:before { content: "\f41a"; }

.fa-otter:before { content: "\f700"; }

.fa-outdent:before { content: "\f03b"; }

.fa-page4:before { content: "\f3d7"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-pager:before { content: "\f815"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-paint-roller:before { content: "\f5aa"; }

.fa-palette:before { content: "\f53f"; }

.fa-palfed:before { content: "\f3d8"; }

.fa-pallet:before { content: "\f482"; }

.fa-paper-plane:before { content: "\f1d8"; }

.fa-paperclip:before { content: "\f0c6"; }

.fa-parachute-box:before { content: "\f4cd"; }

.fa-paragraph:before { content: "\f1dd"; }

.fa-parking:before { content: "\f540"; }

.fa-passport:before { content: "\f5ab"; }

.fa-pastafarianism:before { content: "\f67b"; }

.fa-paste:before { content: "\f0ea"; }

.fa-patreon:before { content: "\f3d9"; }

.fa-pause:before { content: "\f04c"; }

.fa-pause-circle:before { content: "\f28b"; }

.fa-paw:before { content: "\f1b0"; }

.fa-paypal:before { content: "\f1ed"; }

.fa-peace:before { content: "\f67c"; }

.fa-pen:before { content: "\f304"; }

.fa-pen-alt:before { content: "\f305"; }

.fa-pen-fancy:before { content: "\f5ac"; }

.fa-pen-nib:before { content: "\f5ad"; }

.fa-pen-square:before { content: "\f14b"; }

.fa-pencil-alt:before { content: "\f303"; }

.fa-pencil-ruler:before { content: "\f5ae"; }

.fa-penny-arcade:before { content: "\f704"; }

.fa-people-carry:before { content: "\f4ce"; }

.fa-pepper-hot:before { content: "\f816"; }

.fa-percent:before { content: "\f295"; }

.fa-percentage:before { content: "\f541"; }

.fa-periscope:before { content: "\f3da"; }

.fa-person-booth:before { content: "\f756"; }

.fa-phabricator:before { content: "\f3db"; }

.fa-phoenix-framework:before { content: "\f3dc"; }

.fa-phoenix-squadron:before { content: "\f511"; }

.fa-phone:before { content: "\f095"; }

.fa-phone-alt:before { content: "\f879"; }

.fa-phone-slash:before { content: "\f3dd"; }

.fa-phone-square:before { content: "\f098"; }

.fa-phone-square-alt:before { content: "\f87b"; }

.fa-phone-volume:before { content: "\f2a0"; }

.fa-photo-video:before { content: "\f87c"; }

.fa-php:before { content: "\f457"; }

.fa-pied-piper:before { content: "\f2ae"; }

.fa-pied-piper-alt:before { content: "\f1a8"; }

.fa-pied-piper-hat:before { content: "\f4e5"; }

.fa-pied-piper-pp:before { content: "\f1a7"; }

.fa-pied-piper-square:before { content: "\f91e"; }

.fa-piggy-bank:before { content: "\f4d3"; }

.fa-pills:before { content: "\f484"; }

.fa-pinterest:before { content: "\f0d2"; }

.fa-pinterest-p:before { content: "\f231"; }

.fa-pinterest-square:before { content: "\f0d3"; }

.fa-pizza-slice:before { content: "\f818"; }

.fa-place-of-worship:before { content: "\f67f"; }

.fa-plane:before { content: "\f072"; }

.fa-plane-arrival:before { content: "\f5af"; }

.fa-plane-departure:before { content: "\f5b0"; }

.fa-play:before { content: "\f04b"; }

.fa-play-circle:before { content: "\f144"; }

.fa-playstation:before { content: "\f3df"; }

.fa-plug:before { content: "\f1e6"; }

.fa-plus:before { content: "\f067"; }

.fa-plus-circle:before { content: "\f055"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-poll:before { content: "\f681"; }

.fa-poll-h:before { content: "\f682"; }

.fa-poo:before { content: "\f2fe"; }

.fa-poo-storm:before { content: "\f75a"; }

.fa-poop:before { content: "\f619"; }

.fa-portrait:before { content: "\f3e0"; }

.fa-pound-sign:before { content: "\f154"; }

.fa-power-off:before { content: "\f011"; }

.fa-pray:before { content: "\f683"; }

.fa-praying-hands:before { content: "\f684"; }

.fa-prescription:before { content: "\f5b1"; }

.fa-prescription-bottle:before { content: "\f485"; }

.fa-prescription-bottle-alt:before { content: "\f486"; }

.fa-print:before { content: "\f02f"; }

.fa-procedures:before { content: "\f487"; }

.fa-product-hunt:before { content: "\f288"; }

.fa-project-diagram:before { content: "\f542"; }

.fa-pushed:before { content: "\f3e1"; }

.fa-puzzle-piece:before { content: "\f12e"; }

.fa-python:before { content: "\f3e2"; }

.fa-qq:before { content: "\f1d6"; }

.fa-qrcode:before { content: "\f029"; }

.fa-question:before { content: "\f128"; }

.fa-question-circle:before { content: "\f059"; }

.fa-quidditch:before { content: "\f458"; }

.fa-quinscape:before { content: "\f459"; }

.fa-quora:before { content: "\f2c4"; }

.fa-quote-left:before { content: "\f10d"; }

.fa-quote-right:before { content: "\f10e"; }

.fa-quran:before { content: "\f687"; }

.fa-r-project:before { content: "\f4f7"; }

.fa-radiation:before { content: "\f7b9"; }

.fa-radiation-alt:before { content: "\f7ba"; }

.fa-rainbow:before { content: "\f75b"; }

.fa-random:before { content: "\f074"; }

.fa-raspberry-pi:before { content: "\f7bb"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-react:before { content: "\f41b"; }

.fa-reacteurope:before { content: "\f75d"; }

.fa-readme:before { content: "\f4d5"; }

.fa-rebel:before { content: "\f1d0"; }

.fa-receipt:before { content: "\f543"; }

.fa-record-vinyl:before { content: "\f8d9"; }

.fa-recycle:before { content: "\f1b8"; }

.fa-red-river:before { content: "\f3e3"; }

.fa-reddit:before { content: "\f1a1"; }

.fa-reddit-alien:before { content: "\f281"; }

.fa-reddit-square:before { content: "\f1a2"; }

.fa-redhat:before { content: "\f7bc"; }

.fa-redo:before { content: "\f01e"; }

.fa-redo-alt:before { content: "\f2f9"; }

.fa-registered:before { content: "\f25d"; }

.fa-remove-format:before { content: "\f87d"; }

.fa-renren:before { content: "\f18b"; }

.fa-reply:before { content: "\f3e5"; }

.fa-reply-all:before { content: "\f122"; }

.fa-replyd:before { content: "\f3e6"; }

.fa-republican:before { content: "\f75e"; }

.fa-researchgate:before { content: "\f4f8"; }

.fa-resolving:before { content: "\f3e7"; }

.fa-restroom:before { content: "\f7bd"; }

.fa-retweet:before { content: "\f079"; }

.fa-rev:before { content: "\f5b2"; }

.fa-ribbon:before { content: "\f4d6"; }

.fa-ring:before { content: "\f70b"; }

.fa-road:before { content: "\f018"; }

.fa-robot:before { content: "\f544"; }

.fa-rocket:before { content: "\f135"; }

.fa-rocketchat:before { content: "\f3e8"; }

.fa-rockrms:before { content: "\f3e9"; }

.fa-route:before { content: "\f4d7"; }

.fa-rss:before { content: "\f09e"; }

.fa-rss-square:before { content: "\f143"; }

.fa-ruble-sign:before { content: "\f158"; }

.fa-ruler:before { content: "\f545"; }

.fa-ruler-combined:before { content: "\f546"; }

.fa-ruler-horizontal:before { content: "\f547"; }

.fa-ruler-vertical:before { content: "\f548"; }

.fa-running:before { content: "\f70c"; }

.fa-rupee-sign:before { content: "\f156"; }

.fa-sad-cry:before { content: "\f5b3"; }

.fa-sad-tear:before { content: "\f5b4"; }

.fa-safari:before { content: "\f267"; }

.fa-salesforce:before { content: "\f83b"; }

.fa-sass:before { content: "\f41e"; }

.fa-satellite:before { content: "\f7bf"; }

.fa-satellite-dish:before { content: "\f7c0"; }

.fa-save:before { content: "\f0c7"; }

.fa-schlix:before { content: "\f3ea"; }

.fa-school:before { content: "\f549"; }

.fa-screwdriver:before { content: "\f54a"; }

.fa-scribd:before { content: "\f28a"; }

.fa-scroll:before { content: "\f70e"; }

.fa-sd-card:before { content: "\f7c2"; }

.fa-search:before { content: "\f002"; }

.fa-search-dollar:before { content: "\f688"; }

.fa-search-location:before { content: "\f689"; }

.fa-search-minus:before { content: "\f010"; }

.fa-search-plus:before { content: "\f00e"; }

.fa-searchengin:before { content: "\f3eb"; }

.fa-seedling:before { content: "\f4d8"; }

.fa-sellcast:before { content: "\f2da"; }

.fa-sellsy:before { content: "\f213"; }

.fa-server:before { content: "\f233"; }

.fa-servicestack:before { content: "\f3ec"; }

.fa-shapes:before { content: "\f61f"; }

.fa-share:before { content: "\f064"; }

.fa-share-alt:before { content: "\f1e0"; }

.fa-share-alt-square:before { content: "\f1e1"; }

.fa-share-square:before { content: "\f14d"; }

.fa-shekel-sign:before { content: "\f20b"; }

.fa-shield-alt:before { content: "\f3ed"; }

.fa-ship:before { content: "\f21a"; }

.fa-shipping-fast:before { content: "\f48b"; }

.fa-shirtsinbulk:before { content: "\f214"; }

.fa-shoe-prints:before { content: "\f54b"; }

.fa-shopify:before { content: "\f957"; }

.fa-shopping-bag:before { content: "\f290"; }

.fa-shopping-basket:before { content: "\f291"; }

.fa-shopping-cart:before { content: "\f07a"; }

.fa-shopware:before { content: "\f5b5"; }

.fa-shower:before { content: "\f2cc"; }

.fa-shuttle-van:before { content: "\f5b6"; }

.fa-sign:before { content: "\f4d9"; }

.fa-sign-in-alt:before { content: "\f2f6"; }

.fa-sign-language:before { content: "\f2a7"; }

.fa-sign-out-alt:before { content: "\f2f5"; }

.fa-signal:before { content: "\f012"; }

.fa-signature:before { content: "\f5b7"; }

.fa-sim-card:before { content: "\f7c4"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-sistrix:before { content: "\f3ee"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-sith:before { content: "\f512"; }

.fa-skating:before { content: "\f7c5"; }

.fa-sketch:before { content: "\f7c6"; }

.fa-skiing:before { content: "\f7c9"; }

.fa-skiing-nordic:before { content: "\f7ca"; }

.fa-skull:before { content: "\f54c"; }

.fa-skull-crossbones:before { content: "\f714"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-skype:before { content: "\f17e"; }

.fa-slack:before { content: "\f198"; }

.fa-slack-hash:before { content: "\f3ef"; }

.fa-slash:before { content: "\f715"; }

.fa-sleigh:before { content: "\f7cc"; }

.fa-sliders-h:before { content: "\f1de"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-smile:before { content: "\f118"; }

.fa-smile-beam:before { content: "\f5b8"; }

.fa-smile-wink:before { content: "\f4da"; }

.fa-smog:before { content: "\f75f"; }

.fa-smoking:before { content: "\f48d"; }

.fa-smoking-ban:before { content: "\f54d"; }

.fa-sms:before { content: "\f7cd"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-snowboarding:before { content: "\f7ce"; }

.fa-snowflake:before { content: "\f2dc"; }

.fa-snowman:before { content: "\f7d0"; }

.fa-snowplow:before { content: "\f7d2"; }

.fa-socks:before { content: "\f696"; }

.fa-solar-panel:before { content: "\f5ba"; }

.fa-sort:before { content: "\f0dc"; }

.fa-sort-alpha-down:before { content: "\f15d"; }

.fa-sort-alpha-down-alt:before { content: "\f881"; }

.fa-sort-alpha-up:before { content: "\f15e"; }

.fa-sort-alpha-up-alt:before { content: "\f882"; }

.fa-sort-amount-down:before { content: "\f160"; }

.fa-sort-amount-down-alt:before { content: "\f884"; }

.fa-sort-amount-up:before { content: "\f161"; }

.fa-sort-amount-up-alt:before { content: "\f885"; }

.fa-sort-down:before { content: "\f0dd"; }

.fa-sort-numeric-down:before { content: "\f162"; }

.fa-sort-numeric-down-alt:before { content: "\f886"; }

.fa-sort-numeric-up:before { content: "\f163"; }

.fa-sort-numeric-up-alt:before { content: "\f887"; }

.fa-sort-up:before { content: "\f0de"; }

.fa-soundcloud:before { content: "\f1be"; }

.fa-sourcetree:before { content: "\f7d3"; }

.fa-spa:before { content: "\f5bb"; }

.fa-space-shuttle:before { content: "\f197"; }

.fa-speakap:before { content: "\f3f3"; }

.fa-speaker-deck:before { content: "\f83c"; }

.fa-spell-check:before { content: "\f891"; }

.fa-spider:before { content: "\f717"; }

.fa-spinner:before { content: "\f110"; }

.fa-splotch:before { content: "\f5bc"; }

.fa-spotify:before { content: "\f1bc"; }

.fa-spray-can:before { content: "\f5bd"; }

.fa-square:before { content: "\f0c8"; }

.fa-square-full:before { content: "\f45c"; }

.fa-square-root-alt:before { content: "\f698"; }

.fa-squarespace:before { content: "\f5be"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-stackpath:before { content: "\f842"; }

.fa-stamp:before { content: "\f5bf"; }

.fa-star:before { content: "\f005"; }

.fa-star-and-crescent:before { content: "\f699"; }

.fa-star-half:before { content: "\f089"; }

.fa-star-half-alt:before { content: "\f5c0"; }

.fa-star-of-david:before { content: "\f69a"; }

.fa-star-of-life:before { content: "\f621"; }

.fa-staylinked:before { content: "\f3f5"; }

.fa-steam:before { content: "\f1b6"; }

.fa-steam-square:before { content: "\f1b7"; }

.fa-steam-symbol:before { content: "\f3f6"; }

.fa-step-backward:before { content: "\f048"; }

.fa-step-forward:before { content: "\f051"; }

.fa-stethoscope:before { content: "\f0f1"; }

.fa-sticker-mule:before { content: "\f3f7"; }

.fa-sticky-note:before { content: "\f249"; }

.fa-stop:before { content: "\f04d"; }

.fa-stop-circle:before { content: "\f28d"; }

.fa-stopwatch:before { content: "\f2f2"; }

.fa-store:before { content: "\f54e"; }

.fa-store-alt:before { content: "\f54f"; }

.fa-strava:before { content: "\f428"; }

.fa-stream:before { content: "\f550"; }

.fa-street-view:before { content: "\f21d"; }

.fa-strikethrough:before { content: "\f0cc"; }

.fa-stripe:before { content: "\f429"; }

.fa-stripe-s:before { content: "\f42a"; }

.fa-stroopwafel:before { content: "\f551"; }

.fa-studiovinari:before { content: "\f3f8"; }

.fa-stumbleupon:before { content: "\f1a4"; }

.fa-stumbleupon-circle:before { content: "\f1a3"; }

.fa-subscript:before { content: "\f12c"; }

.fa-subway:before { content: "\f239"; }

.fa-suitcase:before { content: "\f0f2"; }

.fa-suitcase-rolling:before { content: "\f5c1"; }

.fa-sun:before { content: "\f185"; }

.fa-superpowers:before { content: "\f2dd"; }

.fa-superscript:before { content: "\f12b"; }

.fa-supple:before { content: "\f3f9"; }

.fa-surprise:before { content: "\f5c2"; }

.fa-suse:before { content: "\f7d6"; }

.fa-swatchbook:before { content: "\f5c3"; }

.fa-swift:before { content: "\f8e1"; }

.fa-swimmer:before { content: "\f5c4"; }

.fa-swimming-pool:before { content: "\f5c5"; }

.fa-symfony:before { content: "\f83d"; }

.fa-synagogue:before { content: "\f69b"; }

.fa-sync:before { content: "\f021"; }

.fa-sync-alt:before { content: "\f2f1"; }

.fa-syringe:before { content: "\f48e"; }

.fa-table:before { content: "\f0ce"; }

.fa-table-tennis:before { content: "\f45d"; }

.fa-tablet:before { content: "\f10a"; }

.fa-tablet-alt:before { content: "\f3fa"; }

.fa-tablets:before { content: "\f490"; }

.fa-tachometer-alt:before { content: "\f3fd"; }

.fa-tag:before { content: "\f02b"; }

.fa-tags:before { content: "\f02c"; }

.fa-tape:before { content: "\f4db"; }

.fa-tasks:before { content: "\f0ae"; }

.fa-taxi:before { content: "\f1ba"; }

.fa-teamspeak:before { content: "\f4f9"; }

.fa-teeth:before { content: "\f62e"; }

.fa-teeth-open:before { content: "\f62f"; }

.fa-telegram:before { content: "\f2c6"; }

.fa-telegram-plane:before { content: "\f3fe"; }

.fa-temperature-high:before { content: "\f769"; }

.fa-temperature-low:before { content: "\f76b"; }

.fa-tencent-weibo:before { content: "\f1d5"; }

.fa-tenge:before { content: "\f7d7"; }

.fa-terminal:before { content: "\f120"; }

.fa-text-height:before { content: "\f034"; }

.fa-text-width:before { content: "\f035"; }

.fa-th:before { content: "\f00a"; }

.fa-th-large:before { content: "\f009"; }

.fa-th-list:before { content: "\f00b"; }

.fa-the-red-yeti:before { content: "\f69d"; }

.fa-theater-masks:before { content: "\f630"; }

.fa-themeco:before { content: "\f5c6"; }

.fa-themeisle:before { content: "\f2b2"; }

.fa-thermometer:before { content: "\f491"; }

.fa-thermometer-empty:before { content: "\f2cb"; }

.fa-thermometer-full:before { content: "\f2c7"; }

.fa-thermometer-half:before { content: "\f2c9"; }

.fa-thermometer-quarter:before { content: "\f2ca"; }

.fa-thermometer-three-quarters:before { content: "\f2c8"; }

.fa-think-peaks:before { content: "\f731"; }

.fa-thumbs-down:before { content: "\f165"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbtack:before { content: "\f08d"; }

.fa-ticket-alt:before { content: "\f3ff"; }

.fa-times:before { content: "\f00d"; }

.fa-times-circle:before { content: "\f057"; }

.fa-tint:before { content: "\f043"; }

.fa-tint-slash:before { content: "\f5c7"; }

.fa-tired:before { content: "\f5c8"; }

.fa-toggle-off:before { content: "\f204"; }

.fa-toggle-on:before { content: "\f205"; }

.fa-toilet:before { content: "\f7d8"; }

.fa-toilet-paper:before { content: "\f71e"; }

.fa-toolbox:before { content: "\f552"; }

.fa-tools:before { content: "\f7d9"; }

.fa-tooth:before { content: "\f5c9"; }

.fa-torah:before { content: "\f6a0"; }

.fa-torii-gate:before { content: "\f6a1"; }

.fa-tractor:before { content: "\f722"; }

.fa-trade-federation:before { content: "\f513"; }

.fa-trademark:before { content: "\f25c"; }

.fa-traffic-light:before { content: "\f637"; }

.fa-trailer:before { content: "\f941"; }

.fa-train:before { content: "\f238"; }

.fa-tram:before { content: "\f7da"; }

.fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-trash:before { content: "\f1f8"; }

.fa-trash-alt:before { content: "\f2ed"; }

.fa-trash-restore:before { content: "\f829"; }

.fa-trash-restore-alt:before { content: "\f82a"; }

.fa-tree:before { content: "\f1bb"; }

.fa-trello:before { content: "\f181"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-trophy:before { content: "\f091"; }

.fa-truck:before { content: "\f0d1"; }

.fa-truck-loading:before { content: "\f4de"; }

.fa-truck-monster:before { content: "\f63b"; }

.fa-truck-moving:before { content: "\f4df"; }

.fa-truck-pickup:before { content: "\f63c"; }

.fa-tshirt:before { content: "\f553"; }

.fa-tty:before { content: "\f1e4"; }

.fa-tumblr:before { content: "\f173"; }

.fa-tumblr-square:before { content: "\f174"; }

.fa-tv:before { content: "\f26c"; }

.fa-twitch:before { content: "\f1e8"; }

.fa-twitter:before { content: "\f099"; }

.fa-twitter-square:before { content: "\f081"; }

.fa-typo3:before { content: "\f42b"; }

.fa-uber:before { content: "\f402"; }

.fa-ubuntu:before { content: "\f7df"; }

.fa-uikit:before { content: "\f403"; }

.fa-umbraco:before { content: "\f8e8"; }

.fa-umbrella:before { content: "\f0e9"; }

.fa-umbrella-beach:before { content: "\f5ca"; }

.fa-underline:before { content: "\f0cd"; }

.fa-undo:before { content: "\f0e2"; }

.fa-undo-alt:before { content: "\f2ea"; }

.fa-uniregistry:before { content: "\f404"; }

.fa-unity:before { content: "\f949"; }

.fa-universal-access:before { content: "\f29a"; }

.fa-university:before { content: "\f19c"; }

.fa-unlink:before { content: "\f127"; }

.fa-unlock:before { content: "\f09c"; }

.fa-unlock-alt:before { content: "\f13e"; }

.fa-untappd:before { content: "\f405"; }

.fa-upload:before { content: "\f093"; }

.fa-ups:before { content: "\f7e0"; }

.fa-usb:before { content: "\f287"; }

.fa-user:before { content: "\f007"; }

.fa-user-alt:before { content: "\f406"; }

.fa-user-alt-slash:before { content: "\f4fa"; }

.fa-user-astronaut:before { content: "\f4fb"; }

.fa-user-check:before { content: "\f4fc"; }

.fa-user-circle:before { content: "\f2bd"; }

.fa-user-clock:before { content: "\f4fd"; }

.fa-user-cog:before { content: "\f4fe"; }

.fa-user-edit:before { content: "\f4ff"; }

.fa-user-friends:before { content: "\f500"; }

.fa-user-graduate:before { content: "\f501"; }

.fa-user-injured:before { content: "\f728"; }

.fa-user-lock:before { content: "\f502"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-user-minus:before { content: "\f503"; }

.fa-user-ninja:before { content: "\f504"; }

.fa-user-nurse:before { content: "\f82f"; }

.fa-user-plus:before { content: "\f234"; }

.fa-user-secret:before { content: "\f21b"; }

.fa-user-shield:before { content: "\f505"; }

.fa-user-slash:before { content: "\f506"; }

.fa-user-tag:before { content: "\f507"; }

.fa-user-tie:before { content: "\f508"; }

.fa-user-times:before { content: "\f235"; }

.fa-users:before { content: "\f0c0"; }

.fa-users-cog:before { content: "\f509"; }

.fa-usps:before { content: "\f7e1"; }

.fa-ussunnah:before { content: "\f407"; }

.fa-utensil-spoon:before { content: "\f2e5"; }

.fa-utensils:before { content: "\f2e7"; }

.fa-vaadin:before { content: "\f408"; }

.fa-vector-square:before { content: "\f5cb"; }

.fa-venus:before { content: "\f221"; }

.fa-venus-double:before { content: "\f226"; }

.fa-venus-mars:before { content: "\f228"; }

.fa-viacoin:before { content: "\f237"; }

.fa-viadeo:before { content: "\f2a9"; }

.fa-viadeo-square:before { content: "\f2aa"; }

.fa-vial:before { content: "\f492"; }

.fa-vials:before { content: "\f493"; }

.fa-viber:before { content: "\f409"; }

.fa-video:before { content: "\f03d"; }

.fa-video-slash:before { content: "\f4e2"; }

.fa-vihara:before { content: "\f6a7"; }

.fa-vimeo:before { content: "\f40a"; }

.fa-vimeo-square:before { content: "\f194"; }

.fa-vimeo-v:before { content: "\f27d"; }

.fa-vine:before { content: "\f1ca"; }

.fa-vk:before { content: "\f189"; }

.fa-vnv:before { content: "\f40b"; }

.fa-voicemail:before { content: "\f897"; }

.fa-volleyball-ball:before { content: "\f45f"; }

.fa-volume-down:before { content: "\f027"; }

.fa-volume-mute:before { content: "\f6a9"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-up:before { content: "\f028"; }

.fa-vote-yea:before { content: "\f772"; }

.fa-vr-cardboard:before { content: "\f729"; }

.fa-vuejs:before { content: "\f41f"; }

.fa-walking:before { content: "\f554"; }

.fa-wallet:before { content: "\f555"; }

.fa-warehouse:before { content: "\f494"; }

.fa-water:before { content: "\f773"; }

.fa-wave-square:before { content: "\f83e"; }

.fa-waze:before { content: "\f83f"; }

.fa-weebly:before { content: "\f5cc"; }

.fa-weibo:before { content: "\f18a"; }

.fa-weight:before { content: "\f496"; }

.fa-weight-hanging:before { content: "\f5cd"; }

.fa-weixin:before { content: "\f1d7"; }

.fa-whatsapp:before { content: "\f232"; }

.fa-whatsapp-square:before { content: "\f40c"; }

.fa-wheelchair:before { content: "\f193"; }

.fa-whmcs:before { content: "\f40d"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-wind:before { content: "\f72e"; }

.fa-window-close:before { content: "\f410"; }

.fa-window-maximize:before { content: "\f2d0"; }

.fa-window-minimize:before { content: "\f2d1"; }

.fa-window-restore:before { content: "\f2d2"; }

.fa-windows:before { content: "\f17a"; }

.fa-wine-bottle:before { content: "\f72f"; }

.fa-wine-glass:before { content: "\f4e3"; }

.fa-wine-glass-alt:before { content: "\f5ce"; }

.fa-wix:before { content: "\f5cf"; }

.fa-wizards-of-the-coast:before { content: "\f730"; }

.fa-wolf-pack-battalion:before { content: "\f514"; }

.fa-won-sign:before { content: "\f159"; }

.fa-wordpress:before { content: "\f19a"; }

.fa-wordpress-simple:before { content: "\f411"; }

.fa-wpbeginner:before { content: "\f297"; }

.fa-wpexplorer:before { content: "\f2de"; }

.fa-wpforms:before { content: "\f298"; }

.fa-wpressr:before { content: "\f3e4"; }

.fa-wrench:before { content: "\f0ad"; }

.fa-x-ray:before { content: "\f497"; }

.fa-xbox:before { content: "\f412"; }

.fa-xing:before { content: "\f168"; }

.fa-xing-square:before { content: "\f169"; }

.fa-y-combinator:before { content: "\f23b"; }

.fa-yahoo:before { content: "\f19e"; }

.fa-yammer:before { content: "\f840"; }

.fa-yandex:before { content: "\f413"; }

.fa-yandex-international:before { content: "\f414"; }

.fa-yarn:before { content: "\f7e3"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-yen-sign:before { content: "\f157"; }

.fa-yin-yang:before { content: "\f6ad"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-youtube:before { content: "\f167"; }

.fa-youtube-square:before { content: "\f431"; }

.fa-zhihu:before { content: "\f63f"; }

.sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: auto; 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; }

@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: auto; src: url("../webfonts/fa-regular-400.eot"); src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
.far { font-family: 'Font Awesome 5 Free'; font-weight: 400; }

@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: auto; 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; }

/* VARIABLES */
/* CPG Colors */
/* MIX-INS */
/* GLOBAL STYLES */
html, body { width: 100%; min-height: 100vh; background: #f6f6f6; font-family: 'Didact Gothic', sans-serif;  font-weight: 300; color: #666666; -webkit-overflow-scrolling: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

html { font-size: 110%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { font-size: 0; padding: 0; position: relative; }
body.scrolled > header { box-shadow: 0 0 1rem rgba(102, 102, 102, 0.5); }
body > * { font-size: 1rem; }
body > h1, body > h2 { width: 100%; text-align: center; }
body > h1 { color: #3d7ea9; font-size: 1.5rem; font-weight: 400; font-family: 'Didact Gothic', sans-serif; }
body > h2 { color: #c9942b; font-size: 1.15rem; line-height: 1.15em; font-weight: 400; text-transform: uppercase; }
body > h2 span { display: table; margin: 0 auto; color: #739dad; }
body > h2 span.closing-soon { color: #ce5127; line-height: 1.5em; font-weight: 700; }
body > h2 span.closing-soon:before { display: inline-block; content: '\f06a'; margin-right: .5em; font-family: 'Font Awesome 5 Free'; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:focus {outline: none;}

strong, b { font-weight: 700; }

em, i { font-style: italic; }

a, button, input { outline: 0; text-decoration: none; color: inherit; }

sup { position: relative; top: -.75em; left: .1em; font-size: .55em; }

.disabled { opacity: 0.5; pointer-events: none; }

#main-content, #sidebar { display: inline-block; vertical-align: top; font-size: 1rem; margin-top: 1em; }

#main-content { width: 70.5%; margin-left: 3%; margin-right: 1.5%; }

#sidebar { width: 20.5%; min-height: 67vh; margin-left: 1.5%; margin-right: 3%; }

.warning { color: #CF5128 }

div#shader { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(102, 102, 102, 0.85); }

div#video-container { position: fixed; top: 40%; left: 47.5%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%; height: auto; max-height: 50%; z-index: 1000003; }
div#video-container a.close { display: block; position: absolute; font-size: 2rem; top: -1.5em; right: -1.5em; text-align: center; color: white; cursor: pointer; }



/* PARTIALS */
/* HEADER */

/* header { width: 100%; height: 15vh; position: fixed; top: 0; background-color: white; border-bottom: 1px solid #3d7ea9; z-index: 9999; }
header a.logo { display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
header a.logo img { height: 10vh; width: auto; }
header a.logo span { display: none; }
header p#welcome { position: absolute; left: 3%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1.15rem; line-height: 1.25em; font-family: 'Didact Gothic', sans-serif; }
header p#welcome span.user-role { display: block; font-weight: 700; font-family: "Open Sans", sans-serif; font-size: 1rem; color: #666666; }
header p#welcome span.user-role.participant { color: #3d7ea9; }
header p#welcome span.user-role.moderator { color: #ce5127; }
header .header-menu { position: absolute; top: 50%; right: 3%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 1rem; }
header .header-menu > ul { width: 100%; font-size: 0; }
header .header-menu > ul > li { display: inline-block; font-size: 1rem; position: relative; padding: 1em 0; }
header .header-menu > ul > li:hover ul { display: inline-block; } */
/*header .header-menu > ul > li > a { display: block; position: relative; margin: 0 .5em; color: #666666; font-size: 1.8em; /*&.active ~ ul {
	display: inline-block;
	//float: left;
} }*/
/* header .header-menu > ul > li > a:hover span.label { top: -75%; opacity: 1; }
header .header-menu > ul > li > a span.label { display: inline-block; position: absolute; top: 0; opacity: 0; left: 50%; text-align: center; font-size: .5em; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); transition: top .25s, opacity .25s; }
header .header-menu > ul > li > a span.counter { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-size: 1rem; text-align: center; font-weight: 400; }
header .header-menu > ul > li > ul { display: none; position: absolute; top: 102%; right: 0; background-color: rgba(102, 102, 102, 0.95); padding: .5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; border-radius: 0.5em; width: 150px; }
header .header-menu > ul > li > ul#alert-dropdown { width: 480px; }
header .header-menu > ul > li > ul#alert-dropdown a:hover { background-color: white; color: #666666; }
header .header-menu > ul > li > ul#alert-dropdown a:hover:after { color: #666666; }
header .header-menu > ul > li > ul#alert-dropdown a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; position: absolute; top: 50%; right: 1em; display: block; color: white; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
header .header-menu > ul > li > ul > li { display: block; border-bottom: 1px solid white; color: white; }
header .header-menu > ul > li > ul > li:last-of-type { border: 0; }
header .header-menu > ul > li > ul > li > a { font-size: 1em; display: block; line-height: 1em; padding: .5em 1em; margin: .5em 0; position: relative; }
header .header-menu > ul > li > ul > li > a:hover { background-color: white; color: #666666; }
header .header-menu > ul > li > ul > li > a:hover:after { color: #666666; } */

/* SIDEBAR */
#sidebar > div { width: 100%; margin-bottom: 1em; }
#sidebar > div > * { position: relative; }
#sidebar > div.expandable h2 { cursor: pointer; }
#sidebar > div.expandable h2:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f055'; display: block; position: absolute; top: 50%; right: .5em; color: rgba(102, 102, 102, 0.7); font-size: 1.5em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#sidebar > div.expandable > ul { display: none; }
#sidebar > div.expandable.expanded > h2:after { content: '\f056'; }
#sidebar > div.expandable.expanded > ul { display: block; }
#sidebar h2 { font-size: 1.15em; line-height: 3em; width: 100%; text-align: center; color: #666666; border-top: 1px solid #c9942b; border-bottom: 1px solid #c9942b; font-family: 'Didact Gothic', sans-serif; }
#sidebar > div > ul { padding: 0 1em; }
#sidebar > div > ul > li { color: #666666; font-size: 1em; line-height: 1.25em; padding: 1em 0; border-bottom: 1px solid rgba(115, 157, 173, 0.3); cursor: pointer; position: relative; }
#sidebar > div > ul > li:hover > ul.user-details { display: block; }
#sidebar > div > ul > li:last-of-type { border: 0; }
#sidebar > div > ul > li.mail:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0e0'; display: block; position: absolute; top: 50%; right: .5em; color: rgba(102, 102, 102, 0.7); font-size: 1.5em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#sidebar > div > ul > li.inactive a { opacity: .5; }
#sidebar > div > ul > li a { display: block; }
#sidebar > div > ul > li a > span { display: block; position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: 600; }
#sidebar > div > ul > li a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; margin-right: .5em; }
#sidebar > div > ul > li a.file:before { content: '\f15b'; }
#sidebar > div > ul > li a.file-pdf:before { content: '\f1c1'; }
#sidebar > div > ul > li a.file-video:before { content: '\f1c8'; }
#sidebar > div > ul > li a.file-ppt:before { content: '\f1c4'; }
#sidebar > div > ul > li a:hover:before { color: #3d7ea9; }
#sidebar ul.agenda { padding: 0; }
#sidebar ul.agenda > li { padding: 1em 0; }
#sidebar ul.agenda > li ul { padding: 0; }
#sidebar ul.agenda > li ul li.completed { position: relative; }
#sidebar ul.agenda > li ul li.completed:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f00c'; display: inline-block; position: absolute; left: .25em; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#sidebar ul.agenda > li ul li a { padding: .5em 1.25em .5em 1.5em; position: relative; }
#sidebar ul.agenda > li ul li a:hover { background-color: rgba(115, 157, 173, 0.15); }
#sidebar ul.agenda > li ul li a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; position: absolute; top: 50%; right: .25em; display: block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#sidebar ul.user-details { position: absolute; width: 100%; left: -110%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #c9942b; color: white; padding: 1em; display: none; -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; border-radius: 1em; }
#sidebar ul.user-details:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0da'; font-size: 2em; color: #c9942b; text-align: left; position: absolute; left: 99%; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
#sidebar ul.user-details li { line-height: 1.25em; }
#sidebar ul.user-details li.avatar { display: none; width: 3em; height: 3em; border: 1px solid #739dad; overflow: hidden; margin-bottom: .5em; }
#sidebar ul.user-details li.avatar img { width: 100%; }
#sidebar ul.user-details li.name { font-weight: 400; font-size: 1.15em; }

/* MAIN-CONTENT */
div#main-content { border: 1px solid #739dad; background-color: white; }
div#main-content.alert-list { width: 94%; margin: 1em 3%; font-size: 1rem; border: 1px solid #739dad; border-top-width: 5px; }
div#main-content > div { padding: 1em 2em; }
div#main-content h1.question { text-align: left; font-weight: 400; margin-bottom: 1em; font-size: 1.5em; }
div#main-content h5 { color: white; width: 100%; background-color: rgba(61, 126, 169, 0.7); font-weight: 600; font-size: 1em; line-height: 2em; text-indent: 1em; }
div#main-content ul#q-nav { width: 100%; margin: 1rem 0; font-size: 0; }
div#main-content ul#q-nav li { display: inline-block; vertical-align: middle; font-size: 1rem; width: 50%; }
div#main-content ul#q-nav li:first-of-type { text-align: left; }
div#main-content ul#q-nav li:last-of-type { text-align: right; }
div#main-content ul#q-nav li a { display: inline-block; color: #ce5127; text-transform: uppercase; }
div#main-content ul#q-nav li a.prev-q i { margin-right: .5em; }
div#main-content ul#q-nav li a.next-q i { margin-left: .5em; }
div#main-content ul#discussion > li { margin-bottom: 1.5rem; font-size: 0; }
div#main-content ul#discussion > li.participant-entry { border: 1px solid #3d7ea9; }
div#main-content ul#discussion > li.participant-entry .entry-header span { color: #153c4f; }
div#main-content ul#discussion > li.moderator-entry { border: 1px solid #ce5127; }
div#main-content ul#discussion > li.moderator-entry .entry-header span { color: #ce5127; }
div#main-content ul#discussion > li.reply { margin-left: 10%; }
div#main-content div.entry-header { display: block; color: #ce5127; font-weight: 700; padding: 1em; width: 100%; font-size: 1.15rem; position: relative; }
div#main-content div.entry-header div.timestamp { color: #666666; font-size: .75em; font-style: italic; line-height: 1.5em; font-weight: 400; }
div#main-content div.message { width: 100%; font-size: 1rem; padding: 0 1em; }
div#main-content div.message > p { margin-bottom: .5em; font-size: 1em; line-height: 1.15em; }
div#main-content div.message > p span.tag { color: #c9942b; font-weight: 700; }
div#main-content ul.post-actions { text-align: right; display: inline-block; width: 100%; padding-bottom: .5em; color: #666666; }
div#main-content ul.post-actions li { display: inline-block; margin: 0 0 0 1em; }
div#main-content ul.post-actions li a { display: block; font-size: 1em; line-height: 2em; }
div#main-content ul.post-actions li a i { margin-right: .5em; }
div#main-content ul.post-actions li a.like-btn { padding: 0 1em; }
div#main-content ul.post-actions li a.like-btn.active, div#main-content ul.post-actions li a.like-btn:hover { color: #c9942b; }
div#main-content ul.post-actions li a.reply-btn:hover { color: #3d7ea9; }
div#main-content form#discussion-input { width: 100%; background-color: rgba(201, 148, 43, 0.15); padding: 1em; -webkit-appearance: none; }
div#main-content form#discussion-input.reply { width: 90%; margin: 0 0 1.5em 10%; }
div#main-content form#discussion-input textarea, div#main-content form#discussion-input #sub_tbCommentBox { font-family: "Open Sans", sans-serif; display: block; width: 100%; height: 8em; background-color: white; overflow-y: scroll; margin-bottom: 1em; padding: 1em; resize: vertical; border: 1px solid #739dad; }
div#main-content form#discussion-input textarea span, div#main-content form#discussion-input #sub_tbCommentBox span { color: #c9942b; font-weight: 700; }
div#main-content form#discussion-input textarea { display: none; }
div#main-content form#discussion-input > ul { display: block; text-align: center; }
div#main-content form#discussion-input > ul li { display: inline-block; margin: 0 .5em; }
div#main-content form#discussion-input > ul li.hide { display: none; }
div#main-content form#discussion-input button { font-family: 'Didact Gothic', sans-serif; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; color: white; text-align: center; padding: 0 1em; line-height: 2em; border: none; cursor: none; pointer-events: none; opacity: 0.5; }
div#main-content form#discussion-input button i { margin-right: .5em; }
div#main-content form#discussion-input button.enabled { opacity: 1; pointer-events: auto; cursor: pointer; }
div#main-content form#discussion-input button[type=submit] { background-color: #3d7ea9; }
div#main-content form#discussion-input button[type=reset] { background-color: rgba(102, 102, 102, 0.5); }
div#main-content ul#dashboard { width: 100%; border-top: 5px solid #739dad; }
div#main-content ul#dashboard > li { font-size: 0; border-bottom: 1px solid rgba(115, 157, 173, 0.15); padding: 0 1rem; }
div#main-content ul#dashboard > li > * { font-size: 1rem; display: inline-block; vertical-align: middle; }
div#main-content ul#dashboard > li > h1 { font-weight: 600; font-size: 1.25rem; color: #153c4f; width: 13%; text-align: right; margin-right: 7%; line-height: 1.6; }
div#main-content ul#dashboard > li .progress { font-weight: 700; color: #153c4f; padding: 1.5rem 0; width: 60%; }
div#main-content ul#dashboard > li .progress span { content: ''; display: inline-block; height: .5rem; background-color: #153c4f; width: 100%; position: relative; margin-left: -10%; -ms-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); margin-right: .25em; }
div#main-content ul#dashboard > li > h2 { font-size: 1rem; color: #153c4f; width: 20%; text-align: center; }
div#main-content ul#dashboard > li > a { font-size: 1rem; line-height: 2rem; font-weight: 600; color: #3d7ea9; width: 20%; text-align: center; border: 1px solid #3d7ea9; position: relative; }
div#main-content ul#dashboard > li > a img { height: 1.25em; padding-left: .5em; position: relative; top: .25em; }
div#main-content ul#dashboard > li > a.join-btn { display: none; }
div#main-content ul#dashboard > li.complete { background-color: rgba(115, 157, 173, 0.15); }
div#main-content ul#dashboard > li.complete h1 { position: relative; }
div#main-content ul#dashboard > li.complete h1:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f058'; display: inline-block; position: absolute; left: .25em; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
div#main-content ul#dashboard > li.closing-soon h1 { position: relative; /*&:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f06a';
	display: inline-block;
	position: absolute;
	left: .25em;
	top: 50%;
	@include transform(translateY(-50%));
	pointer-events: none;
}*/ }
div#main-content ul#dashboard > li.closing-soon h1, div#main-content ul#dashboard > li.closing-soon h2, div#main-content ul#dashboard > li.closing-soon .progress { color: #ce5127; }
div#main-content ul#dashboard > li.closing-soon h1 span, div#main-content ul#dashboard > li.closing-soon h2 span, div#main-content ul#dashboard > li.closing-soon .progress span { background-color: #ce5127; }
div#main-content ul#dashboard > li.closing-soon > span { background-color: #ce5127; }
div#main-content ul#dashboard > li.future h1, div#main-content ul#dashboard > li.future h2, div#main-content ul#dashboard > li.future .progress { color: #739dad; }
div#main-content ul#dashboard > li > ul { display: block; padding: 0 2em; font-size: 1.15rem; }
div#main-content ul#dashboard > li > ul li { border-bottom: 1px solid rgba(115, 157, 173, 0.15); padding: 0 2em; position: relative; cursor: pointer; /*&:before {
	//content: '';
	display: block;
	//width: 1em;
	//height: 1em;
	//margin-right: .5em;
	position: absolute;
	top: 50%;
	left: 0.5em;
	@include transform(translateY(-50%));
}*/ }
div#main-content ul#dashboard > li > ul li:first-of-type { border-top: 1px solid rgba(115, 157, 173, 0.15); }
div#main-content ul#dashboard > li > ul li:last-of-type { border: 0; }
div#main-content ul#dashboard > li > ul li:hover { background-color: rgba(115, 157, 173, 0.15); }
div#main-content ul#dashboard > li > ul li:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; position: absolute; top: 50%; right: 0.5em; display: block; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); color: rgba(61, 126, 169, 0.7); }
div#main-content ul#dashboard > li > ul li.incomplete:before { font-family: 'Font Awesome 5 Free'; font-weight: 400; content: '\f111'; display: inline-block; position: absolute; left: .25em; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; color: #3d7ea9; }
div#main-content ul#dashboard > li > ul li.complete:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f058'; display: inline-block; position: absolute; left: .25em; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; color: #3d7ea9; }
div#main-content ul#dashboard > li > ul li a { display: block; font-weight: 600; padding: 1em 0; position: relative; }
div#main-content ul#dashboard > li > ul li a > span { position: absolute; top: 50%; right: 0; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#main-content ul.session-overview { margin: 1em; counter-reset: list-ctr; }
div#main-content ul.session-overview > li { border-bottom: 1px solid rgba(115, 157, 173, 0.3); position: relative; counter-increment: list-ctr; }
div#main-content ul.session-overview > li:last-of-type { border: 0; }
div#main-content ul.session-overview > li a { display: block; padding: 1em; font-size: 1.5em; position: relative; }
div#main-content ul.session-overview > li a:hover { background-color: rgba(115, 157, 173, 0.3); }
div#main-content ul.session-overview > li a:after { content: ''; width: 1em; height: 1em; position: absolute; top: 50%; right: 1rem; display: block; background: url(../images/icons/chevron-blue.svg) no-repeat center; background-size: contain; -ms-transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
div#main-content ul.session-overview > li a > ul { display: block; font-size: 0; margin-top: 1rem; }
div#main-content ul.session-overview > li a > ul > li { display: inline-block; font-size: 1rem; width: calc(100% / 3); }
div#main-content ul.session-overview > li a > ul > li span { font-weight: 600; }
div#main-content div#resource-grid { padding-bottom: 2em; border-bottom: 1px solid rgba(61, 126, 169, 0.7); }
div#main-content div#resource-grid h5 { text-align: center; background-color: rgba(115, 157, 173, 0.5); color: #153c4f; }
div#main-content div#resource-grid p { text-align: center; font-size: 1.15em; padding: 1em 0 0 0; font-family: 'Didact Gothic', sans-serif; color: #3d7ea9; }
div#main-content div#resource-grid ul { width: 100%; display: block; font-size: 0; text-align: center; margin-top: 1rem; }
div#main-content div#resource-grid ul li { width: calc(100% / 2); display: inline-block; font-size: 1.5rem; vertical-align: middle; }
div#main-content div#resource-grid ul li a { display: block; position: relative; }
div#main-content div#resource-grid ul li a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; display: inline-block; margin-right: .5em; }
div#main-content div#resource-grid ul li a.file:before { content: '\f15b'; }
div#main-content div#resource-grid ul li a.file-pdf:before { content: '\f1c1'; }
div#main-content div#resource-grid ul li a.file-video:before { content: '\f1c8'; }
div#main-content div#resource-grid ul li a.file-ppt:before { content: '\f1c4'; }
div#main-content div#resource-grid ul li a:hover:before { color: #3d7ea9; }
div#main-content h2.list-header { font-size: 1.5em; line-height: 2em; text-align: center; color: #739dad; width: 100%; text-transform: uppercase; position: relative; }
div#main-content ul.mobile-list { display: block; width: 100%; border-top: 1px solid #3d7ea9; border-bottom: 1px solid #3d7ea9; font-size: 1.5em; line-height: 1.5em; }
div#main-content ul.mobile-list > li { width: 100%; border-bottom: 1px solid rgba(115, 157, 173, 0.3); padding: .5em 0; }
div#main-content ul.mobile-list > li:last-of-type { border: 0; }
div#main-content ul.mobile-list a { display: block; width: 100%; padding: .5em 1em; position: relative; }
div#main-content ul.mobile-list.moderators a { display: inline; padding: 0; }
div#main-content ul.mobile-list.moderators a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f0e0'; display: block; position: absolute; top: 50%; right: .5em; color: rgba(102, 102, 102, 0.7); font-size: 1.5em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#main-content ul.mobile-list.observers a { pointer-events: none; }
div#main-content ul.mobile-list.alerts a { padding-right: 2em; }
div#main-content ul.mobile-list.alerts a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; display: block; position: absolute; top: 50%; right: .5em; color: rgba(102, 102, 102, 0.7); font-size: 1.5em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#main-content ul.mobile-list.materials a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f15b'; display: block; position: absolute; top: 50%; right: .5em; color: rgba(102, 102, 102, 0.7); font-size: 1.5em; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
div#main-content ul.mobile-list.participants > li, div#main-content ul.mobile-list.observers > li, div#main-content ul.mobile-list.moderators > li { padding: 1rem; font-size: 0; }
div#main-content ul.mobile-list.participants > li.inactive, div#main-content ul.mobile-list.observers > li.inactive, div#main-content ul.mobile-list.moderators > li.inactive { opacity: 0.5; }
div#main-content ul.mobile-list.participants > li > *, div#main-content ul.mobile-list.observers > li > *, div#main-content ul.mobile-list.moderators > li > * { display: inline-block; vertical-align: middle; font-size: 1.15rem; line-height: 1.25em; }
div#main-content ul.mobile-list.participants > li img, div#main-content ul.mobile-list.observers > li img, div#main-content ul.mobile-list.moderators > li img { display: none; width: 20%; }
div#main-content ul.mobile-list.participants > li ul, div#main-content ul.mobile-list.observers > li ul, div#main-content ul.mobile-list.moderators > li ul { width: 80%; padding-left: 1em; }
div#main-content ul.mobile-list.participants > li ul .name, div#main-content ul.mobile-list.observers > li ul .name, div#main-content ul.mobile-list.moderators > li ul .name { font-size: 1.25em; line-height: 1.25em; color: #153c4f; }

/* MOBILE MENU */
div#mobile-menu { display: none; position: fixed; left: 0; bottom: 0; width: 100%; background-color: #666666; color: white; text-align: center; font-size: 0; z-index: 9999; }
div#mobile-menu ul.main-menu { width: 100%; }
div#mobile-menu ul.main-menu li { display: inline-block; width: calc(100% / 5); font-size: 1rem; }
div#mobile-menu ul.main-menu li a { display: block; text-transform: uppercase; font-family: 'Didact Gothic', sans-serif; padding: 1em 0; position: relative; }
div#mobile-menu ul.main-menu li a:active, div#mobile-menu ul.main-menu li a.active { background-color: #739dad; }
div#mobile-menu ul.main-menu li a i { font-size: 2em; display: block; margin-bottom: .5em; position: relative; }
div#mobile-menu ul.main-menu li a span.counter { position: absolute; left: 50%; top: 1.9em; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #666666; font-size: 1rem; text-align: center; font-weight: 700; }
div#mobile-menu ul.sub-menu { width: 100%; display: none; background-color: white; color: #739dad; }
div#mobile-menu ul.sub-menu.expanded { display: block; }
div#mobile-menu ul.sub-menu li { display: block; font-size: 1rem; width: 100%; border-bottom: 1px solid rgba(115, 157, 173, 0.3); }
div#mobile-menu ul.sub-menu li:last-of-type { border: 0; }
div#mobile-menu ul.sub-menu li a { display: block; text-transform: uppercase; padding: 1em 0; position: relative; }

/* POLLING */
ul#options { display: block; width: 100%; text-align: center; font-size: 0; margin: 2rem 0; }
ul#options li { display: inline-block; width: calc( 100% / 3 - 2%); margin: .5em 1% !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 1rem; }
ul#options li input { display: none; }
ul#options li input:checked ~ span { color: white; background-color: #3d7ea9; }
ul#options li span { display: block; width: 100%; color: #3d7ea9; border: 1px solid #3d7ea9; font-size: 1.25em; line-height: 1em; cursor: pointer; background-color: white; padding: .5em; }

span#thank-you { display: block; background: rgba(102, 102, 102, 0.3); text-align: center; font-weight: 600; line-height: 2em; font-size: 1rem; margin-bottom: 1em; }

ul.bar-graph > li > ul { font-size: 0; }
ul.bar-graph > li > ul > li { display: inline-block; vertical-align: middle; font-size: 1rem; }
ul.bar-graph > li > ul > li:first-of-type { font-size: 1.15rem; color: #3d7ea9; width: 20%; text-align: right; margin-right: 10%; font-family: 'Didact Gothic', sans-serif; }
ul.bar-graph > li > ul > li:last-of-type { font-weight: 700; color: #3d7ea9; padding: 1em 0; width: 70%; }
ul.bar-graph > li > ul > li:last-of-type span { content: ''; display: inline-block; height: .5rem; background-color: #739dad; width: 100%; position: relative; margin-left: -10%; -ms-transform: translateY(-25%); -webkit-transform: translateY(-25%); transform: translateY(-25%); margin-right: .25em; }

ul.user-totals { width: 100%; font-size: 0; border-top: 1px solid #3d7ea9; display: inline-block; text-align: center; }
ul.user-totals li { display: inline-block; vertical-align: middle; font-family: 'Didact Gothic', sans-serif; font-size: 1rem; padding: 1em 2em; }
ul.user-totals li span { font-family: "Open Sans", sans-serif; font-weight: 700; color: #3d7ea9; }

/* LOGIN */
#login { width: 94%; margin: 1em 3%; font-size: 1rem; border: 1px solid #739dad; border-top-width: 5px; }
#login > div { padding: 2em; }
#login p { line-height: 1.5em; }
#login p a { color: #ce5127; }
#login p a:hover { text-decoration: underline; }
#login a.login { text-decoration: underline; font-family: 'Didact Gothic', sans-serif; color: #3d7ea9; font-size: 1em; }
#login a.login:active { background-color: #739dad; }

.form-page { width: 100%; }
.form-page > div { width: 50%; margin: 1rem 25%; font-size: 0; text-align: right; }
.form-page label, .form-page input { display: inline; vertical-align: middle; width: 50%; font-size: 1rem; }
.form-page label { text-align: right; padding-right: 2em; width: 20%; max-width: 20%; word-wrap: break-word; float: left; }
.form-page input, .form-page select { width: 80%; text-align: left; padding: .25em 1em; }
.form-page em { font-style: italic; font-size: .75rem; }
.form-page div.button-bar { font-size: 1rem; width: 80%; margin: 1.5em 10%; text-align: center; }
.form-page div.button-bar.forgot { width: 80%; border-top: 1px solid #c9942b; padding-top: 1em; }
.form-page button { color: white; background-color: #ce5127; text-align: center; padding: 0 1.5em; line-height: 2em; border: none; cursor: pointer; font-size: 1em; }
.form-page button.btn-secondary { background-color: #729cac; }

div.alert { width: 80%; padding: 1em; margin: 0 auto 2em auto; }
div.alert li { margin-bottom: 1em; font-size: 1.15em; line-height: 1.15em; color: #ce5127; }
div.alert li:last-of-type { margin: 0; }

div.alert-danger { border: 1px solid #ce5127; background-color: rgba(206, 81, 39, 0.15); }

/* FOOTER */
footer { width: 100%; height: calc(100vh - 92vh); position: relative; background-color: #e2e2e2; color: #535353; font-size: 0.75rem;margin-top:calc(100vh - 90vh);line-height: 1.5;bottom:0%;padding-bottom:0%;}
footer > * { position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
footer > p { left: 3%; }
footer > a { right: 3%; }
footer > a span, footer > a img { vertical-align: middle; }
footer > a img { display: block; width: auto; height: 6vh; margin-left: 1em; padding: 0.3em; }
footer a { text-decoration: underline; }
footer a { text-decoration: none; }
footer a:hover { font-weight: 700; text-decoration:underline;}
footer a.powered-by { text-decoration: none; font-family: 'Didact Gothic', sans-serif; }

#PreviewHeader {
    line-height: 1.6;
    font-size: 1.1rem;
    background-color: #000000;
    border-bottom: solid 5px #ce5127;
    color: #ffffff;
    position: relative;
    top:0;
    padding: 3px 0;
    z-index: 999;
    text-align: center;
  }


@media (max-width: 800px) { /* MOBILE STYLES */
  html { font-size: 0.75em; }
  body { padding: 12vh 0; }
  header { height: 10vh; }
  header .header-menu, header p#welcome { display: none; }
  header a.logo img { height: 5vh; width: auto; }
  header a.logo > img { display: none; }
  header a.logo span { display: block; }
  div#login { margin: 1em 0 0 0; width: 100%; border-left: none; border-right: none; }
  div#main-content { margin: 1em 0 0 0; width: 100%; border: none; min-height: 75vh; }
  div#main-content.alert-list { width: 100%; margin: 1em 0 0 0; border: none; }
  div#main-content > div { padding: 1em .5em; }
  div#main-content h1.question { text-align: center; }
  div#main-content h2.list-header { font-size: 1.5em; line-height: 2em; text-align: center; color: #739dad; width: 100%; text-transform: uppercase; position: relative; }
  div#main-content h2.list-header a.back-btn { display: block; position: absolute; height: 1em; width: 1em; left: 1rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url(../images/icons/chevron-blue.svg) no-repeat center; background-size: contain; }
  div#main-content h5 { text-align: center; }
  div#main-content ul#discussion > li.reply { margin-left: 10%; }
  div#main-content ul.post-actions { text-align: center; display: block; }
  div#main-content ul.post-actions li { margin: 0 .5em; }
  div#main-content ul.post-actions li a { font-size: 1em; line-height: 2em; }
  div#mobile-menu { display: block; }
  #sidebar { display: none; }
  ul#dashboard > li.complete h1, ul#dashboard > li.closing-soon h1 { background: none !important; }
  ul#dashboard > li h1 { width: 30% !important; margin-right: 10% !important; text-align: left !important; }
  ul#dashboard > li .progress { width: 60% !important; }
  ul#dashboard > li h2 { width: 40% !important; text-align: right !important; }
  ul#dashboard > li > a { width: 30% !important; margin-left: 10% !important; border: 0 !important; background-color: #739dad !important; color: white !important; font-size: 0 !important; position: relative; }
  ul#dashboard > li > a:before { content: 'JOIN'; width: 100%; text-align: center; font-size: 1rem; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  ul#dashboard > li > a img { display: none; }
  ul#dashboard > li > ul { padding: 0 !important; }
  ul#dashboard > li > ul li > a > span > span { display: none; }
  div#resource-grid ul li { width: 100% !important; }
  div.alert { width: 100%; margin: 0 auto 2em auto; }
  .form-page > div { width: 100%; margin: 1rem 0 2rem 0; text-align: center; }
  .form-page label, .form-page input { display: block; }
  .form-page label { text-align: center; padding-right: 0; width: 100%; max-width: none; margin-bottom: .5em; }
  .form-page input, .form-page select { width: 100% !important; text-align: center; }
  .form-page div.button-bar { width: 100%; margin: 1.5em 0; }
  .form-page button { font-size: 1.25em; }
  ul#options { margin: 1rem 0; }
  ul#options li { display: block; width: 100%; margin: .5em 0 !important; }
  ul.bar-graph > li > ul > li:first-of-type { width: 45%; margin-right: 5%; }
  ul.bar-graph > li > ul > li:last-of-type { width: 50%; }
  ul.bar-graph > li > ul > li:last-of-type span { margin-left: -5%; }
  div.button-bar { width: 100% !important; margin: 1.5em 0 !important; }
  div.button-bar.forgot { width: 100% !important; }
  div.alert { width: 100%; }
  footer { margin-top: 3vh; }
  footer > p { width: 45%; }
  footer > a { width: 45%; text-align: right; } }
    
/* New Header CSS */
	header {
        display: flex;
        background: #FFFFFF;
        height: 104px;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 999998;
    }
    .navigation-container {
        display: flex;
        width: 160px;        
    }
  
    .navbar-links {
        margin: 0;
        padding: 0;
    }

    .navbar-links > ul {
        margin: 0;
        padding: 5px;
        width: 33.33%;
        display: flex;
        justify-content: center;
    }

    .navbar-links > ul.outer {
        margin: 0;
        padding: 5px;
        width: 33.33%;
        display: flex;
        justify-content: flex-end;
        margin-right:3%;
    }


    .navbar-links > ul > li {
        text-align: center;
        display: inline-block;
        font-size: 0.70em;
        padding: 20px;
        color: #606060;
    }

    .navbar-links li.active-link {
        color: black;
    }

    .navbar-links li.active-link > a span.nav-name, .active-link div#notifications span.nav-name {
        font-weight: 700;
    }

    .navbar-links li.active-link > a span.nav-name:hover, .active-link div#notifications span.nav-name:hover { 
        text-decoration: none;
    }

    .navbar-links__icon {
        position: relative;
        margin: 10px auto 0;
        text-align: center;
        font-size: 1.45em;
    }

    .navbar-links > ul > li > a {
        text-decoration: none;
        width: 100%;
        /* height: 100%; */
        display: block;
        margin: 0;
        padding: 0;
        
    }

    .navbar-links li.active-link:hover  {
        text-decoration: none;
    }

    .navbar-links li:hover {
        color: black;
        text-decoration: underline;
    }

    .nav-name {
        font-size: 1em;
        padding: 5px 0 10px 0;
        font-weight: 400;
        display: block;
    }

    .logo {
        width: 50%;
        height: 73px;
    }
    
    .logo-container {
        width: 33.33%;
        display: flex;
        justify-content: center;
        cursor:pointer;
    }

    .logo-container.outer {
        width: 33.33%;
        display: flex;
        justify-content: space-between;
        margin-left:3%;
        cursor:pointer;
    }


    .user-icon {
        background: #C4DAE4;
        color: #3D7DA7;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px;
        font-size: 0.9em;
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 10px;
        font-weight: 700;
    }

    .user-icon.grey {
        background-color: #dadada;
        color: #474747;
    }

    .user-container {
        width: 33.33%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-name-container {
        display: flex;
        flex-direction: column;
        margin: 0;
        padding-bottom: 10px;
    }

    .user-name {
        display: flex;
        font-weight: 700;
        font-size: 1em;
        margin: 0;
        color: black;
    }
    
    .user-name p {
        margin: 0;
    }

    .user-role {
        margin: 0;
        font-size: 1em;
        font-weight: 400;
        color: black;
        margin-top: 5px;
    }

    .fa-angle-down {
        height: 10px;
        margin: 5px 10px 0 10px;
    }

    
    #notifications:hover .notification-content {display: block;}
    #notifications:hover .no-notifications {display: flex;}
    
    .user-name-container:hover .drop-down-content {display: flex;}
    
    .cd-panel {
        /*...*/
        visibility: hidden;
        transition: visibility 0s 0.6s;
        position: fixed;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 999998;
    }

    
    .cd-panel.cd-panel--is-visible {
        visibility: visible;
        transition: visibility 0s 0s;
        /* background: rgba(0,0,0, 0.6); */
    }

    
    .cd-panel > .cd-panel__header {
        position: fixed;
        top: 104px;
        width: 371px;
        height: 50px;
        transition: transform 0.3s 0.3s;
        /* transform: translateY(-50px); */
        border: 1px solid #C9C9C9;
        box-shadow: none;
    }

    .cd-panel__header h1 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 1.25em;
        line-height: 1.5;
        width: 288px;
    }

    .cd-panel__header a > i {
        width: 25px;
        height: 25px;
        color: #707070;
        font-size: 1.25em;
    }
    
    .cd-panel--from-right .cd-panel__header {
        right: 0;
    }
    
    .cd-panel--from-left .cd-panel__header {
        left: 0;
    }
    
    .cd-panel--is-visible .cd-panel__header {
        transition: transform 0.3s 0.3s;
        transform: translateY(0px);
    }
    
    .cd-panel__container {
        /*...*/
        position: fixed;
        top: 154px;
        width: 371px;
        height: 100%;
        transition: transform 0.3s 0.3s;
    }

    .cd-panel__button {
        border-top: 1px solid #B0B0B0;;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        padding-top: 20px;
    }

    .cd-panel__button a {
        border: 0.5px solid #474747;
        box-sizing: border-box;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        color: #474747;
        text-align: center;
        font-size: 0.875em;
        font-weight: 600;
        line-height: 1.75;
        padding: 6px 20px;
        cursor: pointer;
    }

    .cd-panel__button a:hover {
        background: #959595;
        color: #FFFFFF;
        border: 1px solid #959595;
    }
    
    .cd-panel--from-right .cd-panel__container, .cd-panel__header {
        right: 0;
        transform: translate3d(100%, 0, 0);
    }
    
    .cd-panel--from-left .cd-panel__container {
        left: 0;
        transform: translate3d(-100%, 0, 0);
    }
    
    .cd-panel--is-visible .cd-panel__container, .cd-panel--is-visible .cd-panel__header{
        transform: translate3d(0, 0, 0);
        transition-delay: 0s;
    }

    .cd-panel__content {
        background: #FFFFFF;
        border: 1px solid #C9C9C9;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
        font-size: 1em;
        line-height: 1.5;
        height: 100%;
        border-top: none;
    }

    .cd-panel__content label {
        color: #3d7da7;
    }

    .cd-panel__content li {
        padding: 10px 28px;
    }

    .cd-panel__content ul {
        padding: 10px 0;
    }

    .cd-panel__content p {
        color: #000000;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 999999;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0, 0.6);    
    }

    .modal-content {
        background: #FFFFFF;
        border: 1px solid #B0B0B0;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: fixed;
        display: flex;
        flex-direction: column;
    }

    #view-profile, #logout-modal-show, #tools {
        font-weight: normal;
    }

    #view-profile:hover, #logout-modal-show:hover, #tools:hover {
        color: #3d7da7;
    }


    #logout.modal-content,
    #ie.modal-content {
        height: 186px;
        width: 366px;
    }

    #logout.modal-content i {
        font-size: 1.25em;
        margin: 8px 90%;
        cursor: pointer;
    }

    #ie.modal-content h1 {
	text-align: center;
    }

    #logout.modal-content p,
    #ie.modal-content p {
        font-family: open sans;
        font-weight: 400;
        font-size: 1.35em;
        margin: 19px auto;
	display: block;
	text-align: center;
    }

    #logout.modal-content > div {
        margin: 20px auto;
    }

    #logout.modal-content > div > a,
    #ie.modal-content a {
        font-weight: 600;
        font-size: 1em;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 13px 15px;
        margin: 20px 10px 10px 10px;
	text-align: center;

    }

    .orange-button {
        background: #CF5128;
        color: #FFFFFF;
    }

    .orange-button:hover {
        background: #AC411E;
    }

    .clear-button {
        color: #454545;
        border: 0.5px solid #454545;
    }

    .clear-button:hover {
        background: #959595;
        color: #FFFFFF;
        border: 1px solid #959595;
    }

    .modal-content {
        font-family: open sans;
    }

    #edit.modal-content > div > a, #chg-pw.modal-content > div > a {
        width: 130px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        /* padding: 13px 15px; */
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        margin: 20px 10px 10px 10px;
        font-size: 1em;
        font-weight: 600;
    }

    #update.modal-content > div, #password.modal-content > div {
        display: flex;
        padding-top: 12px;
        border-bottom: 1px solid #c9c9c9;
    }

    #update.modal-content > p, #password.modal-content > p{
        padding: 45px 28px;
        text-align: center;
        font-size: 1em;
        line-height: 21.79px;
        font-weight: 400;
    }

    #edit.modal-content {
        height: 466px;
        width: 490px;
    }

    #edit.modal-content > div, #chg-pw.modal-content > div, #chg-pw.modal-content > form > div {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #edit.modal-content > div:first-of-type, #chg-pw.modal-content > div:first-of-type {
        border-bottom: 1px solid #C9C9C9;
        margin-top: 12px;
        margin-bottom: 25px;
    }

    .modal-content > div > p {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 600;
        font-size: 1.15em;
        line-height: 1.5;
        margin-left: 25.5px;
        margin-bottom: 15px;
        width: 414px;
    }

    .modal-content > div > i {
        margin-right: 25.5px;
        font-size: 1.15em;
        margin-bottom: 15px;
        cursor: pointer;
    }

    #edit.modal-content > span {
        font-weight: 400;
        font-size: 0.875em;
        text-align: center;
        margin-top: 20px;
    }

    #edit.modal-content > span > p{
        line-height: 1.5;
    }

    #edit.modal-content form div label, #edit.modal-content form div input, #chg-pw.modal-content form div label, #chg-pw.modal-content form div input {
        display: block;
    }

    .modal-content input:focus {
        border: 1px solid #CF5128;
    }

    .modal-content input {
        border: 1px solid #B0B0B0;
        box-sizing: border-box;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 38px;
        font-weight: 400;
        font-size: 1em;
        margin-right: 14px;
        padding-left: 11px;
        width: 210px;
        padding-right: 7px;
        margin-top: 3px;
    }

    .modal-content label {
        color: #3d7da7;
        font-weight: 600;
        font-size: 1em;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    #edit.modal-content form > div {
        display: inline-block;
        margin-bottom: 16px;
    }

    #edit.modal-content form >  div:nth-child(odd){
        margin-left: 28px;
    }

    #edit.modal-content form > div:last-of-type input {
        width: 434px;
        margin-bottom: 0;
    }

    #edit.modal-content > div:last-of-type {
        border: none;
        margin-bottom: 10px;
    }

    #chg-pw.modal-content {
        height: 396px;
        width: 490px;
    }

    #chg-pw ul li ul li {
        display: inline-block;
        margin-right: 35px;
        margin-bottom: 10px;
        line-height: 1;
        width: 206px;
    }
    #chg-pw ul li ul li + li{
        width: 180px;
    }

    #chg-pw li {
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.5;
    }
    
    .bullet::before {
        content: "•"; 
        padding-right: 10px;
        font-size: 1.25em;
        color: #9D9D9D;
        vertical-align: text-bottom;
    }

    li.bullet {
        color: #b0b0b0;
    }

    li.bullet-orange, li.bullet-blue {
        color: #4d4d4d;
    }

    .bullet-orange::before {
        color: #CF5128;
        padding-right: 10px;
        font-size: 1.25em;
        content: "•";
        vertical-align: text-bottom;
    }

    .bullet-blue::before {
        color: #3d7dad;
        padding-right: 10px;
        font-size: 1.25em;
        content: "•";
        vertical-align: text-bottom;
    }
    

    #chg-pw > ul > li {
        margin-left: 28px;
    }

    #chg-pw input {
        width: 434px;
        margin-left: -45px;
    }

    #chg-pw label {
        /* display: block; */
        margin-left: 28px;
    }

    #chg-pw form {
        margin-bottom: 10px;
    }

    #current-password {
        margin-bottom: 18px;
    }

    #new-pasword {
        margin-bottom: 10px;
    }

    #chg-pw button, .registration > form button, .login > form button, .change-password button{
        margin-left: -75px;
        margin-top: 8px;
        height: 25px;
        width: 15px;
        background: inherit;
        color: #3D7DA7;
        border: none;
        -webkit-appearance: none;
        /* display: inline; */
    }

    #submit:hover{
        background: #AC411E;
    }

    .toast {
        display: none;
        align-items: center;
        margin-bottom: 20px;
        background-color: #f5f6fa;
        padding: 15px 30px;
        border-radius: 4px;
        min-width: 500px;
        z-index: 999999;
        position: absolute;
        top: 5%;
        right: 5%;
    }

    .toast-deails{
        flex-direction: column;
        padding-left: 25px;
        padding-right: 25px;
        width: 90%;
    }

    .success{
        border-left: 3px solid #3d7da7;
    }

    .success .fas {
        font-size: 1.2em;
    }

    .danger .fas {
        font-size: 1.2em;
    }

    .success .fas:nth-child(1){
        color:#3d7da7;
        border: none;
        background-color: inherit;
    }

    .danger{
        border-left: 3px solid #CF5128;
    }
    
    .danger .fas:nth-child(1){
        color:#CF5128;
        border: none;
        background-color: inherit;
    }

    /* custom select */
    .custom-select {
        position: relative;
        font-family: inherit;
        margin-right: 14px;
    }
    
    .custom-select select {
        display: none;
    }
    
    .select-selected {
        background-color: #FFFFFF;
        border: 1px solid #B0B0B0;
        box-sizing: border-box;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 38px;
        font-weight: 400;
        font-size: 1em;
        margin-right: 14px;
        padding-left: 11px;
        padding-top: 11px;
        width: 210px;
    }

    #select-selected.focus-orange {
        border: 1px solid #CF5128;
    }

    input::-ms-clear, input::-ms-reveal {
        display: none;
    }
    
    /*style the arrow inside the select element:*/
    .select-selected:after {
        content: '\f078';
        font-family: 'Font Awesome 5 Free';
        color:  #C9C9C9;
        /* padding-top: 4px; */
        font-weight: 900;
        position: absolute; right: 15px;
        height: 100%;      
        pointer-events: none;
        box-sizing: border-box; 
    }
    
    /*style the items (options), including the selected item:*/
    .select-items div {
        color: #5F5F5F;
        padding: 8px 16px;
        cursor: pointer;
        user-select: none;
        margin: 0 5px;
    }
    
    /*style items (options):*/
    .select-items {
        position: absolute;
        background: #FFFFFF;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        overflow-y: scroll;
        height: 200px;
        border: 0.5px solid #B0B0B0;
        box-sizing: border-box;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        margin-top: 2px;
        scrollbar-width: thin;
        scrollbar-color: #B1b1b1 #EEEEEE;
    }

    .select-items::-webkit-scrollbar {
        width: 4px;
    }

    .select-items::-webkit-scrollbar-thumb:hover {
        background: #808080; 
    }

    .select-items::-webkit-scrollbar-thumb {
        background: #b1b1b1;
        border-radius: 2px;
    }
    
    /*hide the items when the select box is closed:*/
    .select-hide {
        display: none;
    }
    
    .select-items div:hover {
        background: #FFF1D3;
        color: #232323;
    }
    /*end custom select*/
/*End Header*/

/*Main Container*/
    
    a.navigation {
        margin-top: 136px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.5;
        position: sticky;
        position: -webkit-sticky;
        top: 200px;
    }

    a.navigation:hover i {
        background: #959595;
        color: #FFFFFF;
        border: none;
    }

    a.navigation:hover {
        font-weight: 700;
    }

    .main-container {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: calc(70vh - 70px);
        width: 100%;
        font-family: 'Open Sans';
    }

    .main-container input:focus {
        border: 1px solid #CF5128;
    }

    .main-container h1 {
        font-family: 'Didact Gothic', sans-serif;
        font-size: 2em;
        font-weight: 700;
        line-height: 1.5;
        color: #454545;
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 13px;
    }
/* End Main Container */
  
/* Privacy page */

    .privacy-message {
        height: min-content;
        width: 1014px;
        background: #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        margin-top: 45px;
        line-height: 1.5;
        font-family: open sans;
    }

    .privacy-message > h1:first-of-type {
        display: inline-block;
        text-align: center;
        font-size: 2.2em;
        font-weight: 700;
        margin-bottom: 15px;
        margin-top: 26px;
        width: 100%;
    }

    .privacy-message > h1:last-of-type {
        margin-left: 48px;
        font-size: 1.25em;
        line-height: 1.5;
        font-weight: bold;
        text-align: left;
    }

    .privacy-message > p {
        margin: 10px 48px 10px 48px;
        font-size: 0.875em;
        line-height: 1.5;
        font-weight: normal;
        width: 909px;
    }

    .privacy-message > p:last-of-type {
        margin-right: 0;
        width: 100%;
    }

    .privacy-message > h2 {
        margin: 50px 48px 20px 48px;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.5;
    }

    .privacy-message ol {
        list-style-type: decimal;
        margin: 0 80px;
        font-size: 0.875em;
        line-height: 1.5;
        font-weight: normal;
    }

    .privacy-message > div {
        margin: 10px 48px 26px 48px;
    }

    .privacy-message > div p {
        font-size: 0.875em;
        line-height: 19.07px;
        font-weight: 600;
    }
/*End Privacy Page*/


/* New Dashboard */
    .program-name {
        color: #3d7da7;
        font-weight: 400;
        text-align: center;
        font-size: 0.95em;
        padding: 23.24px;
        text-transform: none;
        /* min-width: 25%; */
    }
    .program-name.big{
        font-size: 1.5em;
    }

    .session-detail {
        width: 79%;
        height: 105px;
        border-top: 1px solid #C9C9C9;
        margin: 10px auto;
    }
    .session__progress-bar {
        background: #E0E0E0;
        width: 50%;
        height: 9px;
        border-radius: 100px;
    }
    .session__progress-bar__progress {
        background: #3d7da7;
        height: 9px;
        border-radius: 100px;
    }
    .session-dates {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 400;
        font-size: 1em;
        color: #474747;
        margin: 10px 0;
    }
    .session-heading {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-weight: 700;
        font-size: 1.15em;
        color: #474747;
        margin: 10px 0;
    }
    .session-progress-container {
        margin: 10px 0 4px 0;
        width: 50%;
        font-size: 1em;
        font-weight: 400;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    }
    .session-progress {
        margin: 0;
        display: flex;
        justify-content: end;
    }
    .topics {
        display: flex;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 29px;
        /* margin-right: 21px;
        margin-left: 21px; */
        justify-content: space-between;
    }
    .topic-card {
        height: 215px;
        background:#FFFFFF;
        border-radius: 6px;
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
        width: 32.5%;
    }
    .topics span {
        width: 32.5%;
    }
    .topic-card__complete {
        height: 210px;
        background:#EFDFBD;
        border-radius: 6px;
        box-shadow: 0px 4px 4px rgba(0,0,0,.25);
        width: 32.5%;
    }
    .complete {
        background: #C4942C;
        border-radius: 6px 6px 0px 0px;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 0.75em;
        color: white;
        font-weight: 700;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .topic-name-container, .topic-name-container-complete {
        display: flex;
    }
    .topic-name-container-complete > p, .topic-name-container-complete > a > i {
        margin-top: 10px;
    }
    .topic-name {
        font-weight: 700;
        font-size: 1.05em;
        color: #252525;
        margin-top: 33px;
        margin-left: 10%;
        margin-bottom: 0px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 73%;
        height: 24px;
    }
    .topic-questions {
        font-weight: 400;
        font-size: 0.95em;
        color: #6A6A6A;
        margin-left: 10%;
        margin-top: 0px;
    }
    .topic-progress-container {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        font-size: 0.875em;
        font-weight: 400;
        margin-left: 10%;
        color: #474747;
        margin-top: 34px;
        margin-bottom: 4px;
        width: 80%;
    }
    .topic-progress {
        margin: 0;
        display: flex;
        justify-content: end;
    }
    .topic__progress-bar {
        background: #E0E0E0;
        width: 80%;
        height: 9px;
        border-radius: 100px;
        margin-left: 10%;
        margin-top: 1px;
        margin-bottom: 5px;
    }
    .topic__progress-bar__progress {
        background: #3d7da7;
        height: 9px;
        border-radius: 100px;
    }
    .view-all-container {
        width: 79%;
        display: flex;
        justify-content: flex-end;
        margin: 3px auto;
    }
    button {
        width: 80%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
        border-radius: 6px;
        height: 48px;
        font-size: 1em;
        font-weight: 600;
        margin-left: 10%;
    }.button-unlocked:hover {
        background: #AC411E;
    }
    .button-view-all {
        background: #E9E9E9;
        height: 31px;
        width: 116px;
        font-size: 0.875em;
        font-weight: 600;
        color: #474747;
        display: flex;
        justify-content: center;
        align-items: center;
        border: .5px solid #474747;
        border-radius: 6px;
    }
    .button-view-all:hover, .button-unlocked:hover, .button-review:hover {
        cursor: pointer;
    }
    .button-unlocked.review {
        margin-top: 70px;
    }
    .button-view-all:hover, #Cancel:hover {
        background: #959595;
        color: #FFFFFF;
        border: none;
    }
    .button-unlocked {
        background: #CF5128;
        color: white;
        border: none;
    }
    .button-locked {
        color: #949494;
        border: 0.5px solid #949494;
        box-sizing: border-box;
        border-radius: 6px;
        background: #fff;
    }

    .button-locked:hover {
        cursor: not-allowed;
    }
    .button-review {
        background: #FFFFFF;
        color: black;
        border: .5px solid #000000;
        box-sizing: border-box;
    }
    .button-review:hover {
        background: #C4942C;
        color: #FFFFFF;
    }
    .fa-arrow-right, .fa-arrow-left {
        font-size: 2.1em;
        height: 40px;
        align-items: center;
        /* display: flex; */
        justify-content: center;
        width: 40px;
        color: #474747;
        border: 1px solid #474747;
        border-radius: 5px;
        background: #FFFFFF;
    }

    .fas.fa-arrow-right, .fas.fa-arrow-left {
        display: flex;
    }

    .fa-arrow-right:hover, .fa-arrow-left:hover {
        cursor: pointer;
    }

    /*.move-button-left {
        margin-right: 21px;
    }

    .move-button-right {
        margin-left: 21px;
    }*/

    .topics-container {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    
    .topics-container > div:last-of-type{
        margin-left: 49px;
        text-align: center;
        font-size: 0.875em;
        line-height: 17.17px;
        display: flex;
        flex-direction: column;
    }

    .topics-container > div:first-of-type{
        margin-right: 49px;
        text-align: center;
        font-size: 0.875em;
        line-height: 17.17px;
        display: flex;
        flex-direction: column;
    }

    .topics-container > div:last-of-type:hover i, .topics-container > div:first-of-type:hover i {
        background: #959595;
        color: #FFFFFF;
        border: none;
    }

    .topics-container > div:last-of-type:hover, .topics-container > div:first-of-type:hover {
        font-weight: 700;
        cursor: pointer;
    }
    
    .topic-name-container i, .topic-name-container-complete i {
        color: #444444;
        font-size: 1.25em;
        margin-top: 33px;
        position: relative;
    }

    .badge:after {
        content:attr(data-badge);
        position: absolute;
        background: #3D7DA7;
        height: 18px;
        top: -5px;
        right: -10px;
        width: 18px;
        text-align: center;
        line-height: 1.5;
        font-size: 0.8em;
        font-weight: 700;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        color:#f1f1f1;
        font-family: "Open Sans";
    }

    .notification-badge {
        font-family: "Open Sans";
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        font-size: 0.8em;
        background: #3D7DA7;
        color: #f1f1f1;
        padding: 1px 5px;
        vertical-align: top;
        text-align: left;
        margin-left: -8px;
        font-weight: 700;
        line-height: 1.5;
    }

    /* Slider CSS */
    #slider-container-outer {
        overflow: hidden;
        width: 80%;
        padding: 0 10px;
    }

    .slider-container {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        width: 100%;
    }

    .slider-container-transition {
        transition: transform 0.7s ease-in-out;
    }

    .slider-item {
        width: 100%;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        margin-right: 20px;
    }

    .slider-indicators > li {
        width: 21px;
        height: 5px;
        background: #D5E0E6;
        border-radius: 100px;
        list-style: none;
        display: inline-block;
        margin: 0 2px;
    }

    .slider-indicators > li.active {
        background: #739DAD;
    }

    .slider-indicators-container {
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    /*end slider*/

/* End New Dashboard */

/*Registration Page*/
    .registration {
        width: 753px;
        height: 558px;
        background: #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        font-family: 'Open Sans';
    }

    .registration p {
        width: 100%;
        text-align: center;
        font-size: 1em;
        line-height: 1.5;;
        color: black;
        margin-bottom: 22px;
    }

    .registration p.loginreg-info{
        font-size: 0.875em;
    }

    .registration label, .login label {
        font-size: 1.05em;
        font-weight: 400;
        line-height: 24.5px;
    }

    .registration input, .registration form > div:last-of-type > input, .login input {
        border: 1px solid #B0B0B0;
        box-sizing: border-box;
        border-radius: 6px;
        height: 38px;
        font-weight: 400;
        font-size: 1em;
        margin-right: 14px;
        padding-left: 11px;
        width: 543px;
    }

    .registration div input {
        width: 260px;
    }

    .registration label, .registration input {
        display: block;
    }

    .registration > form > label, 
    .registration > form > input, 
    .registration > form > div:first-of-type > input, 
    .registration > form > div:first-of-type > label, 
    .registration form > div:last-of-type > input,
    .registration > ul {
        margin-left: 115px;
    }

    .registration form > div {
        display: inline-block;
        margin-bottom: 16px;
    }
   
    .registration form  p, .login form p {
        color: #3d7da7;
        margin-left: 115px;
        text-align: left;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 2%;
    }

    .registration form div:last-of-type, .login form div:last-of-type {
        display: flex;
    }

    .registration li {
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.5;
    }

    .registration ul li ul li{
        display: inline-block;
        width: 190px;
        margin-right: 80px;
        margin-bottom: 10px;
        line-height: 1;
    }

    .registration a, .login > a {
        display: flex;
        width: 543px;
        height: 60px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #cf5128;
        margin-left: 105px;
        color: #FFFFFF;
        font-size: 1em;
        line-height: 1.5;
        font-weight: 700;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
    }

    .registration a.disabled, .login > a.disabled {
        background: #E7A88F;
    }

    .registration p:last-of-type {
        margin-left: 115px;
        text-align: left;
    }

/*End Registration*/

/*Login page*/

    .login {
        width: 751px;
        height: 472px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #ffffff;
        font-family: 'Open Sans';
    }

    .login h1 {
        margin-bottom: 46px;
    }

    .login > form > label, 
    .login > form > input, 
    .login > p,
    .login > form > div > input, 
    .login > form > div > label,
    .login > form > p
    {
        margin-left: 104px;
    }

    .login input, .input label {
        display: block;
    }

    .login > p:last-of-type {
        margin-top: 37px;
        margin-left: 222px;
        color: #6b6b6b;
        font-weight: 400;
        font-size: 1em;
    }
    
    .login > p:last-of-type > a {
        font-weight: 700;
    }

    .login > form > a {
        text-align: right;
        color: #3d7da7;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 32px;
        margin-right: 117px;
        display: block;
    }
/*End Login*/

/*Verify login page*/
    .login-verify {
        width: 750px;
        height: 274px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #ffffff;
        font-family: 'Open Sans';
    }

    .login-verify p {
        text-align: center;
        font-size: 1em;
        line-height: 1.5;
        font-weight: 400;
    }

    .login-verify p + p {
        font-weight: 700;
        margin-bottom: 35px;
    }

    .login-verify input, .login-verify label {
        display: block;
    }

    .login-verify div {
        display: flex;
    }

    .login-verify input{
        margin-left: 199px;
        width: 260px;
        height: 38px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #B0B0B0;
        margin-right: 20px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 11px;
    }
    
    .login-verify label {
        margin-left: 199px;
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1.65;
    }

    .login-verify input + a {
        background: #cf5128;
        color: #ffffff;
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 38px;
        width: 82px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .login-verify p:last-of-type {
        margin-left: 199px;
        text-align: left;

    }

    .login-verify p > a {
        color: #3d7da7; 
    }

/*End Login*/

/*Forgot password page */
    .forgot-password {
        width: 750px;
        height: 386px;
        background: #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        font-family: 'Open Sans';
    }

    .forgot-password p {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
    }
    
    .forgot-password p:first-of-type {
        margin-top: 10px;
    }

    .forgot-password p + p {
        margin-bottom: 35px;
    }

    .forgot-password input, .forgot-password label {
        display: block;
        margin-left: 103.5px;
    }

    .forgot-password label {
        font-weight: 400;
        font-size: 1.05em;
        line-height: 24.5px;
    }

    .forgot-password input {
        width: 543px;
        height: 38px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #B0B0B0;
        margin-right: 20px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 11px;
    }

    .forgot-password input + p {
        font-weight: 14px;
        font-weight: 400;
        line-height: 1.5;
        color: #3d7da7;
        margin-left: 103.5px;
        text-align: left;
        margin-bottom: 34px;
    }

    .forgot-password a {
        background: #cf5128;
        margin-left: 103.5px;
        color: #ffffff;
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        width: 542px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .forgot-password p:last-of-type {
        font-size: 0.875em;
        text-align: left;
        margin-left: 103.5px;
    }

/*End Forgot Password*/

/*Change password page*/

    .change-password {
        width: 758px;
        height: 553px;
        background: #ffffff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .change-password p {
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        text-align: center;
    }

    .change-password > p:first-of-type {
        margin-top: 10px;
    }

    .change-password p + p {
        font-weight: 700;
        margin-bottom: 35px;
    }

    .change-password input + p, .change-password a + p {
        margin-left: 150.5px;
        text-align: left;
        margin-bottom: 20px;
    }

    .change-password > ul {
        margin-bottom: 20px;
    }

    .change-password input, .change-password label {
        display: block;
        margin-left: 150.5px;
    }

    .change-password label {
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1.5;
    }

    .change-password input {
        width: 457px;
        height: 38px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #B0B0B0;
        margin-right: 20px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        padding-left: 11px;
    }

    .change-password > form > div > input {
        margin-bottom: 15px;
    }

    .change-password li {
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.5;
    }

    .change-password ul li ul li{
        display: inline-block;
        width: 190px;
        margin-right: 80px;
        margin-bottom: 10px;
        line-height: 1;
    }

    .change-password > ul > li {
        margin-left: 150.5px;
    }

    .change-password div {
        display: flex;
    }

    .change-password > form > p > a {
        color: #3d7da7;
    }

    .change-password > a:last-of-type {
        background: #cf5128;
        margin-left: 150.5px;
        color: #ffffff;
        font-weight: bold;
        font-size: 1em;
        line-height: 1.5;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 60px;
        width: 457px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

/* End Change Password */

/* Session Header */

    .session-header-container {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .session-header {
        width: 80%;
        height: 61px;
        border-top: 1px solid #C9C9C9;
        border-bottom: 1px solid #C9C9C9;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .session-header > div:nth-child(2) {
        width: 50%;
    }

    .session-header h1 {
        font-family: inherit;
        font-weight: 700;
        font-size: 1.3em;
        line-height: 1.5;
        color: #474747;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
    }

    .session-header h2 {
        font-family: inherit;
        font-weight: 700;
        font-size: 1.15em;
        line-height: 1.5;
        color: #474747;
    }

    .session-header p {
        font-family: inherit;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5;
        color: #474747;
    }

    .session-header > div:first-of-type {
        width: 25%;
    }

    .session-header > div:last-of-type {
        font-family: inherit;
        font-weight: 700;
        font-size: 0.875em;
        line-height: 1.5;
        color: #474747;
        width: 25%;
        text-align: right;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .topic-drop-down-content {
        display: none;
        position: absolute;
        flex-direction: column;
        align-items: center;
        right: 0;
        max-width: 290px;
        height: min-content;
        background-color: #FFFFFF;
        padding: 10px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        color: black;
        z-index: 1000;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        margin-top: 30px;
        font-family: "Open Sans";
        font-weight: bold;
        font-size: 1em;
    }

    .topic-drop-down-content > a {
        width: 100%;
        padding: 10px;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
    }

    #topic-dropdown:hover{
        border-bottom: 1px solid #474747;
        padding-bottom: 2.5px;
    }

    .topic-drop-down-content > a:hover {
        font-weight: 700;
        background: #efdfbd;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
    }

    .topic-drop-down-content > hr {
        border: none;
        background: #d2d2d2;
        height: 1px;
        width: 100%;
        margin: 3px 0;
    }

    .topic-drop-down-content > hr:last-of-type {
        display: none;
    }

    .display-flex {
        display: flex;
    }

    .border-bottom {
        border-bottom: 1px solid #474747;
        padding-bottom: 2.5px;
    }

    /*.session-header > div:last-of-type:hover .topic-drop-down-content {display: flex;*/

/* End Session Header */

/* program header */
    .program {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .program-name > i {
        color: #3d7da7;
        font-size: 1.15em;
        margin-left: 9px;
    }

    .mtg-drop-down-content {
        background: #ffffff;
        min-width: 642px;
        border-radius: 6px;
        border: .5px solid #c9c9c9;
        padding: 17px;
        position: absolute;
        visibility: hidden;
    }

    .mtg-drop-down-content > a {
        padding: 11px 0 11px 40px;
        background: #fff1d3;
        border-radius: 6px;
        color: #606060;
        font-size: 1.2em;
        line-height: 1.5;
        display: block;
        width: 100%;
    }

    .mtg-drop-down-content > a:hover{
        font-weight: bold;
        background: #f3dfb5;
    }

    .mtg-drop-down-content > a:not(:last-of-type) {
        margin-bottom: 8px;
    }

    .program > .drop-down:hover > .program-name{
        font-weight: bold;
        cursor: pointer;
    }

    .program > .drop-down:hover .mtg-drop-down-content{
        /* display: block; */
        visibility: visible;
    }

    /* .program > .drop-down {
        width: 100%;
    } */

/*End program header */

/* Questions page */

    h2.number-heading {
        text-align: center;
        font-size: 1.15em;
        line-height: 1.5;
        font-weight: 700;
        color: #000000;
        /* margin-top: 10px; */
    }

    h2.number-heading > span:last-of-type {
        color: #9B9B9B;
    }

    .questions-container {
        width: 80%;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        height: 100%;
    }

    .questions-container > ul{
        width: 75%;
    }

    .questions-container > ul > a {
        background: #fff;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        min-height: 105px;
        height: max-content;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        justify-content: center;
    }

    .new-activity {
        background: #fff1d3;
        width: 109px;
        height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        margin-left: 64px;
        margin-top: 10px;
        border: 1px solid #dab46a;
        font-size: 1em;
        font-weight: 600;
        line-height: 1.5;
    }

    .questions-container > ul > a > li {
        display: flex;
        justify-content: space-around;
        /* -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #ffffff; */
        /* height: 105px; */
        align-items: center;
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    .questions-container > ul > a:hover {
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
        border: 1px solid rgba(0, 0, 0, 0.25);
    }

    .questions-container > ul > a li span {
        width: 5%;
        font-size: 1.15em;
        font-weight: 400;
        line-height: 1.5;
        text-align: right;
        margin-right: 15px;
    }

    .questions-container > ul > a li p {
        width: 85%;
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1.5;
    }

    .questions-container > ul > a li i {
        width: 10%;
        border: none;
        font-size: 1.2em;
    }

    .questions-container > div {
        width: 25%;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        /* margin-top: 10px; */
    }

    .main-container.questions {
        align-items: flex-start;
    }

    .questions-container > div > div {
        width: 95%;
        margin-left: 5%;
        /* height: 153px; */
    }

/* End Questions Page */

/* Participatns list page */

    .list-participants {
        background: #FFFFFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
		font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
        padding: 10px 0;
    }

    .collapsible {
        height: 33.33%;
        display: flex;
        align-items: center;
        margin: 0px 5%;
        padding: 10px 10px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        display: flex;
        justify-content: space-between;
    }

    .active, .list-participants > a:hover {
        background: #efdfbd;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
		font-weight: 700;
    }

    .list-participants li:hover {
        font-weight: 700;
    }

    .list-participants hr {
        border: none;
        height: 1px;
        background: #c9c9c9;
        width: 90%;
        margin: 2px 5%;
    }

    .list-participants a > i {
        margin-right: 5%;
        padding-top: 4px;
    }

    .content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }

    .content ul {
        margin-left: 8%;
        margin-right: 8%;
    }

    .content li {
        padding: 6px;
        margin: 2px;
    }

/* End participants page */

/* Materials List Side Page */

    .materials-list {
        background: #FFFFFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        margin-top: 10px;
        padding: 15px 0;
    }

    .materials-list h3 {
        font-size: 1.15em;
        font-weight: 700;
        line-height: 27.24px;
        text-align: center;
        margin-bottom: 15px;
    }

    h2#materials-list-heading {
        font-size: 1.05em;
        font-weight: 600;
        line-height: 1.5;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 5%;
		justify-content: start;
    }

    .materials-list h4 {
        font-size: 0.875em;
        font-weight: 600;
        line-height: 1.5;
        margin-left: 5%;
    }

    .materials-list a {
        border: 1px solid #c9c9c9;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 50px;
        width: 90%;
        margin-left: 5%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 8px;
        font-size: 1em;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 400;
        line-height: 21.79px;
    }

    .materials-list a > i {
        margin-left: 5%;
        margin-right: 10px;
    }

    .materials-list a > span:first-of-type {
        max-width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

	.materials-list a > span:last-of-type {
        flex: 2;
    }

    .materials-list a > i.fa-check {
        color: #3D7DA7;
    }

    .fa-file-pdf, .fa-file-video {
        font-size: 26px !important;
    }

    
/* End Materials Side Page */

/* Main material page */

    .topic-materials-container {
        width: 80%;
        height: 100%;
        display: flex;
    }

    .topic-materials {
        width: 75%;
        background: #FFFFFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 100%;
        margin-right: 10px;
        padding: 20px 0;
    }

    .topic-materials > div:first-of-type {
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin-left: 10%;
    }

    .topic-materials > div:last-of-type {
        display: flex;
        justify-content: center;
        width: 80%;
        margin-left: 10%;
        padding-top: 15px;
        border-top: 1px solid #d2d2d2;
        margin-top: 25px;
    }

    .topic-materials > div:last-of-type a {
        color: #FFFFFF;
        background: #cf5128;
        width: 236.5px;
        height: 48px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        font-size: 1em;
        font-weight: 600;
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
    }

    .topic-materials > div:last-of-type a:hover {
        background: #AC411E;
        cursor: pointer;
    }

    .topic-materials h2:last-of-type {
        font-size: 1.15em;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 8px;
        margin-left: 10%;
        margin-top: 23px;
        display: inline;
    }

    
    .topic-materials > h2 + p {
        display: inline;
        font-size: 0.875em;
        font-weight: 300;
        line-height: 1.5;
        margin-left: 0;
    }

    .topic-materials p {
        margin-left: 10%;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        margin-bottom: 25px;
    }

    .topic-materials h4 {
        font-size: 1.05em;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 21px;
    }

    .topic-materials h3 {
        font-size: 0.875em;
        font-weight: 700;
        line-height: 1.5;
        margin-bottom: 2px;
        margin-left: 10%;
    }

    .topic-materials a {
        border: 0.5px solid #474747;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 50px;
        width: 290px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 8px;
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
    }

    .topic-materials > div a > i {
        margin-left: 5%;
        margin-right: 10px;
    }

    .topic-materials-container > div:last-child {
        width: 25%;
    }

    .main-container.materials {
        align-items: flex-start;
        margin-top: 10px;
        justify-content: space-evenly;
    }


    .topic-materials i.fa-check {
        color: #3d7da7;
    }

    .topic-materials a > span:first-of-type {
        display: inline-block;
        max-width: 70%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .topic-materials a > span:last-of-type {
        flex: 2;
    }

/* End Main Material Page */

/* Question-vew page */
    .question-container {
        width: 80%;
        height: 100%;
        display: flex;
    }

    .question-container > div:last-of-type {
        width: 25%;
    }

    .question > p:first-of-type {
        margin-left: 10%;
        color: #454545;
        font-weight: bold;
        font-size: 0.875em;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    .question > p:last-of-type {
        margin-left: 10%;
        color: black;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.5;
        width: 80%;
    }

    .question-container button {
        width: 65px;
        height: 34px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #CF5128;
        border: 1px solid #c55128;
        color: #FFFFFF;
        font-size: 0.875em;
        line-height: 1.5;
        text-transform: uppercase;
    }
    .additional-feedback:hover, .question-container button:hover, #SaveChanges:hover{
        cursor: pointer;
        background: #AC411E;
    }

    .question-container button.additional-feedback {
        margin-left: -70px;
        margin-top: 5px;
    }

    .question-container button.disabled {
        background: #b2b2b2;
        border: 1px solid #b2b2b2;
    }

    .question > div {
        margin-left: 10%;
        display: flex;
        flex-direction: row;
        width: 80%;
        margin-top: 18px;
    }

    .question {
        width: 75%;
        background: #FFFFFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 100%;
        margin-right: 10px;
        padding-top: 10px;
    }

    .question > div > .user-icon {
        margin: 0 5px;
    }

    .question-container form {
        width: 100%;
    }

    .question-container textarea{
        width: 100%;
        height: 107px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #b0b0b0;
        padding: 5px 15px;
        font-family: inherit;
        line-height: 1.5;
        color: #777777;
        font-size: 1em;
        resize: vertical;
        overflow: hidden;
    }

    .question > div:last-of-type {
        justify-content: flex-end;
        margin-top: 5px;
        margin-bottom: 13px;
    }

    .label-container {
        cursor: pointer;
        width: 100%;
        border-radius: 6px;
        border: 1px solid #b0b0b0;
        height: min-content;
        display: flex;
        align-items: center;
        padding: 10px;
        font-size: 1em;
        line-height: 1.5;
        font-family: open sans;
        font-weight: normal;
        margin-bottom: 12px;
        background: #fff;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .label-container.radio {
        box-shadow: none;
    }

    .label-container.radio:hover {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    }

    .move {
        background: #eee;
    }

    .question > div.feedback {
        width: 100%;
        margin-left: 0;
        margin-top: 32px;
        padding: 28.5px 0;
        justify-content: center;
        border-top: 1px solid #c9c9c9;
    }

    .feedback > input {
        width: calc(80% - 38px);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 5px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
        color: #777777;
        border: 1px solid #b0b0b0;
    }

    #question-form > p {
        font-size: 1em;
        font-weight: 600;
        font-style: italic;
        margin-bottom: 22px;
        margin-top: 10px;
    }

    
    .radio-question {
        margin-top: 22px;
    }

    .radio-question input[type="radio"]{
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .radiomark {
        margin-right: 25px;
        height: 20px;
        width: 20px;
        border: 3px solid #DADADA;
        background-color: #FFFFFF;
        border-radius: 50%;
        position: absolute;
    }

    .question-container input:checked ~ .radiomark {
        background-color: #FFFFFF;
        border: 2px solid #CF5128;
    }

    .radiomark:after {
        content: "";
        position: absolute;
        display: none;
    }

    .label-container input:checked ~ .radiomark:after {
        display: block;
    }

    .label-container .radiomark:after {
        top: 3px;
        left: 3px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #CF5128;
    }


    /* FOR MUTIPLE CHOICE QUESTIONS*/ 

    .radio-question input[type="checkmark"]{
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    .question-container .checkmark {
        position: absolute;
        margin-right: 25px;
        height: 20px;
        width: 20px;
        background-color: white;
        border: 1px solid #999999;
        border-radius: 15%;
        
    }
    
    
    .question-container input:checked~.checkmark {
        background-color: white;
        border: 2px solid #CF5128;
        border-radius: 15%;
    }
    
    .question-container .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }
    
    .question-container input:checked~.checkmark:after {
        display: block;
    }
    
    .question-container .checkmark:after {
        font-family: "Font Awesome 5 Free";
        color: #CF5128;
        text-align:center;
        font-size: 0.90em;
        font-weight: 600;
        content: '\f00c';
        -ms-transform: translateY(-50%) rotate(-10deg); -webkit-transform: translateY(-50%) rotate(-10deg); transform: translateY(-50%) rotate(-10deg); 
        top: 52%;
        left:7%;
        font-style: normal;font-variant: normal;text-rendering: auto;-webkit-font-smoothing: antialiased;
        

    }
    
    .list-participants i, .materials-list  i {font-size:15px !important;}

    .label-container span.multiple.label  {
        margin-left: 20px;
        cursor: pointer;
    } 

    /*FOR MULTIPLE CHOICE QUESTIONS*/

    .label-container span.label  {
        margin-left: 35px;
        cursor: pointer;
    }   
    

    .label-container > i:last-of-type {
        margin-right: 21px;
        color: #c4c4c4;
    }

    .label-container > i:first-of-type {
        margin-left: 9px;
        color: #c4c4c4;
    }

    .label-container span {
        margin-right: 27px;
    }

    .label-container.over {
        transform: scale(1.1, 1.1);
    }

    .label-container.draggable {
        cursor: move;
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        /* will-change: transform; */
        /* transition: all 200ms; */
    }

    /*.label-container.draggable:after {
        transition: all 200ms;
        transition-timing-function: cubic-bezier(0.48, 0.72, 0.62, 1.5);
        transform: translateX(120%);
        opacity: 0;
    }

    ul .draggable:hover:after{
        opacity: 1;
        transform: translate(0);
    } */

    .label-container.draggable:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
    }

/* End Question-view page */

/* Response View page */

    .response-container {
        width: 80%;
        height: 100%;
        display: flex;
    }

    .response-container > div:first-of-type {
        width: 75%;
        background: #FFFFFF;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        height: 100%;
        margin-right: 10px;
        padding-top: 10px;
    }

    .response-container > div:last-of-type {
        width: 25%;
    }

    .response-container > div > p {
        width: 80%;
        margin-left: 10%;
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1.5;
        font-family: inherit;
    }

    .response-container .feedback-main, .feedback:first-of-type {
        width: 100%;
        margin-left: 0;
        padding: 13.5px 0 18.5px 0;
        justify-content: center;
        display: flex;
        border-bottom: 1px solid #c9c9c9;
        margin-bottom: 19px;
    }

    .response-container button.additional-feedback {
         /* margin-left: -70px;
        margin-top: 5px; */
        position: absolute;
        right: 5px;
        bottom: 5.5px;
    }

    .response-container button {
        width: 65px;
        height: 34px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #CF5128;
        border: 1px solid #c55128;
        color: #FFFFFF;
        font-size: 0.875em;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .response-container i {
        display: inline-block;
        font-size:50%;
        vertical-align: middle;
    }

    .response-container span.list,.questions-container span.list {
        display: inline-block;
        width:90%;
        margin-left: 5%;
        text-align: left;
        font-size: 1.05em;
        font-weight: 400;
        line-height: 1.5;
    }
    .response-container span.list i {
        font-size:40%;
        position: relative;
        top:-0.3em;
    }

    .comment-box {
        min-height: 44px;
        position: relative;
    }

    /* #text-feedback.comment-container {
        height: 44px;
        width: 85%;
        padding-left: 11px;
    }

    #text-feedback.comment-container + button {
        margin-left: -75px;
    } */

    #text-feedback >.comment-box[placeholder]:empty:before {
        content: attr(placeholder);
        color: #777777; 
    }

    #discussion {
        width: 85%;
        margin-left: 7.5%;
    }

    .response-header {
        display: flex;
    }

    .response-header h3 {
        font-weight: 700;
        font-size: 1.15em;
        line-height: 1.5;
    }

    .response-header > div > p {
        font-family: open sans;
        font-weight: 400;
        font-size: 0.875em;
        line-height: 1.5;
        margin-left: 0;
    }

    .response-header > div:nth-child(2){
        display: flex;
        flex-direction: column;
        flex: 2;
    }

	.response-header > div:nth-child(2) > p:last-of-type{
        margin-bottom: 10px;
    }
    div.comment {
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
        font-family: open sans;
        margin-left: 67px;
        margin-bottom: 13.5px;
		width: calc(100% - 65px);
    }

    #comment-container {
        display: inline-block;
        position: relative;
        width: 100%;
    }

    .comment-container {
        width: 85%;
        position: relative;
        display: inline-block;
    } 

    .tagged-name {
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        font-size: 1em;
        line-height: 1.5;
        color: #cf5128;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        background: #c994;
        padding: 1px;
        white-space: nowrap;

    }

    .tagged-in-comment {
        font-size: 1em;
        line-height: 1.5;
        color: #cf5128;
    }

    .edit-post-button {
        cursor: pointer;
    }

    .edit-post-button:hover {
        font-weight: 700;
    }
    
    .remove-tag {
        font-size: 0.95em;
        padding: 5px 10px 5px 10px;
        cursor: pointer;
    }

    .children #reply-button {
        left: 1px;
    }

    #reply-button {
        margin-top: 5px;
        position: relative;
        left: -2px;
    }

    .fas.fa-thumbs-up, .unlike {
        color: #cf5128;
        font-size: 1.05em;
        font-weight: bold;
        line-height: 1.5;
        padding: 5px;
    }

    .far.fa-thumbs-up, .like {
        color: #777777;
        line-height: 1.5;
        max-height:20px;
        font-size: 1.05em;
        margin-top:3px;
        
    }

    #like:not(.far.fa-thumbs-up) {
        font-weight: bold;
    }

/* .fa-thumbs-up:hover {
        transform: scale(1.2, 1.2);
        cursor: pointer;
    } */

    .far.fa-thumbs-up:hover {
        cursor: pointer;
        color: #777777;
        background: #e4e4e4;
        border-radius: 2px;
    }

    .fas.fa-thumbs-up:hover {
        cursor: pointer;
    }

    .response-container button.disabled {
        background: #b2b2b2;
        border: 1px solid #b2b2b2;
    }

    .feedback > .user-icon {
        min-width: 35px;
        min-height: 35px;
    }

    .user-icon.large {
        min-width: 45px;
        min-height: 45px;
		margin-bottom: 0;
    }

    .feedback#child {
        padding-left: 55px;
    }

    .response-container > div > div > .user-icon {
        font-size: 1.15em;
        line-height: 24.52px;
        /*font-family: 'Century Gothic';*/
        margin-top: 0;
        margin-left: 0;
    }

    .response-header > .user-icon {
        margin-top: 5px;
    }
    .children > li > .feedback >.user-icon {
        margin: 5px;
    }

    #discussion > li > .feedback > .user-icon {
        margin-top: 0;
    }

    [contenteditable="true"].single-line {
        white-space: nowrap;
        max-width: calc(100% - 70px);
        overflow: hidden;
        outline: 0px solid transparent;
        height: 43px;
        line-height: 1.5;
        display: block;
    }

    [contenteditable="true"].single-line  br {
        display: none;
    }

    [contenteditable="true"].single-line * {
        display: inline;
        white-space: nowrap;
    }

    .children {
        border: .5px solid #bbbbbb;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        display: block;
        transition: all 2s linear;
        margin-bottom: 15px;
        margin-left: 65px;
    }

    .hidden {
        display: none;
        opacity: 0;
    }

    .responses-container .feedback {
        width: 100%;
        margin-left: 0;
        padding-bottom: 10px;
        justify-content: center;
        display: flex;
		min-height: 44px;
    }

    .response-container .no-responses {
        width: 80%;
        margin-left: 10%;
        background: #f3f3f3;
        border-radius: 6px;
        height: 45px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-left: 25px;
        color: black;
        font-size: 1em;
        font-family: open sans;
        line-height: 21.79px;
        margin-bottom: 19px;
    }

    div.responses-container ul#discussion div.no-responses {
        width: 100%;
        margin-left: 0;
    }

    .children > li {
        border-bottom: 1px solid #C9C9C9;
        padding: 13px 10px 0px 10px;
    }

    .children > li:last-of-type {
        border: none;
    }

    .replies-container {
        display: flex;
        justify-content: flex-end;
    }

    .replies {
        display: flex;
        border: 1px solid #BBBBBB;
        height: 34px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        padding: 6px 10px;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.5;
    }

    .replies:hover { background:#E4E4E4}

    .replies > i, .options > i {
        margin-left: 9px;
        margin-top: 2px;
    }

    .options {
        width: 194px;
        height: 30px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 1.5;
        color: #474747;
        margin-top: 5px;
        margin-right: 20px;
    }

    .options:hover {
        background: #e4e4e4;
    }

    .options-table {
        display: none;
        position: absolute;
        /* right: -50px; */
        left: 0vmax;
        top: 40px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #BCBCBC;
        padding: 10px;
        max-width: 377px;
        /* min-height: 101px; */
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        z-index: 1000;
        background: #ffffff;
        width: max-content;
    }

    #poll-option {
        display: flex;
        align-items: center;
        margin-top: 2px;
        font-size: 0.875em;
        line-height: 18.3px;
    }

    #poll-option > span + span {
        margin-right: 5px;
        font-size: 0.875em;
        font-weight: 400;
        line-height: 18.3px;
    }

    .options-table tr > td:nth-child(2) {
        font-size: 0.875em;
        font-weight: 400;
        line-height: 21.79px;
    }

    .options-table tr > td:first-of-type{
        font-size: 1em;
        font-weight: 700;
        line-height: 21.79px;
        padding: 2.5px;
        width: 70px;
    }


    /*FOR MULTIPLE CHOICE*/
    .options-table.multiple tr > td:nth-child(3) {
        font-size: 0.875em;
        font-weight: 400;
        line-height: 21.79px;
       
    }

    .options-table.multiple tr > td:nth-child(2) {
        font-size: 0.875em;
        font-weight: 400;
        line-height: 21.79px;
        width: 20px;
        
    }

    .options-table.multiple tr > td:first-of-type{
        font-size: 1em;
        font-weight: 700;
        line-height: 21.79px;
        padding: 2.5px;
        width: 40px;
    }

    .options-table.multiple tr > td{
        padding-bottom:5px;
    }

    /*FOR MULTIPLE CHOICE */

    .color-square {
        min-width: 23.84px;
        min-height: 25px;
        background: #78A5C4;
        display: inline-block;
        margin-top: 2px;
        margin-right: 10px;
    }

    .edit-post {
        font-size: 1.15em;
        color: #777777;
        margin-top: 10px;
        margin-left: 20px;
        margin-right: 3px;
    }

    #edit-post {
        border: 1px solid #bcbcbc;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        width: 97px;
        height: 48px;
        display: none;
        position: absolute;
        z-index: 999999;
        background: #ffffff;
        justify-content: center;
        align-items: center;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
		top: 35px;
        left: -18px;
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
    }

    .editable {
        border: 1px solid #bbbbbb;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        width: 100%;
        /* width: calc(100% - 61px); */
        padding: 9px 75px 9px 10px;
        font-size: 1em;
        font-weight: 400;
        line-height: 1.5;
    }

    .save-changes-container {
        display: flex;
        justify-content: flex-end;
        margin: 8px 5.5px 15px 0;
    }

    #Cancel {
        border: .5px solid #474747;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        width: 90px;
        height: 34px;
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
        color: #1a1a1a;
        margin-right: 13px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #SaveChanges {
        border: .5px solid #cf5128;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        width: 141px;
        height: 34px;
        font-size: 1em;
        font-weight: 400;
        line-height: 21.79px;
        color: #ffffff;
        background: #cf5128;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .hr {
        border-top: 1px solid #474747;
        margin-bottom: 10px;
    }
    
    #discussion > li:not(:first-of-type) {
        border-top: 1px solid #c9c9c9;
        padding-top: 18px;
    }

   
/* End Response View Page */

/* .notification-content {
    background: #fff;
    border-radius: 6px;

} */

.notification-alert-topic {
	padding-left: 12px;
	background: #fff;
	width: 200px;
	border-radius: 6px;
	margin-left: 5px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	float: right;
    color: #535353;
    font-size: 0.875em;
    font-weight: 400;
    height: 35px;
    margin-top: -7px;
    display: flex;
    align-items: center;
}

.notification-alert-topic > span {
    width: 90%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.notification-content > ul > li:hover{
    font-weight: 700;
    cursor: pointer;
    background: #F3DFB5;
}

ul#alert-list > li {
    list-style: none;
    font-weight: normal;
    font-size: 1em;
    background: #FFF1D3;
    padding: 11px 6.5px 11px 25px;
    border-radius: 6px;
    margin: 0 7.5px 8px 7.5px;
    line-height: 21.79px;
    font-family: Open Sans;
    text-align: left;
    position: relative;
}

ul#alert-list > li div.tName{
    display:inline-block;
    left:0;
    padding-left:0;
}

ul#alert-list > li:hover{
    font-weight: bold;
    cursor: pointer;
    background: #F3DFB5;
    text-decoration: none;
}


ul#alert-list > li > span:first-of-type {
    margin-right: 12px;
}

ul#alert-list li:last-of-type {
    background: #F3F3F3;
    width: 100%;
    line-height: 1.5;
    margin-left: 0px;
    border-radius: 0 0 6px 6px;
    color: #3D7DA7;
    bottom: 0px;
    text-align: center;
    left: 0px;
    margin-bottom: 0;

}




/*CHANGES FOR NOTIFICATION GOURI*/
.drop-down {
    display: inline-block;
    position: relative;
    /*z-index: 1000;*/
}

.drop-down-content {
    display: none;
    position: absolute;
    flex-direction: column;
    align-items: center;
    top: 102%;
    right: 0;
    width: 177px;
    min-height: 90px;
    height:auto;
    background-color: #FFFFFF;
    padding: .5em;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    color: black;
    z-index: 1000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: 1px solid #B0B0B0;
    margin-top: 30px;
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 1em;
}

.drop-down>i {
    color: rgba(0, 0, 0, .54);
    margin-top: 0;
}

.drop-down-content a {
    width: 134px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.drop-down-content a:first-of-type {
    border-bottom: 1px solid #C9C9C9;
}

#mtng-docnum {
    width: 80%;
    font-size: 10pt;
    text-align: left;
    font-weight: normal; 
    font-family: "Open Sans", sans-serif; 
    margin: 2em auto; 
    line-height: 1.25em; 
    color: #454545;
    font-style: italic;
  }

#notifications {padding-bottom: 10px;}
.notification-content {
    display: none;
    padding-top: 8px;
    position: absolute;
    top: 35px;
    width: max-content;
    min-width: 670px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #d1d1d1;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.no-notifications {width: 250px;height: 59px;background: #FFFFFF;border: 1px solid #d1d1d1;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;justify-content: center;align-items: center;display: none;position: absolute;right: -133px;font-size: 1em;font-weight: 400;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
/* .notification-content > a {margin-top: 4px;width: 655px;line-height: 1.5;color: black;font-size: 1em;font-weight: 400;background: #FFF1D3;border-radius: 6px;margin-top:8px;padding-top: 5px;padding-right: 5px;padding-bottom: 2px;text-align: left;display: inline-block;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;}
.notification-alert-topic{float:right;background:white;width:30%;padding-top:10px;padding-bottom:10px;padding-left:1%;border-radius:6px;margin-bottom:5px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;font-style: normal;font-weight: normal;font-size: 0.875em;color: #000000;cursor:default;-moz-box-shadow:    inset  0.25px 0.5px 1px  #c5c2c2;-webkit-box-shadow: inset 0.25px 0.5px 1px  #c5c2c2;box-shadow:         inset 0.25px 0.5px 1px #c5c2c2;max-height:30px;line-height:1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 25ch;}
.notification-content > a:last-of-type {background: #F3F3F3;width: 100%;line-height: 1.5;margin-left: 0px;border-radius: 0 0 6px 6px;color: #3D7DA7;position: absolute;bottom: 0px;text-align: center;left: 0px;}
.notification-content > a:not(:last-of-type):hover{background: #F3DFB5;}
.notification-content > a:hover {font-weight: 600;}
.notification-content > a > span:first-of-type { margin-right: 12px;margin-left: 9px;}
.notification-content > label {text-align: left;width: 100%;display: inline-block;margin-left: 17px;font-size: 1em;font-weight: 700;margin-top: 14px;font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;} */
.moderator {color: #CF5128;}
.notification-content::after, .no-notifications:after, #edit-post:after {content: '';height: 10px;width: 10px;position: absolute;background-color: inherit;top: -6px;left: 47.5%;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;transform: rotate(45deg);}
#notifications:hover .notification-content {display: block;}
#notifications:hover .no-notifications {display: flex;}
.main-container-alerts {display: flex;justify-content: center;align-items: center;min-height: calc(70vh - 70px);width: 100%;font-family: 'Open Sans';}
.main-container-alerts input:focus {border: 1px solid #CF5128;}
.main-container-alerts h1 {font-family: 'Didact Gothic', sans-serif;font-size: 2em;font-weight: 700;line-height: 1.5;color: #454545;width: 100%;display: inline-block;text-align: center;margin-top: 13px;}
.program-name-alerts {color: #3d7da7;font-weight: 400;text-align: center;font-size: 1.2em;padding: 20px;text-transform: none;font-family: "Century Gothic";}
.session-header.alerts {width: 85%;}
.main-container-alerts.alerts.body{display: flex;flex-direction:row;width:100%;justify-content: center;margin-left:10px;}
.main-container-alerts.alerts {align-items: flex-start;margin-top: 5px;width:62.5%;height:100%;border-radius: 6px;}
.main-container-alerts.alerts.topics {width:21%;max-height:calc(70vh - 70px);padding: 0px;color:black;display: flex;flex-direction:column;justify-content: flex-start;overflow-y: scroll;-ms-overflow-style: none;  scrollbar-width: none;border-radius: 6px;}
.main-container-alerts.alerts.topics::-webkit-scrollbar {display: none;}
.main-container-alerts.alerts.topics table{background: #FFFFFF;width:100%;border-radius: 6px;margin-right:20px;margin-left:-1.5px;}
.main-container-alerts.alerts.topics table td{padding-left:8px;padding-bottom: 10px;padding-top:5px;font-size:16px;line-height: 1.2;cursor:default;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 13rem;min-width:3rem;}
.main-container-alerts.alerts.topics table tr .badge:after{font-size:11px;}
.main-container-alerts.alerts.topics table tr.active{background:white;font-weight:600;color:black;line-height: 1.0;}
.main-container-alerts.alerts.topics table th{font-family:"Open Sans";font-size:18px;font-weight:bold;padding-top:20px;padding-right:14px;padding-bottom:10px;}
.session-header-container-alerts {width: 100%;display: flex;align-items: center;justify-content: center;}
.session-header-alerts {width: 84%;height: 61px;border-top: 1px solid #C9C9C9;border-bottom: 1px solid #C9C9C9;display: flex;justify-content: space-between;align-items: center;}
.session-header-alerts h1 {font-family: inherit;font-weight: 700;font-size: 1.3em;line-height: 1.5;color: #474747;}
.session-header-alerts h2 {font-family: inherit;font-weight: 700;font-size: 1.15em;line-height: 1.5;color: #474747;}
.session-header-alerts p {font-family: inherit;font-weight: 400;font-size: 1em;line-height: 1.5;color: #474747;}
.session-header-alerts div:last-of-type {font-family: inherit;font-weight: 700;font-size: 0.875em;line-height: 1.5;color: #474747;}
.clear-alerts{font-weight:normal;font-size:13.5px;}
.clear-alerts.enabled{cursor:pointer;pointer-events: auto;}
.clear-alerts.disabled{cursor:default;pointer-events: none;}
.main-container-alerts.alerts.topics  table tr.inactive:hover{text-decoration: underline;}
.main-container-alerts.alerts.topics  i{font-size:18px;}
.alerts-area{min-width:100%;background: white;border-radius: 6px;margin-left:-2.5%;}
.alert-session-title{display: flex;flex-direction:row;justify-content: center;padding-top:20px;font-weight:bold;font-family:"Century Gothic";font-size:20px;}
.alert-header{margin-left:5%;margin-right:5%;margin-top:2%;padding-bottom:10px;font-family:"Century Gothic";font-size:20px;font-weight:400;border-bottom:1px solid #C9C9C9;}
.view-all-alerts{float:right;margin-top:1.5%;padding-bottom:12px;margin-right:5%;font-size:14px;font-weight:normal;font-family:"Century Gothic";cursor:pointer;}
.view-all-alerts:hover{font-weight: bold;text-decoration:underline;}
.view-all-alerts.enable{font-weight:bold}
.alert-category{margin-left:5%;margin-right:5%;margin-bottom:5px;padding-top:15px;font-family:"Open Sans";font-size:13px;font-weight:bold;text-transform: uppercase;}
.alert-new{margin-left:5%;margin-right:5%;margin-top:5px;margin-bottom:5px;flex: none;order: 0;flex-grow: 0;background: #FFF1D3;border-radius: 6px;padding-left:3%;padding-right:3%;padding-top:1.5%;padding-bottom:1.5%;font-family: "Open Sans";font-style: normal;font-weight: normal;font-size: 0.875em;color: #000000;cursor:pointer;}
.alert-new:hover{background:#F3DFB5;font-weight:bold;}
.alert-item-topic{float:right;background:white;width:30%;padding-left:1%;margin-right:5.6%;border-radius:6px;margin-top:0.5%;margin-bottom:2px;padding-top:1%;padding-bottom:2.2%;font-family: "Open Sans";font-style: normal;font-weight: normal;font-size: 0.875em;color: #000000;cursor:pointer;-moz-box-shadow:    inset  0.25px 0.5px 1px  #c5c2c2;-webkit-box-shadow: inset 0.25px 0.5px 1px  #c5c2c2;box-shadow:         inset 0.25px 0.5px 1px #c5c2c2;max-height:30px;line-height:1.2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 25ch;}
.alert-no-notification{margin-left:5%;margin-right:5%;margin-top:5px;margin-bottom:5px;flex: none;order: 0;flex-grow: 0;background: #f3f3f3;border-radius: 6px;padding-left:3%;padding-right:3%;padding-top:1.5%;padding-bottom:1.5%;font-family: "Open Sans";font-style: normal;font-weight: normal;font-size: 0.875em;color: #000000;cursor:default;}
.alert-read{background:#F3F3F3;color:#606060;margin-left:5%;margin-right:5%;margin-top:5px;margin-bottom:5px;flex: none;order: 0;flex-grow: 0;border-radius: 6px;padding-left:3%;padding-right:3%;padding-top:1.5%;padding-bottom:1.5%;font-family: "Open Sans";font-style: normal;font-weight: normal;font-size: 0.875em;cursor:pointer;}
.alert-read:hover{background: #e7e7e7;font-weight:bold;}
.alertTitleName:hover .alertTitleNameFull { display: block;}
.alertTitleNameFull {display: none;position: absolute;background-color: #FFFFFF;font-size:inherit;margin-top:0.5rem;max-width:13rem;text-overflow: clip;white-space: normal;word-wrap:break-word;font-weight:normal;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 0.5rem 0.5rem;z-index: 1;border: 1px solid #BCBCBC;border-radius: 6px;box-sizing: border-box;color:black;font-family:'Open Sans';cursor:default;}
.alertTitleNameFull:after {content: '';height: 0.7rem;width: 0.7rem;top:-.40em;left: 45%;position: absolute;background-color: inherit;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;transform: rotate(45deg);cursor:default;}
.alertItemTitleName{cursor:pointer;}
.alertItemTitleName:hover .alertItemTitleNameFull { display: block;}
.alertItemTitleName:hover .alertItemTitleNameFullNav { display: block;}
.alertItemTitleNameFull {display: none;position: absolute;background-color: #FFFFFF;font-size:inherit;margin-left:11.2rem;margin-top:-2rem;min-width:13rem;max-width:13rem;text-overflow: clip;white-space: normal;word-wrap:break-word;font-weight:normal;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 0.5rem 0.5rem;z-index: 3;border: 1px solid #BCBCBC;border-radius: 6px;box-sizing: border-box;color:black;font-family:'Open Sans';cursor:default;}
.alertItemTitleNameFullNav {display: none;position: absolute;background-color: #FFFFFF;font-size:inherit;left: 100%;top:0;min-width:13rem;max-width:13rem;text-overflow: clip;white-space: normal;word-wrap:break-word;font-weight:normal;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 0.5rem 0.5rem;z-index: 3;border: 1px solid #BCBCBC;border-radius: 6px;box-sizing: border-box;color:black;font-family:'Open Sans';cursor:default;}
.alertItemTitleNameFull:after {content: '';height: 0.7rem;width: 0.7rem;top:1.3em;left:-.40em;position: absolute;background-color: inherit;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;cursor:default;transform: rotate(315deg);}
.alertItemTitleNameFullNav:after {content: '';height: 10px; width:10px;top:1.3em;left:-.40em;position: absolute;background-color: inherit;border-top: 1px solid #d1d1d1;border-left: 1px solid #d1d1d1;cursor:default;transform: rotate(315deg);}
.top-notifications:hover{cursor:pointer;}
.alert-chbox-container {display: block;position: relative;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.alert-chbox-container input {visibility: hidden;}
.alert-checkmark {position: absolute;top: 0.25rem;left: 0.25rem;height: 15px;width: 15px;background-color: white;border:1px solid black;}
.alert-chbox-container:hover input ~ .alert-checkmark {background-color: #ccc;}
.alert-chbox-container input:checked ~ .alert-checkmark {background-color: black;}
.alert-checkmark:after {content: "";position: absolute;display: none;}
.alert-chbox-container input:checked ~ .alert-checkmark:after {display: block;}
.alert-chbox-container .alert-checkmark:after {left: 0.25em;top: 0px;width: 5px;height: 10px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.alert-topic-td{padding-left:5% !important;}
.fa-angle-up {height: 10px;margin: 5px 10px 0 10px;}
.alerts-area span:hover .alert-new{background:#F3DFB5;font-weight:bold;}
.alerts-area span:hover .alert-read{background: #e7e7e7;font-weight:bold;}
/*END OF CHANGES FOR NOTIFICATION GOURI*/

/*FOR PDF Viewer GOURI */
#pdf-container { display: none; flex-direction: row;position: fixed; top: 38%; left: 45%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70%; height: 55%; max-height: 55%; z-index: 99999;}
#pdf-iframe { border: 0; height:150%;width:110%;padding:0;}
div#pdf-container a.close { display: block; position: absolute; font-size: 2rem; font-weight:400;top: -12%; right: -15%; text-align: center; color: white; cursor: pointer;}
div#pdf-container a.close:hover { opacity:70%;}
div#video-container a.close:hover { opacity:70%;}
.file-pdf:hover{background:#e4e4e4;}
.file-video:hover{background:#e4e4e4;}
/*END OF FOR PDF Viewer GOURI */

/*FOR RESPONSE lIKES*/
.responses-container #discussion div.like ul.like-list {display:none;position: absolute;background-color: #FFFFFF;font-size:15px;color:#666666;font-family:"Open Sans";margin-top:0.3rem;max-width:15rem;text-overflow: clip;white-space: normal;word-wrap:break-word;font-weight:normal;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);padding: 0.5rem 0.5rem;z-index: 1;border: 1px solid #BCBCBC;border-radius: 6px;box-sizing: border-box;cursor:default;}
.responses-container #discussion div.like:hover ul.like-list {display:block;}
.responses-container #discussion div.like div.title{padding:3px 5px 5px 5px ;border-radius:2px;}
.responses-container #discussion div.like:hover div.title{background:#e4e4e4;cursor:pointer;}
.responses-container #discussion div.like i.liked{color:#cf5128;}
.responses-container #discussion div.like i.nolike{color:#777777;}
.responses-container #discussion div.like span.liked{color:#cf5128;}
.responses-container #discussion div.like span.nolike{color:#777777;}
/*END  OF RESPONS LIKES*/

.edit-post{padding:5px;margin-top:5px;}
.edit-post:hover{background:#e4e4e4;cursor:pointer;position:static;border-radius:6px;}
.drop-down:hover #edit-post{display:flex;margin-left:4px;}


/*NOTIFICATION DROP DOWN FIX THE LENGTH FROM CHANGING ON HOVER AND TEXT BOLD*/
ul#alert-list > li div.tName::before{display: block;content: attr(data-title);font-weight: bold;font-size: 1em;font-family: Open Sans;height:0;overflow:hidden;visibility: hidden;}