@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Roboto+Slab:100,300,400,700");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@700&display=swap");
/** Foundation for Sites by ZURB Version 6.4.2 foundation.zurb.com Licensed under MIT Open Source */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@keyframes menuslide { from { top: -70px; }
  to { top: 0px; } }

body { height: 100%; }

[data-responsive-menu] ul { display: none; }

.validation-summary-valid { display: none; }

input + .field-validation-error { color: #cc4b37; display: inline-block; margin: -0.71429rem 0 0.35714rem; font-size: 13px; font-style: italic; }

input::-webkit-input-placeholder { line-height: normal !important; }

* { outline: none; }

hr { max-width: 100%; }

input:not([disabled]):not([type="submit"]):focus, input:not([disabled]):not([type=�button�]):focus { background-color: lightyellow; }

.button { border-radius: 0 !important; }

.button.success { color: #ffffff; }

.label { vertical-align: initial; position: relative; font-size: inherit; line-height: 1; cursor: inherit; }

.label > i { margin-left: 0.35714rem; }

form label { line-height: 1.8; }

.word-break { word-break: break-word; }

.uppercase { text-transform: uppercase !important; }

.capitalize { text-transform: capitalize !important; }

.underline { text-decoration: underline; }

.truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bold, .text-bold { font-weight: bold !important; }

.no-margin { margin: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.ui-dialog.ui-widget { z-index: 10000 !important; }

@media screen and (max-width: 39.9375em) { .ui-dialog.ui-widget { width: 100% !important; } }

.ui-dialog.ui-widget img, .ui-dialog.ui-widget iframe { max-width: 100%; }

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "Font Awesome 6 Pro"; font-weight: 900; }

.main-wrapper { position: relative; margin: 0 auto; width: 100%; background: #f1f5f9; overflow: hidden; z-index: 1; }

.main-wrapper.full { margin: 0 auto; max-width: 100%; }

.main-wrapper.login { top: 10%; max-width: 57.14286rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

@media screen and (min-width: 75em) { .main-wrapper.login { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.main-wrapper.register { max-width: 42.85714rem; top: 5%; margin-bottom: 10%; padding-bottom: 3.57143rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

@media screen and (max-width: 39.9375em) { .main-wrapper.register { top: 0; } }

@media screen and (min-width: 75em) { .login { height: 35.71429rem; } }

@media screen and (min-width: 75em) { .login .grid-x { height: 100%; } }

.login .grid-x .cell { position: relative; }

@media screen and (min-width: 75em) { .login .grid-x .cell { height: 100%; } }

.login .img-column { background: url("http://placehold.it/1000x800/999") no-repeat #1779ba; background-size: cover; background-position: center; }

@media screen and (max-width: 85.3125em) { .login .img-column { height: 21.42857rem; } }

.login .img-column .go-back { position: absolute; top: 1.07143rem; left: 1.07143rem; padding: 0.35714rem 1.07143rem 0.42857rem; background: transparent; color: #ffffff; border-radius: 1000px; transition: all 0.2s ease-in-out; }

.login .img-column .go-back:hover { box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); background: #8a8a8a; color: #ffffff; }

.login .img-column .go-back span { padding-left: 0.71429rem; }

.login .content { position: relative; overflow: hidden; }

@media screen and (min-width: 75em) { .login .content { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } }

.login .content .logo { margin-bottom: 1.42857rem; }

.login .content .logo img { margin-right: 2.14286rem; width: 100%; max-width: 13.21429rem; height: auto; }

.login .content p { margin-bottom: 1.42857rem; }

.login .content input:not(input[type=submit]) { background: rgba(241, 245, 249, 0.3); border-width: 0; }

.login .content input:not(input[type=submit]):focus { border-width: 0.07143rem; background: #ffffff; }

.login .content input:not(input[type=submit])::-webkit-input-placeholder { color: #57575E; }

.login .content input:not(input[type=submit])::-moz-placeholder { color: #57575E; }

.login .content input:not(input[type=submit]):-ms-input-placeholder { color: #57575E; }

.login .content input:not(input[type=submit]):-moz-placeholder { color: #57575E; }

.login .content input[type=submit] { margin-bottom: 0; }

.register .cell { position: relative; }

.register .help-text { display: block; margin-bottom: 0.71429rem; }

.register .g-recaptcha { margin-bottom: 15px; }

.register .g-recaptcha > div { margin: auto; }

.register .img-column { background: url("http://placehold.it/1000x800/999") no-repeat #1779ba; background-size: cover; background-position: center; height: 17.85714rem; }

.register .img-column .go-back { position: absolute; top: 1.07143rem; left: 1.07143rem; padding: 0.35714rem 1.07143rem 0.42857rem; background: transparent; color: #ffffff; border-radius: 1000px; transition: all 0.2s ease-in-out; }

.register .img-column .go-back:hover { box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); background: #8a8a8a; color: #ffffff; }

.register .img-column .go-back span { padding-left: 0.71429rem; }

.register .img-column img { padding: 1.07143rem; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 80%; max-height: -webkit-fill-available; }

.register .img-column.wss { height: 8.57143rem; }

.register .img-column.wss img { padding: 0; }

@media screen and (max-width: 39.9375em) { .register .img-column.wss { height: 12.28571rem; } }

.register .content { position: relative; overflow: hidden; }

.register .content .title { margin-bottom: 1.42857rem; color: #57575E; line-height: 1; }

.register .content p { color: #57575E; }

.register .content .logo { margin-bottom: 1.42857rem; }

.register .content .logo img { margin-right: 2.14286rem; width: 100%; max-width: 13.21429rem; height: auto; }

.register .content p { margin-bottom: 1.42857rem; }

.register .content label { margin-bottom: 1.14286rem; font-weight: bold; color: #57575E; }

.register .content input[type=submit] { margin-bottom: 0; }

.sticky-container { z-index: 1000; }

.sticky.is-stuck { z-index: 10000; }

section.top-header { position: relative; margin: 0 auto !important; width: 100%; padding: 0.57143rem 1.07143rem; background: transparent; z-index: 10001; }

section.top-header .actions { float: right; text-transform: uppercase; color: #57575E; font-size: 1rem; /*@media only screen and (max-width: 1140px) { font-size: rem-calc(12); }*/ }

@media screen and (max-width: 39.9375em) { section.top-header .actions.float-left { display: none; } }

section.top-header .actions span { display: inline-block; vertical-align: middle; }

section.top-header .actions a { display: inline-block; margin-left: 1.42857rem; text-transform: uppercase; vertical-align: middle; color: #1779ba; line-height: 28px; }

section.top-header .actions.float-left a { margin-left: 0; margin-right: 1.07143rem; }

section.top-header .actions span.market-closes { color: #3adb76; font-weight: bold; text-transform: uppercase; }

section.top-header .actions span.market-closes i { display: inline-block; margin-right: 0.21429rem; }

section.top-header .actions span.market-closes.closed { color: #cc4b37; }

section.top-header .actions .dropdown-pane { z-index: 5000; padding: 0; width: auto; max-width: 300px; border-radius: 0; background: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); border: none; }

section.top-header .actions .dropdown-pane ul { margin: 0; }

section.top-header .actions .dropdown-pane ul li { border-bottom: 1px solid #f1f5f9; }

section.top-header .actions .dropdown-pane ul li.title, section.top-header .actions .dropdown-pane ul li a { font-size: 1rem; padding: 1.07143rem 1.07143rem; text-transform: capitalize; color: #57575E !important; line-height: 1; }

section.top-header .actions .dropdown-pane ul li.title:hover, section.top-header .actions .dropdown-pane ul li.title:focus, section.top-header .actions .dropdown-pane ul li a:hover, section.top-header .actions .dropdown-pane ul li a:focus { color: #4a4a50; }

section.top-header .actions .dropdown-pane ul li:last-child { border-bottom: none; }

section.top-header .actions .dropdown-pane ul li.title { fomt-weight: bold; background: rgba(241, 245, 249, 0.35); }

section.top-header .actions a.messages-alert { position: relative; display: inline-block; vertical-align: text-top; margin-right: 1.42857rem; font-size: 1.5rem; }

section.top-header .actions a.messages-alert .unread-msgs { position: absolute; display: block; min-width: 24px; height: 24px; line-height: 24px; top: -8px; right: -12px; text-align: center; border-radius: 100%; background: #cc4b37; color: #ffffff; font-weight: bold; font-size: 0.85714rem; box-shadow: 0 0 0 0 #cc4b37; animation: pulseburst 2s infinite; }

@keyframes pulseburst { 0% { box-shadow: 0 0 0 0 rgba(204, 75, 55, 0.7); }
  70% { box-shadow: 0 0 0 10px rgba(204, 75, 55, 0); }
  100% { box-shadow: 0 0 0 0 rgba(204, 75, 55, 0); } }

section.top-header .actions .profile-badge { display: inline-block; margin-right: 0.71429rem; vertical-align: middle; width: 2rem; height: 2rem; background-repeat: no-repeat; background-size: cover; }

section.top-header .actions.full { margin: 0 auto; max-width: 100%; }

nav.top-bar { position: relative; padding: 0 1.42857rem; background: #8a8a8a; z-index: 10000; /*&.sticky { position: fixed; width: 100%; height: auto; top: 0; left: 0; padding: rem-calc(10px 45) !important; animation: menuslide 0.5s ease-in-out; z-index: 1000; box-shadow: $box-shadow; @include breakpoint(small down) { position: relative; } }*/ }

@media screen and (max-width: 74.9375em) { nav.top-bar { -ms-flex-pack: center; justify-content: center; padding-top: 0.57143rem; padding-bottom: 0.28571rem; -ms-flex-flow: column; flex-flow: column; } }

nav.top-bar ul.menu { background: transparent; }

nav.top-bar ul.menu li a { font-size: 1rem; text-transform: uppercase; line-height: 1.2; /*@media only screen and (max-width: 1140px) { font-size: rem-calc(12); }*/ }

nav.top-bar ul.menu li a:not(.button) { color: #ffffff; padding-top: 2.71429rem; padding-bottom: 2.71429rem; }

@media screen and (max-width: 74.9375em) { nav.top-bar ul.menu li a:not(.button) { padding-top: 1.14286rem; padding-bottom: 1.14286rem; }
  nav.top-bar ul.menu li a:not(.button)::after { border-color: #ffffff transparent transparent; } }

nav.top-bar ul.menu li a:hover, nav.top-bar ul.menu li a:focus { color: #d9d9d9; }

nav.top-bar ul.menu li.is-dropdown-submenu-parent > a:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; border: none !important; content: "\f107" !important; padding-right: 0.71429rem !important; margin-top: -0.57143rem !important; }

nav.top-bar ul.menu li.is-dropdown-submenu-parent.is-active > a:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f106" !important; }

nav.top-bar ul.menu li.logo a { padding: 0; }

@media screen and (max-width: 74.9375em) { nav.top-bar ul.menu li.logo a { text-align: center; } }

nav.top-bar ul.menu li.logo a img { margin-right: 2.14286rem; width: 100%; max-width: 13.21429rem; height: auto; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu li.logo a img { margin-right: 0; } }

nav.top-bar ul.menu li.logo a:hover { opacity: 0.75; }

nav.top-bar ul.menu li .symbol-search { position: relative; min-width: 240px; border-radius: 1000px; }

nav.top-bar ul.menu li .symbol-search input[type=search] { border: none; text-align: center; border-radius: 1000px; height: 2.28571rem; }

nav.top-bar ul.menu li .symbol-search input[type=search]:focus { box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1) !important; }

nav.top-bar ul.menu li .symbol-search > .search-btn { position: absolute; display: inline; padding: 0.35714rem; right: 10; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); color: #1779ba !important; }

nav.top-bar ul.menu.submenu { background: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); border: none; }

nav.top-bar ul.menu.submenu li { border-bottom: 1px solid #f1f5f9; }

nav.top-bar ul.menu.submenu li a { padding: 1.07143rem 1.07143rem; text-transform: capitalize; }

nav.top-bar ul.menu.submenu li a:not(.button) { color: #1779ba !important; }

nav.top-bar ul.menu.submenu li a:hover, nav.top-bar ul.menu.submenu li a:focus { color: #14679e; }

nav.top-bar ul.menu.submenu li:last-child { border-bottom: none; }

nav.top-bar ul.menu.mega-menu { position: unset; -ms-flex-pack: center; justify-content: center; }

nav.top-bar ul.menu.mega-menu > li { position: unset; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical { display: none; overflow: hidden; min-width: 100%; transition: none; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical.js-dropdown-active { display: block; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell { padding-right: 2.85714rem; padding-left: 2.85714rem; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell { padding-left: 1.14286rem; padding-right: 1.14286rem; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell:first-child { padding-left: 2.14286rem; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell:first-child { padding-left: 1.14286rem; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell:last-child { padding-right: 2.14286rem; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell:last-child { padding-right: 1.14286rem; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell + .cell:not(.extended) { border-left: 1px solid rgba(208, 218, 221, 0.5); }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell.extended { padding-left: 0; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell.extended { padding-left: 1.14286rem; }
  nav.top-bar ul.menu.mega-menu ul.menu.vertical .cell.extended .title { display: none; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item { margin: 0 auto; padding: 1.78571rem 0; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item { padding-top: 1.14286rem; padding-bottom: 1.14286rem; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item:hover { background: transparent; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list { display: block; margin: 0; list-style: none; background: transparent; max-width: 13.57143rem; }

@media screen and (max-width: 74.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list { max-width: 100%; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list + ul.mega-list { margin-top: 1.78571rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list li { padding: 0; border: none; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list li + li { margin-top: 0.71429rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list li.title { margin-bottom: 1.42857rem; font-weight: bold; font-size: 0.78571rem; line-height: 1; text-transform: uppercase; color: #1779ba; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list li.title { margin-top: 1.42857rem; } }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item ul.mega-list li a:not(.button) { padding: 0; font-size: 1rem; font-weight: bold; text-transform: capitalize; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item a.button { border-width: 2px; padding: 0.85em 1em; font-weight: bold; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item a.button + a.button { margin-top: 0.71429rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item a.button span + span { margin-left: 0.35714rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item a.button.budget-game { background: #fd438a; color: #ffffff !important; border: 2px solid #d80254; min-width: 14.28571rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical > li.is-submenu-item a.button.budget-game.hollow { background: transparent; border-color: #fd438a; color: #d80254 !important; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .image-container { position: relative; background: #ffffff; overflow: hidden; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .image-container.square { width: 17.85714rem; height: 17.85714rem; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .image-container a { display: block; padding: 0; width: 100%; height: 100%; }

nav.top-bar ul.menu.mega-menu ul.menu.vertical .image-container img { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 74.9375em) { nav.top-bar .top-bar-left { margin: auto; } }

@media screen and (max-width: 39.9375em) { nav.top-bar .top-bar-left { -ms-flex: 0 0 100%; flex: 0 0 100%; } }

@media screen and (max-width: 39.9375em) { nav.top-bar .top-bar-right { -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

nav.top-bar .top-bar-right ul li:last-child a { padding-right: 0; }

@media screen and (max-width: 39.9375em) { nav.top-bar ul.menu:not(.submenu) { display: block; } }

nav.top-bar ul.menu:not(.submenu) > li { display: table-cell; vertical-align: middle; }

@media screen and (max-width: 74.9375em) { nav.top-bar ul.menu:not(.submenu) > li { display: inline-block; } }

@media screen and (max-width: 39.9375em) { nav.top-bar .title-bar { background: transparent; }
  nav.top-bar .title-bar button { background: transparent; } }

@media screen and (max-width: 39.9375em) { .no-js .top-bar { display: none; } }

@media screen and (max-width: 39.9375em) { .no-js .title-bar { display: none; } }

.orbit { background: #8f8f8f; overflow: hidden; }

.orbit * { outline: 0; }

.orbit .grid-x { height: 100%; }

.orbit .grid-x .cell { position: relative; height: 100%; }

.orbit .orbit-controls button { padding: 1.07143rem; background: transparent; cursor: pointer; font-size: 2rem; color: #ffffff; }

.orbit .orbit-slide { min-height: 35.71429rem; background: transparent; }

.orbit .orbit-slide .cell { height: 100%; padding-left: 4.28571rem; }

.orbit .orbit-slide .cell:last-child { padding-left: 0; padding-right: 4.28571rem; }

.orbit .orbit-slide .cell > div.content { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }

.orbit .orbit-slide .cell > div.content .subheading, .orbit .orbit-slide .cell > div.content .heading, .orbit .orbit-slide .cell > div.content .action { margin-bottom: 1.42857rem; line-height: 1; }

.orbit .orbit-slide .cell > div.content .subheading { color: #ffffff; }

.orbit .orbit-slide .cell > div.content .heading { font-size: 2.42857rem; color: #ffffff; line-height: 1; text-transform: uppercase; }

.orbit .orbit-slide .cell > div.content .action { font-size: 1.14286rem; color: #ffffff; border-bottom: 1px dotted #ffffff; }

.content { position: relative; padding: 2.14286rem 1.07143rem; }

.product-highlight { background: #f1f5f9; overflow: hidden; height: 28.57143rem; }

.product-highlight .cell { position: relative; height: 100%; }

.product-highlight .content { top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product-highlight .content *:not(.button) { color: #57575E; }

.product-highlight .content .header { color: #57575E; font-weight: 600; }

.product-highlight .content .button { margin-top: 1.07143rem; }

.product-highlight:before { content: ''; position: absolute; display: block; width: 100%; height: 100%; left: 45%; top: 0; -ms-transform: skew(-20deg); transform: skew(-20deg); background-color: rgba(255, 255, 255, 0.05); box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.05); }

.product-highlight.dark-theme { background: #8a8a8a; }

.product-highlight.dark-theme:before { background-color: rgba(255, 255, 255, 0.05); }

.product-highlight.dark-theme .content *:not(.button) { color: #ffffff; }

.product-highlight.dark-theme .content .header { color: #ffffff; }

.product-highlight figure { position: absolute; margin: 0 auto 0 10%; min-width: 37.14286rem; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow: hidden; }

.product-highlight figure img { width: 100%; height: auto; }

.product-highlight figure.radius { border-radius: 0.21429rem; }

.product-highlight.reversed:before { left: 55%; top: 0; -ms-transform: skew(20deg); transform: skew(20deg); }

.product-highlight.reversed figure { position: relative; top: 0; left: 1.07143rem; margin: 0; max-width: 37.14286rem; -ms-transform: none; transform: none; }

.platform-overview { padding: 2.14286rem 4.28571rem; background: #ffffff; }

.platform-overview .content { padding: 1.07143rem 1.42857rem; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; }

.platform-overview .content .title *:not(.button) { margin: 0; color: #8a8a8a; line-height: 1.2; text-transform: uppercase; }

.platform-overview .content .title .button { margin: 0; margin-top: 1.42857rem; }

.platform-overview .content .title :first-child { margin-bottom: 0.35714rem; }

.platform-overview .content .title h4 { font-weight: bold; }

.platform-overview .content.first:after { position: absolute; display: block; content: ''; width: 0.07143rem; height: 11.42857rem; background: #8a8a8a; top: 50%; right: 0; -ms-transform: translateY(-50%); transform: translateY(-50%); }

.platform-overview .content.about { top: 0; -ms-transform: none; transform: none; }

.platform-overview .content.about .title { margin-bottom: 1.07143rem; font-size: 1.14286rem; letter-spacing: 0.07143rem; text-transform: uppercase; color: #8a8a8a; }

.platform-overview .content.about ul { margin: 0 0 0 40px; list-style-type: square; }

.platform-overview .content.about ul li { color: #57575E; }

.platform-overview .content.about :last-child { margin-bottom: 0; }

section.features { padding: 2.85714rem 1.07143rem; overflow: hidden; background: #ffffff; }

section.features .title { color: #57575E; }

section.features p { color: #8a8a8a; }

section.features .feature { margin-top: 2.85714rem; padding: 1.42857rem; border-radius: 0.71429rem; transition: all 0.25s ease-in-out; }

section.features .feature img { margin-bottom: 2.14286rem; max-height: 4.28571rem; }

section.features .feature h6 { font-weight: 600; color: #1779ba; }

section.features .feature p { margin: 0; color: #57575E; }

section.features .feature:hover { background: rgba(241, 245, 249, 0.9); }

section.features p.feature-disclaimer { margin-top: 2.85714rem; font-weight: bold; }

section.features p.feature-disclaimer img { display: inline-block; margin-left: 0.21429rem; max-height: 2rem; }

section.features p.feature-disclaimer img:first-child { margin-right: 0.21429rem; }

footer { padding: 3.57143rem 0 2.85714rem; background: #8a8a8a; overflow: hidden; }

footer ul { margin: 0 0 2.14286rem; }

footer ul li { display: inline-block; padding: 0 1.07143rem; font-size: 0.85714rem; text-transform: uppercase; }

footer ul li a { color: #ffffff; transition: all 0.25s ease-in-out; }

footer ul li a:hover { opacity: 0.75; color: #ffffff; }

footer img.logo { margin-bottom: 2.14286rem; max-height: 2.5rem; }

footer p.disclaimer { margin: 0; color: rgba(255, 255, 255, 0.5); font-size: 0.71429rem; }

section.sponsors { background: #f1f5f9; }

section.sponsors .title { margin-bottom: 0.35714rem; letter-spacing: 0.07143rem; color: #57575E; text-transform: uppercase; font-weight: 400; }

section.sponsors img { display: inline-block; margin: 0.71429rem 1.07143rem; width: auto; max-height: 4.28571rem; }

section.quick-summary { position: relative; margin-bottom: 1.42857rem; background: #ffffff; z-index: 2; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

@media only screen and (max-width: 1200px) { section.quick-summary { display: none; } }

section.quick-summary .portfolio { position: relative; padding: 0.71429rem 2.14286rem 0.85714rem; font-size: 1rem; text-align: center; background: #f1f5f9; text-transform: uppercase; }

section.quick-summary .portfolio span.title { float: left; font-weight: bold; }

section.quick-summary .portfolio span.market-closes { float: right; color: #ffae00; font-weight: bold; }

section.quick-summary .portfolio span.market-closes.closed { color: #cc4b37; }

section.quick-summary .portfolio span.item { margin-right: 1.42857rem; }

section.quick-summary .portfolio span.item:last-child { margin-right: 0 !important; }

section.quick-summary .portfolio span.item strong { margin-left: 0.42857rem; }

section.quick-summary .portfolio span.item.up strong { color: #3adb76; }

section.quick-summary .portfolio span.item.down strong { color: #cc4b37; }

section.quick-summary .portfolio span.item.portfolio-value { display: inline-block; font-size: 1.07143rem; margin-bottom: 0.14286rem; font-weight: bold; }

section.quick-summary .indexes { position: relative; padding: 0.71429rem 2.14286rem 0 2.14286rem; margin: 0 0 0.71429rem 0; }

section.quick-summary .indexes .index { text-transform: uppercase; font-size: 0.85714rem; line-height: 1; color: #1779ba; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.quick-summary .indexes .current { margin: 0.42857rem 0; font-size: 1.28571rem; line-height: 1; font-weight: bold; display: inline-block; }

section.quick-summary .indexes .change { font-size: 1.14286rem; line-height: 1; margin-left: 5px; display: inline-block; }

section.quick-summary .indexes .up { color: #3adb76; }

section.quick-summary .indexes .down { color: #cc4b37; }

section.quick-summary .indexes .divider { border-right: 1px solid rgba(208, 218, 221, 0.5); }

section.quick-summary .indexes .hide-summary { position: absolute; top: 50%; right: 2.14286rem; -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 16px; color: #8a8a8a; }

section.quick-summary .indexes .hide-summary:hover { opacity: 0.65; transition: all 0.2s ease-in-out; }

section.show-summary-bar { display: none; margin-top: -1.42857rem; margin-bottom: 1.42857rem; position: relative; padding: 0.57143rem 2.14286rem; font-size: 0.92857rem; text-align: center; background: #f1f5f9; text-transform: uppercase; font-weight: 300; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); background: #ffffff; }

section.show-summary-bar.active { display: block; animation: menuslide 0.5s ease-in-out; }

section.show-summary-bar a { display: inline-block; border: 1px solid #1779ba; padding: 0.21429rem 0.71429rem; font-size: 0.71429rem; border-radius: 0.21429rem; font-weight: normal; color: #1779ba; }

section.show-summary-bar a:hover { opacity: 0.65; transition: all 0.2s ease-in-out; }

section.main-content { position: relative; padding: 1.42857rem 1.07143rem 2.85714rem; overflow: hidden; }

section.main-content.no-padding-left { padding-left: 0; }

section.main-content.no-padding-right { padding-right: 0; }

@media screen and (max-width: 640px) { section.main-content.no-padding-right { padding-left: 0; } }

section.main-content.no-padding-sides { padding-left: 0; padding-right: 0; }

.box-wrapper { padding: 1.07143rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); background: #ffffff; }

.box-wrapper.large-padding-top { padding-top: 25px; }

.page-title { margin-bottom: 1.42857rem; line-height: 1.78571rem; overflow: hidden; }

.page-title .title { display: inline-block; margin: 0; margin-right: 1.42857rem; font-size: 1.14286rem; letter-spacing: 0.07143rem; text-transform: uppercase; font-weight: 600; color: #1779ba; }

.page-title .title + p { margin-top: 5px; }

.page-title .account-select { display: block; }

.page-title .account-select label { margin-bottom: 0.35714rem; font-size: 0.71429rem; line-height: 1; letter-spacing: 0.07143rem; text-transform: uppercase; color: #1779ba; text-align: right; }

.page-title .account-select select { display: inline-block; max-width: 12.85714rem; margin: 0; height: 34px; line-height: 1; float: right; }

.page-title .actions { float: right; }

.page-title .actions a { display: inline-block; margin-left: 1.07143rem; color: #1779ba; font-size: 1rem; line-height: 32px; }

.page-title .actions a i + span { display: inline-block; margin-left: 0.35714rem; }

.page-title .actions a:hover { opacity: 0.65; transition: all 0.2s ease-in-out; }

.page-title .actions a.w-wizard { color: #1A7F64; font-family: "Courier Prime", monospace; font-size: 1.14286rem; border: none; cursor: pointer; }

.page-title .actions a.w-wizard img { display: inline-block; vertical-align: middle; width: auto; max-height: 2.28571rem; }

.page-title .actions a.w-wizard span { margin-left: -0.14286rem; }

section.open-positions, section.positions-wrapper { margin-bottom: 1.42857rem; }

section.open-positions div.chart-wrap, section.positions-wrapper div.chart-wrap { margin-top: 0.71429rem; border: 1px solid #d0dadd; border-radius: 0.35714rem; overflow: hidden; transition: all 0.2s ease-in-out; }

section.open-positions div.chart-wrap:hover, section.positions-wrapper div.chart-wrap:hover { border-color: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

section.open-positions div.chart-wrap .header, section.positions-wrapper div.chart-wrap .header { position: relative; padding: 0.5rem 1.07143rem 0.35714rem; font-size: 0.92857rem; text-transform: uppercase; color: #57575E; background: #ffffff; letter-spacing: 0.07143rem; font-weight: 400; z-index: 20; border-top-left-radius: 0.21429rem; border-top-right-radius: 0.21429rem; }

section.open-positions div.chart-wrap .header .charts-news, section.positions-wrapper div.chart-wrap .header .charts-news { text-align: right; }

section.open-positions div.chart-wrap .header .charts-news a, section.positions-wrapper div.chart-wrap .header .charts-news a { color: #8a8a8a; margin-left: 0.35714rem; }

section.open-positions div.chart-wrap .chart, section.positions-wrapper div.chart-wrap .chart { position: relative; padding: 0 1.07143rem; z-index: 10; }

section.open-positions div.chart-wrap .symbol-details, section.positions-wrapper div.chart-wrap .symbol-details { border-bottom: 1px dotted #d0dadd; padding: 0.57143rem 0.35714rem 0.71429rem; line-height: 1; font-size: 0.92857rem; text-transform: uppercase; text-align: center; font-weight: bold; }

section.open-positions div.chart-wrap .symbol-details span, section.positions-wrapper div.chart-wrap .symbol-details span { display: inline-block; margin: 0 0.42857rem; }

section.open-positions div.chart-wrap .symbol-details .symbol, section.open-positions div.chart-wrap .symbol-details .price, section.positions-wrapper div.chart-wrap .symbol-details .symbol, section.positions-wrapper div.chart-wrap .symbol-details .price { color: #57575E; }

section.open-positions div.chart-wrap .symbol-details .day-change.minus, section.open-positions div.chart-wrap .symbol-details .change-percentage.minus, section.positions-wrapper div.chart-wrap .symbol-details .day-change.minus, section.positions-wrapper div.chart-wrap .symbol-details .change-percentage.minus { color: #cc4b37; }

section.open-positions div.chart-wrap .symbol-details .day-change.plus, section.open-positions div.chart-wrap .symbol-details .change-percentage.plus, section.positions-wrapper div.chart-wrap .symbol-details .day-change.plus, section.positions-wrapper div.chart-wrap .symbol-details .change-percentage.plus { color: #3adb76; }

section.open-positions div.chart-wrap .trade-details, section.positions-wrapper div.chart-wrap .trade-details { padding: 0.71429rem 1.07143rem; font-size: 0.85714rem; line-height: 1; text-transform: uppercase; overflow: hidden; text-align: center; }

section.open-positions div.chart-wrap .trade-details .price-paid, section.open-positions div.chart-wrap .trade-details .qty, section.positions-wrapper div.chart-wrap .trade-details .price-paid, section.positions-wrapper div.chart-wrap .trade-details .qty { margin-bottom: 0.57143rem; }

section.open-positions div.chart-wrap .trade-details .qty, section.positions-wrapper div.chart-wrap .trade-details .qty { font-weight: bold; }

section.open-positions div.chart-wrap .trade-details .return .minus, section.positions-wrapper div.chart-wrap .trade-details .return .minus { color: #cc4b37; font-weight: bold; }

section.open-positions div.chart-wrap .trade-details .return .plus, section.positions-wrapper div.chart-wrap .trade-details .return .plus { color: #3adb76; font-weight: bold; }

section.open-positions div.chart-wrap .trade-details .button, section.positions-wrapper div.chart-wrap .trade-details .button { margin: 0.71429rem 0 0; text-transform: uppercase; }

section.open-positions table, section.positions-wrapper table { margin: 0; }

.tabs-wrapper { position: relative; margin-bottom: 1.42857rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

.tabs-wrapper.margin-bottom-large { margin-bottom: 2.14286rem; }

.tabs-wrapper.has-padding-right { padding-right: 1.42857rem; }

.tabs-wrapper .securities-select { position: relative; max-width: 12.85714rem; padding: 0 1.42857rem; margin-right: 0.71429rem; z-index: 100; }

.tabs-wrapper .securities-select select { position: relative; line-height: 1; padding: 0; padding-right: 1.07143rem; margin: 0; height: 2.92857rem; border-radius: 0; border: none; color: #57575E; font-size: 0.92857rem; text-transform: uppercase; background-color: transparent; }

.tabs-wrapper .tabs { border: none; background: #ffffff; }

.tabs-wrapper .tabs .tabs-title { padding: 0.57143rem 0.71429rem; }

.tabs-wrapper .tabs .tabs-title > a { font-size: 0.92857rem; padding: 0.71429rem 0.85714rem; text-transform: uppercase; transition: all 0.2s ease-in-out; color: #57575E; font-weight: normal; border-radius: 0.21429rem; }

.tabs-wrapper .tabs .tabs-title > a i { display: inline-block; margin-right: 0.42857rem; }

.tabs-wrapper .tabs .tabs-title > a:hover { opacity: 1; }

.tabs-wrapper .tabs .tabs-title > a:hover:not([aria-selected='true']) { background: #f1f5f9; }

.tabs-wrapper .tabs li.tabs-title.is-active a, .tabs-wrapper .tabs li.tabs-title a[aria-selected='true'] { color: #ffffff; font-weight: bold; }

.tabs-wrapper.condensed .tabs { border-left: none !important; }

.tabs-wrapper.condensed .tabs .tabs-title > a { padding: 0.71429rem 0.14286rem !important; background: transparent !important; }

.tabs-wrapper.condensed .tabs .tabs-title:first-child { padding-left: 1.42857rem !important; }

.tabs-wrapper.condensed .tabs .tabs-title:last-child { padding-right: 1.42857rem !important; }

.tabs-wrapper.condensed .tabs li.tabs-title.is-active a, .tabs-wrapper.condensed .tabs li.tabs-title a[aria-selected='true'] { border-bottom: 1px solid #ffffff; border-radius: 0; }

.tabs-content { margin-bottom: 20px; background: #ffffff; border: none; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); padding: 1.07143rem; }

.tabs-content .tabs-panel { margin-bottom: 0; padding: 0; }

.tabs-content.is-styleless { box-shadow: none; background: none; padding: 0; }

table { margin-bottom: 1.42857rem; border: none; overflow: hidden; }

table.table-layout-fixed { table-layout: fixed; }

table tr td { border-bottom: 1px solid #f1f5f9; font-size: 1rem; color: #57575E; }

table tr td.positive { color: #3adb76; font-weight: bold; }

table tr td.negative { color: #cc4b37; font-weight: bold; }

table tr td.truncate { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 1px; }

table tr td .button { margin: 0; }

table tr td.charts-news, table tr td.actions { text-align: left; }

table tr td.charts-news a, table tr td.actions a { display: inline-block; padding: 0 0.35714rem; }

table tr td input, table tr td select { margin-bottom: 0 !important; }

table tr td input[type=text] { line-height: 1; height: 2.14286rem; }

table tr td select { margin: 0; padding-top: 0; padding-bottom: 0; line-height: 1; height: 2.14286rem; }

table tr td .progress-bar-wrapper { position: relative; width: 100%; height: 2rem; background: #f1f5f9; overflow: hidden; border-radius: 0.21429rem; }

table tr td .progress-bar-wrapper .progress-pin { position: absolute; height: 2rem; line-height: 2rem; color: #57575E; font-size: 0.92857rem; text-align: center; transition: width 1s ease-in-out; white-space: nowrap; font-weight: bold; }

table tr td .progress-bar-wrapper .progress-pin.positive { max-width: 50%; left: 50%; background: #3adb76; }

table tr td .progress-bar-wrapper .progress-pin.negative { max-width: 50%; right: 50%; background: #cc4b37; }

table tr td .avatar { width: 3.42857rem; height: 3.42857rem; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat; border-radius: 5px; }

table tr.title td { position: relative; padding: 1.07143rem; text-align: center; font-weight: bold; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-bottom: none; font-size: 0.92857rem; text-transform: uppercase; }

table tr.highlight td { background: lightyellow; }

table tr.link { cursor: pointer; }

table tr.link:hover td { background: #f8fafc; }

table tr.unread td { font-weight: bold; }

table thead tr th { background: #ffffff; border-bottom: 2px solid #1779ba; font-size: 0.85714rem; color: #1779ba; }

table thead tr th a:not(.sortable) { margin-left: 0.71429rem; }

table thead tr th.positive { color: #3adb76; font-weight: bold; }

table thead tr th.negative { color: #cc4b37; font-weight: bold; }

.pagination { margin-top: 10px; font-weight: bold; }

.market-value-box { position: relative; padding: 0 1.07143rem 0.71429rem; text-align: center; font-size: 0.92857rem; line-height: 1.3; border-bottom: 2px solid #1779ba; }

.market-value-box .cell { margin-bottom: 0.71429rem; color: #1779ba; }

.market-value-box span { display: inline-block; margin-right: 0.71429rem; font-weight: bold; }

.header-bar { position: relative; margin-bottom: 1.42857rem; padding: 0 1.42857rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); line-height: 2.92857rem; overflow: hidden; }

.header-bar.text-bar { padding: 0.71429rem 1.42857rem; line-height: 1.3; }

.header-bar.assignments-bar { padding: 1.07143rem 1.42857rem; }

.header-bar.chart-header { padding: 0.71429rem 1.42857rem; line-height: 1; }

.header-bar.chart-header .title { font-size: 1rem; }

.header-bar.has-border-bottom { border-bottom: 1px solid #d0dadd; }

.header-bar.transparent, .header-bar.transparent.text-bar { background: transparent; box-shadow: none; padding: 0; }

.header-bar.dark-bar { background: #1779ba; }

.header-bar.dark-bar .title, .header-bar.dark-bar label { color: #ffffff; }

.header-bar.dark-bar input, .header-bar.dark-bar select { border-color: transparent; }

.header-bar .title { margin: 0; font-size: 0.92857rem; text-transform: uppercase; color: #1779ba; font-weight: normal; line-height: inherit; }

.header-bar label { margin: 0; line-height: inherit; text-transform: uppercase; letter-spacing: 0.07143rem; font-weight: normal; font-size: 0.78571rem; }

.header-bar input, .header-bar select { margin: 0; line-height: 1; height: 2.14286rem; padding-top: 0; padding-bottom: 0; }

.header-bar select { display: inline-block; max-width: 10rem; }

.header-bar .actions { display: block; width: 100%; font-size: 0.92857rem; }

.header-bar .actions > * { display: inline-block; margin-left: 1.07143rem; }

.header-bar .actions a i + span { display: inline-block; margin-left: 0.35714rem; }

.header-bar .button { margin-bottom: 0; vertical-align: top; padding-top: 0; padding-bottom: 0; line-height: 2rem; }

.header-bar .inline-input { display: inline-block; margin-right: 0.71429rem; width: 100%; max-width: 10rem; line-height: 1; }

.header-bar .assignments-progress { position: relative; min-width: 200px; max-width: 100%; height: 2.14286rem; background: #f1f5f9; }

.header-bar .assignments-progress .progress-percentage { position: absolute; top: 0; left: 0; width: 100%; height: 2.14286rem; line-height: 2.14286rem; text-align: center; font-size: 1rem; font-weight: bold; z-index: 10; color: #57575E; }

.header-bar .assignments-progress .progress-bar { position: absolute; top: 0; left: 0; width: 100%; height: 2.14286rem; line-height: 2.14286rem; background: #3adb76; }

.chart-wrapper { position: relative; margin-bottom: 1.42857rem; background: #ffffff !important; text-align: center; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); overflow: hidden; }

.chart-wrapper > div { display: inline-block; }

.interactive-chart { position: relative; padding: 1.42857rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

.interactive-chart p.info-text { margin: 0.71429rem 0 0; text-transform: uppercase; font-weight: bold; font-size: 0.85714rem; text-align: center; }

.interactive-chart #chart-modal { position: absolute; width: 18.57143rem; top: 1.42857rem; right: 1.42857rem; bottom: 1.42857rem; }

.interactive-chart #chart-modal .modal-content { padding: 1.42857rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); text-align: left; overflow: hidden; }

.interactive-chart #chart-modal .modal-content .is-loading { text-align: center; }

.interactive-chart #chart-modal .modal-content .is-loading img { max-width: 1.42857rem; }

.interactive-chart #chart-modal h2.modal-title { margin-bottom: 1.42857rem; font-size: 1rem; text-transform: uppercase; font-weight: bold; padding-bottom: 1.42857rem; line-height: 1; border-bottom: 1px solid #d0dadd; overflow: hidden; }

.interactive-chart #chart-modal ul.daily-data { margin: 0; list-style: none; }

.interactive-chart #chart-modal ul.daily-data li { margin-bottom: 0.42857rem; clear: both; line-height: 1; overflow: hidden; }

.interactive-chart #chart-modal ul.daily-data li:last-child { margin-bottom: 0; }

.interactive-chart #chart-modal ul.daily-data li span.positive { font-weight: bold; color: #3adb76; }

.interactive-chart #chart-modal ul.daily-data li span.negative { font-weight: bold; color: #cc4b37; }

.interactive-user-summary { position: relative; z-index: 1; overflow: hidden; clear: both; }

.interactive-user-summary table { width: 100%; margin: 0; }

.interactive-user-summary table tr:last-child td { border-bottom: none; }

.interactive-user-summary .table-wrap { width: 100%; float: left; transition: all 0.2s ease-in-out; overflow: hidden; }

.interactive-user-summary .summary-box { position: relative; padding: 0; background: #ffffff; z-index: 1; width: 0%; height: 0; margin-right: -100%; float: right; overflow: hidden; transition: all 0.2s ease-in-out; border-radius: 0.21429rem; }

.interactive-user-summary .summary-box .chart { margin-bottom: 1.42857rem; }

.interactive-user-summary .summary-box .is-loading { position: relative; text-align: center; }

.interactive-user-summary .summary-box .is-loading img { max-width: 1.42857rem; }

.interactive-user-summary .summary-box .summary-box-title { height: 3.21429rem; overflow: hidden; }

.interactive-user-summary .summary-box .summary-box-title h2 { margin: 0; font-size: 1rem; text-transform: uppercase; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.interactive-user-summary .summary-box ul.tabs { margin-bottom: 1.42857rem; border: 0; border-bottom: 1px solid #57575E; }

.interactive-user-summary .summary-box ul.tabs li.tab-title > a { padding: 10px 0 15px; color: #57575E; text-transform: uppercase; }

.interactive-user-summary .summary-box ul.tabs li.tab-title > a[aria-selected='true'] { background: transparent; border-bottom: 3px solid #57575E; font-weight: bold; }

.interactive-user-summary .summary-box ul.tabs li.tab-title + .tab-title { margin-left: 20px; }

.interactive-user-summary .summary-box .tabs-content { margin: 0; padding: 0; box-shadow: none; color: #57575E; }

.interactive-user-summary .summary-box .tabs-content .tabs-panel { margin-bottom: 0; }

.interactive-user-summary .summary-box ul.daily-data { margin: 0; list-style: none; }

.interactive-user-summary .summary-box ul.daily-data li { margin-bottom: 0.42857rem; clear: both; line-height: 1; overflow: hidden; }

.interactive-user-summary .summary-box ul.daily-data li:last-child { margin-bottom: 0; }

.interactive-user-summary .summary-box ul.daily-data li span.positive { font-weight: bold; color: #3adb76; }

.interactive-user-summary .summary-box ul.daily-data li span.negative { font-weight: bold; color: #cc4b37; }

.interactive-user-summary.show-summary-box .hide-on-show-box { display: none; }

.interactive-user-summary.show-summary-box .table-wrap { width: 50%; transition: all 0.2s ease-in-out; }

.interactive-user-summary.show-summary-box .summary-box { display: block; width: 48%; height: auto; margin-right: 0; padding: 1.42857rem; border: 1px solid #d0dadd; transition: all 0.2s ease-in-out; }

.widget { margin-bottom: 1.42857rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); overflow: hidden; background: #ffffff; }

.widget > .title { position: relative; padding: 0.71429rem 1.42857rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); z-index: 10; }

.widget > .title h3 { margin: 0; font-size: 1rem; text-transform: uppercase; color: #1779ba; font-weight: normal; line-height: inherit; }

.widget > .title * { margin-bottom: 0; }

.widget .content { padding: 1.42857rem; color: #57575E; }

.widget .content p { font-size: 1rem; }

.widget .content .header { margin-bottom: 0.71429rem; font-weight: bold; color: #1779ba; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.widget .content :last-child { margin: 0; }

.widget .assignment-header { background: #1779ba; color: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.widget .assignment-header .choose-assignment, .widget .assignment-header .completion-status { padding: 1.07143rem 1.42857rem; text-align: center; border-bottom: 0.5px solid #ffffff !important; }

.widget .assignment-header .choose-assignment .title, .widget .assignment-header .completion-status .title { margin-bottom: 0.71429rem; font-size: 0.85714rem; line-height: 1; text-transform: uppercase; }

.widget .assignment-header .choose-assignment .title a, .widget .assignment-header .completion-status .title a { color: #3adb76; }

.widget .assignment-header .choose-assignment select, .widget .assignment-header .completion-status select { margin: 0; border: 0; height: 2.28571rem; line-height: 1; opacity: 1; transition: all 0.2s ease-in-out; background-color: transparent; border-radius: 0; border: 1px solid #ffffff; color: #ffffff; }

.widget .assignment-header .choose-assignment select:hover, .widget .assignment-header .completion-status select:hover { opacity: 1; }

.widget .assignment-header .choose-assignment select option, .widget .assignment-header .completion-status select option { color: #57575E; }

.widget .assignment-header .completion-status:last-child { border-bottom: none !important; }

.widget .assignment-header .completion-status.countdown { height: 8.92857rem; }

.widget .assignment-header .completion-status.countdown .title { margin-bottom: 0.35714rem; }

.widget .assignment-header .completion-status .timer { margin: 0 auto; }

.widget .assignment-header .completion-status .timer h4 { color: #ffffff; }

.widget .assignment-header .completion-status .timer .timecircles { width: 71.42857rem; height: 25.42857rem; -ms-transform: scale(0.25); transform: scale(0.25); -ms-transform-origin: -6px 0; transform-origin: -6px 0; }

.widget .assignment-header .completion-status .assignments-progress { position: relative; width: 100%; height: 2.42857rem; background: white; }

.widget .assignment-header .completion-status .assignments-progress .progress-percentage { position: absolute; top: 0; left: 0; width: 100%; height: 2.42857rem; line-height: 2.42857rem; text-align: center; font-size: 1rem; font-weight: bold; z-index: 10; color: #57575E; }

@keyframes progress-bar { 0% { width: 0; } }

.widget .assignment-header .completion-status .assignments-progress .progress-bar { position: absolute; top: 0; left: 0; width: 0; height: 2.42857rem; line-height: 2.42857rem; background: #3adb76; animation: progress-bar 1.5s; }

.widget .assignment-table { max-height: 25.71429rem; overflow-y: auto; overflow-x: hidden; }

.widget .tabs-wrapper { position: relative; margin: 0; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); z-index: 1; }

.widget .tabs-wrapper .tabs { border: none; background: #ffffff; }

.widget .tabs-wrapper .tabs .tabs-title { width: 50%; }

.widget .tabs-wrapper .tabs .tabs-title:nth-child(-n+2) { padding-bottom: 0; }

.widget .tabs-wrapper .tabs .tabs-title > a { font-size: 0.92857rem; padding: 0.71429rem 0.85714rem; transition: all 0.2s ease-in-out; color: #57575E; font-weight: normal; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.widget .tabs-wrapper .tabs .tabs-title > a[aria-selected='true'] { background: #1779ba; color: #ffffff; font-weight: bold; }

.widget .tabs-wrapper .tabs .tabs-title > a:hover { opacity: 1; }

.widget .tabs-wrapper .tabs .tabs-title > a:hover:not([aria-selected='true']) { background: #f1f5f9; }

.widget .tabs-content { margin: 0; padding: 0; background: #ffffff; border: none; box-shadow: none; }

.widget .tabs-content .tabs-panel { margin-bottom: 0; padding: 0; }

.widget .chart-wrapper { margin: 0; max-width: 100%; height: 200px; box-shadow: none; }

.widget table { margin: 0; }

.widget table tr:last-child td { border-bottom: none; }

.widget table .progress-bar-wrapper { position: relative; width: 100%; height: 2rem; background: #f1f5f9; overflow: hidden; border-radius: 0.21429rem; text-align: center; }

.widget table .progress-bar-wrapper .progress-pin { position: absolute; height: 2rem; line-height: 2rem; color: #57575E; font-size: 0.92857rem; text-align: center; transition: width 1s ease-in-out; white-space: nowrap; font-weight: bold; }

.widget table .progress-bar-wrapper .progress-pin.positive { max-width: 100%; left: 0%; background: #3adb76; }

.widget table .progress-bar-wrapper .progress-pin.negative { max-width: 100%; right: 0; left: 0%; background: #cc4b37; }

.widget table .progress-bar-wrapper .progress-pin.warning { max-width: 100%; right: 0; left: 0%; background: #ffae00; }

.widget table .progress-bar-wrapper span { position: relative; font-weight: bold; line-height: 2rem; z-index: 1; }

.widget .news-list { padding: 1.07143rem; }

.widget .news-list ul { margin: 0; list-style-type: none; }

.widget .news-list ul li + li { padding-top: 10px; margin-top: 10px; border-top: 1px solid #d0dadd; }

.widget .news-list ul li.headline { font-size: 16px; font-weight: bold; line-height: 1.3; }

.widget .news-list .button { margin: 10px 0 0; }

.trading-ideas.margin-bottom { margin-bottom: 4.28571rem; }

.trading-ideas p { margin-bottom: 0; color: #57575E; }

.trading-ideas .trading-idea { margin-top: 1.42857rem; padding: 1.07143rem; border: 1px solid #1779ba; border-radius: 0.21429rem; text-align: center; transition: all 0.2s ease-in-out; background: #ffffff; }

.trading-ideas .trading-idea:hover { opacity: 0.65; }

.trading-ideas .trading-idea img { margin-bottom: 0.35714rem; padding: 0 1.42857rem; width: auto; height: 3.57143rem; }

.trading-ideas .trading-idea h2 { font-size: 1.28571rem; line-height: 1; text-align: center; margin-bottom: 0.35714rem; font-weight: bold; }

.trading-ideas .trading-idea h2.down { color: #cc4b37; }

.trading-ideas .trading-idea h2.up { color: #3adb76; }

.trading-ideas .trading-idea .actions { margin-bottom: 0.71429rem; }

.trading-ideas .trading-idea .actions a { display: inline-block; margin: 0 0.71429rem; font-size: 0.85714rem; line-height: 1; color: #57575E; transition: all 0.2s ease-in-out; }

.trading-ideas .trading-idea .button { margin-bottom: 0; box-shadow: none; }

.trading-ideas .wizard { display: -ms-flexbox; display: flex; position: relative; width: 100%; padding: 0.71429rem; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: column; flex-direction: column; font-family: "Courier Prime", monospace; font-weight: 700; font-style: normal; }

@media screen and (max-width: 74.9375em) { .trading-ideas .wizard { margin: 2.14286rem 0 0.71429rem; padding: 0 0.35714rem; } }

.trading-ideas .wizard .text { color: #1A7F64; margin-bottom: 0.71429rem; font-size: 1.28571rem; line-height: 1.3; }

.trading-ideas .wizard img { display: inline-block; margin: 0 auto; width: 100%; max-width: 13.21429rem; height: 100%; }

.trading-ideas .wizard .bubble { position: absolute; left: -3rem; width: 3.21429rem; height: 3.21429rem; line-height: 3.07143rem; color: #1A7F64; border: 2px solid #1A7F64; background: #ffffff; border-radius: 100%; text-align: center; font-size: 1.14286rem; }

@media screen and (max-width: 74.9375em) { .trading-ideas .wizard .bubble { display: none; } }

.modal { padding: 1.42857rem; border: none; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); max-height: 75%; overflow: auto !important; }

.modal .modal-header { padding: 0 0 1.42857rem; line-height: 1; border-bottom: 1px solid #d0dadd; }

.modal .modal-header .title { margin: 0; font-size: 1.14286rem; text-transform: uppercase; color: #57575E; font-weight: normal; line-height: inherit; }

.modal .modal-content { padding: 1.42857rem 0 0.35714rem; }

.modal .modal-content > :last-child { margin: 0; }

.modal .tabs-content { margin-bottom: 0; padding: 0; box-shadow: none; }

.modal .tabs-content .tabs-panel { overflow: auto; }

section.trade { margin-bottom: 0.71429rem; }

section.trade .tabs-wrapper { margin-bottom: 2.14286rem; }

section.trade .trade-wrapper { border-bottom: none !important; }

section.trade .trade-wrapper .trade-actions select, section.trade .trade-wrapper .trade-actions input { margin: 0; }

section.trade .trade-wrapper .trade-actions label { font-size: 0.71429rem; letter-spacing: 0.07143rem; text-transform: uppercase; line-height: 1; color: #1779ba; }

section.trade .trade-wrapper .trade-actions label span { display: inline-block; margin-bottom: 0.35714rem; }

section.trade .trade-wrapper .trade-actions .secondary-row { margin-top: 0.71429rem; }

section.trade .trade-wrapper .estimated-cost-preview, section.trade .trade-wrapper .estimated-cost-confirm, section.trade .trade-wrapper .trade-confirmation { margin-top: 2.14286rem; padding: 1.07143rem 0 0; border-top: 1px solid #f1f5f9; }

section.trade .trade-wrapper .estimated-cost-preview .cost, section.trade .trade-wrapper .estimated-cost-confirm .cost, section.trade .trade-wrapper .trade-confirmation .cost { display: inline-block; margin-right: 1.07143rem; color: #57575E; text-transform: uppercase; line-height: 1; font-weight: 300; vertical-align: middle; }

section.trade .trade-wrapper .estimated-cost-preview .cost strong, section.trade .trade-wrapper .estimated-cost-confirm .cost strong, section.trade .trade-wrapper .trade-confirmation .cost strong { margin-left: 0.71429rem; }

section.trade .trade-wrapper .estimated-cost-preview .button, section.trade .trade-wrapper .estimated-cost-confirm .button, section.trade .trade-wrapper .trade-confirmation .button { margin: 0; }

section.trade .trade-wrapper .estimated-cost-preview .confirmation-message, section.trade .trade-wrapper .estimated-cost-confirm .confirmation-message, section.trade .trade-wrapper .trade-confirmation .confirmation-message { margin-bottom: 0.71429rem; padding: 0 2.14286rem; }

section.trade .trade-wrapper .trade-confirmation { margin-top: 0; border-top: none; padding: 0; }

section.trade .trade-wrapper .trade-confirmation p { margin-bottom: 1.07143rem; font-size: 1rem; text-align: center; padding: 0.71429rem 1.07143rem; background: #3adb76; color: #ffffff; text-transform: uppercase; font-weight: normal; }

section.trade .trade-wrapper .trade-preview-table, section.trade .trade-wrapper .trade-details-table { overflow: hidden; }

section.trade .trade-wrapper .trade-preview-table.top-margin, section.trade .trade-wrapper .trade-details-table.top-margin { margin-top: 1.42857rem; }

section.trade .trade-wrapper .trade-preview-table table tr td, section.trade .trade-wrapper .trade-details-table table tr td { border: none; }

section.trade .trade-wrapper .trade-preview-table .total-cost, section.trade .trade-wrapper .trade-details-table .total-cost { text-align: center; line-height: 1; padding: 0.71429rem 1.07143rem; background: #3adb76; color: #ffffff; text-transform: uppercase; font-weight: normal; }

section.trade .trade-wrapper .trade-preview-table .total-cost strong, section.trade .trade-wrapper .trade-details-table .total-cost strong { margin-left: 0.71429rem; }

section.trade .trade-wrapper .trade-details-table { margin-top: 1.42857rem; }

section.trade .trade-wrapper .trade-details-table table { margin: 0; border-radius: 0; }

section.trade .trade-wrapper .trade-details-table table tr th, section.trade .trade-wrapper .trade-details-table table tr td { background: #f1f5f9; }

section.trade .trade-wrapper .trade-preview { position: relative; width: 100%; min-height: 11.42857rem; padding: 1.07143rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.trade .trade-wrapper .trade-preview .message { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #1779ba; text-transform: uppercase; font-weight: 300; font-size: 0.71429rem; line-height: 1; text-align: center; }

section.trade .trade-wrapper .trade-preview .message span, section.trade .trade-wrapper .trade-preview .message i { display: block; margin-bottom: 0.21429rem; font-size: 1rem; letter-spacing: 0.07143rem; font-weight: bold; }

section.trade .trade-wrapper .trade-preview .details .quote-datetime { margin-bottom: 0.35714rem; padding: 0 1.07143rem; font-size: 0.57143rem; text-align: center; }

section.trade .trade-wrapper .trade-preview .details .title { width: 100%; padding: 0.35714rem 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #1779ba; font-size: 0.85714rem; letter-spacing: 0.07143rem; text-transform: uppercase; font-weight: normal; text-align: center; }

section.trade .trade-wrapper .trade-preview .details .logo { margin-bottom: 0.71429rem; text-align: center; }

section.trade .trade-wrapper .trade-preview .details .logo img { display: inline-block; vertical-align: middle; max-height: 3rem; }

section.trade .trade-wrapper .trade-preview .details .warning { margin-bottom: 0.71429rem; color: #cc4b37; font-size: 0.71429rem; line-height: 1.1; }

section.trade .trade-wrapper .trade-preview .details .chart { margin-bottom: 1.07143rem; }

section.trade .trade-wrapper .trade-preview .details .chart img { display: inline-block; vertical-align: middle; }

section.trade .trade-wrapper .trade-preview .details .info { line-height: 1; text-transform: uppercase; }

section.trade .trade-wrapper .trade-preview .details .info .item { margin-bottom: 0.71429rem; font-weight: bold; font-size: 0.85714rem; color: #57575E; }

section.trade .trade-wrapper .trade-preview .details .info .item:last-child { margin-bottom: 0.35714rem; }

section.trade .trade-wrapper .trade-preview .details .info .item span { font-weight: normal; float: right; color: #57575E; }

section.trade .trade-wrapper .trade-preview .details .info .item span.positive { font-weight: bold; color: #3adb76; }

section.trade .trade-wrapper .trade-preview .details .info .item span.negative { font-weight: bold; color: #cc4b37; }

section.trade .trade-wrapper .price-preview { margin-top: 2.14286rem; padding: 1.07143rem 0 0; border-top: 1px solid #f1f5f9; }

section.trade .trade-wrapper .price-preview .wrapper { padding: 1.07143rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.trade .trade-wrapper .price-preview ul { margin: 0; list-style-type: none; }

section.trade .trade-wrapper .price-preview ul li { margin: 0; padding-bottom: 0.35714rem; font-size: 0.85714rem; text-transform: uppercase; line-height: 1.2; overflow: hidden; clear: both; }

section.trade .trade-wrapper .price-preview ul li:last-child { padding-bottom: 0; }

section.trade .trade-wrapper .price-preview ul li.title { font-weight: bold; font-size: 1rem; text-align: center; }

section.trade .trade-wrapper .price-preview ul li.current-price { text-align: center; font-size: 1.28571rem; font-weight: bold; }

section.trade .trade-wrapper .price-preview ul li.current-price .last-price, section.trade .trade-wrapper .price-preview ul li.current-price .day-change { padding: 0.42857rem 0.85714rem; background: #f1f5f9; color: #ffffff; }

section.trade .trade-wrapper .price-preview ul li.current-price .last-price small, section.trade .trade-wrapper .price-preview ul li.current-price .day-change small { display: block; margin: 0.14286rem 0; font-size: 0.71429rem; color: #ffffff; letter-spacing: 1px; text-transform: uppercase; line-height: 1; }

section.trade .trade-wrapper .price-preview ul li.current-price .last-price { margin-right: 0.14286rem; }

section.trade .trade-wrapper .price-preview ul li.current-price .day-change { margin-left: 0.14286rem; }

section.trade .trade-wrapper .price-preview ul li.current-price.negative .last-price, section.trade .trade-wrapper .price-preview ul li.current-price.negative .day-change { background: #e9563e; }

section.trade .trade-wrapper .price-preview ul li.current-price.positive .last-price, section.trade .trade-wrapper .price-preview ul li.current-price.positive .day-change { background: #63a371; }

section.trade .trade-wrapper .price-preview ul li.last-price { padding-bottom: 0.14286rem; font-size: 1rem; font-weight: bold; }

section.trade .trade-wrapper .price-preview ul li.last-price .negative { color: #cc4b37; }

section.trade .trade-wrapper .price-preview ul li.last-price .positive { color: #3adb76; }

section.trade .trade-wrapper .price-preview ul li.quote-datetime { padding-bottom: 1.07143rem; font-size: 0.71429rem; text-align: center; }

section.trade .trade-wrapper .price-preview ul li .logo { margin-top: 0.71429rem; text-align: center; }

section.trade .trade-wrapper .price-preview ul li .logo img { width: auto; height: 100%; max-height: 3rem; }

section.trade .trade-wrapper .price-preview ul.company-name { padding: 0 2.14286rem; }

section.trade .trade-wrapper .price-preview ul.price-details { padding-left: 2.14286rem; border-left: 1px dotted #d0dadd; }

section.trade .trade-wrapper .chart-preview { position: relative; width: 100%; min-height: 11.42857rem; padding: 1.07143rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.trade .trade-wrapper .chart-preview .message { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #d0dadd !important; text-transform: uppercase; font-weight: 300; font-size: 0.71429rem; line-height: 1; text-align: center; }

section.trade .trade-wrapper .chart-preview .message span, section.trade .trade-wrapper .chart-preview .message i { display: block; margin-bottom: 0.21429rem; font-size: 1rem; letter-spacing: 0.07143rem; font-weight: bold; }

section.trade .trade-wrapper .chart-preview .details .chart img { display: inline-block; vertical-align: middle; }

section.trade .trade-wrapper .chart-preview .details #tradingview { width: 100%; height: 22.85714rem; }

section.trade .trade-wrapper .chart-preview .details .chart-type { display: block; margin-top: 0.71429rem; text-align: center; }

section.trade .trade-wrapper .chart-preview .details .chart-type label, section.trade .trade-wrapper .chart-preview .details .chart-type input[type=radio] { display: inline-block; vertical-align: middle; margin: 0; text-transform: uppercase; font-size: 0.85714rem; }

section.trade .trade-wrapper .chart-preview .details .chart-type input[type=radio] { margin: 0 0.71429rem; }

.trade-info-tabs { margin: 1.42857rem 0; }

.trade-info-tabs .tabs-content { margin: 0; }

.trade-info-tabs .tabs-content .tabs-panel { margin-bottom: 0; }

.popular-stocks { margin-top: 2.14286rem; padding-top: 1.42857rem; border-top: 1px solid #d0dadd; }

.popular-stocks .title { margin-bottom: 1.42857rem; font-size: 0.92857rem; text-transform: uppercase; color: #1779ba; font-weight: normal; line-height: inherit; letter-spacing: 0.07143rem; }

.popular-stocks .cell:not(.title) { margin-bottom: 0.71429rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; font-size: 0.85714rem; text-transform: uppercase; }

.popular-stocks a { color: #57575E; }

.popular-stocks a:hover { text-decoration: underline; }

.popular-stocks small { margin-top: 0.71429rem; display: inline-block; }

.contest-box { margin-bottom: 1.07143rem; padding: 1.07143rem; border: 1px solid #1779ba; border-radius: 0.21429rem; overflow: hidden; background: #ffffff; }

.contest-box label { margin-bottom: 0.71429rem; font-size: 0.71429rem; letter-spacing: 0.07143rem; text-transform: uppercase; line-height: 1; color: #1779ba; }

.contest-box .result { line-height: 1.4; word-break: break-word; }

.contest-box .result > a { color: #3adb76 !important; text-decoration: underline; font-weight: bold; }

.contest-box .label { margin: 0.71429rem 0 0; font-size: 0.57143rem; letter-spacing: 0.07143rem; text-transform: uppercase; line-height: 1; font-weight: bold; color: #ffae00; border: 1px solid #ffae00; background: transparent; }

.contest-box .label i { margin: 0; }

.contest-box.expired .result > a { color: #cc4b37 !important; }

ul.accordion { margin-bottom: 1.42857rem; }

ul.accordion .accordion-title { font-size: 1rem; font-weight: bold; border-color: #d0dadd; }

ul.accordion .accordion-title:hover { background-color: #f1f5f9; }

ul.accordion .accordion-content .subGroup { background-color: #f1f5f9; }

ul.accordion .accordion-content .subGroup td:nth-child(2) { color: #000; font-weight: bold; }

ul.accordion .accordion-content .subGroup td:nth-child(2) a { font-weight: normal; }

ul.accordion .accordion-content .subGroup strong { color: #000; }

ul.accordion table { margin-bottom: 0; }

ul.accordion table tr:last-child td { border-bottom: none; }

ul.accordion.is-boxed-shadowed { box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

ul.accordion.is-boxed-shadowed .accordion-title, ul.accordion.is-boxed-shadowed .accordion-content { border: none; border-top: 1px solid #d0dadd; }

ul.accordion.is-boxed-shadowed .accordion-item:first-child > :first-child, ul.accordion.is-boxed-shadowed .accordion-item:last-child > :last-child { border-radius: 0; }

ul.accordion.is-boxed-shadowed .accordion-item:first-child > :first-child { border-top: none; }

ul.accordion.is-boxed-shadowed .button { margin: 0.21429rem 0; }

ul.accordion.is-boxed-shadowed input { position: relative; margin: 0; width: auto; height: 2.21429rem; }

.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }

.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section.videos { margin-top: 2.14286rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); overflow: hidden; }

section.videos .cell.video-sidebar { height: auto; max-height: 540px; overflow: auto; background: #ffffff; }

section.videos .video-selector { padding: 1.42857rem; }

section.videos .video-selector > .title { position: relative; margin-bottom: 1.42857rem; padding-bottom: 1.42857rem; border-bottom: 1px solid #d0dadd; }

section.videos .video-selector > .title h3 { margin: 0; font-size: 1rem; text-transform: uppercase; color: #57575E; font-weight: normal; line-height: 1; text-align: center; }

section.videos .video-selector > .title * { margin-bottom: 0; }

section.videos .video-selector ul { margin: 0; }

section.videos .video-selector ul li { font-size: 1rem; border-radius: 0.21429rem; }

section.videos .video-selector ul li a { display: block; width: 100%; padding: 0.42857rem 1.07143rem; color: #1779ba; }

section.videos .video-selector ul li.active { background: #1779ba; }

section.videos .video-selector ul li.active a { color: #ffffff; }

section.videos .video-selector ul li.active a:hover { transition: none; opacity: 1; }

section.videos .video-selector ul li:hover:not(.active) { background: rgba(241, 245, 249, 0.5); }

section.videos .video-selector ul li:not(:last-child) { margin-bottom: 0.71429rem; }

section.video-categories { background: #f1f5f9; text-align: center; }

section.video-categories .category { display: inline-block; margin: 0 1.07143rem; width: 14.28571rem; padding: 0.71429rem; border: 1px solid white; border-radius: 0.21429rem; background: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

section.video-categories .category .icon { margin-bottom: 0.35714rem; color: #57575E; border-radius: 0.21429rem; font-size: 1.14286rem; line-height: 1; }

section.video-categories .category .title { font-size: 1rem; color: #57575E; letter-spacing: .07143rem; text-transform: uppercase; font-weight: 300; line-height: 1.1; }

section.video-categories .category.active { border-color: #1779ba; }

section.video-categories .category.active .icon { color: #1779ba; }

section.video-categories .category.active .title { color: #1779ba; font-weight: normal; }

div.fb-page { display: block; margin-bottom: 2.14286rem; max-width: 100%; width: 100%; }

/*.grid-padding-x > .cell.left-sidebar {
	padding-left: rem-calc(0);
}

.grid-padding-x > .cell.right-sidebar {
	padding-right: rem-calc(0);

	@media screen and (max-width: 768px) {
		display: none;
	}
}*/
.sidebar { width: 100%; position: relative; max-width: 22.85714rem; /*&.collapsable-left, &.collapsable-right { position: relative; z-index: 100; @media screen and (max-width: 1365px) { position: absolute; } .collapse-menu { padding: rem-calc(8 15); text-align: center; border-bottom: 1px solid $border-color; text-transform: uppercase; box-shadow: $box-shadow-large; background: $white; font-weight: bold; span.icon { font-size: rem-calc(18); vertical-align: text-top; border: none; cursor: pointer; &.open { display: inline-block; } &.closed { display: none; } } span.text { display: inline-block; padding-left: rem-calc(5); font-size: rem-calc(13); vertical-align: text-top; } .collapse-button:hover { opacity: 1; } } .sidebar-menu { padding: rem-calc(20 15 15); .title { margin: rem-calc(0 0 15); } li + .title { margin-top: rem-calc(20) !important; } } &.collapsed { .collapse-menu { span.text { display: none; } span.icon { &.open { display: none; } &.closed { display: inline-block; } } } .sidebar-menu, #marketing-messages-container, #user-assignment-container, .widget { display: none; } } } &.collapsable-left { max-width: rem-calc(220); @media screen and (max-width: 1365px) { top: rem-calc(20); left: 0; } //@media screen and (max-width: 1365px) { //	+ script + .cell { //		padding-left: rem-calc(75); //	} //} } &.collapsable-right { max-width: rem-calc(300); @media screen and (max-width: 1365px) { top: rem-calc(20); padding-bottom: rem-calc(20); right: 0; box-shadow: $box-shadow-large; background: $white; overflow: auto; height: 100%; &.collapsed { max-width: rem-calc(50); height: auto; padding-bottom: rem-calc(0); } .widget { box-shadow: none; } } .collapse-menu { border-bottom: none; span.text { padding-left: rem-calc(0); padding-right: rem-calc(5); } } }*/ }

.sidebar.left-side { max-width: 17.14286rem; }

@media only screen and (max-width: 1200px) { .sidebar.left-side { display: none; } }

.sidebar .search { padding: 0.71429rem; }

.sidebar .search :-ms-input-placeholder { color: #57575E; opacity: 1; }

.sidebar .search ::placeholder { color: #57575E; opacity: 1; }

.sidebar .search input[type=search] { margin: 0; padding: 1.42857rem; }

.sidebar .sidebar-menu { margin-bottom: 0.71429rem; padding: 10px; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); background: #ffffff; }

.sidebar .sidebar-menu .title { margin: 0 0 10px; padding: 5px 10px; border-radius: 0.21429rem; background: #f1f5f9; }

.sidebar .sidebar-menu ul li:not(.title) { margin-bottom: 10px; margin-left: 10px; }

.sidebar .sidebar-menu ul li:not(.title):last-child { margin-bottom: 0; }

section.trade-forex { margin-bottom: 1.42857rem; padding: 1.07143rem 1.07143rem 0.64286rem; background: #f1f5f9; }

section.trade-forex .forex-item { display: block; width: 48%; float: left; margin-bottom: 4%; margin-right: 2%; padding: 0.71429rem; text-align: center; background: #ffffff; background: rgba(255, 255, 255, 0.6); box-sizing: border-box; border-radius: 0.21429rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); transition: all 0.25s ease-in-out; }

section.trade-forex .forex-item:nth-child(odd) { margin-left: 2%; margin-right: 0%; }

section.trade-forex .forex-item:hover { box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.trade-forex .forex-item .title { margin-bottom: 0.71429rem; font-size: 0.85714rem; line-height: 0.85714rem; text-transform: uppercase; font-weight: bold; color: #57575E; }

section.trade-forex .forex-item .ticker { margin-bottom: 0.71429rem; padding: 0.14286rem 0.71429rem; border-radius: 0.21429rem; overflow: hidden; clear: both; }

section.trade-forex .forex-item .ticker .price { float: left; width: 50%; padding: 0.35714rem; box-sizing: border-box; font-size: 1rem; color: #ffffff; font-weight: bold; }

section.trade-forex .forex-item .ticker .price sub, section.trade-forex .forex-item .ticker .price sup { vertical-align: middle; font-weight: normal; font-size: 75%; }

section.trade-forex .forex-item .ticker.up { background: #3adb76; }

section.trade-forex .forex-item .ticker.down { background: #ff4a51; }

section.trade-forex .forex-item .actions { margin-bottom: 0.21429rem; overflow: hidden; }

section.trade-forex .forex-item .actions input[type=number] { display: inline; margin: 0; padding: 0; width: 45%; height: 2.28571rem; background: transparent; border-color: #d0dadd; text-align: center; border-radius: 0.21429rem; }

section.trade-forex .forex-item .actions .sell-btn, section.trade-forex .forex-item .actions .buy-btn, section.trade-forex .forex-item .actions .short-btn, section.trade-forex .forex-item .actions .cover-btn { display: inline-block; margin: 0; padding: 0 0.35714rem; width: 25%; line-height: 2.14286rem; border-radius: 0.21429rem; text-align: center; font-size: 0.71429rem; text-transform: uppercase; font-weight: bold; transition: all 0.25s ease-in-out; }

section.trade-forex .forex-item .actions .sell-btn:hover, section.trade-forex .forex-item .actions .buy-btn:hover, section.trade-forex .forex-item .actions .short-btn:hover, section.trade-forex .forex-item .actions .cover-btn:hover { opacity: 0.65; }

section.trade-forex .chart-header { margin-bottom: 1.42857rem; padding-bottom: 1.07143rem; border-bottom: 1px dotted #CCC; }

section.trade-forex .chart-header h3, section.trade-forex .chart-header h2 { margin: 0; display: inline-block; font-size: 1.14286rem; text-transform: uppercase; }

section.trade-forex .chart-header span.label { display: inline-block; margin-top: -0.35714rem; margin-left: 0.71429rem; vertical-align: middle; text-transform: uppercase; background: transparent; color: #cc4b37; border: 1px solid #cc4b37; }

section.trade-forex ul.tabs { margin-bottom: 1.42857rem; border: none; background: none; }

section.trade-forex ul.tabs li { width: 30%; }

section.trade-forex ul.tabs li:first-child { margin-right: 2%; }

section.trade-forex ul.tabs li:last-child { margin-left: 2%; }

section.trade-forex ul.tabs li.is-active a { box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); background: #ffffff; border: none; }

section.trade-forex ul.tabs li a { padding: 0.85714rem 1.07143rem; font-size: 1rem; font-weight: normal; text-align: center; background: none; transition: all 0.2s ease-in-out; text-transform: uppercase; letter-spacing: 1px; color: #57575E; }

section.trade-forex ul.tabs li a:hover { background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); opacity: 1; color: #57575E; }

section.trade-forex .tabs-content { margin-bottom: 0; background: transparent; }

section.trade-forex select.currency-select { display: block; margin-bottom: 20px; max-width: 98%; clear: both; }

.market-news { margin-bottom: 2.14286rem; border: 2px solid rgba(58, 219, 118, 0.6); padding: 1.07143rem; background: #ffffff; }

.market-news h3 { font-size: 1.14286rem; text-transform: uppercase; color: #3adb76; }

.market-news a { display: block; margin-bottom: 0.71429rem; color: #57575E; font-size: 0.85714rem; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.market-news a strong { font-size: 1rem; }

.market-news a:last-child { margin-bottom: 0.35714rem; }

table.gainers-losers { margin-bottom: 2.14286rem; }

table.gainers-losers thead th.green { color: #3adb76; font-size: 1rem; }

table.gainers-losers thead th.red { color: #cc4b37; font-size: 1rem; }

table.gainers-losers img { width: auto; max-height: 2.14286rem; }

table.gainers-losers tr.symbol td { border-bottom: none; }

table.gainers-losers tr.symbol-news td { padding-top: 0; }

table.gainers-losers tr.symbol-news td .truncate-td { display: table; table-layout: fixed; width: 100%; white-space: nowrap; }

table.gainers-losers tr.symbol-news td .truncate-td > a { display: table-cell; overflow: hidden; text-overflow: ellipsis; }

table.gainers-losers tr.symbol-news td a { display: block; color: #57575E; font-size: 0.85714rem; font-weight: normal; }

div.datepicker table tr td, div.datepicker table tr th { border: none !important; }

div.datepicker table tr td.prev, div.datepicker table tr td.next, div.datepicker table tr td.date-switch, div.datepicker table tr th.prev, div.datepicker table tr th.next, div.datepicker table tr th.date-switch { color: #57575E !important; }

div.datepicker table tr td.day, div.datepicker table tr td span.hour, div.datepicker table tr td span.minute, div.datepicker table tr th.day, div.datepicker table tr th span.hour, div.datepicker table tr th span.minute { color: #57575E !important; }

div.datepicker table tr td.day.active, div.datepicker table tr td span.hour.active, div.datepicker table tr td span.minute.active, div.datepicker table tr th.day.active, div.datepicker table tr th span.hour.active, div.datepicker table tr th span.minute.active { background: #57575E !important; color: #ffffff !important; }

div.datepicker table tr td.day.old, div.datepicker table tr td.day.new, div.datepicker table tr td span.hour.old, div.datepicker table tr td span.hour.new, div.datepicker table tr td span.minute.old, div.datepicker table tr td span.minute.new, div.datepicker table tr th.day.old, div.datepicker table tr th.day.new, div.datepicker table tr th span.hour.old, div.datepicker table tr th span.hour.new, div.datepicker table tr th span.minute.old, div.datepicker table tr th span.minute.new { color: #d0dadd; }

div.datepicker table tr td span, div.datepicker table tr th span { height: 1.78571rem; line-height: 1.78571rem; }

.header-breadcrumb { position: relative; padding: 1.07143rem; margin-bottom: 1.42857rem; background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

.header-breadcrumb .breadcrumb-item > a { font-size: 0.92857rem; text-transform: uppercase; transition: all 0.2s ease-in-out; font-weight: bold; }

.header-breadcrumb .breadcrumb-item > a:hover { opacity: 1 !important; }

.header-breadcrumb .breadcrumb-item:not(.active) > a { color: #57575E; font-weight: normal; }

.header-breadcrumb .breadcrumb-item:not(.active) > a:hover { color: #57575E; }

.header-breadcrumb .breadcrumb-divider { font-size: 0.92857rem; padding: 0 1.07143rem; text-transform: uppercase; transition: all 0.2s ease-in-out; font-weight: bold; color: #dfe8f1; }

.upload-image { margin-bottom: 1.42857rem; }

.upload-image .preview-image { width: auto; max-height: 10.71429rem; padding: 0.35714rem; background: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.upload-image .disclaimer { margin: 0; font-size: 0.71429rem; line-height: 1; }

.upload-image.small .preview-image { max-height: 7.14286rem; }

section.achievements { margin-bottom: 0.71429rem; }

section.achievements hr { margin: 0.71429rem 0 2.57143rem; border-style: dashed; }

section.achievements h6 { margin-bottom: 2.14286rem; color: #57575E; font-size: 1rem; line-height: 1; font-weight: bold; text-transform: uppercase; }

section.achievements .achievement { margin-bottom: 2.14286rem; text-align: center; text-decoration: none; border: none; }

section.achievements .achievement .achievement-progress { width: 100px; height: 100px; font-size: 100px; position: relative; display: table; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-radius: 100%; display: inline-block; }

section.achievements .achievement .achievement-progress:before, section.achievements .achievement .achievement-progress:after { content: ""; background: #3adb76; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.achievements .achievement .achievement-progress:before { z-index: 2; border-right: none; }

section.achievements .achievement .achievement-progress:after { border-left: none; z-index: 3; -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

section.achievements .achievement .achievement-progress-center { background: #ffffff; width: 90%; height: 90%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; border: 6px solid #f1f5f9; border-radius: 100%; background-size: cover; }

section.achievements .achievement .achievement-progress-mask { width: 100%; height: 100%; position: absolute; }

section.achievements .achievement .achievement-progress-mask:before, section.achievements .achievement .achievement-progress-mask:after { content: ""; background: #ffffff; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.achievements .achievement .achievement-progress-mask:before { border-right: none; z-index: 3; }

section.achievements .achievement .achievement-progress-mask:after { border-left: none; -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; }

section.achievements .achievement .achievement-progress.progress--100:before, section.achievements .achievement .achievement-progress.progress--100:after { background: #ffdd59; }

section.achievements .achievement .achievement-progress.progress--100 .achievement-progress-center:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f00c"; position: absolute; width: 1.78571rem; height: 1.78571rem; line-height: 1.78571rem; text-align: center; background: #ffdd59; top: -0.59524rem; right: -0.59524rem; border-radius: 50%; color: white; font-size: 0.85714rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

section.achievements .achievement.level { cursor: pointer; }

section.achievements .achievement .title { margin-top: 0.71429rem; font-size: 0.85714rem; font-weight: bold; color: #57575E; max-width: 100px; }

section.achievements .achievement-earned { margin-bottom: 2.14286rem; text-align: center; text-decoration: none; border: none; }

section.achievements .achievement-earned .badge { position: relative; cursor: pointer; }

section.achievements .achievement-earned .badge img { max-width: 100px; }

section.achievements .achievement-earned .badge.current-badge:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f00c"; position: absolute; width: 1.78571rem; height: 1.78571rem; line-height: 1.78571rem; text-align: center; background: #ffdd59; top: 0.35714rem; right: 0; border-radius: 50%; color: white; font-size: 0.85714rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

section.achievements .achievement-earned .title { margin-top: 0.71429rem; font-size: 0.85714rem; font-weight: bold; color: #57575E; max-width: 100px; }

.progress--1:before { animation: rota1-1 0.8s forwards; }

@keyframes rota1-1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(3.6deg); } }

.progress--2:before { animation: rota1-2 0.8s forwards; }

@keyframes rota1-2 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(7.2deg); } }

.progress--3:before { animation: rota1-3 0.8s forwards; }

@keyframes rota1-3 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(10.8deg); } }

.progress--4:before { animation: rota1-4 0.8s forwards; }

@keyframes rota1-4 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(14.4deg); } }

.progress--5:before { animation: rota1-5 0.8s forwards; }

@keyframes rota1-5 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(18deg); } }

.progress--6:before { animation: rota1-6 0.8s forwards; }

@keyframes rota1-6 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(21.6deg); } }

.progress--7:before { animation: rota1-7 0.8s forwards; }

@keyframes rota1-7 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(25.2deg); } }

.progress--8:before { animation: rota1-8 0.8s forwards; }

@keyframes rota1-8 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(28.8deg); } }

.progress--9:before { animation: rota1-9 0.8s forwards; }

@keyframes rota1-9 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(32.4deg); } }

.progress--10:before { animation: rota1-10 0.8s forwards; }

@keyframes rota1-10 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(36deg); } }

.progress--11:before { animation: rota1-11 0.8s forwards; }

@keyframes rota1-11 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(39.6deg); } }

.progress--12:before { animation: rota1-12 0.8s forwards; }

@keyframes rota1-12 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(43.2deg); } }

.progress--13:before { animation: rota1-13 0.8s forwards; }

@keyframes rota1-13 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(46.8deg); } }

.progress--14:before { animation: rota1-14 0.8s forwards; }

@keyframes rota1-14 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(50.4deg); } }

.progress--15:before { animation: rota1-15 0.8s forwards; }

@keyframes rota1-15 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(54deg); } }

.progress--16:before { animation: rota1-16 0.8s forwards; }

@keyframes rota1-16 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(57.6deg); } }

.progress--17:before { animation: rota1-17 0.8s forwards; }

@keyframes rota1-17 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(61.2deg); } }

.progress--18:before { animation: rota1-18 0.8s forwards; }

@keyframes rota1-18 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(64.8deg); } }

.progress--19:before { animation: rota1-19 0.8s forwards; }

@keyframes rota1-19 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(68.4deg); } }

.progress--20:before { animation: rota1-20 0.8s forwards; }

@keyframes rota1-20 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(72deg); } }

.progress--21:before { animation: rota1-21 0.8s forwards; }

@keyframes rota1-21 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(75.6deg); } }

.progress--22:before { animation: rota1-22 0.8s forwards; }

@keyframes rota1-22 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(79.2deg); } }

.progress--23:before { animation: rota1-23 0.8s forwards; }

@keyframes rota1-23 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(82.8deg); } }

.progress--24:before { animation: rota1-24 0.8s forwards; }

@keyframes rota1-24 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(86.4deg); } }

.progress--25:before { animation: rota1-25 0.8s forwards; }

@keyframes rota1-25 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(90deg); } }

.progress--26:before { animation: rota1-26 0.8s forwards; }

@keyframes rota1-26 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(93.6deg); } }

.progress--27:before { animation: rota1-27 0.8s forwards; }

@keyframes rota1-27 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(97.2deg); } }

.progress--28:before { animation: rota1-28 0.8s forwards; }

@keyframes rota1-28 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(100.8deg); } }

.progress--29:before { animation: rota1-29 0.8s forwards; }

@keyframes rota1-29 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(104.4deg); } }

.progress--30:before { animation: rota1-30 0.8s forwards; }

@keyframes rota1-30 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(108deg); } }

.progress--31:before { animation: rota1-31 0.8s forwards; }

@keyframes rota1-31 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(111.6deg); } }

.progress--32:before { animation: rota1-32 0.8s forwards; }

@keyframes rota1-32 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(115.2deg); } }

.progress--33:before { animation: rota1-33 0.8s forwards; }

@keyframes rota1-33 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(118.8deg); } }

.progress--34:before { animation: rota1-34 0.8s forwards; }

@keyframes rota1-34 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(122.4deg); } }

.progress--35:before { animation: rota1-35 0.8s forwards; }

@keyframes rota1-35 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(126deg); } }

.progress--36:before { animation: rota1-36 0.8s forwards; }

@keyframes rota1-36 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(129.6deg); } }

.progress--37:before { animation: rota1-37 0.8s forwards; }

@keyframes rota1-37 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(133.2deg); } }

.progress--38:before { animation: rota1-38 0.8s forwards; }

@keyframes rota1-38 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(136.8deg); } }

.progress--39:before { animation: rota1-39 0.8s forwards; }

@keyframes rota1-39 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(140.4deg); } }

.progress--40:before { animation: rota1-40 0.8s forwards; }

@keyframes rota1-40 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(144deg); } }

.progress--41:before { animation: rota1-41 0.8s forwards; }

@keyframes rota1-41 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(147.6deg); } }

.progress--42:before { animation: rota1-42 0.8s forwards; }

@keyframes rota1-42 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(151.2deg); } }

.progress--43:before { animation: rota1-43 0.8s forwards; }

@keyframes rota1-43 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(154.8deg); } }

.progress--44:before { animation: rota1-44 0.8s forwards; }

@keyframes rota1-44 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(158.4deg); } }

.progress--45:before { animation: rota1-45 0.8s forwards; }

@keyframes rota1-45 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(162deg); } }

.progress--46:before { animation: rota1-46 0.8s forwards; }

@keyframes rota1-46 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(165.6deg); } }

.progress--47:before { animation: rota1-47 0.8s forwards; }

@keyframes rota1-47 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(169.2deg); } }

.progress--48:before { animation: rota1-48 0.8s forwards; }

@keyframes rota1-48 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(172.8deg); } }

.progress--49:before { animation: rota1-49 0.8s forwards; }

@keyframes rota1-49 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(176.4deg); } }

.progress--50:before { animation: rota1-50 0.8s forwards; }

.progress--50:after { animation: rota2-500s forwards 0.8s; }

@keyframes rota1-50 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-50 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(180deg);
    opacity: 1; } }

.progress--51:before { animation: rota1-51 0.8s forwards; }

.progress--51:after { animation: rota2-510.016s forwards 0.8s; }

@keyframes rota1-51 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-51 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(183.6deg);
    opacity: 1; } }

.progress--52:before { animation: rota1-52 0.8s forwards; }

.progress--52:after { animation: rota2-520.032s forwards 0.8s; }

@keyframes rota1-52 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-52 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(187.2deg);
    opacity: 1; } }

.progress--53:before { animation: rota1-53 0.8s forwards; }

.progress--53:after { animation: rota2-530.048s forwards 0.8s; }

@keyframes rota1-53 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-53 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(190.8deg);
    opacity: 1; } }

.progress--54:before { animation: rota1-54 0.8s forwards; }

.progress--54:after { animation: rota2-540.064s forwards 0.8s; }

@keyframes rota1-54 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-54 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(194.4deg);
    opacity: 1; } }

.progress--55:before { animation: rota1-55 0.8s forwards; }

.progress--55:after { animation: rota2-550.08s forwards 0.8s; }

@keyframes rota1-55 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-55 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(198deg);
    opacity: 1; } }

.progress--56:before { animation: rota1-56 0.8s forwards; }

.progress--56:after { animation: rota2-560.096s forwards 0.8s; }

@keyframes rota1-56 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-56 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(201.6deg);
    opacity: 1; } }

.progress--57:before { animation: rota1-57 0.8s forwards; }

.progress--57:after { animation: rota2-570.112s forwards 0.8s; }

@keyframes rota1-57 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-57 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(205.2deg);
    opacity: 1; } }

.progress--58:before { animation: rota1-58 0.8s forwards; }

.progress--58:after { animation: rota2-580.128s forwards 0.8s; }

@keyframes rota1-58 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-58 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(208.8deg);
    opacity: 1; } }

.progress--59:before { animation: rota1-59 0.8s forwards; }

.progress--59:after { animation: rota2-590.144s forwards 0.8s; }

@keyframes rota1-59 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-59 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(212.4deg);
    opacity: 1; } }

.progress--60:before { animation: rota1-60 0.8s forwards; }

.progress--60:after { animation: rota2-600.16s forwards 0.8s; }

@keyframes rota1-60 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-60 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(216deg);
    opacity: 1; } }

.progress--61:before { animation: rota1-61 0.8s forwards; }

.progress--61:after { animation: rota2-610.176s forwards 0.8s; }

@keyframes rota1-61 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-61 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(219.6deg);
    opacity: 1; } }

.progress--62:before { animation: rota1-62 0.8s forwards; }

.progress--62:after { animation: rota2-620.192s forwards 0.8s; }

@keyframes rota1-62 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-62 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(223.2deg);
    opacity: 1; } }

.progress--63:before { animation: rota1-63 0.8s forwards; }

.progress--63:after { animation: rota2-630.208s forwards 0.8s; }

@keyframes rota1-63 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-63 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(226.8deg);
    opacity: 1; } }

.progress--64:before { animation: rota1-64 0.8s forwards; }

.progress--64:after { animation: rota2-640.224s forwards 0.8s; }

@keyframes rota1-64 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-64 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(230.4deg);
    opacity: 1; } }

.progress--65:before { animation: rota1-65 0.8s forwards; }

.progress--65:after { animation: rota2-650.24s forwards 0.8s; }

@keyframes rota1-65 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-65 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(234deg);
    opacity: 1; } }

.progress--66:before { animation: rota1-66 0.8s forwards; }

.progress--66:after { animation: rota2-660.256s forwards 0.8s; }

@keyframes rota1-66 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-66 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(237.6deg);
    opacity: 1; } }

.progress--67:before { animation: rota1-67 0.8s forwards; }

.progress--67:after { animation: rota2-670.272s forwards 0.8s; }

@keyframes rota1-67 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-67 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(241.2deg);
    opacity: 1; } }

.progress--68:before { animation: rota1-68 0.8s forwards; }

.progress--68:after { animation: rota2-680.288s forwards 0.8s; }

@keyframes rota1-68 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-68 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(244.8deg);
    opacity: 1; } }

.progress--69:before { animation: rota1-69 0.8s forwards; }

.progress--69:after { animation: rota2-690.304s forwards 0.8s; }

@keyframes rota1-69 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-69 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(248.4deg);
    opacity: 1; } }

.progress--70:before { animation: rota1-70 0.8s forwards; }

.progress--70:after { animation: rota2-700.32s forwards 0.8s; }

@keyframes rota1-70 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-70 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(252deg);
    opacity: 1; } }

.progress--71:before { animation: rota1-71 0.8s forwards; }

.progress--71:after { animation: rota2-710.336s forwards 0.8s; }

@keyframes rota1-71 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-71 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(255.6deg);
    opacity: 1; } }

.progress--72:before { animation: rota1-72 0.8s forwards; }

.progress--72:after { animation: rota2-720.352s forwards 0.8s; }

@keyframes rota1-72 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-72 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(259.2deg);
    opacity: 1; } }

.progress--73:before { animation: rota1-73 0.8s forwards; }

.progress--73:after { animation: rota2-730.368s forwards 0.8s; }

@keyframes rota1-73 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-73 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(262.8deg);
    opacity: 1; } }

.progress--74:before { animation: rota1-74 0.8s forwards; }

.progress--74:after { animation: rota2-740.384s forwards 0.8s; }

@keyframes rota1-74 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-74 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(266.4deg);
    opacity: 1; } }

.progress--75:before { animation: rota1-75 0.8s forwards; }

.progress--75:after { animation: rota2-750.4s forwards 0.8s; }

@keyframes rota1-75 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-75 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(270deg);
    opacity: 1; } }

.progress--76:before { animation: rota1-76 0.8s forwards; }

.progress--76:after { animation: rota2-760.416s forwards 0.8s; }

@keyframes rota1-76 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-76 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(273.6deg);
    opacity: 1; } }

.progress--77:before { animation: rota1-77 0.8s forwards; }

.progress--77:after { animation: rota2-770.432s forwards 0.8s; }

@keyframes rota1-77 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-77 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(277.2deg);
    opacity: 1; } }

.progress--78:before { animation: rota1-78 0.8s forwards; }

.progress--78:after { animation: rota2-780.448s forwards 0.8s; }

@keyframes rota1-78 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-78 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(280.8deg);
    opacity: 1; } }

.progress--79:before { animation: rota1-79 0.8s forwards; }

.progress--79:after { animation: rota2-790.464s forwards 0.8s; }

@keyframes rota1-79 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-79 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(284.4deg);
    opacity: 1; } }

.progress--80:before { animation: rota1-80 0.8s forwards; }

.progress--80:after { animation: rota2-800.48s forwards 0.8s; }

@keyframes rota1-80 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-80 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(288deg);
    opacity: 1; } }

.progress--81:before { animation: rota1-81 0.8s forwards; }

.progress--81:after { animation: rota2-810.496s forwards 0.8s; }

@keyframes rota1-81 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-81 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(291.6deg);
    opacity: 1; } }

.progress--82:before { animation: rota1-82 0.8s forwards; }

.progress--82:after { animation: rota2-820.512s forwards 0.8s; }

@keyframes rota1-82 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-82 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(295.2deg);
    opacity: 1; } }

.progress--83:before { animation: rota1-83 0.8s forwards; }

.progress--83:after { animation: rota2-830.528s forwards 0.8s; }

@keyframes rota1-83 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-83 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(298.8deg);
    opacity: 1; } }

.progress--84:before { animation: rota1-84 0.8s forwards; }

.progress--84:after { animation: rota2-840.544s forwards 0.8s; }

@keyframes rota1-84 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-84 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(302.4deg);
    opacity: 1; } }

.progress--85:before { animation: rota1-85 0.8s forwards; }

.progress--85:after { animation: rota2-850.56s forwards 0.8s; }

@keyframes rota1-85 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-85 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(306deg);
    opacity: 1; } }

.progress--86:before { animation: rota1-86 0.8s forwards; }

.progress--86:after { animation: rota2-860.576s forwards 0.8s; }

@keyframes rota1-86 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-86 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(309.6deg);
    opacity: 1; } }

.progress--87:before { animation: rota1-87 0.8s forwards; }

.progress--87:after { animation: rota2-870.592s forwards 0.8s; }

@keyframes rota1-87 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-87 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(313.2deg);
    opacity: 1; } }

.progress--88:before { animation: rota1-88 0.8s forwards; }

.progress--88:after { animation: rota2-880.608s forwards 0.8s; }

@keyframes rota1-88 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-88 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(316.8deg);
    opacity: 1; } }

.progress--89:before { animation: rota1-89 0.8s forwards; }

.progress--89:after { animation: rota2-890.624s forwards 0.8s; }

@keyframes rota1-89 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-89 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(320.4deg);
    opacity: 1; } }

.progress--90:before { animation: rota1-90 0.8s forwards; }

.progress--90:after { animation: rota2-900.64s forwards 0.8s; }

@keyframes rota1-90 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-90 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(324deg);
    opacity: 1; } }

.progress--91:before { animation: rota1-91 0.8s forwards; }

.progress--91:after { animation: rota2-910.656s forwards 0.8s; }

@keyframes rota1-91 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-91 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(327.6deg);
    opacity: 1; } }

.progress--92:before { animation: rota1-92 0.8s forwards; }

.progress--92:after { animation: rota2-920.672s forwards 0.8s; }

@keyframes rota1-92 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-92 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(331.2deg);
    opacity: 1; } }

.progress--93:before { animation: rota1-93 0.8s forwards; }

.progress--93:after { animation: rota2-930.688s forwards 0.8s; }

@keyframes rota1-93 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-93 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(334.8deg);
    opacity: 1; } }

.progress--94:before { animation: rota1-94 0.8s forwards; }

.progress--94:after { animation: rota2-940.704s forwards 0.8s; }

@keyframes rota1-94 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-94 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(338.4deg);
    opacity: 1; } }

.progress--95:before { animation: rota1-95 0.8s forwards; }

.progress--95:after { animation: rota2-950.72s forwards 0.8s; }

@keyframes rota1-95 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-95 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(342deg);
    opacity: 1; } }

.progress--96:before { animation: rota1-96 0.8s forwards; }

.progress--96:after { animation: rota2-960.736s forwards 0.8s; }

@keyframes rota1-96 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-96 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(345.6deg);
    opacity: 1; } }

.progress--97:before { animation: rota1-97 0.8s forwards; }

.progress--97:after { animation: rota2-970.752s forwards 0.8s; }

@keyframes rota1-97 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-97 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(349.2deg);
    opacity: 1; } }

.progress--98:before { animation: rota1-98 0.8s forwards; }

.progress--98:after { animation: rota2-980.768s forwards 0.8s; }

@keyframes rota1-98 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-98 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(352.8deg);
    opacity: 1; } }

.progress--99:before { animation: rota1-99 0.8s forwards; }

.progress--99:after { animation: rota2-990.784s forwards 0.8s; }

@keyframes rota1-99 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-99 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(356.4deg);
    opacity: 1; } }

.progress--100:before { animation: rota1-100 0.8s forwards; }

.progress--100:after { animation: rota2-1000.8s forwards 0.8s; }

@keyframes rota1-100 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-100 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(360deg);
    opacity: 1; } }

.donut--1:before { animation: rota1-1 0.8s forwards; }

@keyframes rota1-1 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(3.6deg); } }

.donut--2:before { animation: rota1-2 0.8s forwards; }

@keyframes rota1-2 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(7.2deg); } }

.donut--3:before { animation: rota1-3 0.8s forwards; }

@keyframes rota1-3 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(10.8deg); } }

.donut--4:before { animation: rota1-4 0.8s forwards; }

@keyframes rota1-4 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(14.4deg); } }

.donut--5:before { animation: rota1-5 0.8s forwards; }

@keyframes rota1-5 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(18deg); } }

.donut--6:before { animation: rota1-6 0.8s forwards; }

@keyframes rota1-6 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(21.6deg); } }

.donut--7:before { animation: rota1-7 0.8s forwards; }

@keyframes rota1-7 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(25.2deg); } }

.donut--8:before { animation: rota1-8 0.8s forwards; }

@keyframes rota1-8 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(28.8deg); } }

.donut--9:before { animation: rota1-9 0.8s forwards; }

@keyframes rota1-9 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(32.4deg); } }

.donut--10:before { animation: rota1-10 0.8s forwards; }

@keyframes rota1-10 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(36deg); } }

.donut--11:before { animation: rota1-11 0.8s forwards; }

@keyframes rota1-11 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(39.6deg); } }

.donut--12:before { animation: rota1-12 0.8s forwards; }

@keyframes rota1-12 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(43.2deg); } }

.donut--13:before { animation: rota1-13 0.8s forwards; }

@keyframes rota1-13 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(46.8deg); } }

.donut--14:before { animation: rota1-14 0.8s forwards; }

@keyframes rota1-14 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(50.4deg); } }

.donut--15:before { animation: rota1-15 0.8s forwards; }

@keyframes rota1-15 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(54deg); } }

.donut--16:before { animation: rota1-16 0.8s forwards; }

@keyframes rota1-16 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(57.6deg); } }

.donut--17:before { animation: rota1-17 0.8s forwards; }

@keyframes rota1-17 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(61.2deg); } }

.donut--18:before { animation: rota1-18 0.8s forwards; }

@keyframes rota1-18 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(64.8deg); } }

.donut--19:before { animation: rota1-19 0.8s forwards; }

@keyframes rota1-19 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(68.4deg); } }

.donut--20:before { animation: rota1-20 0.8s forwards; }

@keyframes rota1-20 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(72deg); } }

.donut--21:before { animation: rota1-21 0.8s forwards; }

@keyframes rota1-21 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(75.6deg); } }

.donut--22:before { animation: rota1-22 0.8s forwards; }

@keyframes rota1-22 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(79.2deg); } }

.donut--23:before { animation: rota1-23 0.8s forwards; }

@keyframes rota1-23 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(82.8deg); } }

.donut--24:before { animation: rota1-24 0.8s forwards; }

@keyframes rota1-24 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(86.4deg); } }

.donut--25:before { animation: rota1-25 0.8s forwards; }

@keyframes rota1-25 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(90deg); } }

.donut--26:before { animation: rota1-26 0.8s forwards; }

@keyframes rota1-26 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(93.6deg); } }

.donut--27:before { animation: rota1-27 0.8s forwards; }

@keyframes rota1-27 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(97.2deg); } }

.donut--28:before { animation: rota1-28 0.8s forwards; }

@keyframes rota1-28 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(100.8deg); } }

.donut--29:before { animation: rota1-29 0.8s forwards; }

@keyframes rota1-29 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(104.4deg); } }

