@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");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
/** Foundation for Sites by ZURB Version 6.4.2 foundation.zurb.com Licensed under MIT Open Source */
@media screen and (min-width: 40em) { .budget-game-wrapper { padding: 2.14286rem; } }

section.cashcrunch-quick-summary { background: linear-gradient(to right, #703ccd, #592caa); padding: 1.07143rem 1.42857rem; text-align: center; }

@media screen and (max-width: 39.9375em) { section.cashcrunch-quick-summary { padding: 1.07143rem 0 0 0; } }

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

@media screen and (max-width: 39.9375em) { section.cashcrunch-quick-summary > .grid-x > .cell { white-space: nowrap; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 0.71429rem; padding-left: 1.07143rem; padding-right: 1.07143rem; }
  section.cashcrunch-quick-summary > .grid-x > .cell::-webkit-scrollbar { width: 0.42857rem; height: 0.57143rem; background: #6431bf; }
  section.cashcrunch-quick-summary > .grid-x > .cell::-webkit-scrollbar-thumb { background: #bebec3; }
  section.cashcrunch-quick-summary > .grid-x > .cell::-webkit-scrollbar-thumb:hover { background: #d0dadd; } }

section.cashcrunch-quick-summary .game-score { position: absolute; width: 18.57143rem; top: 100%; left: 50%; margin-left: -130px; padding: 0 0 0.71429rem; background: #703ccd; font-size: 1rem; color: white; line-height: 1; border-radius: 0 0 100px 100px; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section.cashcrunch-quick-summary .game-score { padding-top: 0.57143rem; } }

section.cashcrunch-quick-summary .item { display: inline-block; text-align: left; padding: 0 1.07143rem; vertical-align: middle; }

section.cashcrunch-quick-summary .item + .item { border-left: 1px solid #703ccd; }

section.cashcrunch-quick-summary .item + .item.divider { border-left: 2px dotted white; }

section.cashcrunch-quick-summary .item:first-child { padding-left: 0; }

section.cashcrunch-quick-summary .item:last-child { padding-right: 0; }

section.cashcrunch-quick-summary .item .icon { position: relative; display: inline-block; vertical-align: middle; margin-right: 0.85714rem; width: 3rem; height: 3rem; background: red; border-radius: 1000px; text-align: center; }

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

section.cashcrunch-quick-summary .item .icon img { position: relative; width: auto; height: 1.5rem; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@keyframes pulsate { 0% { box-shadow: 0 0 0 0 rgba(217, 128, 250, 0.6); }
  70% { box-shadow: 0 0 0 10px rgba(217, 128, 250, 0); }
  100% { box-shadow: 0 0 0 0 rgba(217, 128, 250, 0); } }

section.cashcrunch-quick-summary .item .icon.pulse { box-shadow: 0 0 0 rgba(217, 128, 250, 0.6); animation: pulsate 2s infinite; }

section.cashcrunch-quick-summary .item .icon.pulse + .result > .value > .availableCredit { font-weight: bold; text-decoration: underline; }

section.cashcrunch-quick-summary .item .icon.pulse + .result > .value > .availableCredit:after { content: "!"; }

section.cashcrunch-quick-summary .item .result { display: inline-block; vertical-align: middle; color: white; }

section.cashcrunch-quick-summary .item .result .value { display: block; padding-bottom: 0.21429rem; font-weight: bold; font-size: 1.28571rem; line-height: 1; }

section.cashcrunch-quick-summary .item .result .text { display: block; font-weight: normal; font-size: 0.71429rem; line-height: 1; text-transform: uppercase; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+1) .icon { background: #f368e0; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+2) .icon { background: #f368e0; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+3) .icon { background: #f368e0; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+4) .icon { background: #04cec9; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+5) .icon { background: #04cec9; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+6) .icon { background: #04cec9; }

section.cashcrunch-quick-summary .item:nth-of-type(6n+7) .icon { background: #04cec9; }

section#budget-game { position: relative; margin-bottom: 30px; background: #eff4f7; border-radius: 0.35714rem; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game { position: fixed; width: 100%; height: 100vh; margin-bottom: 0; border-radius: 0; } }

section#budget-game .label { margin-right: 0.35714rem; padding: 0.35714rem 0.71429rem; text-transform: uppercase; font-size: 1rem; font-weight: bold; background: #703ccd; }

@media screen and (max-width: 39.9375em) { section#budget-game .label { font-size: 1.14286rem; } }

section#budget-game .button { padding: 1.07143rem 1.42857rem; font-size: 1rem; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .button { padding: 1.07143rem 1.42857rem; font-size: 1.14286rem; } }

section#budget-game .button.round { border-radius: 71.42857rem; }

section#budget-game .button.primary { background: #703ccd !important; }

section#budget-game .button.secondary { background: #592caa !important; color: #ffffff !important; }

section#budget-game .button.clear { background: transparent !important; color: #703ccd !important; }

section#budget-game .button span ~ i, section#budget-game .button i ~ span { padding-left: 0.35714rem; }

section#budget-game .white-background { background: #ffffff !important; }

section#budget-game .blue-background { background: #55a0ff !important; }

section#budget-game .pink-background { background: #f368e0 !important; }

section#budget-game .hot-pink-background { background: #f64775 !important; }

section#budget-game .teal-background { background: #04cec9 !important; }

section#budget-game .green-background { background: #3adb76 !important; }

section#budget-game .purple-background { background: #703ccd !important; }

section#budget-game .orange-background { background: #ff9f43 !important; }

section#budget-game .light-purple-background { background: #d980fa !important; }

section#budget-game .ruby-background { background: #ee5253 !important; }

section#budget-game .alert-background { background: #cc4b37 !important; }

section#budget-game .transparent-background { background: transparent !important; }

section#budget-game .white-color { color: #ffffff !important; }

section#budget-game .blue-color { color: #55a0ff !important; }

section#budget-game .pink-color { color: #f368e0 !important; }

section#budget-game .hot-pink-color { color: #f64775 !important; }

section#budget-game .teal-color { color: #04cec9 !important; }

section#budget-game .green-color { color: #3adb76 !important; }

section#budget-game .purple-color { color: #703ccd !important; }

section#budget-game .orange-color { color: #ff9f43 !important; }

section#budget-game .light-purple-color { color: #d980fa !important; }

section#budget-game .ruby-color { color: #ee5253 !important; }

section#budget-game .alert-color { color: #cc4b37 !important; }

section#budget-game .help-text { font-weight: bold; }

@media screen and (max-width: 39.9375em) { section#budget-game .help-text { font-size: 1.14286rem; } }

section#budget-game .checkbox.highlight, section#budget-game .radio.highlight { background: #eff4f7; border: solid #eff4f7; border-width: 0.71429rem 1.07143rem 0.71429rem 1.07143rem; border-radius: 0.35714rem; }

section#budget-game .checkbox label::before, section#budget-game .radio label::before { border-color: #703ccd; }

section#budget-game .checkbox input[type="checkbox"]:checked + label::after, section#budget-game .radio input[type="checkbox"]:checked + label::after { margin-top: -0.07143rem; top: 0; }

section#budget-game .checkbox input[type="checkbox"]:checked + label::after, section#budget-game .checkbox input[type="radio"]:checked + label::after, section#budget-game .radio input[type="checkbox"]:checked + label::after, section#budget-game .radio input[type="radio"]:checked + label::after { font-family: "Font Awesome 5 Pro"; color: #703ccd; }

section#budget-game .checkbox input[type="radio"], section#budget-game .radio input[type="radio"] { margin: 0.21429rem 0 0.28571rem -1.35714rem; }

section#budget-game .checkbox input[type="radio"] + label::after, section#budget-game .radio input[type="radio"] + label::after { -ms-transform: scale(0, 0); transform: scale(0, 0); }

section#budget-game .checkbox input[type="radio"]:checked + label::after, section#budget-game .radio input[type="radio"]:checked + label::after { background-color: #703ccd; -ms-transform: scale(1, 1); transform: scale(1, 1); }

section#budget-game .checkbox label, section#budget-game .radio label { font-size: 1rem; height: inherit; min-height: 1.64286rem; }

section#budget-game .checkbox label.larger-text, section#budget-game .radio label.larger-text { font-size: 1.14286rem; }

section#budget-game .checkbox label { line-height: 1.64286rem; }

section#budget-game .checkbox label:after { top: -1px; }

@media screen and (max-width: 39.9375em) { section#budget-game input, section#budget-game select { font-size: 1.14286rem; height: 3.57143rem; }
  section#budget-game .callout { font-size: 1.14286rem; } }

section#budget-game .container { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; height: auto; }

@media screen and (max-width: 39.9375em) { section#budget-game .container { display: block; height: 100%; } }

section#budget-game .navigation-bar { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; max-width: 10rem; z-index: 1000; }

@media screen and (max-width: 39.9375em) { section#budget-game .navigation-bar { position: absolute; display: block; max-width: 100%; width: 100%; bottom: 0; left: 0; right: 0; } }

section#budget-game .navigation-bar nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: space-evenly; justify-content: space-evenly; padding: 20px; background: #703ccd; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 39.9375em) { section#budget-game .navigation-bar nav { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 37.5px; } }

section#budget-game .navigation-bar nav a { position: relative; display: block; text-align: center; font-weight: bold; color: #ffffff; }

section#budget-game .navigation-bar nav a * { opacity: 0.6; }

section#budget-game .navigation-bar nav a * > span { opacity: 1; }

section#budget-game .navigation-bar nav a.active *, section#budget-game .navigation-bar nav a:hover * { opacity: 1; }

section#budget-game .navigation-bar nav a img { height: 2.28571rem; }

section#budget-game .navigation-bar nav a span { display: block; margin: 0.35714rem 0 0; font-size: 14px; line-height: 1.2; text-transform: uppercase; }

section#budget-game .navigation-bar nav a.has-due:after { position: absolute; display: block; content: ''; top: -0.35714rem; left: 62%; -ms-transform: translateX(-50%); transform: translateX(-50%); width: 1.42857rem; height: 1.42857rem; border-radius: 1000px; background: #ffae00; opacity: 1; animation: pulse-shadow 1s ease-out infinite; }

@media screen and (max-width: 39.9375em) { section#budget-game .navigation-bar nav a.has-due:after { left: 80%; } }

@keyframes pulse-shadow { 0% { box-shadow: 0 0 0 0 rgba(255, 174, 0, 0.6); }
  70% { box-shadow: 0 0 0 10px rgba(255, 174, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 174, 0, 0); } }

section#budget-game .navigation-bar .savings-goal { padding: 20px; background: #592caa; text-align: center; }

section#budget-game .navigation-bar .savings-goal > span { display: block; margin: 0.35714rem 0 0; color: #ffffff; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: bold; }

section#budget-game .main-content { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content { position: inherit; padding-bottom: 7.78571rem; overflow-y: scroll; height: 100%; } }

section#budget-game .main-content header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; -ms-flex-direction: row; flex-direction: row; padding: 20px 30px; background: linear-gradient(to right, #442182 0%, #703ccd 20%); }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header { padding: 30px 20px 60px; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; background: #703ccd; } }

section#budget-game .main-content header .main { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }

section#budget-game .main-content header .main #startWeekendChoiceBtn, section#budget-game .main-content header .main #start-month, section#budget-game .main-content header .main #end-month { display: none; background: #f368e0; color: #fff !important; border: 2px solid #f159fc; min-width: 14.28571rem; padding: 0.85em 1em; font-weight: bold; margin-right: 30px; }

section#budget-game .main-content header #dice-container { position: relative; margin-right: 30px; width: 80px; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header #dice-container { margin-right: 20px; width: 80px; } }

section#budget-game .main-content header #dice-container .dice-row { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; height: 80px; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header #dice-container .dice-row { height: 80px; } }

section#budget-game .main-content header #dice-container .dice-row .die-container { position: relative; width: 100%; max-width: 100vmin; cursor: pointer; }

section#budget-game .main-content header #dice-container .dice-row .die-container.is-idle { animation: bounce 1s ease-in-out infinite; -ms-transform-origin: bottom; transform-origin: bottom; }

section#budget-game .main-content header #dice-container .dice-row .die-container .spin { transition: transform 1s ease; -ms-transform-origin: 38%; transform-origin: 38%; }

section#budget-game .main-content header #dice-container .dice-row .die-container .spin.go { -ms-transform: rotate(720deg); transform: rotateZ(720deg); }

section#budget-game .main-content header #dice-container .dice-row .die-container .die-pip { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.75s, opacity 0.5s linear 0.25s; }

section#budget-game .main-content header #dice-container .dice-row .die-container .one .one, section#budget-game .main-content header #dice-container .dice-row .die-container .two .two, section#budget-game .main-content header #dice-container .dice-row .die-container .three .three, section#budget-game .main-content header #dice-container .dice-row .die-container .four .four, section#budget-game .main-content header #dice-container .dice-row .die-container .five .five, section#budget-game .main-content header #dice-container .dice-row .die-container .six .six { visibility: visible; opacity: 1; transition-delay: 0.25s; }

section#budget-game .main-content header #dice-container .dice-row .die-container .die { position: absolute; width: 100%; height: 80px; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header #dice-container .dice-row .die-container .die { height: 80px; } }

section#budget-game .main-content header #dice-container .dice-row .die-container .die svg { stroke: #ffffff; fill: #ffffff; height: 80px; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header #dice-container .dice-row .die-container .die svg { height: 80px; } }

section#budget-game .main-content header .dice-text { position: absolute; padding: 10px 0; background: #f368e0; width: 7.85714rem; color: #ffffff; text-align: center; text-transform: uppercase; font-weight: bold; border-radius: 0.35714rem; left: 50%; -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); z-index: 100; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header .dice-text { width: 6.42857rem; } }

section#budget-game .main-content header .dice-text:after { content: ""; position: absolute; bottom: 100%; left: 50%; margin-left: -0.35714rem; border-width: 0.35714rem; border-style: solid; border-color: transparent transparent #f368e0 transparent; }

section#budget-game .main-content header .date { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; }

section#budget-game .main-content header .date h1, section#budget-game .main-content header .date h2 { margin: 0; color: white; line-height: 1.1; font-weight: bold; color: #d980fa; text-transform: uppercase; font-size: 1.28571rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header .date h1, section#budget-game .main-content header .date h2 { font-size: 1.14286rem; } }

section#budget-game .main-content header .date h1 { font-size: 2.28571rem; color: #ffffff; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header .date h1 { font-size: 1.71429rem; } }

section#budget-game .main-content header .date .time-type { width: 36px; height: 36px; line-height: 32px; font-size: 1.28571rem; text-align: center; border-radius: 100%; border: 2px solid #592caa; }

section#budget-game .main-content header .date .time-type i { line-height: inherit; }

section#budget-game .main-content header .date .time-type i.pm { color: #55a0ff; }

section#budget-game .main-content header .date .time-type i.am { color: #ffb61a; }

section#budget-game .main-content header .progress { margin: 0.71429rem 0 0; height: 0.85714rem; border: 2px solid #592caa; background: #592caa; }

section#budget-game .main-content header .progress .progress-meter { background: #d980fa; max-width: 100%; }

section#budget-game .main-content header .transfer-money { display: block; margin: 0 0 0 1.42857rem; width: 100%; max-width: 17.14286rem; color: #ffffff; font-size: 1.14286rem; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header .transfer-money { margin: 30px 0 0; border: 2px solid #592caa; border-radius: 0.35714rem; max-width: 100%; }
  section#budget-game .main-content header .transfer-money .grid-x { padding: 0 20px; } }

section#budget-game .main-content header .transfer-money h6 { margin-bottom: 0.71429rem; font-weight: bold; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 1.14286rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content header .transfer-money h6 { margin-top: 20px; } }

section#budget-game .main-content header .transfer-money .positive { color: #3adb76; }

section#budget-game .main-content header .transfer-money .negative { color: #cc4b37; }

section#budget-game .main-content header .transfer-money .button { display: block; margin: 20px 0 0; border-radius: 0; font-size: 1.14286rem; text-transform: uppercase; background: #592caa; }

section#budget-game .main-content header .change-month { margin: 0 0 0 1.42857rem; }

section#budget-game .main-content header .change-month select { margin: 0; padding: 0 0.71429rem; text-align: center; background: none; height: 2.57143rem; color: #ffffff; border: 2px solid #592caa; line-height: inherit; }

section#budget-game .main-content header .change-month select option { color: #57575E; }

section#budget-game .main-content .calendar-content { -ms-flex: 1; flex: 1; padding: 30px; border-width: 0 0.14286rem 0.14286rem 0; border-color: #dde4f4; border-style: solid; border-radius: 0 0 0.35714rem 0; }

section#budget-game .main-content .calendar-content .calendar-wrapper { position: relative; }

section#budget-game .main-content .calendar-content .calendar-wrapper #calendar { min-height: 32.14286rem; }

section#budget-game .main-content .calendar-content .calendar-wrapper .day-week { position: relative; display: -ms-flexbox; display: flex; z-index: 10; }

section#budget-game .main-content .calendar-content .calendar-wrapper .day-week .weekday { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 0; flex-basis: 0; line-height: 1; text-align: center; text-transform: uppercase; font-weight: bold; color: #592caa; padding: 0 1.07143rem 1.42857rem; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week { display: -ms-flexbox; display: flex; height: 6.42857rem; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day { position: relative; width: 14.28%; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: auto; flex-basis: auto; color: #57575E; padding: 10px; background-color: #ffffff; box-shadow: -1px -1px #dde4f4, inset -1px -1px 0 0 #dde4f4; line-height: 1; transition: color 0.2s linear; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.fixed-date-card { background: rgba(85, 160, 255, 0.08); }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.fixed-date-card .fixed-date-indicator-icon { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 4.28571rem; color: rgba(85, 160, 255, 0.08); }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.fixed-date-card .bill-indicator { display: none; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.active .fixed-date-indicator-icon { display: none; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.active:after { display: block; position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; outline: 3px solid #703ccd; box-shadow: 0 0 0 9px rgba(217, 128, 250, 0.25); border-radius: 0.35714rem; z-index: 10; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day.empty { background-color: transparent; box-shadow: none; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day:not(.empty):not(.fixed-date-card):hover { cursor: pointer; background-color: #fafbfd; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day:not(.empty):not(.fixed-date-card):hover span.num { color: #703ccd; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span { display: inline-block; font-size: 0.85714rem; text-transform: uppercase; font-weight: bold; vertical-align: top; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.am, section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.pm, section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.earned, section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.expense { position: absolute; line-height: 1; color: #e8eff4; transition: color 0.2s linear; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.am, section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.pm { font-size: 1.14286rem; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.am { color: #ffae00; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.pm { color: #55a0ff; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.am { left: 10px; bottom: 10px; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.pm { right: 10px; bottom: 10px; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.earned { top: 10px; right: 10px; color: #3adb76; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day span.expense { top: 25px; right: 10px; color: #cc4b37; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator { position: absolute; display: block; width: 1.14286rem; height: 1.14286rem; bottom: 0.71429rem; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); border-radius: 100%; font-size: 1.14286rem; text-align: center; cursor: default; color: #ffffff; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-issued { color: #dae5ee; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.rent { color: #04cec9; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.cell-phone { color: #55a0ff; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.tv-internet { color: #f368e0; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.car-insurance { color: #ff9f43; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.energy { color: #e17055; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.car-payment { color: #d980fa; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.credit-card { color: #ee5253; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.health-insurance { color: #feca57; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator.bill-due.student-loan { color: #82ccdd; }

section#budget-game .main-content .calendar-content .calendar-wrapper .week .day .bill-indicator i.fa { position: absolute; top: 50%; left: 50%; width: 1.14286rem; margin-left: -0.57143rem; margin-top: -0.57143rem; z-index: 20; font-size: 1.14286rem; }

section#budget-game .main-content .calendar-content #toggleSound { display: inline-block; margin-top: 1.42857rem; color: #703ccd; font-weight: bold; line-height: 1; }

section#budget-game .main-content .toastNotification { position: absolute; padding: 0.71429rem 1.78571rem; top: 1.42857rem; right: 1.42857rem; background: #3adb76; border-radius: 1000px; 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: 1000; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content .toastNotification { padding: 1.42857rem 1.78571rem; top: 0; right: 0; border-radius: 0; width: 100%; } }

section#budget-game .main-content .toastNotification .icon { margin-right: 15px; }

section#budget-game .main-content .toastNotification .icon img { max-height: 1.5rem; }

section#budget-game .main-content .toastNotification p { margin: 0; font-size: 1rem; color: #ffffff; font-weight: bold; line-height: 1.2; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .main-content .toastNotification p { font-size: 1.14286rem; line-height: 1.23; } }

section#budget-game .feedback-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(10, 10, 10, 0.5); z-index: 1000; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container { height: calc(100% - 109px); } }

section#budget-game .feedback-container .feedback-animation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

section#budget-game .feedback-container .feedback-modal { position: absolute; width: 28.57143rem; max-height: 90%; background: white; top: 50%; left: 50%; box-shadow: 10px 0 15px rgba(10, 10, 10, 0.2); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform-origin: center; transform-origin: center; border-radius: 0.35714rem; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal { position: relative; width: 100%; height: 100%; max-height: 100%; border-radius: 0; top: 0; left: 0; -ms-transform: none; transform: none; overflow-y: auto; } }

section#budget-game .feedback-container .feedback-modal .scroll-container { max-height: 25.71429rem; overflow-y: auto; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal .scroll-container { max-height: 100%; } }

@media screen and (min-width: 40em) { section#budget-game .feedback-container .feedback-modal .scroll-container { /* firefox scrollbar */ /*scrollbar-width: thin; scrollbar-color: $light-gray white;*/ }
  section#budget-game .feedback-container .feedback-modal .scroll-container::-webkit-scrollbar { width: 10px; }
  section#budget-game .feedback-container .feedback-modal .scroll-container::-webkit-scrollbar-track { background: white; }
  section#budget-game .feedback-container .feedback-modal .scroll-container::-webkit-scrollbar-thumb { background: #bebec3; }
  section#budget-game .feedback-container .feedback-modal .scroll-container::-webkit-scrollbar-thumb:hover { background: #d0dadd; } }

section#budget-game .feedback-container .feedback-modal > .title { position: relative; padding: 1.78571rem 1.42857rem; background: #703ccd; }

section#budget-game .feedback-container .feedback-modal > .title small { display: block; margin-bottom: 0.57143rem; color: #d980fa; line-height: 1; font-size: 1rem; font-weight: bold; text-transform: uppercase; }

section#budget-game .feedback-container .feedback-modal > .title h2 { margin: 0; font-weight: bold; color: white; text-transform: uppercase; line-height: 0.8; font-size: 1.5rem; }

section#budget-game .feedback-container .feedback-modal ul.stats-list { margin: 0; list-style: none; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 1.07143rem 1.42857rem; border-bottom: 1px solid #dde4f4; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li.text { display: block; padding: 1.42857rem 1.78571rem; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li.text p { margin-bottom: 0.71429rem; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li.text p:last-child { margin-bottom: 0; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-name { line-height: 1; font-weight: bold; text-transform: uppercase; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-name small { display: block; margin-bottom: 0.28571rem; font-size: 0.85714rem; color: #57575E !important; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-name small { font-size: 1rem; } }

section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-name p { margin: 0; line-height: inherit; font-size: 1.5rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-name p { font-size: 1.71429rem; } }

section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-icon { display: inline-block; width: 42px; height: 42px; line-height: 42px; background: #0a0a0a; color: #ffffff; text-align: center; font-size: 1.28571rem; border-radius: 100%; }

section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-icon i { line-height: inherit; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal ul.stats-list li .stat-icon { font-size: 1.5rem; } }

section#budget-game .feedback-container .feedback-modal .bottom-actions { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 1.42857rem 1.78571rem; }

section#budget-game .feedback-container .feedback-modal .bottom-actions a { color: #703ccd; font-weight: bold; font-size: 1rem; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .feedback-container .feedback-modal .bottom-actions a { font-size: 1.14286rem; } }

section#budget-game .card-container { position: absolute; width: 100%; height: 100%; top: 0; left: 10rem; background: rgba(255, 255, 255, 0); z-index: 100; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container { height: calc(100% - 109px); left: 0; } }

section#budget-game .card-container.overlay { left: 0; background: rgba(10, 10, 10, 0.5); z-index: 1000; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.overlay { background: transparent; } }

section#budget-game .card-container.overlay .card { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; box-shadow: none; }

section#budget-game .card-container.overlay .card.empty .wrapper { background: #ffffff; }

section#budget-game .card-container.overlay .card.empty .wrapper .content { padding-top: 30px; max-height: 100%; }

section#budget-game .card-container.overlay .card .wrapper { position: absolute; width: 39.28571rem; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-transform-origin: center; transform-origin: center; background: #eff4f7; box-shadow: 10px 0 15px rgba(10, 10, 10, 0.2); border-radius: 0.35714rem; height: 100%; max-height: 90%; overflow: hidden; }

@media screen and (min-width: 40em) { section#budget-game .card-container.overlay .card .wrapper.x-small { width: 28.57143rem; }
  section#budget-game .card-container.overlay .card .wrapper.small { width: 34.28571rem; }
  section#budget-game .card-container.overlay .card .wrapper.full { width: 90%; }
  section#budget-game .card-container.overlay .card .wrapper.h-auto { height: auto; overflow: initial; } }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.overlay .card .wrapper { position: relative; width: 100%; top: inherit; left: inherit; -ms-transform: none; transform: none; background: #eff4f7; border-radius: 0; height: 100%; max-height: 100%; } }

section#budget-game .card-container.overlay .card .wrapper .content { max-height: calc(100% - 68px); height: auto; }

section#budget-game .card-container.overlay .card .wrapper.social-card, section#budget-game .card-container.overlay .card .wrapper.multiple-choice-card { background: linear-gradient(0deg, #161131 0%, #402267 50%, #982b81 100%); }

section#budget-game .card-container.overlay .card .wrapper.study-card { background: linear-gradient(0deg, #101137 0%, #263676 50%, #3982ad 100%); }

section#budget-game .card-container.overlay .card .wrapper.money-card { background: linear-gradient(0deg, #010909 0%, #163738 50%, #31887f 100%); }

section#budget-game .card-container.overlay .card .wrapper.household-card { background: linear-gradient(0deg, #161240 0%, #3d176b 50%, #5d2b93 100%); }

section#budget-game .card-container.overlay .card .wrapper.fixed-income-card, section#budget-game .card-container.overlay .card .wrapper.fixed-expense-card { background: linear-gradient(0deg, #3b0c6b 0%, #671ab0 50%, #552ecd 100%); }

section#budget-game .card-container.overlay .card .wrapper.fixed-date-card { background: linear-gradient(0deg, #01136c 0%, #0539d2 50%, #07b1e5 100%); }

section#budget-game .card-container.overlay .card .wrapper.groceries-card { background: linear-gradient(0deg, #161240 0%, #3d176b 50%, #5d2b93 100%); }

section#budget-game .card-container.overlay .card .wrapper.choice-card { background: linear-gradient(0deg, #070648 0%, #3c12a5 50%, #453ae6 100%); }

@media screen and (min-width: 40em) { section#budget-game .card-container.overlay .card .header { font-size: 1.28571rem; } }

section#budget-game .card-container .card { position: relative; margin: 0; width: 100%; height: 100%; background: #eff4f7; box-shadow: 10px 0 15px rgba(10, 10, 10, 0.2); border: none; border-radius: 0; overflow: hidden; }

section#budget-game .card-container .card.aside { max-width: 21.42857rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card.aside { max-width: 100%; } }

section#budget-game .card-container .card.aside-larger { max-width: 40%; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card.aside-larger { max-width: 100%; } }

section#budget-game .card-container .card .card-header-img { margin-top: -5rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .card-header-img { margin-top: -2.85714rem; } }

section#budget-game .card-container .card .header { position: relative; padding: 30px 20px 20px; color: #703ccd; font-weight: bold; text-align: center; line-height: 1; font-size: 1.14286rem; text-transform: uppercase; background: #eff4f7; border-top-left-radius: 0.35714rem; border-top-right-radius: 0.35714rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .header { font-size: 1.28571rem; border-top-left-radius: 0; border-top-right-radius: 0; } }

section#budget-game .card-container .card .header a.close { position: absolute; left: 20px; color: #703ccd; }

section#budget-game .card-container .card .header span { display: inline-block; margin-top: 0.35714rem; }

section#budget-game .card-container .card .content { padding: 0 20px 20px; overflow-y: auto; height: 100%; }

@media screen and (min-width: 40em) { section#budget-game .card-container .card .content { /* firefox scrollbar */ /*scrollbar-width: thin; scrollbar-color: $light-gray white;*/ }
  section#budget-game .card-container .card .content.padded { padding: 0 30px 20px; }
  section#budget-game .card-container .card .content::-webkit-scrollbar { width: 10px; }
  section#budget-game .card-container .card .content::-webkit-scrollbar-track { background: white; }
  section#budget-game .card-container .card .content::-webkit-scrollbar-thumb { background: #bebec3; }
  section#budget-game .card-container .card .content::-webkit-scrollbar-thumb:hover { background: #d0dadd; } }

section#budget-game .card-container .card .content label { margin-bottom: 0.35714rem; text-transform: uppercase; font-weight: bold; font-size: 0.78571rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .content label { font-size: 1rem; } }

section#budget-game .card-container .card .content p.sub-text { margin-bottom: 20px; text-align: center; font-weight: bold; }

section#budget-game .card-container .card .content p.sub-text.normal { font-weight: normal; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .content p.sub-text { font-size: 1.14286rem; } }

section#budget-game .card-container .card .content p.sub-text.bottom { margin: 20px 15px 5px; font-weight: normal; }

section#budget-game .card-container .card .content .inline-selects .cell:first-of-type select { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }

section#budget-game .card-container .card .content .inline-selects .cell:last-of-type select { border-top-left-radius: 0; border-bottom-left-radius: 0; }

section#budget-game .card-container .card .content .callout { margin-bottom: 20px; color: #ffffff; background: #703ccd; border: 2px solid #592caa; font-size: 1rem; font-weight: bold; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .content .callout { font-size: 1.28571rem; } }

section#budget-game .card-container .card .content .secondary-header { margin: 20px 0; font-size: 1.14286rem; text-transform: uppercase; text-align: center; color: #703ccd; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .content .secondary-header { font-size: 1.28571rem; } }

section#budget-game .card-container .card .content .card-price { margin-bottom: 20px; font-size: 3rem; line-height: 1; text-align: center; }

section#budget-game .card-container .card .content .card-image { margin: 20px 0; text-align: center; overflow: hidden; }

section#budget-game .card-container .card .content .card-image img { max-height: 7.14286rem; }

section#budget-game .card-container .card .actions { margin-top: 1.42857rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .actions { margin-bottom: 30px; } }

section#budget-game .card-container .card .box-stats { display: -ms-grid; display: grid; column-count: 1; gap: 15px; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-stats { gap: 10px; } }

section#budget-game .card-container .card .box-stats.size-3 { column-count: 3; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

section#budget-game .card-container .card .box-stats.is-spaced { margin-top: 0.35714rem; margin-bottom: 20px; }

section#budget-game .card-container .card .box-stats .box-stat { padding: 20px 5px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; text-align: center; text-transform: uppercase; min-width: 0; overflow: hidden; }

section#budget-game .card-container .card .box-stats .box-stat i { margin-bottom: 0.71429rem; font-size: 1.71429rem; color: #703ccd; }

section#budget-game .card-container .card .box-stats .box-stat .name { margin-bottom: 0.71429rem; font-weight: bold; font-size: 1rem; line-height: 1.2; color: #703ccd; }

section#budget-game .card-container .card .box-stats .box-stat .value { font-weight: bold; font-size: 1rem; line-height: 1; }

section#budget-game .card-container .card .box-stats .box-stat .value.larger { font-size: 1.14286rem; }

section#budget-game .card-container .card .box-stats .box-stat .value.positive { color: #3adb76; }

section#budget-game .card-container .card .box-stats .box-stat .value.negative { color: #cc4b37; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-stats .box-stat .name, section#budget-game .card-container .card .box-stats .box-stat .value { font-size: 1.14286rem; } }

section#budget-game .card-container .card .box-actions { display: -ms-grid; display: grid; margin: 5px 0 20px; column-count: 2; gap: 15px; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-actions { column-count: 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 10px; } }

section#budget-game .card-container .card .box-actions .box-action { padding: 20px 5px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; text-align: center; min-width: 0; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-actions .box-action { padding: 20px 30px; } }

section#budget-game .card-container .card .box-actions .box-action:hover { background: #fafbfd; }

section#budget-game .card-container .card .box-actions .box-action .icon { display: block; margin-bottom: 0.71429rem; overflow: hidden; }

section#budget-game .card-container .card .box-actions .box-action .icon img { display: inline-block; max-height: 2.28571rem; vertical-align: middle; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-actions .box-action .icon img { max-height: 3rem; } }

section#budget-game .card-container .card .box-actions .box-action .title { margin-bottom: 0.35714rem; font-weight: bold; font-size: 1rem; line-height: 1.2; color: #57575E; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-actions .box-action .title { font-size: 1.14286rem; } }

section#budget-game .card-container .card .box-actions .box-action .description { font-size: re-calc(14); font-weight: normal; color: #57575E; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .box-actions .box-action .description { font-size: 1.14286rem; } }

section#budget-game .card-container .card .action-buttons { display: -ms-flexbox; display: flex; padding: 5px 30px 0; margin-bottom: 20px; gap: 15px; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .action-buttons { padding: 5px 0 0; } }

section#budget-game .card-container .card .action-buttons .action-button { display: block; width: 100%; padding: 12px 10px; background: #04cec9; text-align: center; color: #02514f; border: 2px solid #02514f; border-radius: 0.35714rem; font-size: 1rem; font-weight: bold; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .action-buttons .action-button { font-size: 1.14286rem; } }

section#budget-game .card-container .card .action-buttons .action-button.inline { display: inline-block; width: auto; }

section#budget-game .card-container .card .action-buttons .action-button .price { line-height: 1; font-size: 1.5rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .action-buttons .action-button .price { font-size: 1.71429rem; } }

section#budget-game .card-container .card .action-buttons .action-button span { display: inline-block; line-height: 1; }

section#budget-game .card-container .card .action-buttons .action-button span + span { margin-left: 0.71429rem; }

section#budget-game .card-container .card .action-buttons .action-button span + i { margin-left: 0.35714rem; }

section#budget-game .card-container .card .action-buttons .action-button span.icon { font-size: 1.5rem; }

section#budget-game .card-container .card .action-buttons .action-button span.icon i { vertical-align: middle; }

section#budget-game .card-container .card .multiple-choice { margin: 0 auto 15px; max-width: 80%; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .multiple-choice { max-width: 100%; } }

section#budget-game .card-container .card .multiple-choice .radio { border: 2px solid #703ccd; background: #ffffff; padding: 0.85714rem 1.42857rem 0.85714rem 2.85714rem; border-radius: 0.35714rem; }

section#budget-game .card-container .card .multiple-choice .radio + .radio { margin-top: 5px; }

section#budget-game .card-container .card .multiple-choice label { font-size: 1rem; font-weight: bold; text-transform: none; line-height: 1.4; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .multiple-choice label { font-size: 1.14286rem; } }

section#budget-game .card-container .card .bills-list { display: -ms-grid; display: grid; column-count: 1; gap: 10px; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .bills-list { gap: 15px; } }

section#budget-game .card-container .card .bills-list a.bill-link { position: relative; margin: 0; display: block; font-size: 1rem; font-weight: bold; text-transform: uppercase; text-align: center; padding: 10px 20px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .bills-list a.bill-link { font-size: 1.14286rem; padding: 15px 20px; } }

section#budget-game .card-container .card .bills-list a.bill-link .icon { display: none; }

section#budget-game .card-container .card .bills-list a.bill-link.is-due { border-color: #ffae00; }

section#budget-game .card-container .card .bills-list a.bill-link.is-due .icon { position: absolute; display: inline-block; left: 15px; top: 50%; font-size: 1.28571rem; color: #ffae00; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .bills-list a.bill-link.is-due .icon { font-size: 1.5rem; } }

section#budget-game .card-container .card .expense-list { display: -ms-grid; display: grid; column-count: 1; gap: 10px; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list { gap: 15px; } }

section#budget-game .card-container .card .expense-list .expense { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 10px 20px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; }

section#budget-game .card-container .card .expense-list .expense.padded { padding: 15px 20px; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense { padding: 15px 20px; } }

section#budget-game .card-container .card .expense-list .expense .main { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; }

section#budget-game .card-container .card .expense-list .expense .icon { display: inline-block; margin-right: 20px; width: 2.57143rem; height: 2.57143rem; line-height: 2.57143rem; background: #dde4f4; border-radius: 100%; text-align: center; color: #ffffff; font-size: 1.5rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .icon { width: 3rem; height: 3rem; line-height: 3rem; } }

section#budget-game .card-container .card .expense-list .expense .icon i { font-size: 1.28571rem; vertical-align: inherit; line-height: inherit; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .icon i { font-size: 1.5rem; vertical-align: inherit; } }

section#budget-game .card-container .card .expense-list .expense .icon.alt { margin-right: 0; width: 3.57143rem; height: unset; line-height: 1; background: none; border-radius: 0; text-align: unset; color: #703ccd; }

section#budget-game .card-container .card .expense-list .expense .icon.alt i { font-size: 2rem; width: 3.57143rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .icon.alt i { font-size: 2.28571rem; } }

section#budget-game .card-container .card .expense-list .expense .title { font-size: 1.28571rem; font-weight: bold; line-height: 1; -ms-flex: 1; flex: 1; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .title { font-size: 1.5rem; } }

section#budget-game .card-container .card .expense-list .expense .title small, section#budget-game .card-container .card .expense-list .expense .title span { display: block; text-transform: uppercase; }

section#budget-game .card-container .card .expense-list .expense .title small { margin-bottom: 0.35714rem; font-size: 0.85714rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .title small { font-size: 1.14286rem; } }

section#budget-game .card-container .card .expense-list .expense .title small.alt { margin-top: 0.35714rem; margin-bottom: 0; font-weight: normal; }

section#budget-game .card-container .card .expense-list .expense .title.alt { font-size: 1.14286rem; text-transform: uppercase; color: #703ccd; line-height: 1.2; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .title.alt { font-size: 1.28571rem; } }

section#budget-game .card-container .card .expense-list .expense .title.text { font-size: 1rem; text-transform: uppercase; line-height: 1.2; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .title.text { font-size: 1.14286rem; } }

section#budget-game .card-container .card .expense-list .expense a { font-weight: bold; color: #703ccd; text-transform: uppercase; text-decoration: underline; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense a { font-size: 1.14286rem; } }

section#budget-game .card-container .card .expense-list .expense .price { margin-left: 20px; font-size: 1.28571rem; font-weight: bold; text-transform: uppercase; text-align: right; line-height: 1; }

section#budget-game .card-container .card .expense-list .expense .price small { margin-top: 0.35714rem; font-size: 1rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense .price { font-size: 1.5rem; } }

section#budget-game .card-container .card .expense-list .expense input { margin: 0 0 0 15px; max-width: 10.71429rem; border: 2px solid #f64775; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list .expense input { max-width: 7.14286rem; } }

section#budget-game .card-container .card .expense-list.condensed { gap: 0; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .expense-list.condensed { gap: 0; } }

section#budget-game .card-container .card .expense-list.condensed .expense { border-radius: 0; border-bottom: none; }

section#budget-game .card-container .card .expense-list.condensed .expense + .expense { border-top: 1px solid #dde4f4; }

section#budget-game .card-container .card .expense-list.condensed .expense:first-of-type { border-top-left-radius: 0.35714rem; border-top-right-radius: 0.35714rem; }

section#budget-game .card-container .card .expense-list.condensed .expense:last-of-type { border-bottom-left-radius: 0.35714rem; border-bottom-right-radius: 0.35714rem; border-bottom: 2px solid #dde4f4; }

section#budget-game .card-container .card .double-up-stats { display: -ms-grid; display: grid; margin: 5px 0 20px; column-count: 2; gap: 15px; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }

section#budget-game .card-container .card .double-up-stats .stat { padding: 20px 5px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; text-align: center; min-width: 0; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card .double-up-stats .stat { padding: 20px 30px; } }

section#budget-game .card-container .card .double-up-stats .stat .value { margin-bottom: 0.35714rem; font-weight: bold; font-size: 2rem; line-height: 1.2; color: #f64775; text-transform: uppercase; }

section#budget-game .card-container .card .double-up-stats .stat .title { margin: 0; font-weight: bold; font-size: 1.14286rem; line-height: 1; color: #57575E; text-transform: uppercase; }

section#budget-game .card-container .card img.left-img, section#budget-game .card-container .card img.right-img { position: absolute; top: 50%; max-width: 5.35714rem; height: auto; -ms-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card img.left-img, section#budget-game .card-container .card img.right-img { display: none; } }

section#budget-game .card-container .card img.left-img { left: -2.5rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .card img.left-img { display: block; -ms-transform: rotate(-90deg) translateY(0%) scale(1.5); transform: rotate(-90deg) translateY(0%) scale(1.5); left: 40%; bottom: -10rem; top: auto; } }

section#budget-game .card-container .card img.right-img { right: -2.5rem; }

section#budget-game .card-container .card section.wp-content { margin-bottom: 0; padding: 0; border: none; border-radius: 0; background: transparent; }

section#budget-game .card-container .notification-card { position: relative; padding: 30px; background: #703ccd; overflow: hidden; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card { height: 100%; } }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card .card-box { position: absolute; width: 90%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

section#budget-game .card-container .notification-card .card-box h1.title { margin-bottom: 20px; font-size: 1.5rem; color: #ffffff; line-height: 1; text-transform: uppercase; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card .card-box h1.title { font-size: 1.71429rem; } }

section#budget-game .card-container .notification-card .card-box .text { font-size: 1.14286rem; font-weight: bold; color: #ffffff; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card .card-box .text { font-size: 1.28571rem; } }

section#budget-game .card-container .notification-card .card-box .amount { margin: 5px 0 15px; font-size: 3rem; font-weight: bold; color: #ffffff; line-height: 1; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card .card-box .amount { font-size: 3.42857rem; } }

section#budget-game .card-container .notification-card .card-box .secondary-text { font-size: 1rem; color: #ffffff; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .notification-card .card-box .secondary-text { font-size: 1.14286rem; } }

section#budget-game .card-container .notification-card .card-box .button { margin-top: 20px; }

section#budget-game .card-container .bill { position: relative; margin-bottom: 20px; border: 2px solid #dde4f4; background: #ffffff; border-radius: 0.35714rem; overflow: hidden; z-index: 100; }

section#budget-game .card-container .bill .bill-header { padding: 15px 15px 0; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .bill-header { padding-top: 20px; } }

section#budget-game .card-container .bill .bill-header .logo { padding-right: 30px; max-height: 3.42857rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .bill-header .logo { margin-bottom: 20px; max-height: 3.85714rem; } }

section#budget-game .card-container .bill .bill-header .statement-period { border: 1px solid #dde4f4; padding: 10px 20px; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .bill-header .statement-period { font-size: 1.14286rem; } }

section#budget-game .card-container .bill .bill-header .statement-period .title { margin-bottom: 0.57143rem; font-weight: bold; text-transform: uppercase; }

section#budget-game .card-container .bill .bill-header .statement-period .date { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

section#budget-game .card-container .bill .bill-header .statement-period .date span { padding-right: 0.71429rem; }

section#budget-game .card-container .bill .bill-header h2 { margin: 20px 0 0; font-size: 1.28571rem; text-transform: uppercase; line-height: 1.2; }

section#budget-game .card-container .bill .bill-header.rent h2 { color: #106835; }

section#budget-game .card-container .bill .bill-header.phone h2 { color: #2274B9; }

section#budget-game .card-container .bill .bill-header.energy h2 { color: #014E85; }

section#budget-game .card-container .bill .bill-header.tv h2 { color: #2A2A5B; }

section#budget-game .card-container .bill .bill-header.car-insurance h2 { color: #1A3249; }

section#budget-game .card-container .bill .bill-header.car-payment h2 { color: #001E40; }

section#budget-game .card-container .bill .bill-header.credit-card h2 { color: #243676; }

section#budget-game .card-container .bill .bill-header.health-insurance h2 { color: #d9549e; }

section#budget-game .card-container .bill .bill-header.student-loan h2 { color: #58595b; }

section#budget-game .card-container .bill .bill-details { display: -ms-grid; display: grid; margin: 20px 0 5px; padding: 20px 15px; column-count: 4; gap: 15px; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); border-top: 1px dashed #dde4f4; border-bottom: 1px dashed #dde4f4; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .bill-details { column-count: 2; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); font-size: 1.14286rem; } }

section#budget-game .card-container .bill .bill-details.credit-card { column-count: 3; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .bill-details.credit-card { column-count: 2; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } }

section#budget-game .card-container .bill .total-due { padding: 10px 15px; text-align: center; font-size: 1.28571rem; color: #ffffff; font-weight: bold; background: #eff4f7; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill .total-due { padding: 15px; } }

section#budget-game .card-container .bill .total-due.rent { background: linear-gradient(to right, #106835, #96C01F); }

section#budget-game .card-container .bill .total-due.phone { background: linear-gradient(to right, #2274B9, #662880); }

section#budget-game .card-container .bill .total-due.energy { background: linear-gradient(to right, #014E85, #32AC68); }

section#budget-game .card-container .bill .total-due.tv { background: linear-gradient(to right, #2A2A5B, #E72677); }

section#budget-game .card-container .bill .total-due.car-insurance { background: linear-gradient(to right, #1A3249, #00A79D); }

section#budget-game .card-container .bill .total-due.car-payment { background: linear-gradient(to right, #001E40, #31B1E7); }

section#budget-game .card-container .bill .total-due.credit-card { background: linear-gradient(to right, #243676, #3fa5dd); }

section#budget-game .card-container .bill .total-due.health-insurance { background: linear-gradient(to right, #d9549e, #1ca9db); }

section#budget-game .card-container .bill .total-due.student-loan { background: linear-gradient(to right, #58595b, #4ea291); }

section#budget-game .card-container .bill table th { border-color: #57575E; color: #57575E; }

section#budget-game .card-container .bill-payment { position: relative; border: 2px solid #dde4f4; border-radius: 0.35714rem; background: #ffffff; overflow: hidden; }

section#budget-game .card-container .bill-payment .payment-header { padding: 15px; font-size: 1.14286rem; font-weight: bold; color: #703ccd; border-bottom: 2px solid #703ccd; line-height: 1; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill-payment .payment-header { font-size: 1.28571rem; } }

section#budget-game .card-container .bill-payment .line { padding: 15px; }

section#budget-game .card-container .bill-payment .line label { font-size: 1rem; font-weight: bold; text-transform: none; line-height: 1.4; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill-payment .line label { margin-bottom: 0.71429rem; font-size: 1.14286rem; } }

section#budget-game .card-container .bill-payment .line + .line { border-top: 1px solid #dde4f4; }

section#budget-game .card-container .bill-payment .line.amount { background: #ffffe0; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .bill-payment .line.amount { padding-bottom: 20px; } }

@media screen and (min-width: 40em) { section#budget-game .card-container .bill-payment .line.amount { padding: 10px 15px; } }

section#budget-game .card-container .bill-payment .line.amount input[type=number] { margin: 0; border-width: 0.14286rem; border-color: #f64775; }

section#budget-game .card-container .bill-payment .line .spaced { margin-bottom: 0.71429rem; }

section#budget-game .card-container .cheque { position: relative; margin-top: 25px; margin-bottom: 30px; text-align: center; }

section#budget-game .card-container .cheque .container { display: inline-block; position: relative; animation-duration: 1s; font-family: "Times New Roman", Times, serif; height: inherit; }

section#budget-game .card-container .cheque .container img { aspect-ratio: 7/3; 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#budget-game .card-container .cheque .container span { display: inline-block; position: absolute; font-size: 1em; }

section#budget-game .card-container .cheque .container span.date { top: 9%; right: 6%; text-align: right; }

section#budget-game .card-container .cheque .container span.name { top: 31%; left: 15%; }

section#budget-game .card-container .cheque .container span.num-pay { top: 36%; left: 75%; font-weight: bold; font-size: 1.2em; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container .cheque .container span.num-pay { top: 34%; } }

section#budget-game .card-container .cheque .container span.text-pay { top: 48%; left: 5%; }

section#budget-game .card-container .cheque .container span.for { top: 69%; left: 11%; }

section#budget-game .card-container .credit-card-disclosure { margin-top: 20px; }

section#budget-game .card-container .credit-card-disclosure .line { font-size: 0.85714rem; color: #57575E; }

section#budget-game .card-container .credit-card-disclosure .line + .line { margin-top: 0.71429rem; }

section#budget-game .card-container .credit-card-disclosure table { margin: 0 0 0.35714rem; border: 1px solid #57575E; }

section#budget-game .card-container .credit-card-disclosure table thead tr th { font-size: 0.85714rem; color: #57575E; padding: 0.35714rem 0.57143rem; background: rgba(87, 87, 94, 0.1); border-bottom: 1px solid #57575E; text-transform: unset; }

section#budget-game .card-container .credit-card-disclosure table thead tr th + th { border-left: 1px solid #57575E; }

section#budget-game .card-container .credit-card-disclosure table tbody tr td { font-size: 0.85714rem; padding: 0.35714rem 0.57143rem; }

section#budget-game .card-container .credit-card-disclosure table tbody tr td + td { border-left: 1px solid #57575E; }

section#budget-game .card-container.welcome-card { background: #ffffff; border: 2px solid #dde4f4; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.welcome-card { border: none; overflow-y: auto; } }

section#budget-game .card-container.welcome-card img { position: absolute; top: 0; left: 0; max-height: 27.14286rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.welcome-card img { position: inherit; max-height: none; } }

section#budget-game .card-container.welcome-card .text-box { position: absolute; left: 4.28571rem; bottom: 2.85714rem; width: 100%; max-width: 52%; text-align: left; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.welcome-card .text-box { position: inherit; padding: 2.14286rem; max-width: none; } }

section#budget-game .card-container.welcome-card .text-box h1 { margin-bottom: 1.07143rem; font-size: 1.28571rem; color: #703ccd; font-weight: bold; }

section#budget-game .card-container.welcome-card .text-box p { font-size: 1rem; line-height: 1.3; color: #57575E; }

section#budget-game .card-container.welcome-card .text-box :last-child { margin: 0; }

section#budget-game .card-container.welcome-card .game-box { position: absolute; top: 50%; right: 4.28571rem; -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 2.14286rem 2.85714rem; border-radius: 0.35714rem; border: 3px solid #dde4f4; text-align: center; min-width: 30%; background: #ffffff; box-shadow: 5px 5px 0 -3px white, 5px 5px #ac8de2, 10px 10px 0 -3px white, 10px 10px #8e65d7, 15px 15px 0 -3px whitesmoke, 15px 15px #703ccd; }

@media screen and (max-width: 39.9375em) { section#budget-game .card-container.welcome-card .game-box { position: inherit; margin: 0.71429rem 2.14286rem 2.14286rem; box-shadow: none; -ms-transform: none; transform: none; } }

section#budget-game .card-container.welcome-card .game-box .months-to-play { margin-top: 0.71429rem; margin-bottom: 1.42857rem; }

section#budget-game .card-container.welcome-card .game-box .months-to-play h2 { margin: 0; line-height: 1; font-size: 3.85714rem; color: #703ccd; }

section#budget-game .card-container.welcome-card .game-box .months-to-play h6 { margin: 0; text-transform: uppercase; font-size: 1rem; color: #703ccd; }

section#budget-game .card-container.welcome-card .game-box .months-remaining { margin: 1.42857rem 0; padding: 1.42857rem 0; border-top: 2px dotted #dde4f4; border-bottom: 2px dotted #dde4f4; }

section#budget-game .card-container.welcome-card .game-box .months-remaining > div { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }

section#budget-game .card-container.welcome-card .game-box .how-to-play { margin-bottom: 1.42857rem; line-height: 1; }

section#budget-game .card-container.welcome-card .game-box .how-to-play a { text-decoration: underline; line-height: 1; color: #703ccd; }

section#budget-game .card-container.welcome-card .game-box .button { margin-top: 0.35714rem; width: 100%; }

section#budget-game .table-wrapper { margin-bottom: 20px; border: 2px solid #dde4f4; border-radius: 0.35714rem; }

@media screen and (max-width: 39.9375em) { section#budget-game .table-wrapper { white-space: inherit; } }

section#budget-game .table-wrapper table { margin-bottom: 0; }

section#budget-game table thead th { padding: 0.85714rem 1.07143rem; background: #ffffff; color: #703ccd; font-size: 1rem; text-transform: capitalize; border-bottom: 2px solid #703ccd; }

@media screen and (max-width: 39.9375em) { section#budget-game table thead th { font-size: 1.28571rem; } }

section#budget-game table tbody td { padding: 0.85714rem 1.07143rem; }

@media screen and (max-width: 39.9375em) { section#budget-game table tbody td { font-size: 1.14286rem; } }

section#budget-game table tbody td .positive { color: #3adb76; }

section#budget-game table tbody td .negative { color: #cc4b37; }

section#budget-game table tbody td .goal-completion .text { display: -ms-flexbox; display: flex; margin-bottom: 0.35714rem; -ms-flex-pack: justify; justify-content: space-between; }

section#budget-game table tbody td .goal-completion .progress { margin: 0; height: 1.07143rem; border: 1px solid #dde4f4; background: #ffffff; border-radius: 71.42857rem; }

section#budget-game table tbody td .goal-completion .progress .progress-meter { background: #3adb76; border-radius: 71.42857rem; max-width: 100%; }

section#budget-game table tbody td input[type=text] { margin: 0; border-width: 0.14286rem; border-color: #f64775; }

section#budget-game table tbody td .amount-input { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 39.9375em) { section#budget-game table tbody td .amount-input { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: normal; align-items: normal; }
  section#budget-game table tbody td .amount-input input { margin-bottom: 0.57143rem; } }

section#budget-game table tbody td .amount-input p { margin: 0; }

@media screen and (max-width: 39.9375em) { section#budget-game table tbody td .amount-input p { margin-bottom: 0.35714rem; } }

section#budget-game table tbody td .icon { display: inline-block; width: 1.42857rem; margin-right: 0.71429rem; font-size: 1.28571rem; vertical-align: initial; }

section#budget-game table tbody tr.has-background td { background: #ebf1f6; }

section#budget-game table tbody tr.highlight td { background: #ffffe0; }

section#budget-game .circle-progress { position: relative; width: 80px; height: 80px; line-height: 80px; background: none; margin: 0 auto; box-shadow: none; }

section#budget-game .circle-progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 8px solid rgba(255, 255, 255, 0.6); position: absolute; top: 0; left: 0; }

section#budget-game .circle-progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; }

section#budget-game .circle-progress .progress-left { left: 0; }

section#budget-game .circle-progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 8px; border-style: solid; position: absolute; top: 0; border-color: #04cec9; }

section#budget-game .circle-progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-left: 0; -ms-transform-origin: center left; transform-origin: center left; }

section#budget-game .circle-progress .progress-right { right: 0; }

section#budget-game .circle-progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 40px; border-bottom-left-radius: 40px; border-right: 0; -ms-transform-origin: center right; transform-origin: center right; }

section#budget-game .circle-progress .progress-value { display: -ms-flexbox; display: flex; border-radius: 50%; font-size: 1.5rem; text-align: center; line-height: 1; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 100%; font-weight: bold; color: #ffffff; }

section#budget-game .circle-progress[data-percentage="5"] .progress-right .progress-bar { animation: loading-1 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="5"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="10"] .progress-right .progress-bar { animation: loading-2 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="10"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="15"] .progress-right .progress-bar { animation: loading-3 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="15"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="20"] .progress-right .progress-bar { animation: loading-4 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="20"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="25"] .progress-right .progress-bar { animation: loading-5 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="25"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="30"] .progress-right .progress-bar { animation: loading-6 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="30"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="35"] .progress-right .progress-bar { animation: loading-7 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="35"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="40"] .progress-right .progress-bar { animation: loading-8 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="40"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="45"] .progress-right .progress-bar { animation: loading-9 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="45"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="50"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="50"] .progress-left .progress-bar { animation: 0; }

section#budget-game .circle-progress[data-percentage="55"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="55"] .progress-left .progress-bar { animation: loading-1 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="60"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="60"] .progress-left .progress-bar { animation: loading-2 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="65"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="65"] .progress-left .progress-bar { animation: loading-3 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="70"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="70"] .progress-left .progress-bar { animation: loading-4 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="75"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="75"] .progress-left .progress-bar { animation: loading-5 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="80"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="80"] .progress-left .progress-bar { animation: loading-6 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="85"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="85"] .progress-left .progress-bar { animation: loading-7 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="90"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="90"] .progress-left .progress-bar { animation: loading-8 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="95"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="95"] .progress-left .progress-bar { animation: loading-9 1.5s linear forwards 1.5s; }

section#budget-game .circle-progress[data-percentage="100"] .progress-right .progress-bar { animation: loading-10 1.5s linear forwards; }

section#budget-game .circle-progress[data-percentage="100"] .progress-left .progress-bar { animation: loading-10 1.5s linear forwards 1.5s; }

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

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

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

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

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

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

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

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

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

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

section#budget-game .roll-in-progress-popup { position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 2.14286rem 3.57143rem; width: 100%; height: 100%; background: rgba(23, 25, 31, 0.4); z-index: 1000; }

section#budget-game .roll-in-progress-popup .card { text-align: center; padding: 45px 30px 30px; border-radius: 1.42857rem; }

@keyframes bouncing-loader { to { opacity: 0.1;
    transform: translate3d(0, -15px, 0); } }

section#budget-game .roll-in-progress-popup .bouncing-loader { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }

section#budget-game .roll-in-progress-popup .bouncing-loader > div { margin: 0 0.35714rem; width: 1.71429rem; height: 1.71429rem; background: #703ccd; border-radius: 50%; animation: bouncing-loader 0.6s infinite alternate; }

section#budget-game .roll-in-progress-popup .bouncing-loader > div:nth-child(2) { animation-delay: 0.2s; }

section#budget-game .roll-in-progress-popup .bouncing-loader > div:nth-child(3) { animation-delay: 0.4s; }

section#budget-game .roll-in-progress-popup .text { margin: 0.71429rem 0 0; font-size: 1.5rem; font-weight: bold; }

section#budget-game .roll-in-progress-popup .date { margin: 0; font-size: 1.28571rem; }

.game-stat-cards { position: relative; display: -ms-grid; display: grid; column-count: 1; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); }

@media screen and (max-width: 39.9375em) { .game-stat-cards { column-count: 2; gap: 15px; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); top: -30px; padding: 0 20px; } }

.game-stat-cards .stat-card { margin: 0; padding: 15px 20px; background: #ffffff; border: 2px solid #dde4f4; border-radius: 0.35714rem; color: #57575E; text-align: left; }

.game-stat-cards .stat-card.game-score { border-color: #592caa; background: #592caa; }

.game-stat-cards .stat-card.net-worth { border-color: #55a0ff; background: #55a0ff; }

.game-stat-cards .stat-card.credit-score { border-color: #d980fa; background: #d980fa; }

.game-stat-cards .stat-card.quality-life { border-color: #04cec9; background: #04cec9; }

.game-stat-cards .stat-card.game-score, .game-stat-cards .stat-card.net-worth, .game-stat-cards .stat-card.credit-score, .game-stat-cards .stat-card.quality-life { color: #ffffff; }

.game-stat-cards .stat-card.game-score label, .game-stat-cards .stat-card.net-worth label, .game-stat-cards .stat-card.credit-score label, .game-stat-cards .stat-card.quality-life label { color: #ffffff; }

.game-stat-cards .stat-card .icon { display: inline-block; width: 3rem; height: 3rem; line-height: 2.71429rem; border: 2px solid #dde4f4; background: #dde4f4; border-radius: 100%; text-align: center; color: #ffffff; font-size: 1.5rem; }

.game-stat-cards .stat-card .icon i { font-size: 1.5rem !important; vertical-align: inherit !important; line-height: inherit; }

.game-stat-cards .stat-card.savings .icon { border-color: #ff9f43; background: #ff9f43; }

.game-stat-cards .stat-card.checking .icon { border-color: #04cec9; background: #04cec9; }

.game-stat-cards .stat-card.outstanding-bills .icon, .game-stat-cards .stat-card.credit .icon { border-color: #ee5253; background: #ee5253; }

.game-stat-cards .stat-card.game-score .icon, .game-stat-cards .stat-card.net-worth .icon, .game-stat-cards .stat-card.credit-score .icon, .game-stat-cards .stat-card.quality-life .icon { border-color: #ffffff; background: transparent; }

.game-stat-cards .stat-card .stat { margin: 0.57143rem 0; font-weight: bold; font-size: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.game-stat-cards .stat-card label { line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

@media screen and (min-width: 40em) { .game-stat-cards .stat-card label { font-size: 1rem; } }

.game-stat-cards .stat-card .open-icon { position: absolute; top: 1.07143rem; right: 1.07143rem; font-size: 1.28571rem; color: #57575E; }

#budget-statements .pl-1 { padding-left: 1em; }

#budget-statements .pr-1 { padding-right: 1em; }

#budget-statements .pt-1 { padding-top: 1em; }

#budget-statements .pb-1 { padding-bottom: 1em; }

#budget-statements .py-1 { padding: 1rem 0; }

#budget-statements .bank-statement-header { border-bottom: 2px #57575E solid; padding-bottom: 1rem; font-size: 1.21429rem; font-weight: bold; color: #57575E; }

#budget-statements label { color: rgba(87, 87, 94, 0.6); text-transform: uppercase; font-size: 0.71429rem; font-weight: bold; letter-spacing: 0.07143rem; margin-bottom: 0.21429rem; }

#budget-statements .filter-date { color: #57575E; text-transform: uppercase; font-size: 0.71429rem; font-weight: bold; letter-spacing: 0.07143rem; }

#budget-statements .account-info { background: #eff4f7; border: 1px rgba(87, 87, 94, 0.2) solid; margin-bottom: 1em; 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); }

#budget-statements .account-info .large-9 .grid-x { border-bottom: 1px rgba(87, 87, 94, 0.2) solid; }

#budget-statements .account-info .large-9 .grid-x:last-child { border-bottom: 0; }

#budget-statements .account-info .large-9 .grid-x .cell { border-right: 1px rgba(87, 87, 94, 0.2) solid; }

#budget-statements .account-info .label-result { font-size: 17px; font-weight: bold; color: #57575E; }

#budget-statements .account-info .label-result.positive { color: #3adb76; }

#budget-statements .account-info .label-result.negative { color: #cc4b37; }

#budget-statements .account-info .current-balance { background: linear-gradient(to right, #703ccd, #592caa); padding: 1em; }

#budget-statements .account-info .current-balance .grid-x { min-height: 7.07143rem; }

#budget-statements .account-info .current-balance label { color: #ffffff; }

#budget-statements .account-info .current-balance .balance-result { font-size: 1.85714rem; line-height: 1.85714rem; color: #ffffff; font-weight: bold; }

#budget-statements .account-info .current-balance .icon-container { padding: 1em; background: #592caa; width: 3.71429rem; }

#budget-statements .account-info .current-balance .icon-container .icon { color: #ffffff; }

#budget-statements .account-info .current-balance .icon-container .icon i { font-size: 1.71429rem; }

#budget-statements table thead tr th { color: #57575E; text-transform: uppercase; font-size: 0.71429rem; font-weight: bold; letter-spacing: 0.07143rem; }

#budget-statements table tbody td.cr { background-color: rgba(58, 219, 118, 0.06); }

#budget-statements table tbody td .symbol { font-size: 0.71429rem; font-weight: bold; padding: 0.35714rem 0; border-radius: 0.35714rem; width: 1.71429rem; margin: auto; }

#budget-statements table tbody td .symbol.cr { color: #3adb76; background: rgba(58, 219, 118, 0.1); border: 1px rgba(58, 219, 118, 0.5) solid; }

#budget-statements table tbody td .symbol.dt { color: #cc4b37; background: rgba(204, 75, 55, 0.12); border: 1px rgba(204, 75, 55, 0.5) solid; }

#budget-statements table .date { width: 7.14286rem; color: #57575E; text-transform: uppercase; font-size: 0.71429rem; font-weight: bold; letter-spacing: 0.07143rem; }

#budget-statements table .type { width: 4.28571rem; text-align: center; }

#budget-statements table .amount { text-align: right; }

#budget-statements .header.dark { background: linear-gradient(to right, #703ccd, #592caa); padding: 0.71429rem 1.42857rem; border-top-left-radius: 0.21429rem; border-top-right-radius: 0.21429rem; }

#budget-statements .header.dark .title { font-size: 1rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #ffffff; }

#budget-statements .header.dark .icon.fa-receipt { display: inline-block; font-size: 1.28571rem; width: 2.5rem; line-height: 2.5rem; height: 2.5rem; background: #f368e0; text-align: center; border-radius: 50%; vertical-align: middle; color: #ffffff; margin-right: 1em; }

#budget-statements .card-box { background: #ffffff; border-radius: 0.21429rem; margin-bottom: 1.5rem; padding: 1em; 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); }

#budget-statements .card-box.has-tip { border-bottom: 0; display: inherit; }

#budget-statements .card-box .title { font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #57575E; margin-bottom: 0.21429rem; }

#budget-statements .card-box .value, #budget-statements .card-box .icon { font-size: 1.5rem; font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#budget-statements .card-box .value.color-2, #budget-statements .card-box .icon.color-2 { color: #04cec9; }

#budget-statements .card-box .value.color-3, #budget-statements .card-box .icon.color-3 { color: #f368e0; }

#budget-statements .card-box .value.color-4, #budget-statements .card-box .icon.color-4 { color: #ee5253; }

#budget-statements .card-box .value.color-5, #budget-statements .card-box .icon.color-5 { color: #55a0ff; }

#budget-statements .card-box.overall-score-box { background: linear-gradient(to right, #703ccd, #592caa); }

#budget-statements .card-box.overall-score-box .score .title, #budget-statements .card-box.overall-score-box .score .rank-title, #budget-statements .card-box.overall-score-box .rank-box .title, #budget-statements .card-box.overall-score-box .rank-box .rank-title, #budget-statements .card-box.overall-score-box .current-game-date .title, #budget-statements .card-box.overall-score-box .current-game-date .rank-title { font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #ff9f43; margin-bottom: 0.21429rem; }

#budget-statements .card-box.overall-score-box .score .title.white, #budget-statements .card-box.overall-score-box .score .rank-title.white, #budget-statements .card-box.overall-score-box .rank-box .title.white, #budget-statements .card-box.overall-score-box .rank-box .rank-title.white, #budget-statements .card-box.overall-score-box .current-game-date .title.white, #budget-statements .card-box.overall-score-box .current-game-date .rank-title.white { color: #ffffff; }

#budget-statements .card-box.overall-score-box .score .value, #budget-statements .card-box.overall-score-box .score .rank, #budget-statements .card-box.overall-score-box .score .date, #budget-statements .card-box.overall-score-box .rank-box .value, #budget-statements .card-box.overall-score-box .rank-box .rank, #budget-statements .card-box.overall-score-box .rank-box .date, #budget-statements .card-box.overall-score-box .current-game-date .value, #budget-statements .card-box.overall-score-box .current-game-date .rank, #budget-statements .card-box.overall-score-box .current-game-date .date { font-size: 1.5rem; font-weight: bold; line-height: 1; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#budget-statements .card-box.overall-score-box .score .date, #budget-statements .card-box.overall-score-box .rank-box .date, #budget-statements .card-box.overall-score-box .current-game-date .date { font-size: 14px; }

#budget-statements .card-box.overall-score-box .rank-box { background: #592caa; border: 2px solid rgba(255, 255, 255, 0.1); padding: 0.57143rem 1.07143rem; border-radius: 0.21429rem; text-align: center; }

#budget-statements .card-box.overall-score-box .grid-x:first-child { border-bottom: 2px solid #592caa; margin-left: -14px; margin-right: -14px; padding-bottom: 1em; }

#budget-statements .card-box.overall-score-box .icon.fa-calendar-alt { display: inline-block; font-size: 1.28571rem; width: 2.5rem; line-height: 2.5rem; height: 2.5rem; background: #ff9f43; text-align: center; border-radius: 50%; vertical-align: middle; color: #ffffff; }

#budget-statements .summary-report { border-bottom-left-radius: 0.21429rem; border-bottom-right-radius: 0.21429rem; padding-top: 0; padding-bottom: 0; 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); }

#budget-statements .summary-report .cell.small-12 { padding-top: 1.5rem; border-bottom: 2px solid #eaf0f6; }

#budget-statements .summary-report .cell.small-12:last-child { border-bottom: 0; }

#budget-statements .summary-report .statement-type-title { font-size: 1.07143rem; font-weight: bold; color: #703ccd; }

#budget-statements .credit-score { position: relative; text-align: center; }

#budget-statements .credit-score .credit-score-guage { position: relative; display: block; margin: 0 auto; width: 130px; height: 65px; }

#budget-statements .credit-score .credit-score-guage .gauge-needle { position: absolute; width: 1.42857rem; height: 1.42857rem; 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; }

#budget-statements .credit-score .credit-score-guage .gauge-needle:after { position: absolute; content: ""; border-radius: 50%; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#budget-statements .credit-score .credit-score-guage .gauge-needle:before { position: absolute; content: ""; border: 4px solid transparent; border-right: 36px solid #57575E; left: -39px; top: 5px; width: 0; height: 0; }

#budget-statements .credit-score .credit-score-guage .guage-levels { position: relative; border-radius: 15.71429rem 15.71429rem 0 0; overflow: hidden; background: #ffffff; height: 65px; }

#budget-statements .credit-score .credit-score-guage .guage-levels:before { display: block; position: absolute; content: ''; height: 6.42857rem; width: 6.42857rem; background-color: white; border-radius: 50%; -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: -45px; z-index: 1; }

#budget-statements .credit-score .credit-score-guage .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%; }

#budget-statements .credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-25 { border-top: 114px solid #cc4b37; -ms-transform: rotate(-68deg); transform: rotate(-68deg); }

#budget-statements .credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-50 { border-top: 114px solid #ff9f43; -ms-transform: rotate(-24deg); transform: rotate(-24deg); }

#budget-statements .credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-75 { border-top: 114px solid #65e394; -ms-transform: rotate(22deg); transform: rotate(22deg); }

#budget-statements .credit-score .credit-score-guage .guage-levels .guage-level.guage-slice-100 { border-top: 114px solid #3adb76; -ms-transform: rotate(67deg); transform: rotate(67deg); }

#budget-statements .credit-score .score-result { display: inline-block; margin-top: 1.42857rem; padding: 0.57143rem 1.14286rem; background: #f5f8fb; border: 2px solid #e8eff4; border-radius: 0.21429rem; overflow: hidden; }

#budget-statements .credit-score .score-result .title { margin-bottom: 0.28571rem; font-size: 0.71429rem; text-transform: uppercase; color: #57575E; font-weight: bold; line-height: 1; }

#budget-statements .credit-score .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 #e8eff4; vertical-align: middle; font-family: 'Oswald', sans-serif; text-align: left; }

#budget-statements .credit-score .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; }

#budget-statements .credit-score .score-result .score-text.poor { color: #cc4b37; }

#budget-statements .credit-score .score-result .score-text.fair { color: #ff9f43; }

#budget-statements .credit-score .score-result .score-text.good, #budget-statements .credit-score .score-result .score-text.excellent, #budget-statements .credit-score .score-result .score-text.perfect { color: #3adb76; }

#budget-statements .budget-game-summary-widget_v2 { 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); }

#budget-statements .budget-game-summary-widget_v2 .overall-score-box { margin-bottom: 0; border-radius: 0; border-top-left-radius: 0.21429rem; border-top-right-radius: 0.21429rem; }

#budget-statements .budget-game-summary-widget_v2 .card-box { box-shadow: none; }

#budget-statements .budget-game-summary-widget_v2 .card-box.has-tip { margin-bottom: 0; border-radius: 0; border-bottom: 1px #d2dadd dashed; background-color: #f8fafc; }

#statistics-overview .header.dark { margin-top: 1.5rem; }

#statistics-overview .header.dark .icon.fa-chart-bar { display: inline-block; font-size: 1.28571rem; width: 2.5rem; line-height: 2.5rem; height: 2.5rem; background: #62adfe; text-align: center; border-radius: 50%; vertical-align: middle; color: #ffffff; margin-right: 1em; }

#statistics-overview .box-wrapper { border-bottom-left-radius: 0.21429rem; border-bottom-right-radius: 0.21429rem; margin-bottom: 1.5rem; }

#statistics-overview .box-wrapper ul.tabs { border: 0; }

#statistics-overview .box-wrapper ul.tabs li.tabs-title > a { background: transparent; padding-top: 0; padding-bottom: 0.57143rem; padding-left: 0; padding-right: 0; margin-left: 0.57143rem; margin-right: 0.57143rem; font-size: 1.07143rem; font-weight: bold; color: #57575E; }

#statistics-overview .box-wrapper ul.tabs li.tabs-title:first-child a { margin-left: 0; }

#statistics-overview .box-wrapper ul.tabs li.tabs-title.is-active > a, #statistics-overview .box-wrapper ul.tabs li.tabs-title.is-active > a:active, #statistics-overview .box-wrapper ul.tabs li.tabs-title.is-active > a:focus { color: #5f6df1; border-bottom: 2px #5f6df1 solid; }

#statistics-overview .box-wrapper .tabs-content { margin: 0; padding: 0; box-shadow: none; }

#statistics-overview .box-wrapper .tabs-content .tabs-panel { margin-bottom: 0; }

#statistics-overview .box-wrapper .interactive-chart { box-shadow: none; padding: 0.71429rem 0 0 0; }

#statistics-overview .box-wrapper .chart-wrapper { margin-bottom: 0; }

#monthly-statements .header.dark .icon.fa-calendar-alt { display: inline-block; font-size: 18px; width: 2.5rem; line-height: 2.5rem; height: 2.5rem; background: #04cec9; text-align: center; border-radius: 50%; vertical-align: middle; color: #ffffff; margin-right: 1em; }

#monthly-statements .box-wrapper { border-bottom-left-radius: 0.21429rem; border-bottom-right-radius: 0.21429rem; margin-bottom: 1.5rem; }

#monthly-statements .box-wrapper .interactive-chart { box-shadow: none; padding: 10px 0 0 0; }

#monthly-statements .box-wrapper .chart-wrapper { margin-bottom: 0; }

#monthly-statements .box-wrapper .month-year { font-size: 1.07143rem; color: #57575E; font-weight: bold; }

#monthly-statements .box-wrapper .monthly-summary { background-color: #f8fafc; }

#monthly-statements .box-wrapper .monthly-summary .d-flex { display: -ms-flexbox; display: flex; border-bottom: 1px #d2dadd dashed; }

#monthly-statements .box-wrapper .monthly-summary .d-flex > div { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 1.07143rem 1.42857rem; }

#monthly-statements .box-wrapper .monthly-summary .d-flex > div:first-child { border-right: 1px #d2dadd dashed; }

#monthly-statements .box-wrapper .monthly-summary .d-flex > div.text-center { border-right: 0; }

#monthly-statements .box-wrapper .monthly-summary .d-flex:last-child { border-bottom: 0; -ms-flex-pack: center; justify-content: center; }

#monthly-statements .box-wrapper .monthly-summary .title { font-size: 0.71429rem; font-weight: bold; line-height: 1; text-transform: uppercase; color: #57575E; margin-bottom: 3px; }

#monthly-statements .box-wrapper .monthly-summary .value { font-size: 1.5rem; font-weight: bold; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#monthly-statements .box-wrapper .monthly-summary .value.checking { color: #3adb76; }

#monthly-statements .box-wrapper .monthly-summary .value.savings { color: #04cec9; }

#monthly-statements .box-wrapper .monthly-summary .value.net { color: #55a0ff; }

#monthly-statements .box-wrapper .monthly-summary .value.bills { color: #ee5253; }

#monthly-statements .box-wrapper .monthly-summary .value.credit { color: #ff9f43; }

#my-apartment { position: absolute; padding: 1.07143rem; width: 100%; height: 100%; left: 0; top: 0; background: #dad4fb; overflow: hidden; }

#my-apartment .aspect-container { position: relative; max-width: 100%; max-height: 100%; aspect-ratio: 5/4; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; }

#my-apartment .aspect-container .has-tip { border-bottom: none; }

#my-apartment .aspect-container.wider-aspect { aspect-ratio: 16/10; }

#my-apartment .aspect-container img { position: absolute; width: 100%; height: auto; z-index: inherit; }

#my-apartment .aspect-container .img-layer { position: absolute; width: 100%; height: 100%; aspect-ratio: 5/4; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: contain; background-repeat: no-repeat; pointer-events: none; }

#my-apartment .aspect-container .img-layer.wider-aspect { aspect-ratio: 16/10; }

#my-apartment .aspect-container .img-layer.layer-2 { z-index: 50; }

#my-apartment .aspect-container .img-layer.layer-3 { z-index: 100; }

#my-apartment > .button { position: absolute !important; top: 2.14286rem; right: 2.14286rem; }

@media screen and (max-width: 39.9375em) { #my-apartment > .button { right: 1.07143rem; top: 1.42857rem; } }

.shop-modal-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); overflow: hidden; }

.shop-modal-overlay .shop-modal { position: relative; display: -ms-flexbox; display: flex; width: 100%; max-width: 840px; height: 80%; background: white; border-radius: 0.35714rem; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 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; }

.shop-modal-overlay .shop-modal .modal-sidebar { width: 240px; padding: 25px; overflow-y: auto; }

@media screen and (max-width: 39.9375em) { .shop-modal-overlay .shop-modal .modal-sidebar { width: 148px; padding: 15px; } }

.shop-modal-overlay .shop-modal .modal-sidebar::-webkit-scrollbar { width: 6px; }

.shop-modal-overlay .shop-modal .modal-sidebar::-webkit-scrollbar-track { background-color: #eff4f7; }

.shop-modal-overlay .shop-modal .modal-sidebar::-webkit-scrollbar-thumb { background-color: #d9d9db; }

.shop-modal-overlay .shop-modal .modal-sidebar h2 { margin-bottom: 25px; line-height: 1; color: #57575E; text-transform: uppercase; font-size: 13px; font-weight: bold; }

.shop-modal-overlay .shop-modal .modal-sidebar ul { margin: 0; list-style: none; }

.shop-modal-overlay .shop-modal .modal-sidebar ul li { margin: 0; border-radius: 0.35714rem; background: #eff4f7; }

.shop-modal-overlay .shop-modal .modal-sidebar ul li + li { margin-top: 5px; }

.shop-modal-overlay .shop-modal .modal-sidebar ul li a { display: block; padding: 10px 15px; font-size: 14px; color: #57575E; font-weight: bold; }

.shop-modal-overlay .shop-modal .modal-sidebar ul li.active { background: #703ccd; }

.shop-modal-overlay .shop-modal .modal-sidebar ul li.active a { color: white; }

.shop-modal-overlay .shop-modal .modal-content { -ms-flex: 1; flex: 1; border-left: 1px solid #d0dadd; padding: 25px; overflow-y: auto; }

.shop-modal-overlay .shop-modal .modal-content::-webkit-scrollbar { width: 6px; }

.shop-modal-overlay .shop-modal .modal-content::-webkit-scrollbar-track { background-color: #eff4f7; }

.shop-modal-overlay .shop-modal .modal-content::-webkit-scrollbar-thumb { background-color: #d9d9db; }

.shop-modal-overlay .shop-modal .modal-content h2 { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 20px; line-height: 1; color: #703ccd; text-transform: uppercase; font-size: 18px; font-weight: bold; }

.shop-modal-overlay .shop-modal .modal-content h2 a { color: #703ccd; }

.shop-modal-overlay .shop-modal .modal-content .item-box { position: relative; margin-bottom: 25px; padding: 15px; border: 2px solid #fcfdfd; border-radius: 0.35714rem; overflow: hidden; }

.shop-modal-overlay .shop-modal .modal-content .item-box .item-img { position: relative; margin-bottom: 15px; width: 100%; height: 72px; background: white; overflow: hidden; }

.shop-modal-overlay .shop-modal .modal-content .item-box .item-img img { width: 100%; height: 100%; object-fit: contain; overflow: hidden; }

.shop-modal-overlay .shop-modal .modal-content .item-box .item-name { display: block; font-weight: bold; font-size: 14px; color: #703ccd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.shop-modal-overlay .shop-modal .modal-content .item-box .item-price { margin-bottom: 15px; }

.shop-modal-overlay .shop-modal .modal-content .item-box .button { margin: 0; padding: 10px !important; background: #3adb76 !important; }

.confirm-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.1); overflow: hidden; }

.confirm-overlay .confirm-modal { position: relative; padding: 25px; width: 100%; max-width: 480px; height: auto; background: white; border-radius: 0.35714rem; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); 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; }

.confirm-overlay .confirm-modal h2 { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; margin-bottom: 20px; line-height: 1; color: #703ccd; text-transform: uppercase; font-size: 16px; font-weight: bold; }

.confirm-overlay .confirm-modal h2 a { color: #703ccd; }

.confirm-overlay .confirm-modal .button { margin: 15px 0 0; color: #703ccd !important; border: 1px solid #703ccd !important; background: white !important; }

.confirm-overlay .confirm-modal .button + .button { margin-left: 10px; }

.apartment-tooltip.tooltip { background: white; padding: 15px; color: #57575E; text-align: center; max-width: 200px; font-size: 14px; z-index: 9999; }

.apartment-tooltip.tooltip.top:before { border-color: white transparent transparent !important; }

.apartment-tooltip.tooltip.bottom:before { border-color: transparent transparent white !important; }

.apartment-tooltip.tooltip.right:before { border-color: transparent white transparent !important; }

.apartment-tooltip.tooltip.left:before { border-color: transparent transparent transparent white !important; }

.apartment-tooltip.tooltip .item-image { display: block; margin-bottom: 10px; }

.apartment-tooltip.tooltip .item-image img { display: inline-block; max-height: 100px; vertical-align: middle; overflow: hidden; }

.apartment-tooltip.tooltip .item-name { margin-bottom: 5px; font-weight: bold; font-size: 14px; color: #703ccd; }

.budget-game-summary-widget { position: relative; margin-bottom: 30px; background: white; border-radius: 0.35714rem; 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; }

.budget-game-summary-widget .title { font-weight: bold; font-size: 10px; text-transform: uppercase; color: #f08a24; line-height: 1; }

.budget-game-summary-widget .value { margin-top: 4px; font-weight: bold; font-size: 28px; text-transform: uppercase; line-height: 1; }

.budget-game-summary-widget .title-box { background: linear-gradient(to right, #4c29a9, #6037ce); color: white; padding: 15px 20px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); overflow: hidden; }

.budget-game-summary-widget .title-box .sub { font-weight: bold; font-size: 10px; text-transform: uppercase; color: #f08a24; line-height: 1; }

.budget-game-summary-widget .title-box .title { margin-top: 4px; font-weight: bold; font-size: 21px; text-transform: initial; line-height: 1; color: white; }

.budget-game-summary-widget .overall-score-box { background: #703ccd; color: white; overflow: hidden; }

.budget-game-summary-widget .overall-score-box .score { padding: 20px; border-bottom: 2px solid rgba(0, 0, 0, 0.2); }

.budget-game-summary-widget .overall-score-box .score .rank-box { padding: 5px 15px; text-align: center; border: 2px solid rgba(255, 255, 255, 0.2); background: rgba(0, 0, 0, 0.2); border-radius: 0.35714rem; }

.budget-game-summary-widget .overall-score-box .score .rank-box .title { color: white; }

.budget-game-summary-widget .overall-score-box .score .rank-box .value { font-size: 21px; }

.budget-game-summary-widget .overall-score-box .time-left { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 20px; }

.budget-game-summary-widget .overall-score-box .time-left i.icon { display: inline-block; margin-right: 15px; width: 32px; height: 32px; line-height: 32px; background: #f08a24; border-radius: 100%; text-align: center; font-size: 16px; }

.budget-game-summary-widget .overall-score-box .time-left .value { font-size: 16px; }

.budget-game-summary-widget .line-item { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 20px; border-bottom: 1px #d2dadd dashed; background-color: #f8fafc; }

.budget-game-summary-widget .line-item + .line-item { border-bottom: 1px #d2dadd dashed; background-color: #f8fafc; }

.budget-game-summary-widget .line-item + .line-item:last-child { border-bottom: 0; }

.budget-game-summary-widget .line-item .title { color: #57575E; }

.budget-game-summary-widget .line-item .value { font-size: 21px; color: #57575E; }

.budget-game-summary-widget .line-item .value.blue { color: #55a0ff; }

.budget-game-summary-widget .line-item .value.red { color: #ef534f; }

.budget-game-summary-widget .line-item .value.purple { color: #f368e0; }

.budget-game-summary-widget .line-item .value.teal { color: #04cec9; }

.budget-game-summary-widget .line-item i.icon { display: inline-block; margin-left: 1.07143rem; width: 2.28571rem; height: 2.28571rem; line-height: 2.28571rem; background: #703ccd; border-radius: 100%; text-align: center; font-size: 1.14286rem; color: #ffffff; }

.budget-game-summary-widget .line-item i.icon.blue { background: #55a0ff; }

.budget-game-summary-widget .line-item i.icon.red { background: #ef534f; }

.budget-game-summary-widget .line-item i.icon.purple { background: #f368e0; }

.budget-game-summary-widget .line-item i.icon.teal { background: #04cec9; }

.feedback-controls { margin: 1.07143rem 0 2.85714rem; text-align: center; }

.feedback-controls a { padding: 0 0.35714rem; font-weight: bold; color: #703ccd; text-transform: uppercase; }

#overallFeedback { margin-top: 1.5rem; }

#overallFeedback .budget-game-summary-widget { margin-bottom: 0; border-radius: 0; box-shadow: none; }

#overallFeedback:not(.slick-initialized) .budget-game-summary-widget { 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: 0.35714rem; background: white; }

#overallFeedback .slick-slide { height: auto; min-height: auto; }

#overallFeedback ul.slick-dots { bottom: -21px; }

#overallFeedback ul.slick-dots li { width: 0.71429rem; }

#overallFeedback ul.slick-dots li button, #overallFeedback ul.slick-dots li button:before { width: 0.71429rem; padding: 0; color: #703ccd; }

#overallFeedback ul.slick-dots li button:before { font-size: 0.57143rem; }

#overallFeedback ul.slick-dots li.slick-active button:before { opacity: 1; }

#overallFeedback .slick-list { 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: 0.35714rem; background: #ffffff; }

#overallFeedback .slick-dotted.slick-slider { margin-bottom: 0; }

#overallFeedback .slick-slider:not(.slick-dotted) .slick-list { height: auto !important; }

.calculator { display: none; position: relative; width: 100%; height: 310px; 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); -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.calculator .screen { position: relative; width: 100%; height: 85px; background-color: #592caa; border-radius: 0.35714rem 0.35714rem 0 0; overflow: hidden; }

.calculator .screen .input-result { position: relative; padding: 0 20px; text-align: right; line-height: 1; top: 30px; font-size: 42px; color: white; overflow: hidden; }

.calculator .calc-content { overflow: hidden; box-sizing: content-box; }

.calculator .key { position: relative; width: 25%; height: 45px; line-height: 45px; float: left; font-weight: bold; font-size: 13px; text-align: center; background-color: white; cursor: pointer; box-sizing: border-box; }

.calculator .key:active { opacity: 0.75; }

.calculator .key.misc { background-color: #eff4f7; }

.calculator .key.op { background-color: #eff4f7; }

.calculator .key.wide { width: 50%; }

.calculator .key.b-left { border-left: 1px solid #d0dadd; }

.calculator .key.b-top { border-top: 1px solid #d0dadd; }

.calculator .key.b-bottom-left-radius { border-bottom-left-radius: 0.35714rem; }

.calculator .key.b-bottom-right-radius { border-bottom-right-radius: 0.35714rem; }

.cc-sidebar { width: 100%; }

.cc-sidebar .collapse-menu a.collapse-button { color: #592caa !important; }

.cc-sidebar .cc-assignment-details .widget .assignment-header { background: #592caa; }

.cc-sidebar .cc-assignment-details .widget .assignment-header .choose-assignment .title, .cc-sidebar .cc-assignment-details .widget .assignment-header .completion-status .title { background: transparent; }

.cc-sidebar .cc-assignment-details .widget .assignment-table table { table-layout: auto; }

.cc-sidebar .cc-assignment-details .widget .assignment-table .title { background: white; }

.cc-sidebar .cc-assignment-details .widget .assignment-table .title td { color: white; }

.cc-sidebar .calculator-btn { display: block; margin-bottom: 20px; font-weight: bold; font-size: 14px; }

.cc-sidebar .calculator-btn i { font-size: 16px; }

.cc-sidebar .calculator-btn span { margin-left: 5px; }

.cc-sidebar .widget { border-bottom-color: #592caa; }

.cc-sidebar .widget.calculator-widget { /*margin-top: 20px;*/ width: 85%; background: white; border-bottom: none; border-radius: 8px; }

.cc-sidebar .widget.calculator-widget .calculator { margin: 0 auto; }

.cc-sidebar .widget .title { background: #592caa; }

.cc-sidebar .widget table { table-layout: fixed; }

.cc-sidebar .widget table tbody tr td.has-background { background: rgba(239, 244, 247, 0.5); }

.cc-sidebar .widget table tbody tr td.view-calculator { font-size: 13px; text-align: center; font-weight: bold; text-transform: uppercase; }

.cc-sidebar .widget table tbody tr td.view-calculator a { color: #592caa; }

.cc-sidebar .widget table tbody tr td.view-calculator a:hover { opacity: 1; }

.cc-sidebar .widget table tbody tr td.view-calculator i { padding-right: 5px; }

.cc-sidebar .widget .financial-ratio { position: relative; }

.cc-sidebar .widget .financial-ratio .heading { margin-top: 6px; font-size: 13px; font-weight: bold; line-height: 1.3; text-align: center; color: #f64775; }

.cc-sidebar .widget .financial-ratio .slider { height: 10px; margin-top: 15px; margin-bottom: 24px; border-radius: 1000px; background: linear-gradient(to right, #f64775, #592caa); }

.cc-sidebar .widget .financial-ratio .slider.disabled { opacity: 1; cursor: default; }

.cc-sidebar .widget .financial-ratio .slider .slider-fill { height: 10px; background: transparent; }

.cc-sidebar .widget .financial-ratio .slider .slider-handle { width: 16px; height: 16px; margin-left: -8px; border-radius: 1000px; background: white; 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); }

.cc-sidebar .widget .financial-ratio .slider .progress-label { position: absolute; font-size: 10px; color: #592caa; font-weight: bold; bottom: -17px; text-transform: uppercase; }

.cc-sidebar .widget .financial-ratio .slider .progress-label.left { left: 0; }

.cc-sidebar .widget .financial-ratio .slider .progress-label.right { right: 0; }

.cc-sidebar .widget ul.tabs { border: none; background: #592caa; }

.cc-sidebar .widget ul.tabs li.tabs-title { text-align: center; width: 50%; border-bottom: 4px solid #592caa; }

.cc-sidebar .widget ul.tabs li.tabs-title:hover { background: transparent; opacity: 1; }

.cc-sidebar .widget ul.tabs li.tabs-title.is-active { border-bottom: 4px solid #f64775; }

.cc-sidebar .widget ul.tabs li.tabs-title a { padding: 10px 15px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: inherit; }

.cc-sidebar .widget ul.tabs li.tabs-title a:hover { opacity: 1; background: #592caa; }

.cc-sidebar .widget .tabs-content .tabs-panel { padding: 15px; background: white; }

.cc-sidebar .widget .user-badge { position: relative; display: block; }

.cc-sidebar .widget .user-badge .badge-icon { display: block; margin-right: 15px; }

.cc-sidebar .widget .user-badge .badge-icon .no-badge { position: relative; width: 48px; height: 48px; border-radius: 0.35714rem; background: white; border: 2px solid #d0dadd; color: #d0dadd; }

.cc-sidebar .widget .user-badge .badge-icon .no-badge i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; vertical-align: middle; }

.cc-sidebar .widget .user-badge .badge-icon img { max-width: 48px; max-height: 48px; }

.cc-sidebar .widget .user-badge .text { color: #703ccd; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cc-sidebar .widget .user-badge .caret { margin-left: 15px; color: #703ccd; }

.cc-sidebar { width: 100%; }

.cc-sidebar .collapse-menu a.collapse-button { color: #592caa !important; }

.cc-sidebar .cc-assignment-details .widget .assignment-header { background: #592caa; }

.cc-sidebar .cc-assignment-details .widget .assignment-header .choose-assignment .title, .cc-sidebar .cc-assignment-details .widget .assignment-header .completion-status .title { background: transparent; }

.cc-sidebar .cc-assignment-details .widget .assignment-table table { table-layout: auto; }

.cc-sidebar .cc-assignment-details .widget .assignment-table .title { background: white; }

.cc-sidebar .cc-assignment-details .widget .assignment-table .title td { color: white; }

.cc-sidebar .calculator-btn { display: block; margin-bottom: 20px; font-weight: bold; font-size: 14px; }

.cc-sidebar .calculator-btn i { font-size: 16px; }

.cc-sidebar .calculator-btn span { margin-left: 5px; }

.cc-sidebar .widget { border-bottom-color: #592caa; }

.cc-sidebar .widget.calculator-widget { /*margin-top: 20px;*/ width: 85%; background: white; border-bottom: none; border-radius: 8px; }

.cc-sidebar .widget.calculator-widget .calculator { margin: 0 auto; }

.cc-sidebar .widget .title { background: #592caa; }

.cc-sidebar .widget table { table-layout: fixed; }

.cc-sidebar .widget table tbody tr td.has-background { background: rgba(239, 244, 247, 0.5); }

.cc-sidebar .widget table tbody tr td.view-calculator { font-size: 13px; text-align: center; font-weight: bold; text-transform: uppercase; }

.cc-sidebar .widget table tbody tr td.view-calculator a { color: #592caa; }

.cc-sidebar .widget table tbody tr td.view-calculator a:hover { opacity: 1; }

.cc-sidebar .widget table tbody tr td.view-calculator i { padding-right: 5px; }

.cc-sidebar .widget .financial-ratio { position: relative; }

.cc-sidebar .widget .financial-ratio .heading { margin-top: 6px; font-size: 13px; font-weight: bold; line-height: 1.3; text-align: center; color: #f64775; }

.cc-sidebar .widget .financial-ratio .slider { height: 10px; margin-top: 15px; margin-bottom: 24px; border-radius: 1000px; background: linear-gradient(to right, #f64775, #592caa); }

.cc-sidebar .widget .financial-ratio .slider.disabled { opacity: 1; cursor: default; }

.cc-sidebar .widget .financial-ratio .slider .slider-fill { height: 10px; background: transparent; }

.cc-sidebar .widget .financial-ratio .slider .slider-handle { width: 16px; height: 16px; margin-left: -8px; border-radius: 1000px; background: white; 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); }

.cc-sidebar .widget .financial-ratio .slider .progress-label { position: absolute; font-size: 10px; color: #592caa; font-weight: bold; bottom: -17px; text-transform: uppercase; }

.cc-sidebar .widget .financial-ratio .slider .progress-label.left { left: 0; }

.cc-sidebar .widget .financial-ratio .slider .progress-label.right { right: 0; }

.cc-sidebar .widget ul.tabs { border: none; background: #592caa; }

.cc-sidebar .widget ul.tabs li.tabs-title { text-align: center; width: 50%; border-bottom: 4px solid #592caa; }

.cc-sidebar .widget ul.tabs li.tabs-title:hover { background: transparent; opacity: 1; }

.cc-sidebar .widget ul.tabs li.tabs-title.is-active { border-bottom: 4px solid #f64775; }

.cc-sidebar .widget ul.tabs li.tabs-title a { padding: 10px 15px; font-size: 14px; font-weight: normal; text-transform: uppercase; color: white; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: inherit; }

.cc-sidebar .widget ul.tabs li.tabs-title a:hover { opacity: 1; background: #592caa; }

.cc-sidebar .widget .tabs-content .tabs-panel { padding: 15px; background: white; }

.cc-sidebar .widget .user-badge { position: relative; display: block; }

.cc-sidebar .widget .user-badge .badge-icon { display: block; margin-right: 15px; }

.cc-sidebar .widget .user-badge .badge-icon .no-badge { position: relative; width: 48px; height: 48px; border-radius: 0.35714rem; background: white; border: 2px solid #d0dadd; color: #d0dadd; }

.cc-sidebar .widget .user-badge .badge-icon .no-badge i { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; vertical-align: middle; }

.cc-sidebar .widget .user-badge .badge-icon img { max-width: 48px; max-height: 48px; }

.cc-sidebar .widget .user-badge .text { color: #703ccd; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cc-sidebar .widget .user-badge .caret { margin-left: 15px; color: #703ccd; }