.openSansLightFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 300; } .openSansLightItalicFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 300; font-style: italic; } .openSansNormalFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; } .openSansNormalItalicFont { font-family: "Open Sans", Arial, sans-serif !important; font-style: italic; } .openSansSemiBoldFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 600; } .openSansSemiBoldItalicFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 600; font-style: italic; } .openSansBoldFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700; } .openSansBoldItalicFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700; font-style: italic; } .openSansExtraBoldFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 800; } .openSansExtraBoldItalicFont { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 800; font-style: italic; } html { background-color: #e6e7e8 ; } body, #mainContent { background-color: #efefef !important; box-sizing: content-box; color: black; } body, #footer { font-family: "Open Sans", Arial, sans-serif !important; font-size: 12px; } .footer-nav { font-size: 12px; font-weight: 600; } #footerContainer .row { margin: 0; } @media only screen and (min-width: 650px) { #footerContainer, #footer { margin-left: auto; margin-right: auto; max-width: 650px; font-weight: 600; } #footerContainer a, #footer a { font-weight: 600; text-decoration: none; color: #336D96; } } body { padding-right: 0px !important; } body.modal-open { overflow-y: auto !important; padding-right: 0 !important; } body a, body a:hover, body a:focus { color: #336D96; cursor: pointer; } #nav a { color: #1B759A; text-shadow: 0px 0px 0px rgba(0,0,0,0); padding: 5px; } #nav a:hover { text-decoration: underline; } #timerTitle{ margin-left:45px; } body a:link { text-decoration: none; } body a:hover, .modal a:hover { text-decoration: underline; } #mainContent > .center > h3, #mainContent > .center > h1 { font-family: "Open Sans", Arial, sans-serif !important; font-size: 20px; font-weight: 600; color: #414141; margin-bottom: 20px; } .cpaLink, .cpaLink:focus { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; color: #336D96; text-decoration: none; } .cpaLink:hover { color: #336D96; text-decoration: underline; } a.adaptiveLink, a.adaptiveLink:hover, a.adaptiveLink:focus { text-decoration: none; #336D96; font-weight: 700; } .bold { font-weight: 700; } .radio input[type=radio]:checked ~ .check { background-color: #00bbd5; } .radio input[type=radio]:checked ~ .circle { background-color: #ffffff; border-color: #00bbd5; } .radio label input[type=radio]:checked ~ .check:after { animation: rippleOff 500ms; } .tabCPAPrefab .ripple-container { display: none; } .checkbox label, .radio label, label { color: #404040; font-weight: 600; } .greyBackgroundColorCPA { background-color: #efefef; } .greyFooterColorCPA, #footer, .footerContainerWrapper { background-image: none; box-shadow: none; text-align: center; } .footerContainerWrapper .empty-line{ height: 25px; } .cpaWhiteBackground { background-color: #ffffff; } .greyVolumeControlBackground { background-color: #a6a8ab; } .moduleHeader { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 600; font-size: 20px; margin: 0 0 10px 0; } @media only screen and (max-width: 768px) { .moduleHeader { margin: 10px 0; } } .breadCrumbNav { position: relative; z-index: 2; font-size: 15px; margin-top: -20px; margin-bottom: -2px; padding: 0 10px; float: left; line-height: normal; } .breadCrumbNav a { color: #1B759A; text-shadow: 0px 0px 0px rgba(0,0,0,0); } .breadCrumbNav a:hover, .breadCrumbNav a:focus, .breadCrumbNav .buttonLink:hover, .breadCrumbNav .buttonLink:focus { color: #1B759A; text-decoration: underline; } .breadCrumbNav a:focus, .breadCrumbNav .buttonLink:focus { outline: -webkit-focus-ring-color auto 5px; } .breadCrumbNav .buttonLink { background: none; border: none; padding: 0; color: #1B759A; } .invisibleElement { visibility: hidden; } .cpaGreyButton { background-color: #58595b !important; color: #ffffff !important; font-size: 14px; } .cpaGreenButton { background-color: #378538 !important; color: #ffffff !important; font-size: 14px; } .cpaRedButton { background-color: #bf3226 !important; color: #ffffff !important; font-size: 14px; } .cpaBlueButton { background-color: #1B759A !important; color: #ffffff !important; font-size: 14px; } .cpaGreyButton:focus, .cpaGreenButton:focus, .cpaRedButton:focus, .cpaBlueButton:focus { box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36) !important; outline: -webkit-focus-ring-color auto 5px !important; } .btn:not(.aicpa-2018-self-grade-button) .fa-angle-right, .btn:not(.aicpa-2018-self-grade-button) .fa-angle-left { position: absolute; top: 7px; font-size: 20px; } .btn:not(.aicpa-2018-self-grade-button) .fa-angle-right { right: 14px; } .btn:not(.aicpa-2018-self-grade-button) .fa-angle-left { left: 14px; } .btn.btn-raised:not(.btn-link) { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .btn, .input-group-btn .btn { padding: 7px 45px 7px 36px; border-radius: 0px; text-shadow: none; } #skip-to-content { position: absolute; top: -50px; left: 20px; padding: 7px 15px; margin: 10px 0px; text-decoration: none; display: none; z-index: 100; } #skip-to-content:focus { top: 0px; transition: top 200ms ease-out; } .btn.btn-raised:not(.btn-link):focus { outline: -webkit-focus-ring-color auto 5px; } #audio-download-return-btn .fa-angle-left { margin-left: 0; top: 4px; } .modal-backdrop { background-color: #000000; } .modal-dialog { display: inline-block; width: auto; } .modal h3, #mainContent .modal h3 { text-align: left; margin: 0px; } .modal-header { color: #45abc8; } .modal-content .modal-header { padding-top: 23px; } .modal-content .modal-header.small-indent { padding-left: 24px; padding-top: 10px; } .modal a { text-decoration: none; } #buy > .modal-dialog { margin-top: 197px; } .modalCPAPrefab .btn.btn-raised.btn-default.modalLabel { position: absolute; top: 114px; right: 650px; width: 276px; box-shadow: none; box-sizing: content-box; } .modal-open .modal { text-align: center; } .modalCategoryHeader { border-bottom: 10px solid #f9a543; } .modalSideLabel { display: none; } .cpaLgMasteryBullseyePrefab { background-image: none; height: 0px; width: 0px; } #masteryKnowledgeModal .modal-dialog .modal-content .modal-text > div { padding: 5px; } @media only screen and (min-width: 768px) { .cpaLgMasteryBullseyePrefab { background-image: url(/public/accounting/svgs/mastery_bullseye.svg); height: 185px; width: 189px; } .modal.in .modal-dialog { width: 100%; min-width: 691px; max-width: 850px; } .modal-content .modal-body { text-align: left; } .modal-content .modal-body.no-bottom-padding { padding-bottom: 0px; } .modalSideLabel { display: none; } .modal-content .modal-footer { padding-left: 50px; } .modalSideLabel { display: inline-block; background-color: #28a6de; height: 100%; position: absolute; width: 77px; left: 0; } .modal-content .modal-body { padding-left: 90px; text-align: left; } .modal-content .modal-footer { padding-left: 50px; } .modal-content .modal-header { padding-left: 90px; } .modal-content .closeModalBtn { position: absolute; bottom: 0; left: 77px; } } .modal-content { font-family: "Open Sans", Arial, sans-serif !important; } .modal-content .col-sm-6 { font-size: 14px; padding: 0px 15px; box-sizing: border-box; } .modal-content .row ul { text-align: left; } .modal-content .row ul li { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; } .modalSideLabelText { display: inline-block; transform-origin: 10% 50%; transform: rotate(-90deg) translate(-275px, 5px); width: 353px; font-size: 22px; color: white; font-weight: 400; } .modal-content p { margin: 0 0 10px; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; } .cpaDemoKeyPrefab { transform: rotate(100deg); -ms-transform:rotate(100deg); -moz-transform:rotate(100deg); -webkit-transform:rotate(100deg); } .recommendationText { font-size: 14px; line-height: 18px; margin-top: 7px; font-weight: 500; margin-right: 10px; } .recBoxTitle, .reset-course-title { font-family: inherit; font-size: 23px; font-weight: 600; } .recBoxTitle { margin: 0 0 10px; font-family: "Open Sans", Arial, sans-serif; line-height: normal; } @media (max-width: 1024px){ div.smart-info { position: relative; bottom: 0px; margin-left: 10px; } } @media (max-width: 900px) { div.smart-info { width: 90%; } } button.btn.spIntroModalBtn { width: 150px; font-size: 17px; } .moreRecommendationInfoDialog { font-size: 16px; line-height: 1.5em; transition-property: none; } .moreRecommendationInfoDialog .moreRecommendationInfoDialogLightbulb { width: 98px; height: 108px; } .moreRecommendationInfoDialog .modal-header { background: #f1f1f1; color: #080808; padding: 24px; } .moreRecommendationInfoDialog .modal-header-right { text-align: left; } .moreRecommendationInfoDialog .modal-footer { padding-bottom: 30px; text-align: center } .moreRecommendationInfoDialog .modal-footer button { width: 158px; font-size: 17px; } .tabCPAPrefab > .nav-tabs > li { border-bottom: 7px solid #1896bb; position: relative; color: #2b2b2b; padding-top: 10px; outline: 0; } .tabCPAPrefab > .nav-tabs > li:not(.active) { cursor: pointer; } .tabCPAPrefab > .nav-tabs, .tabCPAPrefab > .nav-tabs .active a { background: rgba(255, 255, 255, 0); padding: 0px; outline: 0; } .tabCPAPrefab > .nav-tabs > li > a { border: 10px; margin-right: 0; color: #1B759A !important; font-family: "Open Sans", Arial, sans-serif !important; font-size: 19px; line-height: 0; } .tabCPAPrefab > .nav-tabs > li:hover, .tabCPAPrefab > .nav-tabs > li:hover > a, .tabCPAPrefab > .nav-tabs > li > a:hover, .tabCPAPrefab > .nav-tabs > li > a:focus, .tabCPAPrefab > .nav-tabs > li.nav-tab-focus { background-color: rgba(255, 255, 255, 0); border-bottom: 7px solid #6e6e6e; color: #6e6e6e !important; } .tabCPAPrefab > .nav-tabs > li.active { border-bottom: 7px solid #2b2b2b !important; position: relative; padding-top: 30px; } .tabCPAPrefab > .nav-tabs > li.active > a { border: 10px; color: #2b2b2b !important; font-weight: 700; line-height: 0; top: -9px; } .tabCPAPrefab > .nav-tabs.nav-justified > .active > a, .tabCPAPrefab > .nav-tabs.nav-justified> .active > a:focus, .tabCPAPrefab > .nav-tabs.nav-justified > .active > a:hover { border: 0px; outline: 0; } .tableCPAPrefab.table>tbody>tr>td { border-top: 0px; } .tableCPAPrefab>thead { background-color: #414141; color: #ffffff; font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700; font-size: 14px; } .tableCPAPrefab.table-every-other-striped>tbody>tr:nth-child(4n-3) { background-color: #ffffff; } .tableCPAPrefab.table-every-other-striped>tbody>tr:nth-child(4n-1) { background-color: #e6e7e8; } .tableCPAPrefab.table-every-other-striped>tbody>tr:nth-child(even)>td { padding: 0px; } .tableCPAPrefab.table-striped>tbody>tr:nth-child(even)>td, .tableCPAPrefab.table-striped>tbody>tr:nth-child(even)>th { background-color: #e6e7e8; } .tableCPAPrefab.table-striped>tbody>tr:nth-child(odd)>td, .tableCPAPrefab.table-striped>tbody>tr:nth-child(odd)>th { background-color: #ffffff; } .tableCPABorder { border-collapse: collapse; } .tableCPABorder>thead>tr>th { border-top: 0px; border-left: 1px solid #ffffff; } .scoreCardCPAWrapper { display: inline-block; margin: 0 auto; } .scoreCardCPAPrefab > .pieGraph { width: 70px; position: absolute; bottom: 50px; left: 70px; } .scoreCardCPAPrefab.weakScore > .pieGraph span { color: #e54c25; } .scoreCardCPAPrefab.strongScore > .pieGraph span { color: #00bbd5; } .scoreCardCPAPrefab > .pieGraph span.outer { position: absolute; left: 0; top: 29.5%; width: 100px; text-align: center; } .scoreCardCPAPrefab > .pieGraph span.value { font-size: 30px; } .scoreCardCPAPrefab { height: 261px; width: 247px; padding: 0px 7px 0px 7px; text-align: center; font-size: 17px; background-color: #ffffff; } .scoreCardCPAPrefab > .cardTitle { margin-bottom: 15%; margin-top: 5px; word-wrap: break-word; } .scoreCardCPAPrefab.weakScore { border-top: 9px solid #414141; } .scoreCardCPAPrefab.weakScore > .cardTitle, .scoreCardCPAPrefab.weakScore > p > .cardAnswers { font-weight: bold; font-family: "Open Sans", Arial, sans-serif !important; } .scoreCardCPAPrefab.strongScore { border-top: 9px solid #848484; } .scoreCardCPAPrefab.strongScore > .cardTitle, .scoreCardCPAPrefab.strongScore > p > .cardAnswers { font-family: "Open Sans", Arial, sans-serif !important; } .scoreCardCPAPrefab p:last-child { position: absolute; bottom: 0; left: 0; width: 100%; } .cpaDropDownPrefab { background: white; transition-duration: 0.4s; box-shadow: 0 7px 9px 0 rgba(0,0,0,0.14); } .cpaDropDownPrefab:hover { box-shadow: 0 5px 16px 0 rgba(0,0,0,0.24), 0 10px 50px 0 rgba(0,0,0,0.19); } .erScoreCardCPAPrefab > .pieGraph { width: 70px; position: relative; display: inline-block; margin-right: 80px; margin-bottom: 15%; } .erScoreCardCPAPrefab .pieGraph .weakScore { color: #e54c25; } .erScoreCardCPAPrefab .pieGraph .strongScore { color: #00bbd5; } .erScoreCardCPAPrefab > .pieGraph span.outer { position: absolute; left: 0; top: 0; width: 161px; text-align: center; font-size: 10px; } .erScoreCardCPAPrefab > .pieGraph span.value { font-size: 50px; font-weight: 700; } .erScoreCardCPAPrefab { height: 268px; width: 294px; padding: 0px 7px 0px 7px; text-align: center; font-size: 17px; background-color: #ffffff; } .erScoreCardCPAPrefab > .cardTitle { margin-bottom: 15%; } .erScoreCardCPAPrefab.weakScore { border-top: 9px solid #414141; } .erScoreCardCPAPrefab.weakScore > .cardTitle { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700; } .erScoreCardCPAPrefab.strongScore { border-top: 9px solid #848484; } .erScoreCardCPAPrefab.strongScore > .cardTitle { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 600; } .cpaExpandViewButtonPrefab { width: 200px; margin: 30px; padding-left: 35px; } .cpaExpandViewButtonPrefab .fa-expand, .cpaExpandViewButtonPrefab .fa-compress { position: absolute; right: 10px; top: 6px; font-size: 20px; } .selected-item { margin: 20px 0; text-align: center; } .selected-item p { font-size: 18px; } .selected-item p span { font-weight: bold; } .dropdown { width: 100%; position: relative; } .dropdown:hover > span:after, .dropdown:focus-within > span:after { background-color: #1896bb; } .dropdown.active .selLabel:after { font-family: "Glyphicons Halflings"; content: '\e260'; } .dropdown.active .dropdown-list li:nth-child(1) { -webkit-transform: translateY(100%); transform: translateY(100%); } .dropdown.active .dropdown-list li:nth-child(2) { -webkit-transform: translateY(200%); transform: translateY(200%); } .dropdown > span { width: 100%; height: 47px; line-height: 60px; color: #ffffff; background: #424242; display: block; padding: 0 50px 0 30px; position: relative; z-index: 10; cursor: pointer; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; } .dropdown > span:after { font-family: "Glyphicons Halflings"; content: '\e259'; position: absolute; right: 0px; top: 1%; font-size: 17px; background-color: #919396; width: 30px; text-align: center; padding: 10px; height: 56%; line-height: 24px; top: 0px; } .dropdown > span:active { -webkit-transform: rotateX(45deg); transform: rotateX(45deg); } .dropdown.active > span:after { font-family: "Glyphicons Halflings"; content: '\e260'; } .dropdown-list { position: absolute; top: 0px; width: 100%; } .dropdown-list li { display: block; list-style: none; left: 0px; border: 0.2px #414141 solid; background-color: #ffffff; opacity: 1; height: 43px; -webkit-transition: -webkit-transform 300ms ease; transition: -webkit-transform 300ms ease; transition: transform 300ms ease; transition: transform 300ms ease, -webkit-transform 300ms ease; position: absolute; top: 0px; width: 100%; } .dropdown-list li span { user-select: none; width: 100%; font-size: 18px; line-height: 60px; padding: 0 30px; display: block; color: #414141; cursor: pointer; letter-spacing: 2px; } #filterMenuButtonGroup { border: 1px solid #919396; margin-right: 30px; } #filterMenuButton { font-size: 18px; width: 180px; height:20px; text-align: left; padding-left: 9px; pointer-events: none; } #filterMenuAngleButton { background-color: #919396; color: #ffffff; font-size: 25px; padding-top: 0px; padding-bottom: 0px; width: 25px; height: 35px; z-index: 900; pointer-events: none; position: relative; border: 0; } #filterType { -webkit-appearance: menulist-button; width: 270px; height: 35px; position: relative; right: 10px; bottom: 8px; pointer-events: auto; } .cpaPhonePrefab { height: 37px; width: 37px;; background: url(/public/accounting/svgs/course_svgs_phone_icon.svg) no-repeat; margin-top: 6px; } .cpaMonitorPrefab { height: 37px; width: 37px;; background: url(/public/accounting/svgs/course_svgs_monitor_icon.svg) no-repeat; margin-top: 6px; } .cpaDemoLockPrefabNoBg { height: 250px; width: 290px;; background: url(/public/accounting/svgs/wo_background/course_svgs_demo_lock_icon.svg) no-repeat; } .cpaDemoLockPrefabNoBg:hover { opacity: 0.8; } .recommendationSentencePrefab { box-sizing: border-box; position: relative; width: 100%; background-color: #ffffff; text-align: left; border: 6px solid #e6e7e8; overflow-wrap: break-word; display: inline-flex; align-items: center; vertical-align: top; margin-top: 10px; margin-bottom: 20px; height: 100%; width: 100%; padding: 8px; font-size: 14px } .recommendationSentencePrefab div, .recommendationSentencePrefab span, .recommendationSentencePrefab .recommendationText { display: inline-block; vertical-align: middle; line-height: normal; } .recommendationSentencePrefab .recommendationText { margin-top: 7px; margin-bottom: 7px; width: 100%; max-height: 120px; overflow-y: auto; } @media(max-width:768px) { .recommendationSentencePrefab .cpaSuggestedLearningPrefab { padding-right: 25px; padding-left: 25px; } .container .tabCPAPrefab .guide-script-padding { margin-top: 55px; } #buy > .modal-dialog { margin-top: 55px; } } .recommendationSentencePrefab .cpaRecommendationMoreInfoPrefab { background-size: contain; cursor: pointer; border: 0; margin-left: 15px; margin-right: 15px; flex-shrink: 0; } .cpaSuggestedLearningPrefab { height: 37px; width: 37px; background: url(/public/accounting/avlp/recommendation_icon.svg) no-repeat; display: block; margin-left: 15px; margin-right: 15px; flex-shrink: 0; } .cpaRecommendationMoreInfoPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_chat_icon.svg) no-repeat; } .cpaLaunchJePrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_je_button.svg) no-repeat; } .cpaLaunchJePrefab:hover, .cpaLaunchJePrefab:active, .cpaLaunchJeFilledInPrefab:hover, .cpaLaunchJeFilledInPrefab:active { background: url(/public/accounting/svgs/course_svgs_je_filled_in_hover.svg) no-repeat; } .cpaLaunchJeFilledInPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_je_filled_in.svg) no-repeat; } .cpaFqButtonPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_fq_button.svg) no-repeat; } .cpaFqButtonPrefab:hover, .cpaFqButtonPrefab:active, .cpaFqButtonFilledInPrefab:hover, .cpaFqButtonFilledInPrefab:active { background: url(/public/accounting/svgs/course_svgs_fq_button-filled_hover.svg) no-repeat; } .cpaFqButtonFilledInPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_fq_button-filled_in.svg) no-repeat; } .cpaDigitalOutlineButtonPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_kto.svg) no-repeat; } .cpaDigitalOutlineButtonPrefab:hover, .cpaDigitalOutlineButtonPrefab:active { background: url(/public/accounting/svgs/course_svgs_kto_filled_hover.svg) no-repeat; } .cpaDigitalOutlineButtonFilledInPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_kto_filled.svg) no-repeat; } .cpaDigitalOutlineButtonFilledInGreenPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs__kto_filled_hover_green.svg) no-repeat; } .cpaDigitalOutlineButtonFilledInGreenPrefab:hover { background: url(/public/accounting/svgs/wo_background/course_svgs_KTO_filled_hover_green_hover.svg) no-repeat; } .cpaRightAnswerPrefab { height: 54px; width: 54px; background: url(/public/accounting/svgs/course_svgs_fq_right_question.svg) no-repeat; } .cpaWrongAnswerPrefab { height: 54px; width: 54px; background: url(/public/accounting/svgs/course_svgs_fq_wrong_question.svg) no-repeat; } .cpaLaunchButtonPrefab { height: 54px; width: 54px; background: url(/public/accounting/svgs/course_svgs_launch_session.svg) no-repeat; } .cpaLaunchButtonPrefab:hover, .cpaLaunchButtonPrefab:active, .cpaLaunchButtonPrefab:focus { background: url(/public/accounting/svgs/course_svgs_launch_hover-click.svg) no-repeat; } .cpaLaunchButtonGreenPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs__er_rocket_green.svg) no-repeat; } .cpaLaunchButtonGreenPrefab:hover, .cpaLaunchButtonGreenPrefab:active { background: url(/public/accounting/svgs/wo_background/course_svgs__er_rocket_green_hover.svg) no-repeat; } .cpaInfoIconPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs__info_icon_faq.svg) no-repeat; } .cpaDigitalOutlineButtonFilledInPrefab:hover { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs__kto_filled_hover_green.svg) no-repeat; } .cpaAdaptiveSimCardPrefab { height: 165px; width: 165px; background: url(/public/accounting/svgs/course_svgs_adaptive_sim_card.svg) no-repeat; } .cpaAdaptiveQuizCardPrefab { height: 165px; width: 165px; background: url(/public/accounting/svgs/course_svgs_adaptive_quiz_card.svg) no-repeat; } .cpaExtrasCardPrefab { height: 165px; width: 165px; background: url(/public/accounting/svgs/course_svgs_additional_extras_icon.svg) no-repeat; } .cpaDiagnosticQuizCardPrefab { height: 222px; width: 201px; background: url(/public/accounting/svgs/course_svgs_dq_icon_image.svg) no-repeat; } .cpaErrorIconPrefab { height: 150px; width: 150px; background: url(/public/accounting/svgs/course_svgs_error_icon.svg) no-repeat; } .cpaTrophyCardPrefab { height: 126px; width: 106px; background: url(/public/accounting/svgs/course_svgs_eval_course_trophy.svg) no-repeat; } .cpaSmileyCardPrefab { height: 126px; width: 106px; background: url(/public/accounting/svgs/course_svgs_eval_smiley.svg) no-repeat; } .cpaExamRehearsalCardPrefab { height: 196px; width: 165px; background: url(/public/accounting/svgs/course_svgs_exam_rehearsal_icon.svg) no-repeat; } .cpaFinalReviewModeCardPrefab { height: 150px; width: 150px; background: url(/public/accounting/svgs/course_svgs_final_review_mode.svg) no-repeat; } .cpaKTOCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_kto_card.svg) no-repeat; } .cpaVideoCardPrefab { height: 121px; width: 134px; background: url(/public/accounting/svgs/course_svgs_video_card.svg) no-repeat; } .cpaAdaptiveQuizSuggestedCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_adaptive_quiz_suggested_icon.svg) no-repeat; background-position-x: center; background-position-y: 15px; } .cpaAdaptiveSimSuggestedCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_adaptive_sim_suggested_icon.svg) no-repeat; background-position-x: center; background-position-y: 15px; } .cpaCalendarSuggestedCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_calendar_suggested_card.svg) no-repeat; } .cpaVideoSuggestedCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_video_card_suggested.svg) no-repeat; background-position-x: center; background-position-y: 15px; } .cpaLaunchButtonPrefab { height: 54px; width: 54px; background: url(/public/accounting/svgs/course_svgs_launch_session.svg) no-repeat; } .cpaLargeCongratsIconPrefab { height: 54px; width: 54px; background: url(/public/accounting/svgs/course_svgs_large_congrats_icon.svg) no-repeat; } .cpaPlayAudioPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_play_audio.svg) no-repeat; background-size: 37px 37px; } .cpaPlayAudioButtonPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_play_button_audio.svg) no-repeat; background-size: 37px 37px; } .cpaPlayAudioButtonPrefab:hover { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_play_button_audio_hover.svg) no-repeat; background-size: 37px 37px; } .cpaPauseAudioPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_pause_button_audio.svg) no-repeat; background-size: 37px 37px; } .cpaPauseAudioPrefab:hover { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_pause_button_audio_hover.svg) no-repeat; background-size: 37px 37px; } .cpaExhaustedIconPrefab { height: 121px; width: 134px; background: url(/public/accounting/svgs/wo_background/course_svgs_exhausted_icon.svg) no-repeat; } .cpaDownloadAudioPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_download_audio.svg) no-repeat; } .cpaDownloadAudioWhitePrefab { height: 37px; width: 37px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_download_audio_white.svg) no-repeat; } .cpaDownloadAudioFadedPrefab { height: 37px; width: 37px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_download_audio_faded.svg) no-repeat; } .cpaGreenCheckmarkPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/course_svgs_green_checkmark.svg) no-repeat; display: block; } .cpaDemoLockIconPrefab { height: 165px; width: 165px; background: url(/public/accounting/svgs/course_svgs_demo_lock_icon.svg) no-repeat; } .cpaSuggestedKTOPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_suggested_KTO.svg) no-repeat; background-position-x: center; background-position-y: 15px; } .cpaSuggestedVideoCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/course_svgs_video_card_icon.svg) no-repeat; background-position-x: center; background-position-y: 15px; } .cpaStudyPlanSuggestedCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_svgs_calendar_suggested_card.svg) center 10px no-repeat; background-size: 95%; } .cpaStudyPlanSuggestedCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaStudyPlanSuggestedCardPrefab .suggestText { font-size: 17px; } .cpaStudyPlanCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_svgs_calendar_card.svg) 55px 30px no-repeat; background-size: 50%; } .cpaStudyPlanCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaStudyPlanCardPrefab .suggestText { font-size: 17px; } .cpaCourseCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_svgs_course_review_card.svg) 51px 30px no-repeat; background-size: 55%; } .cpaCourseCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaCourseCardPrefab .suggestText { font-size: 17px; } .cpaCourseSuggestedCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_svgs_course_review_suggested_card.svg) center 15px no-repeat; background-size: 50%; } .cpaCourseSuggestedCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaCourseSuggestedCardPrefab .suggestText { font-size: 17px; } .cpaResetCourseCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_reset_progress_card.svg) center 0px no-repeat; background-size: 100%; } .cpaResetCourseCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaKeepProgressCardPrefab { height: 320px; width: 290px; background: url(/public/accounting/svgs/course_keep_progress_card.svg) center 30px no-repeat; background-size: 55%; } .cpaKeepProgressCardPrefab .suggestHeader { font-size: 25px; margin-top: 190px; } .cpaExpirationTimerPrefab { height: 69.69px; width: 62.99px; background: url(/public/accounting/svgs/wo_background/expiration_timer.svg) no-repeat; } .cpaEvalPromptPrefab { width: 111px; height: 89px; background: url(/public/accounting/svgs/course_svgs_eval_prompt_image.svg) no-repeat; } .cpaVolumeHighPrefab { width: 22px; height: 19px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_full_audio.svg) no-repeat; } .cpaVolumeMedPrefab { width: 22px; height: 19px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_full_audio_minus_1.svg) no-repeat; } .cpaVolumeLowPrefab { width: 22px; height: 19px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_full_audio_minus_2.svg) no-repeat; } .cpaVolumeMutePrefab { width: 22px; height: 19px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_mute.svg) no-repeat; } .cpaNextTrackPrefab { width: 20px; height: 18px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_media_player_next_track.svg) no-repeat; } .cpaPrevTrackPrefab { width: 20px; height: 18px; display: inline-block; background: url(/public/accounting/svgs/wo_background/course_svgs_media_player_previous_track.svg) no-repeat; } .cpaSmMasteryBullseyePrefab { height: 29px; width: 32px; display: inline-block; vertical-align: sub; background: url(/public/accounting/svgs/wo_background/sm_mastery_bullseye.svg) no-repeat; } .cpaSuggestedLearningPrefabWhite { height: 37px; width: 37px; background: url(/public/accounting/avlp/recommendation_icon_no_bg.svg) no-repeat; } .cpaDemoLockIconNoBgPrefab { height: 173px; width: 165px; background: url(/public/accounting/svgs/wo_background/course_svgs_demo_lock_icon.svg) no-repeat; } .cpaDemoKeyPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_demo_key_icon.svg) no-repeat; } .cpaPhoneIconPrefab { height: 29px; width: 29px; background: url(/public/accounting/svgs/course_svgs_phone_icon.svg) no-repeat; } .cpaMonitorIconPrefab { height: 29px; width: 29px; background: url(/public/accounting/svgs/course_svgs_monitor_icon.svg) no-repeat; } .cpaTooltipPrefab { height: 15px; width: 15px; background: url(/public/accounting/svgs/wo_background/course_svgs_tooltip_icon.svg) no-repeat; } .cpaTooltipPrefabLight { background: url(/public/accounting/svgs/wo_background/light_question_popover.svg) no-repeat; } .cpaBlueCheckmark { height: 50px; width: 50px; background: url(/public/accounting/svgs/wo_background/course_svgs_blue_check_mark.svg) no-repeat; } .cpaDownChevron { height: 50px; width: 50px; background: url(/public/accounting/svgs/wo_background/course_svgs_down_chevron.svg) no-repeat; } .cpaRightChevron { width: 20px; height: 33px; background: url(/public/accounting/svgs/wo_background/course_right_chevron.png) no-repeat; } .cpaExhaustedPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svgs_exhausted_battery.svg) no-repeat; } .cpaCriticalStatusPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svg_critical_status_plunging_chart.svg) no-repeat; } .cpaRevisionNeededStatusPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svg_review_needed_warning_sign.svg) no-repeat; } .cpaThumbsUpStatusPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svg_thumbs_up_good_status.svg) no-repeat; } .cpaLimitedDataStatusPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svg_limited_data_question_mark.svg) no-repeat; } .cpaChangelogsStatusPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/updated_su_icon.svg) no-repeat; } .cpaInvertedQuestionPrefab { height: 15px; width: 15px; } .cpaCollapsibleDownArrowPrefab { height: 20px; width: 20px; background: url(/public/accounting/svgs/course_svgs_collapsible_down_arrow_in_circle.svg) no-repeat; } .cpaCollapsibleUpArrowPrefab { height: 20px; width: 20px; background: url(/public/accounting/svgs/course_svgs_collapsible_up_arrow_in_circle.svg) no-repeat; } .cpaOptionalBreakPrefab { height: 48px; width: 64px; background: url(/public/accounting/cpa/cpa2017/optional_break.png) no-repeat; display: inline; } .cpaRealBreakPrefab { height: 48px; width: 44px; background: url(/public/accounting/cpa/cpa2017/real_break.png) no-repeat; display: inline; } .cpaForcedCompletionClipboardPrefab { float: left; height: 250px; width: 250px; background: url(/public/accounting/svgs/forced_completion_clipboard.svg) no-repeat; } .cpaCloseButtonPrefab { color: #bf3226; cursor: pointer; background: url(/public/accounting/svgs/wo_background/course_svgs_close_pop-up.svg) no-repeat; height: 23px; width: 23px; } button.cpaCloseButtonPrefab { border: none; } .changelogs button.cpaCloseButtonPrefab { margin: 5px 3px 0 0; } .performanceContainer .statusPrefabContainer { position: absolute; } .statusPrefabContainer { width: 100%; } .statusPrefab { text-align: left; overflow-wrap: break-word; display: table; vertical-align: top; width: 100%; background-color: #2b2b2b; line-height: 1em; } .statusPrefab > .statusContainer, .sp-banner-prefab > .banner-container { min-width: 64px; width: 64px; text-align: center; vertical-align: middle; padding-left: 13.5px; } .statusPrefab .cpaInvertedQuestionPrefab { float: right; transform: translateY(-50%); margin-right: 18px; cursor: pointer; } .statusPrefab .cpaInvertedQuestionPrefab.manual-completion-prefab { transform: none; } .material-symbols-outlined.help { color: #1A355A; font-size: 15px; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48 } .material-symbols-outlined.close { background: none; border: none; padding: 0; color: #1A355A; opacity: 100; font-size: 15px; float: right; transform: translateY(-50%); margin-right: 18px; font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 48 } .statusPrefab div { display: table-cell; } .statusPrefab.critical>.statusContent { background-color: #FFDDD6; } .statusPrefab.needsReview>.statusContent { background-color: #FFEECC; } .statusPrefab.changelogs>.statusContent { background-color: #EAF1FD; } .statusPrefab.changelogs>.statusContent h4, .statusPrefab.changelogs>.statusContent p { color: #19448D; } .statusPrefab.good>.statusContent { background-color: #CEE8CF; } .statusPrefab.limitedData>.statusContent { background-color: #F5F5F5; } .statusPrefab.exhausted>.statusContent { background-color: #FFEECC; } .statusPrefab.manualcompletion>.statusContent { background-color: #FFDDD6; } .performanceContainer .statusPrefab { margin-left: -20px; width: 100%; height: 53px; } .performanceContainer .statusPrefab>.statusContent { width: 98.4%; } .statusPrefab>.statusContent>h4 { font-family: 'Poppins'; font-weight: 600; font-size: 13.33px; line-height: 18px; letter-spacing: 0.15px; padding-top: 8.5px; padding-left: 17px; margin-top: 0px; margin-bottom: 0px; } .statusPrefab>.statusContent>p { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 400; font-size: 13.33px; line-height: 18px; letter-spacing: 0.25px; margin-top: 0px; margin-bottom: 0px; padding-left: 17px; padding-bottom: 8.5px; display: inline-block; } .statusPrefab>.statusContent a.light-blue-link { color: #225ABC; } .statusPrefab>.statusContent a.navy-link { color: #214270; } .statusPrefab.critical>.statusContent>h4, .statusPrefab.critical>.statusContent>p { color: #E64D2B; } .statusPrefab.good>.statusContent>h4, .statusPrefab.good>.statusContent>p { color: #05630D; } .statusPrefab.needsReview>.statusContent>h4, .statusPrefab.needsReview>.statusContent>p { color: #7A5100; } .statusPrefab.limitedData>.statusContent>h4, .statusPrefab.limitedData>.statusContent>p { color: #1E3B65; } .statusPrefab.exhausted>.statusContent>h4, .statusPrefab.exhausted>.statusContent>p { color: #7A5100; } .statusPrefab>.statusContent a { font-weight: 700; } .cpaPerformanceHistoryIconPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/performance_history_icon.svg) no-repeat; } .cpaWrittenCommunicationsCardPrefab { height: 165px; width: 165px; background: url(/public/accounting/svgs/wo_background/course_svgs_wc.svg) no-repeat; } .cpaWrittenCommunicationsSuggestedCardPrefab { height: 250px; width: 290px; background: url(/public/accounting/svgs/wo_background/course_svgs_wc_suggested.svg) no-repeat; background-position-x: center; background-position-y: -10px; } .manualcompletion .statusContent h4, .manualcompletion .statusContent p { color: #E64D2B; } .manualcompletion .cpaTooltipPrefab { display: inline-block; } .fa-check.manualCheckmark { color: orange; } .cpaManualCompletionPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/course_svg_review_needed_warning_sign.svg) no-repeat; } .cpaRecommendationSpinnerPrefab { text-align: center; width: 100%; } .recommendationSentencePrefab .cpaRecommendationSpinnerPrefab { margin-right: 0px; padding-right: 0px; position: absolute; top: 0; left: 0; line-height: 53px; } .cpaRecommendationSpinnerPrefab span { transition: all 500ms ease; height: 10px; width: 10px; display: inline-block; border-radius: 10px; animation: wave 2s ease infinite; } .cpaRecommendationSpinnerPrefab span:nth-child(1){ animation-delay: 0; } .cpaRecommendationSpinnerPrefab span:nth-child(2){ animation-delay: 100ms; } .cpaRecommendationSpinnerPrefab span:nth-child(3){ animation-delay: 200ms; } .cpaRecommendationSpinnerPrefab span:nth-child(4){ animation-delay: 300ms; } .cpaRecommendationSpinnerPrefab span:nth-child(5){ animation-delay: 400ms; } .cpaRecommendationSpinnerPrefab span:nth-child(6){ animation-delay: 500ms; } .cpaRecommendationSpinnerPrefab span:nth-child(7){ animation-delay: 600ms; } .cpaRecommendationSpinnerPrefab span:nth-child(8){ animation-delay: 700ms; } .popover.suPortalPopover>.popover-content { text-align: center; font-weight: bold; } @keyframes wave { 0%, 40%, 100% { transform: translate(0, 0); background-color: #45abc8; } 10% { transform: translate(0, -15px); background-color: #ffd275; } } td.mastery { font-family: "Open Sans", Arial, sans-serif !important; font-weight: 700; padding-left: 15px; font-size: 14px; } .cpaCorrectMasteryPrefab { height: 29px; width: 29px; background: url(/public/accounting/svgs/wo_background/target_correct.svg) no-repeat; display: inline-block; vertical-align: middle; margin-right: 7px; } td.mastery .correct { color: #49af4a; font-weight: 600; } .cpaIncorrectMasteryPrefab { height: 37px; width: 37px; background: url(/public/accounting/svgs/wo_background/target_missed.svg) no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; } td.mastery .incorrect { color: #bf3226; font-weight: 600; } .cpaPuzzleIconPrefab { height: 37px; width: 37px;; background: url(/public/accounting/svgs/wo_background/outlined_puzzle_piece.svg) no-repeat; } .spCalendarIconPrefab { height: 160px; width: 160px; background: url(/public/images/studyplanner/create_study_plan.svg) no-repeat center; margin-left: 40px; } .sp-banner-prefab { text-align: left; background-color: #efefef; border-right: 1px solid #999999; overflow-wrap: break-word; display: flex; vertical-align: top; width: 100%; margin-left: -20px; margin-top: 5px; } .sp-banner-prefab.current-due { color: #2b2b2b; } .sp-banner-prefab.current-due > .banner-container { background-color: #999999; margin-right: 10px; } .sp-banner-prefab.past-due { color: #bf3226; } .sp-banner-prefab.past-due > .banner-container { background-color: #bf3226; margin-right: 10px; } .sp-banner-prefab h4.banner-title { font-family: 'Open Sans'; font-size: 14px; font-weight: 700; line-height: 19.6px; margin-bottom: 0; } .sp-banner-prefab p { font-family: 'Open Sans'; font-size: 14px; line-height: 15px; } .sp-current-due-prefab { height: 45px; width: 45px; background: url(/public/accounting/svgs/study-planner-on-track-icon.svg) no-repeat; margin: 8px auto; } .sp-past-due-prefab { height: 45px; width: 45px; background: url(/public/accounting/svgs/study-planner-past-due-icon.svg) no-repeat; margin: 8px auto; } #study-planner-countdown { position: absolute; right: 0; top: 1px; margin-right: 10px; margin-top: 55px; height: 105px; width: 150px; border-color: #b3b3b3; border-bottom: 4px solid #767676; box-shadow: 0 0 14px rgba(0, 0, 0, 0.45); font-family: 'Open Sans'; font-size: 18px; font-weight: 700; text-align: center; background-color: #ffffff; z-index: 10; } #study-planner-countdown.count-down-near { border-bottom: 4px solid #ffa500; } #study-planner-countdown.count-down-zero { border-bottom: 4px solid #378538; } #study-planner-countdown .sp-today-date { font-weight: 400; } #study-planner-countdown .sp-until { font-size: 14px; font-weight: 400; } #study-planner-countdown .sp-content { color: #767676; } #study-planner-countdown .sp-today-date, #study-planner-countdown .sp-exam-days-remaining { color: #4f4f4f; } #study-planner-countdown.count-down-near .sp-exam-days-remaining { color: #b66009; } #study-planner-countdown.count-down-zero .sp-content { color: #378538; } @media (max-width: 1199px) { #study-planner-countdown { display: none; } }