.donut--30:before { animation: rota1-30 0.8s forwards; }

@keyframes rota1-30 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(108deg); } }

.donut--31:before { animation: rota1-31 0.8s forwards; }

@keyframes rota1-31 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(111.6deg); } }

.donut--32:before { animation: rota1-32 0.8s forwards; }

@keyframes rota1-32 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(115.2deg); } }

.donut--33:before { animation: rota1-33 0.8s forwards; }

@keyframes rota1-33 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(118.8deg); } }

.donut--34:before { animation: rota1-34 0.8s forwards; }

@keyframes rota1-34 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(122.4deg); } }

.donut--35:before { animation: rota1-35 0.8s forwards; }

@keyframes rota1-35 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(126deg); } }

.donut--36:before { animation: rota1-36 0.8s forwards; }

@keyframes rota1-36 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(129.6deg); } }

.donut--37:before { animation: rota1-37 0.8s forwards; }

@keyframes rota1-37 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(133.2deg); } }

.donut--38:before { animation: rota1-38 0.8s forwards; }

@keyframes rota1-38 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(136.8deg); } }

.donut--39:before { animation: rota1-39 0.8s forwards; }

@keyframes rota1-39 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(140.4deg); } }

.donut--40:before { animation: rota1-40 0.8s forwards; }

@keyframes rota1-40 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(144deg); } }

.donut--41:before { animation: rota1-41 0.8s forwards; }

@keyframes rota1-41 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(147.6deg); } }

.donut--42:before { animation: rota1-42 0.8s forwards; }

@keyframes rota1-42 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(151.2deg); } }

.donut--43:before { animation: rota1-43 0.8s forwards; }

@keyframes rota1-43 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(154.8deg); } }

.donut--44:before { animation: rota1-44 0.8s forwards; }

@keyframes rota1-44 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(158.4deg); } }

.donut--45:before { animation: rota1-45 0.8s forwards; }

@keyframes rota1-45 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(162deg); } }

.donut--46:before { animation: rota1-46 0.8s forwards; }

@keyframes rota1-46 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(165.6deg); } }

.donut--47:before { animation: rota1-47 0.8s forwards; }

@keyframes rota1-47 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(169.2deg); } }

.donut--48:before { animation: rota1-48 0.8s forwards; }

@keyframes rota1-48 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(172.8deg); } }

.donut--49:before { animation: rota1-49 0.8s forwards; }

@keyframes rota1-49 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(176.4deg); } }

.donut--50:before { animation: rota1-50 0.8s forwards; }

.donut--50:after { animation: rota2-500s forwards 0.8s; }

@keyframes rota1-50 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-50 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(180deg);
    opacity: 1; } }

.donut--51:before { animation: rota1-51 0.8s forwards; }

.donut--51:after { animation: rota2-510.016s forwards 0.8s; }

@keyframes rota1-51 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-51 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(183.6deg);
    opacity: 1; } }

.donut--52:before { animation: rota1-52 0.8s forwards; }

.donut--52:after { animation: rota2-520.032s forwards 0.8s; }

@keyframes rota1-52 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-52 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(187.2deg);
    opacity: 1; } }

.donut--53:before { animation: rota1-53 0.8s forwards; }

.donut--53:after { animation: rota2-530.048s forwards 0.8s; }

@keyframes rota1-53 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-53 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(190.8deg);
    opacity: 1; } }

.donut--54:before { animation: rota1-54 0.8s forwards; }

.donut--54:after { animation: rota2-540.064s forwards 0.8s; }

@keyframes rota1-54 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-54 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(194.4deg);
    opacity: 1; } }

.donut--55:before { animation: rota1-55 0.8s forwards; }

.donut--55:after { animation: rota2-550.08s forwards 0.8s; }

@keyframes rota1-55 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-55 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(198deg);
    opacity: 1; } }

.donut--56:before { animation: rota1-56 0.8s forwards; }

.donut--56:after { animation: rota2-560.096s forwards 0.8s; }

@keyframes rota1-56 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-56 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(201.6deg);
    opacity: 1; } }

.donut--57:before { animation: rota1-57 0.8s forwards; }

.donut--57:after { animation: rota2-570.112s forwards 0.8s; }

@keyframes rota1-57 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-57 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(205.2deg);
    opacity: 1; } }

.donut--58:before { animation: rota1-58 0.8s forwards; }

.donut--58:after { animation: rota2-580.128s forwards 0.8s; }

@keyframes rota1-58 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-58 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(208.8deg);
    opacity: 1; } }

.donut--59:before { animation: rota1-59 0.8s forwards; }

.donut--59:after { animation: rota2-590.144s forwards 0.8s; }

@keyframes rota1-59 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-59 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(212.4deg);
    opacity: 1; } }

.donut--60:before { animation: rota1-60 0.8s forwards; }

.donut--60:after { animation: rota2-600.16s forwards 0.8s; }

@keyframes rota1-60 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-60 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(216deg);
    opacity: 1; } }

.donut--61:before { animation: rota1-61 0.8s forwards; }

.donut--61:after { animation: rota2-610.176s forwards 0.8s; }

@keyframes rota1-61 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-61 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(219.6deg);
    opacity: 1; } }

.donut--62:before { animation: rota1-62 0.8s forwards; }

.donut--62:after { animation: rota2-620.192s forwards 0.8s; }

@keyframes rota1-62 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-62 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(223.2deg);
    opacity: 1; } }

.donut--63:before { animation: rota1-63 0.8s forwards; }

.donut--63:after { animation: rota2-630.208s forwards 0.8s; }

@keyframes rota1-63 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-63 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(226.8deg);
    opacity: 1; } }

.donut--64:before { animation: rota1-64 0.8s forwards; }

.donut--64:after { animation: rota2-640.224s forwards 0.8s; }

@keyframes rota1-64 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-64 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(230.4deg);
    opacity: 1; } }

.donut--65:before { animation: rota1-65 0.8s forwards; }

.donut--65:after { animation: rota2-650.24s forwards 0.8s; }

@keyframes rota1-65 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-65 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(234deg);
    opacity: 1; } }

.donut--66:before { animation: rota1-66 0.8s forwards; }

.donut--66:after { animation: rota2-660.256s forwards 0.8s; }

@keyframes rota1-66 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-66 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(237.6deg);
    opacity: 1; } }

.donut--67:before { animation: rota1-67 0.8s forwards; }

.donut--67:after { animation: rota2-670.272s forwards 0.8s; }

@keyframes rota1-67 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-67 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(241.2deg);
    opacity: 1; } }

.donut--68:before { animation: rota1-68 0.8s forwards; }

.donut--68:after { animation: rota2-680.288s forwards 0.8s; }

@keyframes rota1-68 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-68 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(244.8deg);
    opacity: 1; } }

.donut--69:before { animation: rota1-69 0.8s forwards; }

.donut--69:after { animation: rota2-690.304s forwards 0.8s; }

@keyframes rota1-69 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-69 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(248.4deg);
    opacity: 1; } }

.donut--70:before { animation: rota1-70 0.8s forwards; }

.donut--70:after { animation: rota2-700.32s forwards 0.8s; }

@keyframes rota1-70 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-70 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(252deg);
    opacity: 1; } }

.donut--71:before { animation: rota1-71 0.8s forwards; }

.donut--71:after { animation: rota2-710.336s forwards 0.8s; }

@keyframes rota1-71 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-71 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(255.6deg);
    opacity: 1; } }

.donut--72:before { animation: rota1-72 0.8s forwards; }

.donut--72:after { animation: rota2-720.352s forwards 0.8s; }

@keyframes rota1-72 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-72 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(259.2deg);
    opacity: 1; } }

.donut--73:before { animation: rota1-73 0.8s forwards; }

.donut--73:after { animation: rota2-730.368s forwards 0.8s; }

@keyframes rota1-73 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-73 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(262.8deg);
    opacity: 1; } }

.donut--74:before { animation: rota1-74 0.8s forwards; }

.donut--74:after { animation: rota2-740.384s forwards 0.8s; }

@keyframes rota1-74 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-74 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(266.4deg);
    opacity: 1; } }

.donut--75:before { animation: rota1-75 0.8s forwards; }

.donut--75:after { animation: rota2-750.4s forwards 0.8s; }

@keyframes rota1-75 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-75 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(270deg);
    opacity: 1; } }

.donut--76:before { animation: rota1-76 0.8s forwards; }

.donut--76:after { animation: rota2-760.416s forwards 0.8s; }

@keyframes rota1-76 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-76 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(273.6deg);
    opacity: 1; } }

.donut--77:before { animation: rota1-77 0.8s forwards; }

.donut--77:after { animation: rota2-770.432s forwards 0.8s; }

@keyframes rota1-77 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-77 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(277.2deg);
    opacity: 1; } }

.donut--78:before { animation: rota1-78 0.8s forwards; }

.donut--78:after { animation: rota2-780.448s forwards 0.8s; }

@keyframes rota1-78 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-78 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(280.8deg);
    opacity: 1; } }

.donut--79:before { animation: rota1-79 0.8s forwards; }

.donut--79:after { animation: rota2-790.464s forwards 0.8s; }

@keyframes rota1-79 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-79 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(284.4deg);
    opacity: 1; } }

.donut--80:before { animation: rota1-80 0.8s forwards; }

.donut--80:after { animation: rota2-800.48s forwards 0.8s; }

@keyframes rota1-80 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-80 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(288deg);
    opacity: 1; } }

.donut--81:before { animation: rota1-81 0.8s forwards; }

.donut--81:after { animation: rota2-810.496s forwards 0.8s; }

@keyframes rota1-81 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-81 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(291.6deg);
    opacity: 1; } }

.donut--82:before { animation: rota1-82 0.8s forwards; }

.donut--82:after { animation: rota2-820.512s forwards 0.8s; }

@keyframes rota1-82 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-82 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(295.2deg);
    opacity: 1; } }

.donut--83:before { animation: rota1-83 0.8s forwards; }

.donut--83:after { animation: rota2-830.528s forwards 0.8s; }

@keyframes rota1-83 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-83 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(298.8deg);
    opacity: 1; } }

.donut--84:before { animation: rota1-84 0.8s forwards; }

.donut--84:after { animation: rota2-840.544s forwards 0.8s; }

@keyframes rota1-84 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-84 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(302.4deg);
    opacity: 1; } }

.donut--85:before { animation: rota1-85 0.8s forwards; }

.donut--85:after { animation: rota2-850.56s forwards 0.8s; }

@keyframes rota1-85 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-85 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(306deg);
    opacity: 1; } }

.donut--86:before { animation: rota1-86 0.8s forwards; }

.donut--86:after { animation: rota2-860.576s forwards 0.8s; }

@keyframes rota1-86 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-86 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(309.6deg);
    opacity: 1; } }

.donut--87:before { animation: rota1-87 0.8s forwards; }

.donut--87:after { animation: rota2-870.592s forwards 0.8s; }

@keyframes rota1-87 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-87 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(313.2deg);
    opacity: 1; } }

.donut--88:before { animation: rota1-88 0.8s forwards; }

.donut--88:after { animation: rota2-880.608s forwards 0.8s; }

@keyframes rota1-88 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-88 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(316.8deg);
    opacity: 1; } }

.donut--89:before { animation: rota1-89 0.8s forwards; }

.donut--89:after { animation: rota2-890.624s forwards 0.8s; }

@keyframes rota1-89 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-89 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(320.4deg);
    opacity: 1; } }

.donut--90:before { animation: rota1-90 0.8s forwards; }

.donut--90:after { animation: rota2-900.64s forwards 0.8s; }

@keyframes rota1-90 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-90 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(324deg);
    opacity: 1; } }

.donut--91:before { animation: rota1-91 0.8s forwards; }

.donut--91:after { animation: rota2-910.656s forwards 0.8s; }

@keyframes rota1-91 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-91 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(327.6deg);
    opacity: 1; } }

.donut--92:before { animation: rota1-92 0.8s forwards; }

.donut--92:after { animation: rota2-920.672s forwards 0.8s; }

@keyframes rota1-92 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-92 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(331.2deg);
    opacity: 1; } }

.donut--93:before { animation: rota1-93 0.8s forwards; }

.donut--93:after { animation: rota2-930.688s forwards 0.8s; }

@keyframes rota1-93 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-93 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(334.8deg);
    opacity: 1; } }

.donut--94:before { animation: rota1-94 0.8s forwards; }

.donut--94:after { animation: rota2-940.704s forwards 0.8s; }

@keyframes rota1-94 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-94 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(338.4deg);
    opacity: 1; } }

.donut--95:before { animation: rota1-95 0.8s forwards; }

.donut--95:after { animation: rota2-950.72s forwards 0.8s; }

@keyframes rota1-95 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-95 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(342deg);
    opacity: 1; } }

.donut--96:before { animation: rota1-96 0.8s forwards; }

.donut--96:after { animation: rota2-960.736s forwards 0.8s; }

@keyframes rota1-96 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-96 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(345.6deg);
    opacity: 1; } }

.donut--97:before { animation: rota1-97 0.8s forwards; }

.donut--97:after { animation: rota2-970.752s forwards 0.8s; }

@keyframes rota1-97 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-97 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(349.2deg);
    opacity: 1; } }

.donut--98:before { animation: rota1-98 0.8s forwards; }

.donut--98:after { animation: rota2-980.768s forwards 0.8s; }

@keyframes rota1-98 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-98 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(352.8deg);
    opacity: 1; } }

.donut--99:before { animation: rota1-99 0.8s forwards; }

.donut--99:after { animation: rota2-990.784s forwards 0.8s; }

@keyframes rota1-99 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-99 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(356.4deg);
    opacity: 1; } }

.donut--100:before { animation: rota1-100 0.8s forwards; }

.donut--100:after { animation: rota2-1000.8s forwards 0.8s; }

@keyframes rota1-100 { 0% { transform: rotate(0deg); }
  100% { transform: rotate(180deg); } }

@keyframes rota2-100 { 0% { transform: rotate(180deg);
    opacity: 1; }
  100% { transform: rotate(360deg);
    opacity: 1; } }

section.dashboard { position: relative; /* fluid 4 columns */ }

section.dashboard .grid-sizer, section.dashboard .grid-item { width: 100%; }

@media only screen and (min-width: 640px) { section.dashboard .grid-sizer, section.dashboard .grid-item { width: 49%; } }

@media only screen and (min-width: 1024px) { section.dashboard .grid-sizer, section.dashboard .grid-item { width: 23.5%; } }

@media only screen and (min-width: 1024px) { section.dashboard .grid-item--width2 { width: 49%; } }

@media only screen and (min-width: 640px) { section.dashboard .gutter-sizer { width: 2%; } }

section.dashboard .dashboard-widget { margin-bottom: 2.14286rem; background: #ffffff; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); overflow: hidden; border-radius: 0.21429rem; }

section.dashboard .dashboard-widget .header { padding: 0.71429rem 1.42857rem; border-bottom: 1px solid #d0dadd; }

section.dashboard .dashboard-widget .header .title { font-size: 1rem; font-weight: bold; text-transform: uppercase; color: #57575E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .header .title .icon { display: inline-block; margin-right: 0.71429rem; font-size: 1.28571rem; width: 2.5rem; line-height: 2.5rem; height: 2.5rem; background: #eaf0f6; text-align: center; border-radius: 1000px; vertical-align: middle; }

section.dashboard .dashboard-widget .header .title .sub-text { display: block; margin-top: 1px; text-transform: uppercase; font-size: 0.85714rem; line-height: 1; color: #ff9f43; }

section.dashboard .dashboard-widget .header a { font-size: 1.14286rem; }

section.dashboard .dashboard-widget .header select { margin: 0; min-width: 8.57143rem; height: 2.42857rem; border-color: #d0dadd; }

section.dashboard .dashboard-widget .header .tag { display: block; padding: 0 1.42857rem; line-height: 2.42857rem; color: #57575E; font-size: 0.85714rem; font-weight: bold; background: #eaf0f6; border-radius: 1000px; text-transform: uppercase; }

section.dashboard .dashboard-widget .header .tag:hover { opacity: 1; }

section.dashboard .dashboard-widget .header.dark { background: linear-gradient(115deg, #f8fafc 20%, #f8fafc 100%); border-bottom: 1px solid #d0dadd; }

section.dashboard .dashboard-widget .header.dark .title { color: #57575E; }

section.dashboard .dashboard-widget .header.dark select { border-color: #d0dadd; }

section.dashboard .dashboard-widget .portfolio-value-box, section.dashboard .dashboard-widget .overall-score-box { padding: 1.42857rem; background: linear-gradient(115deg, #f8fafc 20%, #f8fafc 100%); border-bottom: 2px solid #eaf0f6; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .title, section.dashboard .dashboard-widget .portfolio-value-box .score .title, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .title, section.dashboard .dashboard-widget .overall-score-box .score .title { margin-bottom: 0.42857rem; font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #ff9f43; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .value, section.dashboard .dashboard-widget .portfolio-value-box .score .value, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .value, section.dashboard .dashboard-widget .overall-score-box .score .value { margin-bottom: 0.42857rem; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #57575E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .value .icon, section.dashboard .dashboard-widget .portfolio-value-box .score .value .icon, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .value .icon, section.dashboard .dashboard-widget .overall-score-box .score .value .icon { position: relative; display: inline-block; margin-left: 0.35714rem; top: -3px; font-size: 1.14286rem; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .value .icon.positive, section.dashboard .dashboard-widget .portfolio-value-box .score .value .icon.positive, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .value .icon.positive, section.dashboard .dashboard-widget .overall-score-box .score .value .icon.positive { color: #3adb76; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .value .icon.negative, section.dashboard .dashboard-widget .portfolio-value-box .score .value .icon.negative, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .value .icon.negative, section.dashboard .dashboard-widget .overall-score-box .score .value .icon.negative { color: #cc4b37; }

section.dashboard .dashboard-widget .portfolio-value-box .portfolio-value .change, section.dashboard .dashboard-widget .portfolio-value-box .score .change, section.dashboard .dashboard-widget .overall-score-box .portfolio-value .change, section.dashboard .dashboard-widget .overall-score-box .score .change { font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #57575E; }

section.dashboard .dashboard-widget .portfolio-value-box .rank-box, section.dashboard .dashboard-widget .overall-score-box .rank-box { padding: 0.57143rem 1.07143rem; border-radius: 0.21429rem; background: #eaf0f6; text-align: center; }

section.dashboard .dashboard-widget .portfolio-value-box .rank-box .title, section.dashboard .dashboard-widget .overall-score-box .rank-box .title { margin-bottom: 0.42857rem; font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #57575E; }

section.dashboard .dashboard-widget .portfolio-value-box .rank-box .rank, section.dashboard .dashboard-widget .overall-score-box .rank-box .rank { font-size: 1.5rem; font-weight: bold; line-height: 1; color: #57575E; }

section.dashboard .dashboard-widget .game-stats { background: #f8fafc; border-bottom: 2px solid #eaf0f6; }

section.dashboard .dashboard-widget .game-stats a.stat-line { display: block; padding: 1.42857rem 1.42857rem; overflow: hidden; }

section.dashboard .dashboard-widget .game-stats a.stat-line + .stat-line { border-top: 1px dashed #d0dadd; }

section.dashboard .dashboard-widget .game-stats a.stat-line:hover { opacity: 1; }

section.dashboard .dashboard-widget .game-stats a.stat-line .title { margin-bottom: 0.42857rem; font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #57575E; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value, section.dashboard .dashboard-widget .game-stats a.stat-line .icon { font-size: 1.5rem; font-weight: bold; line-height: 1; color: #57575E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value.color-1, section.dashboard .dashboard-widget .game-stats a.stat-line .icon.color-1 { color: #ff9f43; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value.color-2, section.dashboard .dashboard-widget .game-stats a.stat-line .icon.color-2 { color: #04cec9; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value.color-3, section.dashboard .dashboard-widget .game-stats a.stat-line .icon.color-3 { color: #f368e0; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value.color-4, section.dashboard .dashboard-widget .game-stats a.stat-line .icon.color-4 { color: #ef534f; }

section.dashboard .dashboard-widget .game-stats a.stat-line .value.color-5, section.dashboard .dashboard-widget .game-stats a.stat-line .icon.color-5 { color: #55a0ff; }

section.dashboard .dashboard-widget .content { margin: 0; padding: 1.42857rem; }

section.dashboard .dashboard-widget .content.no-padding { padding: 0; }

section.dashboard .dashboard-widget .content.no-padding-vertical { padding: 0 1.42857rem; }

section.dashboard .dashboard-widget .content.no-padding-bottom { padding: 1.42857rem 1.42857rem 0; }

section.dashboard .dashboard-widget .content.annoucement > * { margin: 0; }

section.dashboard .dashboard-widget .content.annoucement img { display: block; margin-bottom: 1.42857rem; border-radius: 0.21429rem; }

section.dashboard .dashboard-widget .content.dark { background: linear-gradient(115deg, #f8fafc 20%, #f8fafc 100%); }

section.dashboard .dashboard-widget .content .assignment-completion { padding: 1.42857rem; border: 2px solid #eaf0f6; border-radius: 0.21429rem; background: linear-gradient(115deg, #f8fafc 20%, #f8fafc 100%); }

section.dashboard .dashboard-widget .content .assignment-completion .title { margin-bottom: 1.42857rem; font-size: 0.71429rem; text-transform: uppercase; color: #57575E; font-weight: bold; line-height: 1; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage { min-width: 14.28571rem; margin-bottom: 1.42857rem; padding-bottom: 1.42857rem; border-bottom: 2px solid #eaf0f6; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut { position: relative; display: inline-block; width: 112px; height: 112px; font-size: 112px; vertical-align: middle; overflow: hidden; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut:before, section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut:after { content: ""; background: #f368e0; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut:before { z-index: 2; border-right: none; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut:after { border-left: none; z-index: 3; -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-center { background: white; width: 72%; height: 72%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; border-radius: 100%; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-mask { width: 100%; height: 100%; position: absolute; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-mask:before, section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-mask:after { content: ""; background: #f1f5f9; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-mask:before { border-right: none; z-index: 3; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-mask:after { border-left: none; -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut-count { position: absolute; color: #57575E; font-size: 1.14286rem; font-weight: bold; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 6; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut { display: block; margin: 0 auto; }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut .donut-center { box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.dashboard .dashboard-widget .content .assignment-completion .completion-percentage .donut .donut-count { font-size: 1.5rem; color: #57575E; }

section.dashboard .dashboard-widget .content .assignment-completion .time-left .title { margin-bottom: 0.71429rem; }

section.dashboard .dashboard-widget .content .assignment-completion .time-left .countdown { font-family: 'Oswald', sans-serif; font-size: 1.71429rem; line-height: 1; }

section.dashboard .dashboard-widget .content .assignment-completion .time-left .countdown > div { display: inline-block; color: #ff9f43; }

section.dashboard .dashboard-widget .content .table-wrap { overflow-x: hidden; overflow-y: auto; /* customize scrollbar */ /* firefoox scrollbar */ scrollbar-width: thin; scrollbar-color: #f1f5f9 white; }

section.dashboard .dashboard-widget .content .table-wrap::-webkit-scrollbar { margin-left: 100px; width: 15px; }

section.dashboard .dashboard-widget .content .table-wrap::-webkit-scrollbar-track { background: white; }

section.dashboard .dashboard-widget .content .table-wrap::-webkit-scrollbar-thumb { background: #e6edf4; border-left: 10px solid white; }

section.dashboard .dashboard-widget .content .table-wrap::-webkit-scrollbar-thumb:hover { background: #e3ebf3; }

section.dashboard .dashboard-widget .content .table-wrap.assignments-table { max-height: 19.5rem; }

section.dashboard .dashboard-widget .content table { margin: 0; border-radius: 0; }

section.dashboard .dashboard-widget .content table thead tr th { color: #57575E; border-color: #57575E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .content table thead tr th:first-child { padding-left: 0; }

section.dashboard .dashboard-widget .content table thead tr th:last-child { padding-right: 0; }

section.dashboard .dashboard-widget .content table tbody tr:last-child td { border-bottom: none; }

section.dashboard .dashboard-widget .content table tbody tr:hover { background-color: #f8fafc; }

section.dashboard .dashboard-widget .content table tbody tr td { color: #57575E; overflow: hidden; text-overflow: ellipsis; height: 3.42857rem; }

section.dashboard .dashboard-widget .content table tbody tr td:first-child { padding-left: 0; }

section.dashboard .dashboard-widget .content table tbody tr td:last-child { padding-right: 0; }

section.dashboard .dashboard-widget .content table tbody tr td.positive { color: #3adb76; }

section.dashboard .dashboard-widget .content table tbody tr td.negative { color: #cc4b37; }

section.dashboard .dashboard-widget .content .asset-list { position: relative; overflow: hidden; }

section.dashboard .dashboard-widget .content .asset-list a.asset { display: block; line-height: 3.42857rem; color: #57575E; overflow: hidden; }

section.dashboard .dashboard-widget .content .asset-list a.asset + a.asset { border-top: 1px solid #d0dadd; }

section.dashboard .dashboard-widget .content .asset-list a.asset:hover { opacity: 1; background-color: #f8fafc; }

section.dashboard .dashboard-widget .content .asset-list a.asset .symbol { font-weight: bold; text-transform: uppercase; float: left; }

section.dashboard .dashboard-widget .content .asset-list a.asset .change { font-weight: bold; text-transform: uppercase; float: right; }

section.dashboard .dashboard-widget .content .asset-list a.asset .change.positive { color: #3adb76; }

section.dashboard .dashboard-widget .content .asset-list a.asset .change.negative { color: #cc4b37; }

section.dashboard .dashboard-widget .content .view-all { text-align: center; margin-bottom: 1.42857rem; }

section.dashboard .dashboard-widget .content .view-all a { display: block; width: 100%; height: 100%; font-size: 0.85714rem; color: #57575E; text-transform: uppercase; font-weight: bold; line-height: 1; }

section.dashboard .dashboard-widget .content .badge-container { position: relative; margin-bottom: 1.42857rem; padding: 1.42857rem; border: 2px dashed #eaf0f6; border-radius: 0.21429rem; text-align: center; }

section.dashboard .dashboard-widget .content .badge-container img { display: inline-block; max-height: 7.14286rem; }

section.dashboard .dashboard-widget .content .badge-container .title { margin-top: 0.71429rem; font-size: 0.85714rem; font-weight: bold; line-height: 1.2; text-transform: uppercase; color: #57575E; }

section.dashboard .dashboard-widget .content .badge-container.space-right { margin-right: 0.35714rem; }

section.dashboard .dashboard-widget .content .badge-container.space-left { margin-left: 0.35714rem; }

section.dashboard .dashboard-widget .content .badge-footer { margin-bottom: 0; }

section.dashboard .dashboard-widget .content .badge-footer .title { margin-bottom: 0.42857rem; font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #ff9f43; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .content .badge-footer .value { font-size: 1rem; font-weight: normal; line-height: 1; color: #57575E; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget .content .news-feed { position: relative; max-height: 24.28571rem; overflow: hidden; /* customize scrollbar */ }

section.dashboard .dashboard-widget .content .news-feed .slick-list { height: 100% !important; }

section.dashboard .dashboard-widget .content .news-feed .news-item { padding: 1.42857rem; overflow: hidden; }

section.dashboard .dashboard-widget .content .news-feed .news-item + .news-item { border-top: 1px dashed #d0dadd; }

section.dashboard .dashboard-widget .content .news-feed .news-item h3 { margin-bottom: 0.71429rem; font-size: 1.14286rem; font-weight: bold; color: #57575E; }

section.dashboard .dashboard-widget .content .news-feed .news-item p { margin: 0; color: #57575E; }

section.dashboard .dashboard-widget .content .achievement-carousel { padding: 1.42857rem; border: 2px dashed #eaf0f6; border-radius: 0.21429rem; }

section.dashboard .dashboard-widget .content .achievement { width: 100%; text-align: center; text-decoration: none; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress { width: 150px; height: 150px; font-size: 150px; position: relative; display: table; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); border-radius: 100%; display: inline-block; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress:before, section.dashboard .dashboard-widget .content .achievement .achievement-progress:after { content: ""; background: #3adb76; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress:before { z-index: 2; border-right: none; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress:after { border-left: none; z-index: 3; -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress-center { background: #ffffff; width: 90%; height: 90%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; border: 6px solid #f1f5f9; border-radius: 100%; background-size: cover; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress-mask { width: 100%; height: 100%; position: absolute; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress-mask:before, section.dashboard .dashboard-widget .content .achievement .achievement-progress-mask:after { content: ""; background: #ffffff; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress-mask:before { border-right: none; z-index: 3; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress-mask:after { border-left: none; -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress.progress--100:before, section.dashboard .dashboard-widget .content .achievement .achievement-progress.progress--100:after { background: #ffdd59; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress.progress--100 .achievement-progress-center:after { font-family: "Font Awesome 6 Pro"; font-weight: 900; content: "\f00c"; position: absolute; width: 1.78571rem; height: 1.78571rem; line-height: 1.78571rem; text-align: center; background: #ffdd59; top: -0.59524rem; right: -0.59524rem; border-radius: 50%; color: white; font-size: 0.85714rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

section.dashboard .dashboard-widget .content .achievement.level { cursor: pointer; }

section.dashboard .dashboard-widget .content .achievement .achievement-progress { margin-bottom: 1.42857rem; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

section.dashboard .dashboard-widget .content .achievement .achievement-progress .achievement-progress-center:after { width: 2.14286rem !important; height: 2.14286rem !important; line-height: 2.14286rem !important; }

section.dashboard .dashboard-widget .content .achievement .title { font-size: 0.85714rem; font-weight: bold; color: #57575E; text-transform: uppercase; line-height: 1.2; }

section.dashboard .dashboard-widget .content .achievement .download-pdf { margin-top: 1.42857rem; text-align: center; }

section.dashboard .dashboard-widget .content .achievement .download-pdf a { display: inline-block; border-radius: 0.21429rem; padding: 0 1.07143rem; line-height: 2.42857rem; text-transform: uppercase; font-weight: bold; font-size: 0.85714rem; border: 1px solid #57575E; color: #57575E; }

section.dashboard .dashboard-widget .content .flickity-button { background: transparent; }

section.dashboard .dashboard-widget .content .flickity-prev-next-button { width: 30px; height: 30px; }

section.dashboard .dashboard-widget .content .flickity-button-icon { fill: #57575E; }

section.dashboard .dashboard-widget .content .flickity-button:disabled { display: none; }

section.dashboard .dashboard-widget .content .pagination { margin-top: 0.35714rem; text-align: center; }

section.dashboard .dashboard-widget .content .pagination li { margin: 0; padding: 0; border-radius: 0; }

section.dashboard .dashboard-widget .content .pagination li:first-child { float: left; }

section.dashboard .dashboard-widget .content .pagination li:last-child { float: right; }

section.dashboard .dashboard-widget .content .pagination li a { display: inline-block; width: 2.42857rem; height: 2.42857rem; background: #f1f5f9; padding: 0; border-radius: 1000px; text-transform: uppercase; font-size: 1rem; }

section.dashboard .dashboard-widget .content .pagination li a i { line-height: 2.42857rem; }

section.dashboard .dashboard-widget .content .pagination li a:hover { background: #dfe8f1; }

section.dashboard .dashboard-widget .content .pagination li a:before, section.dashboard .dashboard-widget .content .pagination li a:after { display: none; }

section.dashboard .dashboard-widget .content .trade-ideas p { margin-bottom: 1.07143rem; }

section.dashboard .dashboard-widget .content .trade-ideas table { margin-bottom: 1.07143rem; }

section.dashboard .dashboard-widget .content .trade-ideas table tr td img { max-height: 2.5rem; }

section.dashboard .dashboard-widget .content .user-badge.avatar { float: left; width: 2rem; height: 2rem; margin-right: 0.57143rem; }

section.dashboard .dashboard-widget .content .username { position: relative; top: 0.35714rem; }

section.dashboard .dashboard-widget .content ul.resource-links { list-style: none; margin: 0; line-height: 1.6; }

section.dashboard .dashboard-widget.word-of-day { position: relative; background: #f368e0; }

section.dashboard .dashboard-widget.word-of-day:before, section.dashboard .dashboard-widget.word-of-day:after { position: absolute; content: ""; width: 6.07143rem; height: 5.35714rem; background: url("../img/word-of-day-quote-mark.png"); background-repeat: no-repeat; background-size: cover; opacity: 0.05; z-index: 10; }

section.dashboard .dashboard-widget.word-of-day:before { top: -1.14286rem; right: -1.14286rem; }

section.dashboard .dashboard-widget.word-of-day:after { bottom: -1.14286rem; left: -1.14286rem; -ms-transform: rotate(180deg); transform: rotate(180deg); }

section.dashboard .dashboard-widget.word-of-day .header { position: relative; background: transparent; border-bottom: none; text-align: center; z-index: 20; }

section.dashboard .dashboard-widget.word-of-day .header .title { position: relative; display: inline-block; padding: 0.5rem 0 1rem; color: #ffffff; overflow: visible; }

section.dashboard .dashboard-widget.word-of-day .header .title:after { position: absolute; content: ""; width: 40%; height: 0.14286rem; background: #ffffff; left: 50%; top: calc(100% + 4px); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 100; }

section.dashboard .dashboard-widget.word-of-day .content { position: relative; padding: 1.42857rem 1.42857rem 2.14286rem; z-index: 20; text-align: center; }

section.dashboard .dashboard-widget.word-of-day .content h1 { margin-bottom: 1.14286rem; font-size: 1.5rem; font-weight: bold; color: #ffffff; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

section.dashboard .dashboard-widget.word-of-day .content p { margin-bottom: 1.42857rem; color: #ffffff; }

section.dashboard .dashboard-widget.word-of-day .content a.learn-more { font-weight: bold; font-size: 0.85714rem; color: #6037ce; line-height: 1; text-transform: uppercase; }

section.dashboard .dashboard-widget.word-of-day .content :last-child { margin-bottom: 0; }

section.dashboard .dashboard-widget.word-of-day .content #wordad { margin-bottom: 1.42857rem; }

.credit-score, .guage-chart-container { position: relative; text-align: center; width: 100%; }

.credit-score .credit-score-guage, .credit-score .guage-chart, .guage-chart-container .credit-score-guage, .guage-chart-container .guage-chart { position: relative; display: block; margin: 0 auto; width: 9.28571rem; height: 4.64286rem; }

.credit-score .credit-score-guage .gauge-needle, .credit-score .guage-chart .gauge-needle, .guage-chart-container .credit-score-guage .gauge-needle, .guage-chart-container .guage-chart .gauge-needle { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #707078; top: 50%; left: 50%; transition: .5s ease-in-out; -ms-transform: translate(-50%, 13px) rotate(0deg); transform: translate(-50%, 13px) rotate(0deg); z-index: 2; }

.credit-score .credit-score-guage .gauge-needle:after, .credit-score .guage-chart .gauge-needle:after, .guage-chart-container .credit-score-guage .gauge-needle:after, .guage-chart-container .guage-chart .gauge-needle:after { position: absolute; content: ""; border-radius: 50%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.credit-score .credit-score-guage .gauge-needle:before, .credit-score .guage-chart .gauge-needle:before, .guage-chart-container .credit-score-guage .gauge-needle:before, .guage-chart-container .guage-chart .gauge-needle:before { position: absolute; content: ""; border: 4px solid transparent; border-right: 36px solid #57575E; left: -39px; top: 5px; width: 0; height: 0; }

.credit-score .credit-score-guage .guage-levels, .credit-score .guage-chart .guage-levels, .guage-chart-container .credit-score-guage .guage-levels, .guage-chart-container .guage-chart .guage-levels { position: relative; border-radius: 220px 220px 0 0; overflow: hidden; background: #fff; height: 4.64286rem; }

.credit-score .credit-score-guage .guage-levels:before, .credit-score .guage-chart .guage-levels:before, .guage-chart-container .credit-score-guage .guage-levels:before, .guage-chart-container .guage-chart .guage-levels:before { display: block; position: absolute; content: ''; height: 90px; width: 90px; background-color: #FFF; border-radius: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: -45px; z-index: 1; }

.credit-score .credit-score-guage .guage-levels .guage-level, .credit-score .guage-chart .guage-levels .guage-level, .guage-chart-container .credit-score-guage .guage-levels .guage-level, .guage-chart-container .guage-chart .guage-levels .guage-level { display: block; position: absolute; border-left: 48px solid transparent; border-right: 48px solid transparent; height: 0; margin-left: -48px; bottom: 0; left: 50%; width: 0; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; }

.credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-25, .credit-score .guage-chart .guage-levels .guage-level.guage-slice-25, .guage-chart-container .credit-score-guage .guage-levels .guage-level.guage-slice-25, .guage-chart-container .guage-chart .guage-levels .guage-level.guage-slice-25 { border-top: 114px solid #cc4b37; -ms-transform: rotate(-68deg); transform: rotate(-68deg); }

.credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-50, .credit-score .guage-chart .guage-levels .guage-level.guage-slice-50, .guage-chart-container .credit-score-guage .guage-levels .guage-level.guage-slice-50, .guage-chart-container .guage-chart .guage-levels .guage-level.guage-slice-50 { border-top: 114px solid #ff9f43; -ms-transform: rotate(-24deg); transform: rotate(-24deg); }

.credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-75, .credit-score .guage-chart .guage-levels .guage-level.guage-slice-75, .guage-chart-container .credit-score-guage .guage-levels .guage-level.guage-slice-75, .guage-chart-container .guage-chart .guage-levels .guage-level.guage-slice-75 { border-top: 114px solid #65e394; -ms-transform: rotate(22deg); transform: rotate(22deg); }

.credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-100, .credit-score .guage-chart .guage-levels .guage-level.guage-slice-100, .guage-chart-container .credit-score-guage .guage-levels .guage-level.guage-slice-100, .guage-chart-container .guage-chart .guage-levels .guage-level.guage-slice-100 { border-top: 114px solid #3adb76; -ms-transform: rotate(67deg); transform: rotate(67deg); }

.credit-score .score-result, .guage-chart-container .score-result { display: inline-block; margin-top: 1.42857rem; padding: 0.57143rem 1.14286rem; background: #f8fafc; border: 2px solid #eaf0f6; border-radius: 0.21429rem; overflow: hidden; }

.credit-score .score-result .title, .guage-chart-container .score-result .title { margin-bottom: 0.28571rem; font-size: 0.71429rem; text-transform: uppercase; color: #57575E; font-weight: bold; line-height: 1; font-family: "Lato", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.credit-score .score-result .score, .guage-chart-container .score-result .score { display: inline-block; margin-right: 1.07143rem; padding-right: 1.21429rem; font-weight: bold; font-size: 1.5rem; color: #57575E; line-height: 1; border-right: 2px solid #eaf0f6; vertical-align: middle; font-family: 'Oswald', sans-serif; text-align: left; }

.credit-score .score-result .score-text, .guage-chart-container .score-result .score-text { display: inline-block; font-weight: bold; font-size: 1.5rem; color: #57575E; line-height: 1; text-transform: uppercase; vertical-align: middle; font-family: 'Oswald', sans-serif; }

.credit-score .score-result .score-text.poor, .guage-chart-container .score-result .score-text.poor { color: #cc4b37; }

.credit-score .score-result .score-text.fair, .guage-chart-container .score-result .score-text.fair { color: #ff9f43; }

.credit-score .score-result .score-text.good, .credit-score .score-result .score-text.excellent, .credit-score .score-result .score-text.perfect, .guage-chart-container .score-result .score-text.good, .guage-chart-container .score-result .score-text.excellent, .guage-chart-container .score-result .score-text.perfect { color: #3adb76; }

div.onboarding-tour { border-radius: 0; border: 0.28571rem solid #d0dadd; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

div.onboarding-tour .shepherd-content { border-radius: 0; }

div.onboarding-tour .shepherd-content header.shepherd-header, div.onboarding-tour .shepherd-content div.shepherd-text, div.onboarding-tour .shepherd-content footer.shepherd-footer { padding: 0.71429rem 1.42857rem; }

div.onboarding-tour .shepherd-content header.shepherd-header { padding: 1.42857rem 1.42857rem 0.71429rem; background: #ffffff; }

div.onboarding-tour .shepherd-content header.shepherd-header > h3 { font-size: 1.14286rem; color: #57575E; font-weight: bold; text-transform: uppercase; }

div.onboarding-tour .shepherd-content header.shepherd-header button.shepherd-cancel-icon:hover { margin-top: -0.07143rem; background: transparent; }

div.onboarding-tour .shepherd-content div.shepherd-text { background: #ffffff; font-size: 14px; }

div.onboarding-tour .shepherd-content div.shepherd-text img { margin-bottom: 1rem; border: 1px solid #d0dadd; }

div.onboarding-tour .shepherd-content div.shepherd-text p { color: #57575E; }

div.onboarding-tour .shepherd-content .shepherd-button { background: #ffffff; font-size: 0.85714rem; color: #57575E; width: 50%; font-weight: bold; border-radius: 0; margin-right: 0.28571rem; padding-top: 1.07143rem; padding-bottom: 1.07143rem; }

div.onboarding-tour .shepherd-content .shepherd-button:last-child { margin-right: 0; }

div.onboarding-tour .shepherd-content .shepherd-button:hover { background: #d0dadd; color: #ffffff; }

div.onboarding-tour .shepherd-content footer.shepherd-footer { border-top: 0.28571rem solid #d0dadd; background: #d0dadd; padding: 0; margin-top: 1.07143rem; border-radius: 0; }

div.onboarding-tour .shepherd-arrow:before { background: #d0dadd !important; width: 1.42857rem; height: 1.42857rem; right: -0.14286rem; }

.wp-content { background: #ffffff; box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); padding: 1.42857rem; }

.wp-content p, .wp-content li { font-size: 1.14286rem; line-height: 1.6; }

.wp-content figcaption { font-style: italic; margin-top: 0.57143rem; }

.wp-content figure { margin-bottom: 1.42857rem; }

.wp-content figure.alignleft { float: left; margin-right: 1.42857rem; }

.wp-content figure.alignleft img { border-top: 1px rgba(49, 49, 93, 0.05) solid; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.wp-content figure.alignright { float: right; margin-left: 1.42857rem; }

.wp-content figure.alignright img { border-top: 1px rgba(49, 49, 93, 0.05) solid; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.wp-content figure.aligncenter { text-align: center; }

.wp-content figure.aligncenter img { border-top: 1px rgba(49, 49, 93, 0.05) solid; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.wp-content figure.wp-block-embed-youtube { text-align: center; }

.wp-content figure.wp-block-embed-youtube .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; }

.wp-content figure.wp-block-embed-youtube .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.wp-content table { box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.wp-content table thead tr th { font-size: 1.07143rem; font-weight: 700; }

.wp-content table tr:nth-child(odd) { background: #f7f7f7; }

.wp-content table tr td { font-size: 1.07143rem; }

.wp-content .wp-block-buttons > .wp-block-button { background-color: #1779ba; font-weight: bold; font-size: 0.85714rem; border-radius: 1.78571rem; white-space: nowrap; line-height: normal; margin-bottom: 0.71429rem; }

.wp-content .wp-block-buttons > .wp-block-button a.wp-block-button__link { color: #ffffff; }

.wp-content .millionaire h1, .wp-content .millionaire h2, .wp-content .millionaire h3, .wp-content .millionaire p strong { color: black; }

.wp-content .millionaire h2 { font-size: 2rem; }

.wp-content .millionaire h3 { font-size: 1.71429rem; }

.wp-content .millionaire table.millionaire-report-table { box-shadow: none; }

.wp-content .millionaire table.millionaire-report-table tr th { background-color: #f1f5f9; border: 1px #d0dadd solid; width: 50%; color: black; text-transform: none; font-weight: bold; }

.wp-content .millionaire table.millionaire-report-table tr td { background-color: white; border: 1px #d0dadd solid; width: 50%; color: black; text-align: right; }

.wp-content .millionaire .change-suggestion { background-color: #f1f5f9; border: 1px #d0dadd solid; padding: 1.07143rem 1.42857rem; border-radius: 0.42857rem; margin-bottom: 1.07143rem; }

.wp-content .millionaire .num { font-weight: bold; color: #0a0a0a; font-size: 1.71429rem; }

.wp-content .millionaire input[type=range] { height: 2.14286rem; -webkit-appearance: none; margin: 0.35714rem 0 1.78571rem 0; width: 100%; }

.wp-content .millionaire input[type=range]:focus { outline: none; }

.wp-content .millionaire input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 0.71429rem; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000; border-radius: 0.35714rem; border: 1px solid #000000; background: #1779ba; }

.wp-content .millionaire input[type=range]::-webkit-slider-thumb { box-shadow: 1px 1px 1px #000000; border: 1px solid #000000; height: 1.42857rem; width: 1.07143rem; border-radius: 0.35714rem; background: #FFFFFF; cursor: pointer; -webkit-appearance: none; margin-top: -11px; }

.wp-content .millionaire input[type=range]:focus::-webkit-slider-runnable-track { background: #1779ba; }

.wp-content .millionaire input[type=range]:focus::-webkit-slider-runnable-track { background: #1779ba; }

.wp-content .millionaire input[type=range]::-moz-range-track { width: 100%; height: 0.71429rem; cursor: pointer; animate: 0.2s; box-shadow: 1px 1px 1px #000000; border-radius: 0.35714rem; border: 1px solid #000000; background: #1779ba; }

.wp-content .millionaire input[type=range]::-moz-range-thumb { box-shadow: 1px 1px 1px #000000; border: 1px solid #000000; height: 2.14286rem; width: 1.07143rem; border-radius: 0.35714rem; background: white; cursor: pointer; }

.wp-content .millionaire input[type=range]::-ms-track { width: 100%; height: 0.71429rem; cursor: pointer; background: transparent; border-color: transparent; color: transparent; background: #1779ba; }

.wp-content .millionaire input[type=range]::-ms-fill-lower { border: 1px solid #000000; border-radius: 0.71429rem; box-shadow: 1px 1px 1px #000000; }

.wp-content .millionaire input[type=range]::-ms-fill-upper { border: 1px solid #000000; border-radius: 0.71429rem; box-shadow: 1px 1px 1px #000000; }

.wp-content .millionaire input[type=range]::-ms-thumb { margin-top: 0.07143rem; box-shadow: 1px 1px 1px #000000; border: 1px solid #000000; height: 2.14286rem; width: 1.07143rem; border-radius: 0.35714rem; background: white; cursor: pointer; }

.wp-content .millionaire input[type=range]:focus::-ms-fill-lower { background: #1779ba; }

.wp-content .millionaire input[type=range]:focus::-ms-fill-upper { background: #1779ba; }

table.taglist { box-shadow: 0 6px 10px 0px rgba(49, 49, 93, 0.05), 0 1px 8px 0 rgba(49, 49, 93, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1); }

table.taglist tr h3 { margin-bottom: 0; }

table.taglist tr:nth-last-child(1) { border-bottom: 0; }

table.taglist tr a.bold { display: block; }

.admin-assignments .createnew-description { margin-top: 2.14286rem; }

.admin-assignments .header-bar { background: #f1f5f9; border: 0.07143rem #d0dadd solid; box-shadow: none; }

.admin-assignments .header-bar .border-bottom { border-bottom: 0.07143rem #d0dadd solid; }

.admin-assignments .header-bar .cell.contest-select { padding: 1.42857rem; }

.admin-assignments .header-bar .cell.assignment-dd { padding: 1.42857rem 1.42857rem 1.42857rem 0; }

.admin-assignments .header-bar .cell.edit-assignment { padding: 1.42857rem; padding-left: 0; }

.admin-assignments .header-bar .cell.total-group { padding: 1.42857rem; border-left: 0.07143rem #d0dadd solid; border-right: 0.07143rem #d0dadd solid; }

.admin-assignments .header-bar .cell.group-grade { padding: 1.42857rem; border-right: 0.07143rem #d0dadd solid; }

.admin-assignments .header-bar .cell.create-new { padding: 1.07143rem 1.07143rem 1.07143rem 1.42857rem; }

.admin-assignments .header-bar .cell.user-progress-report { padding: 1.07143rem 1.42857rem; }

.admin-assignments .header-bar .cell.user-progress-report .progress-report-of { text-transform: uppercase; font-size: 1rem; line-height: 1.2; font-weight: bold; color: #1779ba; }

.admin-assignments .header-bar .cell.user-progress-report .full-name { font-size: 1.28571rem; font-weight: bold; color: #57575E; line-height: 1.2; }

.admin-assignments .header-bar .cell.completion-progress { padding: 1.07143rem 1.42857rem; border-left: 1px #d0dadd solid; }

.admin-assignments .header-bar .cell.completion-progress .assignments-progress { background: #ffffff; }

.admin-assignments .header-bar .cell.total-time { padding: 1.42857rem; border-left: 1px #d0dadd solid; }

.admin-assignments .header-bar .cell.overall-grade { padding: 1.42857rem; border-left: 1px #d0dadd solid; }

.admin-assignments label { line-height: normal; text-transform: uppercase; margin-bottom: 0.28571rem; color: #57575E; letter-spacing: 0.07143rem; font-size: 0.71429rem; font-weight: bold; }

.admin-assignments select { min-width: 14.28571rem; background-size: 18px 20px; background-image: url(../img/fa-chevron-right.png); }

.admin-assignments input.date-input { background-color: transparent; background-repeat: no-repeat; background-position: right 0.5rem center; background-size: 22px 20px; background-image: url(../img/fa-calendar.png); }

.admin-assignments .value { font-size: 1.28571rem; color: #0a0a0a; font-weight: bold; line-height: 1.42857rem; }

.admin-assignments .button { font-weight: bold; font-size: 0.85714rem; border-radius: 1.78571rem !important; text-transform: uppercase !important; white-space: nowrap; line-height: normal; padding: 0.57143rem 1.28571rem; margin-bottom: 0; }

.admin-assignments .button.hollow { background: transparent; border-width: 0.14286rem; }

.admin-assignments .button.hollow.inverse { color: #ffffff !important; border-color: #ffffff; }

.admin-assignments .button.hollow:focus { border-color: #1779ba; }

.admin-assignments .button i { margin-right: 0.35714rem; }

.admin-assignments .tabs-wrapper { margin-bottom: 0; box-shadow: none; }

.admin-assignments .tabs-wrapper .tabs { background: #1779ba; }

.admin-assignments .tabs-wrapper .tabs-title { background-color: transparent !important; }

.admin-assignments .tabs-wrapper .tabs-title > a { background: transparent !important; color: #ffffff !important; text-transform: uppercase !important; font-weight: bold !important; opacity: 0.65 !important; }

.admin-assignments .tabs-wrapper .tabs-title > a:hover { opacity: 1 !important; background: transparent !important; }

.admin-assignments .tabs-wrapper .tabs-title > a.button.inverse { opacity: 1 !important; padding: 0.57143rem 1.28571rem !important; }

.admin-assignments .tabs-wrapper .tabs-title.float-right { padding-top: 0.5rem; padding-bottom: 0.42857rem; }

.admin-assignments .tabs-wrapper .tabs-title.is-active { background-color: #ffffff !important; }

.admin-assignments .tabs-wrapper .tabs-title.is-active a { background: transparent !important; color: #1779ba !important; opacity: 1 !important; text-transform: uppercase !important; }

.admin-assignments .tabs-wrapper .tabs-title.is-active a:hover { color: #1779ba !important; background: transparent !important; }

.admin-assignments table thead tr th { background-color: #f1f5f9; border-top: 0.07143rem #d0dadd solid; border-bottom: 0.07143rem #d0dadd solid; color: #1779ba; font-size: 0.71429rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.07143rem; }

.admin-assignments .assignments-progress { position: relative; min-width: 8.57143rem; max-width: 100%; height: 2.14286rem; background: #f1f5f9; border: 1px #ffffff solid; }

.admin-assignments .assignments-progress .progress-percentage { position: absolute; top: 0; left: 0; width: 100%; height: 2.14286rem; line-height: 2.14286rem; text-align: center; font-size: 1rem; font-weight: bold; z-index: 10; color: #57575E !important; }

.admin-assignments .assignments-progress .progress-bar { position: absolute; top: 0; left: 0; width: 100%; height: 2.14286rem; line-height: 2.14286rem; background: #3adb76 !important; }

.admin-assignments .accordion-title { padding: 1.07143rem; background-color: #1779ba; color: #ffffff !important; font-size: 1.14286rem; font-weight: bold; border-color: #1779ba; text-transform: none; }

.admin-assignments .accordion-title:hover { background-color: #1779ba !important; color: #ffffff !important; opacity: 1 !important; }

.admin-assignments .accordion-content { display: block; padding: 0; border: 0; }

.admin-assignments .tasks-by-group { padding: 1.07143rem; background-color: #1779ba; color: #ffffff; font-size: 1.14286rem; font-weight: bold; border-color: #1779ba; text-transform: none; }

.admin-assignments h3.title { font-size: 1.14286rem; letter-spacing: 0.07143rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1.07143rem; }

.admin-assignments .answer { display: inline-block; padding: 0.57143rem 1.28571rem; font-weight: bold; font-size: 0.85714rem; border-radius: 1.78571rem !important; text-transform: uppercase; white-space: nowrap; }

.admin-assignments .answer.correct { background: #eff7e0; color: #9bcc40; }

.admin-assignments .answer.incorrect { background: #f9e5e4; color: #db5e56; }

.admin-assignments .answer.unanswered { background: #eaeaea; color: #57575E; }

.admin-assignments .answer.ellipse { padding: 0.57143rem 0.28571rem; }

.admin-assignments .answer i { margin-left: 0.35714rem; margin-right: 0.35714rem; }

.admin-assignments select#ddlattempts { min-width: auto; width: 70px; margin: 0 6px 10px 6px; }

.tournamentv2 #class-details, .tournamentv2 #budget-settings, .tournamentv2 #portfolio-settings, .tournamentv2 #trade-settings, .tournamentv2 #assignments-page, .tournamentv2 #confirmation, .tournamentv2 .editBudgetGame, .tournamentv2 .editTournament { background-color: #f1f5f9; }

.tournamentv2 #class-details p strong, .tournamentv2 #class-details ul li strong, .tournamentv2 #budget-settings p strong, .tournamentv2 #budget-settings ul li strong, .tournamentv2 #portfolio-settings p strong, .tournamentv2 #portfolio-settings ul li strong, .tournamentv2 #trade-settings p strong, .tournamentv2 #trade-settings ul li strong, .tournamentv2 #assignments-page p strong, .tournamentv2 #assignments-page ul li strong, .tournamentv2 #confirmation p strong, .tournamentv2 #confirmation ul li strong, .tournamentv2 .editBudgetGame p strong, .tournamentv2 .editBudgetGame ul li strong, .tournamentv2 .editTournament p strong, .tournamentv2 .editTournament ul li strong { color: #0a0a0a; }

.tournamentv2 #class-details label.labelName, .tournamentv2 #budget-settings label.labelName, .tournamentv2 #portfolio-settings label.labelName, .tournamentv2 #trade-settings label.labelName, .tournamentv2 #assignments-page label.labelName, .tournamentv2 #confirmation label.labelName, .tournamentv2 .editBudgetGame label.labelName, .tournamentv2 .editTournament label.labelName { line-height: normal; text-transform: uppercase; margin-bottom: 0.28571rem; color: #57575E; letter-spacing: 0.07143rem; font-size: 0.71429rem; font-weight: bold; }

.tournamentv2 #class-details i.fa-question-circle-o, .tournamentv2 #budget-settings i.fa-question-circle-o, .tournamentv2 #portfolio-settings i.fa-question-circle-o, .tournamentv2 #trade-settings i.fa-question-circle-o, .tournamentv2 #assignments-page i.fa-question-circle-o, .tournamentv2 #confirmation i.fa-question-circle-o, .tournamentv2 .editBudgetGame i.fa-question-circle-o, .tournamentv2 .editTournament i.fa-question-circle-o { color: #8a8a8a; font-size: 0.85714rem; }

.tournamentv2 #class-details i.fa-question-circle-o:hover, .tournamentv2 #budget-settings i.fa-question-circle-o:hover, .tournamentv2 #portfolio-settings i.fa-question-circle-o:hover, .tournamentv2 #trade-settings i.fa-question-circle-o:hover, .tournamentv2 #assignments-page i.fa-question-circle-o:hover, .tournamentv2 #confirmation i.fa-question-circle-o:hover, .tournamentv2 .editBudgetGame i.fa-question-circle-o:hover, .tournamentv2 .editTournament i.fa-question-circle-o:hover { color: #0a0a0a; }

.tournamentv2 #class-details select, .tournamentv2 #budget-settings select, .tournamentv2 #portfolio-settings select, .tournamentv2 #trade-settings select, .tournamentv2 #assignments-page select, .tournamentv2 #confirmation select, .tournamentv2 .editBudgetGame select, .tournamentv2 .editTournament select { background-size: 1.28571rem 1.42857rem; background-image: url(../img/fa-chevron-right.png); }

.tournamentv2 #class-details input[type="radio"], .tournamentv2 #budget-settings input[type="radio"], .tournamentv2 #portfolio-settings input[type="radio"], .tournamentv2 #trade-settings input[type="radio"], .tournamentv2 #assignments-page input[type="radio"], .tournamentv2 #confirmation input[type="radio"], .tournamentv2 .editBudgetGame input[type="radio"], .tournamentv2 .editTournament input[type="radio"] { appearance: none; width: 1.28571rem; height: 1.28571rem; border: 2px solid #1779ba; border-radius: 50%; -ms-transform: translateY(-0.075em); transform: translateY(-0.075em); display: -ms-inline-grid; display: inline-grid; place-content: center; background-color: transparent; }

.tournamentv2 #class-details input[type="radio"]::before, .tournamentv2 #budget-settings input[type="radio"]::before, .tournamentv2 #portfolio-settings input[type="radio"]::before, .tournamentv2 #trade-settings input[type="radio"]::before, .tournamentv2 #assignments-page input[type="radio"]::before, .tournamentv2 #confirmation input[type="radio"]::before, .tournamentv2 .editBudgetGame input[type="radio"]::before, .tournamentv2 .editTournament input[type="radio"]::before { content: ""; width: 0.57143rem; height: 0.57143rem; border-radius: 50%; -ms-transform: scale(0); transform: scale(0); transition: 120ms transform ease-in-out; background-color: #1779ba; }

.tournamentv2 #class-details input[type="radio"]:checked::before, .tournamentv2 #budget-settings input[type="radio"]:checked::before, .tournamentv2 #portfolio-settings input[type="radio"]:checked::before, .tournamentv2 #trade-settings input[type="radio"]:checked::before, .tournamentv2 #assignments-page input[type="radio"]:checked::before, .tournamentv2 #confirmation input[type="radio"]:checked::before, .tournamentv2 .editBudgetGame input[type="radio"]:checked::before, .tournamentv2 .editTournament input[type="radio"]:checked::before { -ms-transform: scale(1); transform: scale(1); }

.tournamentv2 #class-details input[type="checkbox"], .tournamentv2 #budget-settings input[type="checkbox"], .tournamentv2 #portfolio-settings input[type="checkbox"], .tournamentv2 #trade-settings input[type="checkbox"], .tournamentv2 #assignments-page input[type="checkbox"], .tournamentv2 #confirmation input[type="checkbox"], .tournamentv2 .editBudgetGame input[type="checkbox"], .tournamentv2 .editTournament input[type="checkbox"] { appearance: none; width: 1.28571rem; height: 1.28571rem; border: 2px solid #1779ba; border-radius: 0.21429rem; -ms-transform: translateY(-0.075em); transform: translateY(-0.075em); margin: 0; position: relative; top: 0.14286rem; background-color: transparent; display: -ms-inline-flexbox; display: inline-flex; }

.tournamentv2 #class-details input[type="checkbox"]::before, .tournamentv2 #budget-settings input[type="checkbox"]::before, .tournamentv2 #portfolio-settings input[type="checkbox"]::before, .tournamentv2 #trade-settings input[type="checkbox"]::before, .tournamentv2 #assignments-page input[type="checkbox"]::before, .tournamentv2 #confirmation input[type="checkbox"]::before, .tournamentv2 .editBudgetGame input[type="checkbox"]::before, .tournamentv2 .editTournament input[type="checkbox"]::before { content: "\2716"; font-size: 14px; position: relative; top: -1px; left: 1px; width: 1.28571rem; height: 1.28571rem; border-radius: 0.21429rem; -ms-transform: scale(0); transform: scale(0); transition: 120ms transform ease-in-out; color: #1779ba; }

.tournamentv2 #class-details input[type="checkbox"]:checked::before, .tournamentv2 #budget-settings input[type="checkbox"]:checked::before, .tournamentv2 #portfolio-settings input[type="checkbox"]:checked::before, .tournamentv2 #trade-settings input[type="checkbox"]:checked::before, .tournamentv2 #assignments-page input[type="checkbox"]:checked::before, .tournamentv2 #confirmation input[type="checkbox"]:checked::before, .tournamentv2 .editBudgetGame input[type="checkbox"]:checked::before, .tournamentv2 .editTournament input[type="checkbox"]:checked::before { -ms-transform: scale(1); transform: scale(1); }

.tournamentv2 #class-details .switch .switch-paddle, .tournamentv2 #budget-settings .switch .switch-paddle, .tournamentv2 #portfolio-settings .switch .switch-paddle, .tournamentv2 #trade-settings .switch .switch-paddle, .tournamentv2 #assignments-page .switch .switch-paddle, .tournamentv2 #confirmation .switch .switch-paddle, .tournamentv2 .editBudgetGame .switch .switch-paddle, .tournamentv2 .editTournament .switch .switch-paddle { border-radius: 20px; }

.tournamentv2 #class-details .switch .switch-paddle::after, .tournamentv2 #budget-settings .switch .switch-paddle::after, .tournamentv2 #portfolio-settings .switch .switch-paddle::after, .tournamentv2 #trade-settings .switch .switch-paddle::after, .tournamentv2 #assignments-page .switch .switch-paddle::after, .tournamentv2 #confirmation .switch .switch-paddle::after, .tournamentv2 .editBudgetGame .switch .switch-paddle::after, .tournamentv2 .editTournament .switch .switch-paddle::after { border-radius: 50%; }

.tournamentv2 #class-details .switch input, .tournamentv2 #budget-settings .switch input, .tournamentv2 #portfolio-settings .switch input, .tournamentv2 #trade-settings .switch input, .tournamentv2 #assignments-page .switch input, .tournamentv2 #confirmation .switch input, .tournamentv2 .editBudgetGame .switch input, .tournamentv2 .editTournament .switch input { position: absolute; }

.tournamentv2 #class-details .switch input:checked ~ .switch-paddle, .tournamentv2 #budget-settings .switch input:checked ~ .switch-paddle, .tournamentv2 #portfolio-settings .switch input:checked ~ .switch-paddle, .tournamentv2 #trade-settings .switch input:checked ~ .switch-paddle, .tournamentv2 #assignments-page .switch input:checked ~ .switch-paddle, .tournamentv2 #confirmation .switch input:checked ~ .switch-paddle, .tournamentv2 .editBudgetGame .switch input:checked ~ .switch-paddle, .tournamentv2 .editTournament .switch input:checked ~ .switch-paddle { border-radius: 20px; }

.tournamentv2 #class-details .button, .tournamentv2 #budget-settings .button, .tournamentv2 #portfolio-settings .button, .tournamentv2 #trade-settings .button, .tournamentv2 #assignments-page .button, .tournamentv2 #confirmation .button, .tournamentv2 .editBudgetGame .button, .tournamentv2 .editTournament .button { font-weight: bold; font-size: 0.85714rem; border-radius: 1.78571rem !important; text-transform: uppercase !important; white-space: nowrap; line-height: normal; padding: 0.57143rem 1.28571rem; margin-bottom: 0; }

.tournamentv2 #class-details .button.hollow, .tournamentv2 #budget-settings .button.hollow, .tournamentv2 #portfolio-settings .button.hollow, .tournamentv2 #trade-settings .button.hollow, .tournamentv2 #assignments-page .button.hollow, .tournamentv2 #confirmation .button.hollow, .tournamentv2 .editBudgetGame .button.hollow, .tournamentv2 .editTournament .button.hollow { background: transparent; border-width: 0.14286rem; }

.tournamentv2 #class-details .button.hollow.inverse, .tournamentv2 #budget-settings .button.hollow.inverse, .tournamentv2 #portfolio-settings .button.hollow.inverse, .tournamentv2 #trade-settings .button.hollow.inverse, .tournamentv2 #assignments-page .button.hollow.inverse, .tournamentv2 #confirmation .button.hollow.inverse, .tournamentv2 .editBudgetGame .button.hollow.inverse, .tournamentv2 .editTournament .button.hollow.inverse { color: #ffffff !important; border-color: #ffffff; }

.tournamentv2 #class-details .button.hollow:focus, .tournamentv2 #budget-settings .button.hollow:focus, .tournamentv2 #portfolio-settings .button.hollow:focus, .tournamentv2 #trade-settings .button.hollow:focus, .tournamentv2 #assignments-page .button.hollow:focus, .tournamentv2 #confirmation .button.hollow:focus, .tournamentv2 .editBudgetGame .button.hollow:focus, .tournamentv2 .editTournament .button.hollow:focus { border-color: #1779ba; }

.tournamentv2 #class-details .button i, .tournamentv2 #budget-settings .button i, .tournamentv2 #portfolio-settings .button i, .tournamentv2 #trade-settings .button i, .tournamentv2 #assignments-page .button i, .tournamentv2 #confirmation .button i, .tournamentv2 .editBudgetGame .button i, .tournamentv2 .editTournament .button i { margin-right: 0.35714rem; }

.tournamentv2 #class-details .need-help-box, .tournamentv2 #budget-settings .need-help-box, .tournamentv2 #portfolio-settings .need-help-box, .tournamentv2 #trade-settings .need-help-box, .tournamentv2 #assignments-page .need-help-box, .tournamentv2 #confirmation .need-help-box, .tournamentv2 .editBudgetGame .need-help-box, .tournamentv2 .editTournament .need-help-box { width: 100%; background: #ffffff; border: 1px #d0dadd solid; padding: 1.78571rem; margin-bottom: 1.42857rem; }

@media only screen and (min-width: 1200px) { .tournamentv2 #class-details .need-help-box, .tournamentv2 #budget-settings .need-help-box, .tournamentv2 #portfolio-settings .need-help-box, .tournamentv2 #trade-settings .need-help-box, .tournamentv2 #assignments-page .need-help-box, .tournamentv2 #confirmation .need-help-box, .tournamentv2 .editBudgetGame .need-help-box, .tournamentv2 .editTournament .need-help-box { float: right; width: 20rem; } }

.tournamentv2 #class-details .need-help-box h4, .tournamentv2 #budget-settings .need-help-box h4, .tournamentv2 #portfolio-settings .need-help-box h4, .tournamentv2 #trade-settings .need-help-box h4, .tournamentv2 #assignments-page .need-help-box h4, .tournamentv2 #confirmation .need-help-box h4, .tournamentv2 .editBudgetGame .need-help-box h4, .tournamentv2 .editTournament .need-help-box h4 { font-size: 1.14286rem; font-weight: bold; }

.tournamentv2 #class-details .need-help-box p:last-child, .tournamentv2 #budget-settings .need-help-box p:last-child, .tournamentv2 #portfolio-settings .need-help-box p:last-child, .tournamentv2 #trade-settings .need-help-box p:last-child, .tournamentv2 #assignments-page .need-help-box p:last-child, .tournamentv2 #confirmation .need-help-box p:last-child, .tournamentv2 .editBudgetGame .need-help-box p:last-child, .tournamentv2 .editTournament .need-help-box p:last-child { margin-bottom: 0; }

.tournamentv2 #class-details .or-divider, .tournamentv2 #budget-settings .or-divider, .tournamentv2 #portfolio-settings .or-divider, .tournamentv2 #trade-settings .or-divider, .tournamentv2 #assignments-page .or-divider, .tournamentv2 #confirmation .or-divider, .tournamentv2 .editBudgetGame .or-divider, .tournamentv2 .editTournament .or-divider { margin-top: 2.14286rem; margin-bottom: 2.14286rem; }

.tournamentv2 #class-details .or-divider .line, .tournamentv2 #budget-settings .or-divider .line, .tournamentv2 #portfolio-settings .or-divider .line, .tournamentv2 #trade-settings .or-divider .line, .tournamentv2 #assignments-page .or-divider .line, .tournamentv2 #confirmation .or-divider .line, .tournamentv2 .editBudgetGame .or-divider .line, .tournamentv2 .editTournament .or-divider .line { border-top: 1px #d0dadd solid; }

.tournamentv2 #class-details .or-divider .or-text, .tournamentv2 #budget-settings .or-divider .or-text, .tournamentv2 #portfolio-settings .or-divider .or-text, .tournamentv2 #trade-settings .or-divider .or-text, .tournamentv2 #assignments-page .or-divider .or-text, .tournamentv2 #confirmation .or-divider .or-text, .tournamentv2 .editBudgetGame .or-divider .or-text, .tournamentv2 .editTournament .or-divider .or-text { text-align: center; font-size: 0.78571rem; line-height: 0.78571rem; color: #d0dadd; font-weight: bold; background: #f1f5f9; width: 2.14286rem; margin: -6px auto 0; text-transform: uppercase; }

.tournamentv2 #class-details .thead-pt-ft, .tournamentv2 #budget-settings .thead-pt-ft, .tournamentv2 #portfolio-settings .thead-pt-ft, .tournamentv2 #trade-settings .thead-pt-ft, .tournamentv2 #assignments-page .thead-pt-ft, .tournamentv2 #confirmation .thead-pt-ft, .tournamentv2 .editBudgetGame .thead-pt-ft, .tournamentv2 .editTournament .thead-pt-ft { border: 1px #d0dadd solid; border-bottom: 0; padding-top: 0.85714rem; padding-bottom: 0.57143rem; background: #ffffff; border-top-left-radius: 0.21429rem; border-top-right-radius: 0.21429rem; }

.tournamentv2 #class-details .security-type-label, .tournamentv2 #budget-settings .security-type-label, .tournamentv2 #portfolio-settings .security-type-label, .tournamentv2 #trade-settings .security-type-label, .tournamentv2 #assignments-page .security-type-label, .tournamentv2 #confirmation .security-type-label, .tournamentv2 .editBudgetGame .security-type-label, .tournamentv2 .editTournament .security-type-label { font-size: 1.14286rem; }

.tournamentv2 #class-details input.addwhitelist, .tournamentv2 #budget-settings input.addwhitelist, .tournamentv2 #portfolio-settings input.addwhitelist, .tournamentv2 #trade-settings input.addwhitelist, .tournamentv2 #assignments-page input.addwhitelist, .tournamentv2 #confirmation input.addwhitelist, .tournamentv2 .editBudgetGame input.addwhitelist, .tournamentv2 .editTournament input.addwhitelist { border-radius: 50%; background: white; border: 2px #1779ba solid; color: #1779ba; font-size: 1.14286rem; line-height: 1.64286rem; font-weight: bold; width: 2rem; height: 2rem; text-align: center; }

.tournamentv2 #class-details input.removewhitelist, .tournamentv2 #budget-settings input.removewhitelist, .tournamentv2 #portfolio-settings input.removewhitelist, .tournamentv2 #trade-settings input.removewhitelist, .tournamentv2 #assignments-page input.removewhitelist, .tournamentv2 #confirmation input.removewhitelist, .tournamentv2 .editBudgetGame input.removewhitelist, .tournamentv2 .editTournament input.removewhitelist { border-radius: 50%; background: white; border: 2px #1779ba solid; color: #1779ba; font-size: 1.28571rem; line-height: 0.42857rem; font-weight: bold; width: 2rem; height: 2rem; text-align: center; position: absolute; margin-left: 0.28571rem; }

.tournamentv2 table { border: 1px #d0dadd solid; }

.tournamentv2 h2 { font-size: 1.28571rem; color: #0a0a0a; }

.tournamentv2 .create-account { background-color: white; border: 1px #d0dadd solid; padding: 1.78571rem; margin-bottom: 1.42857rem; }

.tournamentv2 .create-account .number-ellipse { background-color: #1779ba; border-radius: 50%; width: 2.85714rem; height: 2.85714rem; margin: auto; font-size: 1.42857rem; line-height: 2.71429rem; font-weight: bold; color: white; position: relative; margin-top: -3.57143rem; margin-bottom: 0.71429rem; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.tournamentv2 .boxed-link { background-color: white; padding: 0.71429rem 1.07143rem; border: 1px #1779ba solid; font-weight: bold; box-shadow: 0 1px 0 0px rgba(49, 49, 93, 0.05), 0 2px 3px 0 rgba(49, 49, 93, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

.tournamentv2 .admin-assignments .tabs-wrapper .tabs-title.is-active { background-color: #f1f5f9 !important; }

.options-spreads .box-wrapper { background-color: #f1f5f9; }

@media screen and (min-width: 64em) { .options-spreads .box-wrapper { padding: 2.14286rem; } }

.options-spreads .box-wrapper .left-side { padding-bottom: 1.42857rem; border-bottom: 1px #d0dadd dashed; }

@media screen and (min-width: 64em) { .options-spreads .box-wrapper .left-side { border-bottom: 0; padding-bottom: 0; padding-right: 2.14286rem; } }

.options-spreads .box-wrapper .left-side select { min-width: auto; }

.options-spreads .box-wrapper .right-side { padding-top: 1.42857rem; }

@media screen and (min-width: 64em) { .options-spreads .box-wrapper .right-side { border-left: 1px #d0dadd dashed; padding-top: 0; padding-left: 2.14286rem; } }

.options-spreads .box-wrapper .leg-card { background: #ffffff; border: 1px #d0dadd solid; border-radius: 0.21429rem; margin-bottom: 1.42857rem; }

.options-spreads .box-wrapper .leg-card hr { border-bottom: 1px #d0dadd dashed; }

.options-spreads .box-wrapper .leg-card .leg-number-section { display: -ms-grid; display: grid; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 1.42857rem; border-top-left-radius: 0.21429rem; border-bottom-left-radius: 0.21429rem; }

@media screen and (min-width: 64em) { .options-spreads .box-wrapper .leg-card .leg-number-section { min-height: 11.57143rem; } }

.options-spreads .box-wrapper .leg-card .leg-number-section.one { background: #303048; }

.options-spreads .box-wrapper .leg-card .leg-number-section.two { background: #444567; }

.options-spreads .box-wrapper .leg-card .leg-number-section.three { background: #6E6E7F; }

.options-spreads .box-wrapper .leg-card .leg-number-section.four { background: #7C7D95; }

.options-spreads .box-wrapper .leg-card .leg-number-section .leg-number { text-transform: uppercase; font-size: 1rem; line-height: 1; color: #ffffff; }

.options-spreads .box-wrapper .leg-card .leg-number-section .leg-number span { font-size: 2.85714rem; }

.options-spreads .box-wrapper .leg-card .buy-write { padding: 1.42857rem 1.42857rem 0 1.42857rem; }

.options-spreads .box-wrapper .leg-card .strike-qty { padding-left: 1.42857rem; padding-right: 1.42857rem; }

.options-spreads .box-wrapper .leg-card .leg-quote-number { border-top-left-radius: 0.21429rem; border-top-right-radius: 0.21429rem; padding: 0.71429rem; color: #ffffff; font-size: 1.14286rem; }

.options-spreads .box-wrapper .leg-card .leg-quote-number.one { background: #303048; }

.options-spreads .box-wrapper .leg-card .leg-quote-number.two { background: #444567; }

.options-spreads .box-wrapper .leg-card .leg-quote-number.three { background: #6E6E7F; }

.options-spreads .box-wrapper .leg-card .leg-quote-number.four { background: #7C7D95; }

.options-spreads .box-wrapper .leg-card .quote-content { padding: 1.07143rem 1.42857rem 1.42857rem 1.42857rem; }

.options-spreads .box-wrapper .leg-card .quote-content strong { color: #0a0a0a; }

.options-spreads .box-wrapper .leg-card .quote-content .last-price { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 1.14286rem; border-bottom: 1px #d0dadd dashed; padding-bottom: 1.07143rem; }

.options-spreads .box-wrapper .leg-card .quote-content .bid-ask { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-top: 1.07143rem; font-size: 0.78571rem; }

.options-spreads .box-wrapper .leg-card .quote-content .days-volume { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.78571rem; }

.options-spreads .box-wrapper .order-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

.options-spreads .box-wrapper .order-footer .actions { margin-top: 1.42857rem; }

.options-spreads .box-wrapper .order-footer .order-total { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: right; justify-content: right; margin-top: 1.42857rem; }

.options-spreads .box-wrapper .order-footer .order-total div { margin-right: 1.42857rem; }

.options-spreads .box-wrapper .order-footer .order-total span { color: #0a0a0a; font-size: 1.5rem; }

.options-spreads .box-wrapper h6 { color: #0a0a0a; }

.options-spreads .box-wrapper .diagram { background-color: #ffffff; border: 1px #d0dadd solid; border-radius: 3px; padding: 1.42857rem; margin: 1.42857rem 0; }

.options-spreads .box-wrapper .security-price-details { background-color: #ffffff; border: 1px #d0dadd solid; border-radius: 3px; padding: 1.07143rem 1.42857rem; margin: 0 0 1.42857rem; }

.options-spreads .box-wrapper .security-price-details .price-info .item { font-size: 1.28571rem; font-weight: bold; line-height: 1; }

.options-spreads .box-wrapper .security-price-details .price-info .item small { display: block; font-size: 0.78571rem; font-weight: normal; margin-top: 0.28571rem; }

.options-spreads .box-wrapper .security-price-details .price-info .item i { padding: 0 0.14286rem; }

.options-spreads .box-wrapper .security-price-details .price-info.positive .item *:not(small) { color: #3adb76; }

.options-spreads .box-wrapper .security-price-details .price-info.negative .item *:not(small) { color: #cc4b37; }

.options-spreads .box-wrapper .security-price-details .quote-datetime { margin-top: 0.57143rem; font-size: 0.78571rem; line-height: 1; text-align: center; }

.options-spreads .box-wrapper .review-order, .options-spreads .box-wrapper .order-placed { position: relative; }

.options-spreads .box-wrapper .review-order p, .options-spreads .box-wrapper .order-placed p { margin-bottom: 1.42857rem; }

.options-spreads .box-wrapper .review-order .callout, .options-spreads .box-wrapper .order-placed .callout { margin-bottom: 1.78571rem; text-align: center; text-transform: uppercase; }

.options-spreads .box-wrapper .review-order .callout:not(.success), .options-spreads .box-wrapper .order-placed .callout:not(.success) { background: lightyellow; }

.options-spreads .box-wrapper .review-order .callout strong, .options-spreads .box-wrapper .order-placed .callout strong { font-size: 1.5rem; }

.options-spreads .box-wrapper .review-order .callout p, .options-spreads .box-wrapper .order-placed .callout p { margin: 0; }

.how-to-place-order h3.title { font-size: 1.14286rem; letter-spacing: 0.07143rem; text-transform: uppercase; font-weight: 600; color: #1779ba; margin: 2.14286rem 0 1.42857rem; }

@media screen and (min-width: 40em) { .how-to-place-order .large-2 { padding-left: 0; padding-right: 0; }
  .how-to-place-order .large-2:first-child, .how-to-place-order .large-2:nth-child(4) { padding-right: 0; padding-left: 1.07143rem; }
  .how-to-place-order .large-2:nth-child(3), .how-to-place-order .large-2:last-child { padding-right: 1.07143rem; padding-left: 0; }
  .how-to-place-order .large-2:nth-child(3) .widget > .title, .how-to-place-order .large-2:last-child .widget > .title { border-right: 0; }
  .how-to-place-order .large-2 .widget { min-height: 34.28571rem; }
  .how-to-place-order .large-2 .widget > .title { border-right: 1px #d0dadd solid; } }

@media screen and (min-width: 64em) { .how-to-place-order .large-2 { padding-left: 0; padding-right: 0; }
  .how-to-place-order .large-2:nth-child(4), .how-to-place-order .large-2:nth-child(3) { padding-left: 0; padding-right: 0; }
  .how-to-place-order .large-2:nth-child(4) .widget > .title, .how-to-place-order .large-2:nth-child(3) .widget > .title { border-right: 1px #d0dadd solid; }
  .how-to-place-order .large-2:first-child { padding-right: 0; padding-left: 1.07143rem; }
  .how-to-place-order .large-2:last-child { padding-right: 1.07143rem; padding-left: 0; }
  .how-to-place-order .large-2:last-child .widget > .title { border-right: 0; }
  .how-to-place-order .large-2 .widget > .title { border-right: 1px #d0dadd solid; } }

.how-to-place-order .content { padding: 1.42857rem 0.71429rem; }

@media screen and (min-width: 40em) { .how-to-place-order .content { min-height: 13.57143rem; } }

@media screen and (min-width: 64em) { .how-to-place-order .content { min-height: 25.71429rem; } }

.how-to-place-order .content ul li ul { padding-left: 1.42857rem; }

.how-to-place-order .content ul li ul li { list-style-type: circle; }

#assignment-tables .fa-gamepad { color: #89d56c; }

#assignment-tables .fa-book { color: #dd615b; }

#assignment-tables .fa-file-invoice { color: #6171e9; }

#assignment-tables .fa-calculator { color: #e5a828; }

#assignment-tables .fa-tasks { color: #ff0089; }

#assignment-tables .fa-video { color: #04cec9; }

button#textToSpeechToggle { position: absolute; top: 0; right: 0; background: none; cursor: pointer; }

button#textToSpeechToggle span { margin-left: 0.35714rem; }

#individualDashboard { background-color: #EDEEF0; font-family: "Roboto", Helvetica, sans-serif; font-weight: 400; font-style: normal; padding-top: 2rem; padding-bottom: 2rem; /* Game Cards */ /* Flashcards */ /* Practice Questions */ /* Interactive Calculators */ /* Sidebar Widgets */ }

#individualDashboard .is-primary-color { color: #0057FF; }

#individualDashboard .text-medium { font-family: "Roboto", sans-serif; font-weight: 500; font-style: normal; }

#individualDashboard .text-bold { font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; }

#individualDashboard .shadow { filter: drop-shadow(0 0 20px rgba(23, 25, 31, 0.15)); }

#individualDashboard .border-radius { border-radius: 0.42857rem; }

#individualDashboard .button { font-family: "Roboto", sans-serif; font-weight: 700; font-size: 0.92857rem; line-height: 1; color: #FFF; background-color: #0057FF; border: 2px #0057FF solid; border-radius: 0.42857rem !important; padding: 0.71429rem; text-transform: uppercase; letter-spacing: 0.07143rem; margin-bottom: 0; white-space: nowrap; }

#individualDashboard .button:hover, #individualDashboard .button:focus, #individualDashboard .button:active { color: #0057FF; background-color: #FFF; border: 2px #0057FF solid; }

#individualDashboard .button.primary { background-color: #0057FF; }

#individualDashboard .button.primary:hover, #individualDashboard .button.primary:focus, #individualDashboard .button.primary:active { color: #FFF; background-color: #0041BF; border: 2px #0041BF solid; }

#individualDashboard .button.hollow { border: 2px #0057FF solid; color: #0057FF; }

#individualDashboard .button.hollow:hover, #individualDashboard .button.hollow:focus, #individualDashboard .button.hollow:active { border: 2px #0041BF solid; color: #0041BF; }

#individualDashboard .button.tiny { font-size: 0.78571rem; letter-spacing: 0; padding: 0.42857rem; }

#individualDashboard .button.inverse { background-color: #FFF; border-color: #FFF; color: #0057FF; }

#individualDashboard .button.inverse:hover, #individualDashboard .button.inverse:focus, #individualDashboard .button.inverse:active { background-color: #0041BF; color: #FFF; }

#individualDashboard .section-title { font-size: 1.57143rem; line-height: 1.2; font-weight: 700; color: #1A336E; margin-bottom: 0.71429rem; }

#individualDashboard .chip { display: inline-block; background-color: #E4EDFE; border: 1px #0057FF solid; font-size: 0.78571rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; padding: 0.35714rem 0.71429rem; color: #000; margin-right: 0.14286rem; margin-bottom: 0.35714rem; cursor: pointer; }

#individualDashboard .chip:hover { background-color: #0057FF; color: #FFF; }

#individualDashboard .chip:focus, #individualDashboard .chip:active { background-color: #1A336E; }

#individualDashboard .breadcrumb { color: #0057FF; font-size: 0.78571rem; line-height: 1.2; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; margin-bottom: 0.35714rem; }

#individualDashboard .main-title { color: #1A336E; font-size: 2.28571rem; line-height: 1.2; font-weight: 700; margin-bottom: 0.71429rem; }

#individualDashboard .main-title-border { border-bottom: 4px #0057FF solid; width: 1.78571rem; margin-bottom: 0.71429rem; }

#individualDashboard .introduction-text { color: #666666; font-size: 1.35714rem; line-height: 1.3; margin-bottom: 2.14286rem; }

#individualDashboard .flex-container { display: -ms-flexbox; display: flex; }

#individualDashboard .justify-content-space-between { -ms-flex-pack: justify; justify-content: space-between; }

#individualDashboard .align-items-center { -ms-flex-align: center; align-items: center; }

#individualDashboard .flex-flow-column { -ms-flex-flow: column; flex-flow: column; }

#individualDashboard .tabs { background: transparent; border: 0; }

#individualDashboard .tabs .tabs-title { position: relative; margin-right: 0.21429rem; background: #E1E2E6; border-top-left-radius: 0.42857rem; border-top-right-radius: 0.42857rem; }

#individualDashboard .tabs .tabs-title a { font-size: 0.78571rem; line-height: 1.2; font-weight: 700; color: #666666; text-transform: uppercase; padding: 0.35714rem 0.57143rem 0.35714rem 0.85714rem; border-top-left-radius: 0.42857rem; border-top-right-radius: 0.42857rem; border: 1px solid transparent; border-bottom: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

#individualDashboard .tabs .tabs-title a:hover { color: #0057FF; background-color: #FFF; }

#individualDashboard .tabs .tabs-title > a:focus, #individualDashboard .tabs .tabs-title > a[aria-selected="true"] { background: #FFF; color: #000; border: 1px solid #0057FF; border-bottom: 1px solid #FFF; top: 0.07143rem; position: relative; }

#individualDashboard .tabs .tabs-title.all-topics a { background-color: #E4EDFE; color: #0057FF; }

#individualDashboard .tabs .tabs-title.all-topics a:hover { background-color: #0057FF; color: #FFF; }

#individualDashboard .tabs .tabs-title.all-topics a:focus, #individualDashboard .tabs .tabs-title.all-topics a[aria-selected="true"] { border-bottom: 1px solid #E4EDFE; }

#individualDashboard .achievement-progress { width: 2.71429rem; height: 2.71429rem; font-size: 0.78571rem; font-weight: 700; color: #41C0AA; position: relative; display: table; border-radius: 100%; display: inline-block; line-height: 1.71429rem; text-align: center; margin-left: 0.35714rem; }

#individualDashboard .achievement-progress:before, #individualDashboard .achievement-progress:after { content: ""; background: #41C0AA; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

#individualDashboard .achievement-progress:before { z-index: 2; border-right: none; }

#individualDashboard .achievement-progress:after { border-left: none; z-index: 3; -ms-transform: rotate(180deg); transform: rotate(180deg); opacity: 0; }

#individualDashboard .achievement-progress .achievement-progress-center { background: #FFF; width: 85%; height: 85%; position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 4; border: 4px solid #E9F8F5; border-radius: 100%; background-size: cover; }

#individualDashboard .achievement-progress .achievement-progress-mask { width: 100%; height: 100%; position: absolute; }

#individualDashboard .achievement-progress .achievement-progress-mask:before, #individualDashboard .achievement-progress .achievement-progress-mask:after { content: ""; background: #FFF; position: absolute; display: block; width: 50%; height: 100%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 100% 0 0 100% / 50% 0 0 50%; }

#individualDashboard .achievement-progress .achievement-progress-mask:before { border-right: none; z-index: 3; }

#individualDashboard .achievement-progress .achievement-progress-mask:after { border-left: none; -ms-transform: rotate(180deg); transform: rotate(180deg); z-index: 1; }

#individualDashboard .tabs-content { border-radius: 0.42857rem; border-top-left-radius: 0; border: 1px solid #0057FF; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-bottom: 1.42857rem; }

#individualDashboard .lessons { padding: 1.07143rem; position: relative; }

#individualDashboard .lessons .carousel-arrow { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; top: 0; margin-block: auto; width: 2.14286rem; height: 2.14286rem; background-color: #EDF1FB; border-radius: 2.57143rem; padding: 0; cursor: pointer; transition: color 100ms; color: #0057FF; }

#individualDashboard .lessons .carousel-arrow i { font-size: 1.14286rem; line-height: 2.14286rem; }

#individualDashboard .lessons .carousel-arrow:hover, #individualDashboard .lessons .carousel-arrow:focus { background-color: #0057FF; color: #FFF; }

#individualDashboard .lessons .carousel-arrow--prev { left: 0; top: calc(50% - 42px); }

#individualDashboard .lessons .carousel-arrow--next { right: 0; top: calc(50% - 42px); }

#individualDashboard .lessons .carousel-container { overflow-x: hidden; display: -ms-flexbox; display: flex; width: 100%; gap: 1rem; scroll-behavior: smooth; }

#individualDashboard .lessons .carousel-slide { -ms-flex-flow: column nowrap; flex-flow: column nowrap; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; -ms-flex: 1 0 50%; flex: 1 0 50%; background: #FFF; padding: 1.07143rem; border-radius: 0.42857rem; box-sizing: border-box; border: 1px solid #0057FF; font-size: 1rem; line-height: 1.2; color: #000; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-bottom: 2.14286rem; }

@media screen and (min-width: 39.9375em) { #individualDashboard .lessons .carousel-slide { -ms-flex: 1 0 30%; flex: 1 0 30%; } }

#individualDashboard .lessons .carousel-slide .lesson-status { color: #0057FF; font-size: 0.92857rem; line-height: 1.2; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; margin-bottom: 0.35714rem; }

#individualDashboard .lessons .carousel-slide .lesson-title { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 1.07143rem; }

#individualDashboard .lessons .carousel-slide img { border-radius: 0.42857rem; margin-bottom: 0.71429rem; }

#individualDashboard .lessons .carousel-slide .lesson-description { font-size: 1rem; line-height: 1.4; color: #000; margin-bottom: 1.42857rem; }

#individualDashboard .lessons .carousel-slide .lesson-duration { font-size: 0.78571rem; line-height: 1.2; color: #444444; }

#individualDashboard .lessons .carousel-slide .get-started a { font-size: 0.92857rem; text-transform: uppercase; letter-spacing: 0.07143rem; font-weight: 500; color: #0057FF; text-decoration: underline; }

#individualDashboard .lessons .carousel-slide .get-started a:hover { color: #1A336E; }

#individualDashboard .game-card { position: relative; background-color: #FFF; border: 1px #0057FF solid; border-radius: 0.42857rem; padding: 1.42857rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); margin-bottom: 1.42857rem; overflow: hidden; }

#individualDashboard .game-card img { border-radius: 0.42857rem; margin-right: 0.71429rem; height: 12.14286rem; width: 12.14286rem; }

#individualDashboard .game-card .result-number { font-size: 1.57143rem; line-height: 1.2; color: #000; font-weight: 500; }

#individualDashboard .game-card .result-name { font-size: 0.78571rem; line-height: 1.2; color: #777777; letter-spacing: 0.5px; text-transform: uppercase; font-weight: 500; margin-bottom: 0.42857rem; }

#individualDashboard .game-card .result-name:last-child { margin-bottom: 0; }

#individualDashboard .game-card .popover-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; overflow: hidden; }

#individualDashboard .game-card .popover-container .popover-noti { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; border-radius: 0.42857rem; padding: 1.07143rem 1.42857rem; border: 2px solid #0057FF; background: white; top: 0.71429rem; left: 0.71429rem; right: 0.71429rem; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2); }

#individualDashboard .game-card .popover-container .popover-noti .text { padding-right: 1.42857rem; font-weight: bold; font-size: 1.14286rem; }

#individualDashboard .game-card .popover-container .popover-noti a.close { font-size: 1.28571rem; color: #0057FF; }

#individualDashboard .flashcards { background-color: #EDF1FB; }

#individualDashboard .flashcards .flex-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-flow: column; flex-flow: column; }

#individualDashboard .flashcards .flashcard { background-color: #FFF; border: 3px #333A54 solid; border-radius: 0.42857rem; padding: 1.07143rem; margin-right: 1.07143rem; margin-bottom: 2.14286rem; box-shadow: 5px 5px 0 -3px white, 5px 5px #B2CEFF, 10px 10px 0 -3px white, 10px 10px #94B8F9, 15px 15px 0 -3px whitesmoke, 15px 15px #6C8FD0; }

#individualDashboard .flashcards .flashcard .text-description { font-size: 1rem; line-height: 1.4; color: #000; margin-bottom: 1.42857rem; }

#individualDashboard .flashcards .learn-more { font-size: 0.92857rem; text-transform: uppercase; letter-spacing: 0.07143rem; font-weight: 500; color: #0057FF; text-decoration: underline; }

#individualDashboard .flashcards .learn-more:hover { color: #1A336E; }

#individualDashboard .flashcards .finance-term { background-color: #FFF; border-radius: 0.42857rem; border: 1px #FFF solid; padding: 0.42857rem 0.85714rem; text-align: center; font-size: 1.07143rem; letter-spacing: 0.07143rem; font-weight: 500; color: #000; text-transform: uppercase; white-space: nowrap; margin-bottom: 0.35714rem; display: inline-block; cursor: pointer; }

#individualDashboard .flashcards .finance-term:hover, #individualDashboard .flashcards .finance-term:active { background-color: #F9F1E5; border: 1px #EDCA96 solid; }

#individualDashboard .flashcards .button { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; }

#individualDashboard .practice-questions { background-color: #B2CEFF; }

#individualDashboard .practice-questions .question-card { background-color: #FFF; border: 3px #333A54 solid; border-radius: 0.42857rem; padding: 1.07143rem; margin-bottom: 1.78571rem; margin-right: 1.07143rem; box-shadow: 5px 5px 0 -3px white, 5px 5px #B2CEFF, 10px 10px 0 -3px white, 10px 10px #94B8F9, 15px 15px 0 -3px whitesmoke, 15px 15px #6C8FD0; }

#individualDashboard .practice-questions .question-card .question { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 1.07143rem; }

#individualDashboard .practice-questions .question-card .question-progress { color: #0057FF; font-size: 0.92857rem; line-height: 1.2; letter-spacing: 0.5px; font-weight: 700; text-transform: uppercase; margin-bottom: 0.71429rem; text-align: center; }

#individualDashboard .practice-questions .question-card .answer { background-color: #FFF; border-radius: 0.42857rem; border: 1px #BCBCBC solid; padding: 0.42857rem 0.57143rem; margin-bottom: 0.35714rem; }

#individualDashboard .practice-questions .question-card .answer:hover, #individualDashboard .practice-questions .question-card .answer.active { background-color: #FAD090; }

#individualDashboard .practice-questions .question-card .answer label { font-size: 1rem; font-weight: 500; text-transform: none; }

#individualDashboard .practice-questions .button { float: right; }

#individualDashboard .practice-questions .topics { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 0.71429rem; }

#individualDashboard .practice-questions form { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; }

#individualDashboard .practice-questions form input[type="checkbox"], #individualDashboard .practice-questions form input[type="radio"] { display: none; }

#individualDashboard .practice-questions form input[type="checkbox"]:checked + label:after, #individualDashboard .practice-questions form input[type="radio"]:checked + label:after { content: '\00a0\2713'; border-color: #0057FF; background: #FFF; font-size: 1.28571rem; transition: all .3s; line-height: 1.85714rem; }

#individualDashboard .practice-questions input[type="checkbox"], #individualDashboard .practice-questions input[type="radio"] { display: none; }

#individualDashboard .practice-questions input[type="checkbox"]:not(:checked) + label:hover:after, #individualDashboard .practice-questions input[type="radio"]:not(:checked) + label:hover:after { background-color: #F8F9FB; }

#individualDashboard .practice-questions input[type="checkbox"] + label { position: relative; width: auto; margin: 0 0 0.35714rem 0; padding: 0 0 0 2.42857rem; cursor: pointer; display: block; font-size: 1.14286rem; font-weight: 400; text-transform: none; }

#individualDashboard .practice-questions input[type="checkbox"] + label:hover { color: #0057FF; transition: all .5s; }

#individualDashboard .practice-questions input[type="checkbox"] + label:hover:after { border-color: #0057FF !important; transition: all .5s; }

#individualDashboard .practice-questions input[type="checkbox"] + label:after { content: ''; position: absolute; left: 0px; width: 1.85714rem; height: 1.85714rem; margin-top: 0.14286rem; border: 1px solid #0057FF; background-color: #FFF; color: #0057FF; font-size: .1em; font-weight: bold; border-radius: 0.28571rem; transition: all .8s; }

#individualDashboard .calculator-card { background-color: #FFF; border-radius: 0.42857rem; padding: 1.07143rem; border: 1px #0057FF solid; margin-bottom: 1.42857rem; }

#individualDashboard .calculator-card .icon-wrapper { background-color: #EBF2FA; border-radius: 0.42857rem; min-width: 5.57143rem; height: 5.57143rem; margin-right: 1.07143rem; }

#individualDashboard .calculator-card .title { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 0.35714rem; }

#individualDashboard .calculator-card .text-description { font-size: 1rem; line-height: 1.4; color: #000; }

#individualDashboard .calculator-card:hover { background-color: #0057FF; }

#individualDashboard .calculator-card:hover .title, #individualDashboard .calculator-card:hover .text-description { color: #FFF; }

#individualDashboard .calculator-card:focus, #individualDashboard .calculator-card:active { background-color: #1A336E; }

#individualDashboard .calculator-card:focus .title, #individualDashboard .calculator-card:focus .text-description, #individualDashboard .calculator-card:active .title, #individualDashboard .calculator-card:active .text-description { color: #FFF; }

#individualDashboard .my-iq { background-color: #0057FF; padding: 1.07143rem; border-radius: 0.42857rem; margin-bottom: 1.42857rem; }

#individualDashboard .my-iq .icon-wrapper { background-color: #EBF2FA; border-radius: 0.42857rem; min-width: 4.28571rem; height: 4.28571rem; margin-right: 1.07143rem; }

#individualDashboard .my-iq .title { font-size: 1.07143rem; line-height: 1.2; font-weight: 500; color: #FFF; text-transform: uppercase; }

#individualDashboard .my-iq .result { font-size: 2.85714rem; line-height: 1; font-weight: 700; color: #E4EDFE; }

#individualDashboard .my-iq .button.tiny { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; }

#individualDashboard .form-search { margin-bottom: 1.42857rem; }

#individualDashboard .form-search i { position: absolute; margin-top: 0.71429rem; margin-left: 1.07143rem; font-size: 1.14286rem; color: #0057FF; }

#individualDashboard .form-search input { width: 100%; border-radius: 0.42857rem; padding: 0.42857rem 1.07143rem 0.42857rem 2.85714rem; border: 1px #E8ECF2 solid; color: #000; height: 34px; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }

#individualDashboard .message-card { background-color: #F9F1E5; border-radius: 0.42857rem; padding: 1.42857rem; border: 2px #E3C393 solid; margin-bottom: 1.42857rem; text-align: center; }

#individualDashboard .message-card .message-title { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 0.35714rem; }

#individualDashboard .message-card .message-text { font-size: 1rem; line-height: 1.4; color: #000; }

#individualDashboard .search-terms { margin-bottom: 1.42857rem; }

#individualDashboard .trending-topics { background-color: #FFF; border-radius: 0.42857rem; border: 1px #0057FF solid; padding: 1.42857rem; margin-bottom: 1.42857rem; }

#individualDashboard .trending-topics hr { border-color: #0057FF; }

#individualDashboard .trending-topics .section-title { margin-bottom: 1.42857rem; }

#individualDashboard .trending-topics .news-title { font-size: 1.14286rem; line-height: 1.2; font-weight: 700; color: #000; margin-bottom: 0.35714rem; }

#individualDashboard .trending-topics .news-text { font-size: 1rem; line-height: 1.4; color: #000; margin-bottom: 0.71429rem; }

#individualDashboard .trending-topics .button.tiny { -ms-flex-item-align: end; -ms-grid-row-align: end; align-self: end; }

.wealth-wizard { font-family: "Courier Prime", monospace; font-weight: 700; font-style: normal; background: #1A7F64; color: #ffffff; font-size: 1.28571rem; border-radius: 0; border: none; }

@media screen and (min-width: 40em) { .wealth-wizard { width: 100%; max-width: 28.57143rem; } }

.wealth-wizard .close-button { color: #0f4839; }

.wealth-wizard .step { padding: 30px; }

.wealth-wizard .step .buttons { display: -ms-flexbox; display: flex; margin-top: 30px; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.wealth-wizard .step .buttons a, .wealth-wizard .step .buttons a:hover { color: #ffffff; }

.wealth-wizard .step .buttons button { display: block; /* width: 100%; */ cursor: pointer; background: #23a985; border-radius: 0; padding: 0.85714rem 2.14286rem; font-weight: bold; color: #ffffff; }

.wealth-wizard .step input[type=number] { margin-top: 1.42857rem; border: none; border-radius: 0; font-size: 1.28571rem; -moz-appearance: textfield; -webkit-appearance: none; height: 3rem; }

.wealth-wizard .step input::-webkit-outer-spin-button, .wealth-wizard .step input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.wealth-wizard .step .checkboxes { margin-top: 1.78571rem; }

.wealth-wizard .step .checkboxes .checkbox label { font-size: 1.28571rem; color: #ffffff; text-transform: capitalize; line-height: 1.2; }

.wealth-wizard .step .checkboxes .checkbox input[type="checkbox"]:checked + label::after { color: #0a3328; line-height: 1.8; }

.wealth-wizard .step .checkboxes .checkbox label::before { border-color: #0a3328; border-width: 0.14286rem; }

.wealth-wizard .step .select { margin-top: 1.42857rem; }

.wealth-wizard .step .select:after { color: #0a3328; }

.wealth-wizard .step .select select { margin: 0; border: none; border-radius: 0; font-size: 1.28571rem; height: 3rem; }

.wealth-wizard .step .prompt { margin-top: 1.42857rem; position: relative; }

.wealth-wizard .step .prompt .placeholder { padding: 1.42857rem; background: white; font-size: 1.14286rem; max-height: 28.57143rem; }

.wealth-wizard .step .prompt .placeholder .skeleton { position: relative; width: 100%; animation: skeleton-pulse 1.5s ease-in-out infinite; }

.wealth-wizard .step .prompt .placeholder .skeleton .line { width: 100%; height: 1.28571rem; background-color: #e5e7eb; margin-bottom: 0.71429rem; }

.wealth-wizard .step .prompt .placeholder .skeleton .line--tall { height: 1.71429rem; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(1) { max-width: 28%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(2) { max-width: 100%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(3) { max-width: 100%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(4) { max-width: 100%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(5) { max-width: 100%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(6) { max-width: 65%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(7) { max-width: 99%; }

.wealth-wizard .step .prompt .placeholder .skeleton .line:nth-of-type(8) { max-width: 75%; }

.wealth-wizard .step .prompt .placeholder .skeleton .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

@keyframes skeleton-pulse { 0%, 100% { opacity: 1; }
  50% { opacity: 0.4; } }

.wealth-wizard .step .prompt .response { padding: 1.42857rem; background: white; font-size: 1.14286rem; max-height: 28.57143rem; color: black; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; /* customize scrollbar */ }

.wealth-wizard .step .prompt .response::-webkit-scrollbar { width: 1.5rem; }

.wealth-wizard .step .prompt .response::-webkit-scrollbar-track { background: white; }

.wealth-wizard .step .prompt .response::-webkit-scrollbar-thumb { background: #f2f2f2; border-left: 15px solid white; }

.wealth-wizard .step .prompt .response::-webkit-scrollbar-thumb:hover { background: #ebebeb; }

.wealth-wizard .step .prompt .response p { margin: 0; }

.wealth-wizard .step .prompt .response p + p { margin-top: 1.07143rem; }

.wealth-wizard .step .prompt .response ol { margin-left: 1.25rem; padding-left: 1.25rem; }

.wealth-wizard .step .prompt textarea { resize: none; font-size: 1.14286rem; border: none; border-radius: 0; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; /* customize scrollbar */ }

.wealth-wizard .step .prompt textarea::-webkit-scrollbar { width: 1.5rem; }

.wealth-wizard .step .prompt textarea::-webkit-scrollbar-track { background: white; }

.wealth-wizard .step .prompt textarea::-webkit-scrollbar-thumb { background: #f2f2f2; border-left: 15px solid white; }

.wealth-wizard .step .prompt textarea::-webkit-scrollbar-thumb:hover { background: #ebebeb; }

.wealth-wizard .step .prompt .copy-button { position: absolute; margin: 0; padding: 0.57143rem 0.71429rem; bottom: 0.71429rem; right: 0.71429rem; text-transform: uppercase; font-size: 1.14286rem; background: #ffffff; color: #0a3328; border: 2px solid #0a3328; }

.wealth-wizard .step p { margin-top: 1.07143rem; font-size: 1.14286rem; font-weight: normal; }

.wealth-wizard .step .questions { margin-top: 20px; padding-right: 20px; max-height: 17.85714rem; overflow-y: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; /* customize scrollbar */ }

.wealth-wizard .step .questions::-webkit-scrollbar { width: 0.35714rem; }

.wealth-wizard .step .questions::-webkit-scrollbar-track { background: #166a53; }

.wealth-wizard .step .questions::-webkit-scrollbar-thumb { background: #115543; }

.wealth-wizard .step .questions::-webkit-scrollbar-thumb:hover { background: #135d49; }

.wealth-wizard .step .questions .question { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 0 0 1.07143rem; font-size: 1.14286rem; color: #ffffff; }

.wealth-wizard .step .questions .question:hover { opacity: 0.8; }

.wealth-wizard .step .questions .question i { margin-top: 0.35714rem; padding-right: 1.07143rem; font-size: 1rem; }

.wealth-wizard .step .questions .question + .question { padding-top: 1.07143rem; border-top: 1px dashed #ffffff; }