html {
scroll-padding-top: 154px;
height: 100%; }
body {
font-family: "open-sans", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
height: 100% !important;
flex-direction: column !important;
display: flex !important; }
body main {
margin-top: 111px; }
a {
text-decoration: none; }
.btn-mk-purchase {
border-radius: 75px;
background-color: #3cb125;
color: white; }
.btn-mk-purchase:hover {
color: white;
background-color: #3cb125; }
.cookie-display-mk {
text-align: center;
color: #333;
padding: 8px;
line-height: 29px;
position: fixed;
width: 100%;
bottom: 15px;
right: 15px;
border: 1px solid #dadce3;
border-radius: 5px;
max-width: 400px;
margin-left: 15px;
background-color: #fcfcfd; }
.cookie-display-mk a {
display: block;
border-radius: 5px; }
.cookie-display-mk .cookies {
color: white;
text-align: center;
text-decoration: none;
padding: 5px;
margin-left: 10px;
white-space: nowrap;
border-radius: 3px;
background-color: #3f51b5;
padding-right: 10px;
margin-top: 15px; }
.cookie-display-mk p {
margin-bottom: 0; }
.traininginfo > div {
border: 1px solid #dadce3;
background-color: #eceef4;
color: #53628f;
margin-bottom: 15px;
border-radius: 5px; }
.traininginfo > div p:last-child {
margin-bottom: 0; }
.subheader {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 24px;
font-weight: 600;
color: blue;
text-align: center;
padding: 20px 0;
background-color: #3366ac;
color: white;
text-align: left; }
.subheader a {
color: blue;
text-decoration: none; }
.subheader.course {
padding: 10px 0; }
.subheader a {
color: white;
font-size: 18px;
font-weight: normal;
margin-right: 15px; }
.subheader a:last-child {
margin-right: 0; }
.subheader .toggle-courselist input {
width: 100%; }
.subheader .breadcrumb {
font-size: 18px;
font-weight: normal;
margin-bottom: 15px;
padding: 7px 12px;
text-align: center; }
.subheader .breadcrumb li {
color: #ccd9e8; }
.subheader .breadcrumb li:before {
color: #eceef4; }
.subheader .breadcrumb li a {
color: white; }
.category-control {
background-color: #eceef4;
padding: 15px;
border-radius: 5px;
border: 1px solid #dadce3; }
.category-control a {
display: inline-block;
color: white;
background-color: #6b7aa9;
border-color: #53628f; }
.category-control a.btn:focus, .category-control a.btn:hover, .category-control a.btn:active {
color: white;
background-color: #6b7aa9 !important; }
.font-header-h1 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
font-style: normal; }
hr {
border-top: 1px solid #acacac; }
.cta.cta-center, .modal.info .modal-content .modal-body .cta-center.lounge {
text-align: center; }
.cta span, .modal.info .modal-content .modal-body .lounge span {
display: block;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
margin-bottom: 10px; }
.cta .cta-btn, .modal.info .modal-content .modal-body .lounge .cta-btn {
padding: 10px 30px;
padding-right: 50px;
font-weight: 600px;
display: inline-block;
margin-right: 10px; }
.cta .cta-btn:last-child, .modal.info .modal-content .modal-body .lounge .cta-btn:last-child {
margin-right: 0; }
.cta .cta-btn.inverse, .modal.info .modal-content .modal-body .lounge .cta-btn.inverse {
outline: 3px solid #3366ac;
outline-offset: -3px;
color: #3366ac;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
position: relative; }
.cta .cta-btn.inverse.careerprepped, .modal.info .modal-content .modal-body .lounge .cta-btn.inverse.careerprepped {
color: #ff500b;
outline-color: #ff500b; }
.cta .cta-btn.block, .modal.info .modal-content .modal-body .lounge .cta-btn.block {
background-color: #ff500b;
color: white;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
position: relative; }
.cta .cta-btn.block.purchase, .modal.info .modal-content .modal-body .lounge .cta-btn.block.purchase {
color: white;
background-color: #3cb125; }
.cta .cta-btn.block.contact, .modal.info .modal-content .modal-body .lounge .cta-btn.block.contact {
color: white;
background-color: #49a0c9; }
.cta .cta-btn.block.careerprepped, .modal.info .modal-content .modal-body .lounge .cta-btn.block.careerprepped {
color: white;
background-color: #ff500b; }
.cta .cta-btn.self::after, .modal.info .modal-content .modal-body .lounge .cta-btn.self::after {
font-family: 'Font Awesome 6 Pro';
content: "\f090";
position: absolute;
right: 15px; }
.cta .cta-btn.external::after, .modal.info .modal-content .modal-body .lounge .cta-btn.external::after {
font-family: 'Font Awesome 6 Pro';
content: "\f08e";
position: absolute;
right: 15px; }
.cta .cta-btn.contact::after, .modal.info .modal-content .modal-body .lounge .cta-btn.contact::after {
font-family: 'Font Awesome 6 Pro';
content: "\f0e0";
position: absolute;
font-weight: 400;
right: 15px; }
.cta .cta-btn.modalWin::after, .modal.info .modal-content .modal-body .lounge .cta-btn.modalWin::after {
font-family: 'Font Awesome 6 Pro';
font-weight: 400;
content: "\f2d2";
position: absolute;
right: 15px; }
.search-bar-container {
background-color: #dadce3;
display: none; }
.search-bar-container .navbar-search {
padding: 15px;
margin-bottom: 0;
font-size: 18px; }
.search-bar-container .navbar-search input, .search-bar-container .navbar-search button {
border-radius: 50px; }
.search-bar-container .navbar-search button {
background-color: #0066cc; }
.search-bar-container .navbar-search input {
border: none;
outline: none;
border: 1px solid #ededed;
padding: 7px 12pxpx; }
.search-bar-container .navbar-search input:focus-within, .search-bar-container .navbar-search input:focus {
outline: none;
box-shadow: none; }
.modal.info .modal-content {
background-color: #eceef4; }
.modal.info .modal-content.cm {
background-color: white; }
.modal.info .modal-content .modal-title {
text-align: center;
font-weight: 600;
padding-left: 15px; }
.modal.info .modal-content .modal-body {
padding: 30px;
padding-top: 0;
padding-bottom: 40px; }
.modal.info .modal-content .modal-body p {
margin-bottom: 0; }
.modal.info .modal-content .modal-body .title {
font-weight: 600;
margin-bottom: 15px; }
.modal.info .modal-content .modal-body .lounge {
margin-top: 15px; }
.modal.info .modal-content .modal-body .course-testimonial {
background-color: #f9fafb;
border-radius: 5px;
margin-bottom: 5px;
padding: 15px;
font-size: 15px;
font-style: italic; }
.modal.info .modal-content .modal-body .course-testimonial:last-child {
margin-bottom: 0; }
.modal.info .modal-content .modal-body #subContent {
font-size: 15px; }
.modal.info .modal-content .modal-header {
border: none;
padding-bottom: 5px; }
.cta-purchase {
padding: 60px 0 60px 0;
background-color: #1958a1;
color: white; }
.cta-purchase h3 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 36px;
font-weight: bold;
color: white;
text-align: center;
font-size: 30px;
font-weight: 600;
margin-bottom: 30px; }
.cta-purchase p {
text-align: center;
padding-left: 20px;
padding-right: 20px; }
.cta-purchase .cta, .cta-purchase .modal.info .modal-content .modal-body .lounge, .modal.info .modal-content .modal-body .cta-purchase .lounge {
text-align: center;
margin-top: 30px; }
.cta-purchase .cta .cta-btn, .cta-purchase .modal.info .modal-content .modal-body .lounge .cta-btn, .modal.info .modal-content .modal-body .cta-purchase .lounge .cta-btn {
background-color: #0278cd; }
.clients header p {
color: white;
text-align: center; }
.course-plugin-an .logo,
.course-plugin-hbp .logo {
margin-right: 15px; }
.course-plugin-an .desc,
.course-plugin-hbp .desc {
max-width: 430px;
font-size: 16px; }
.course-plugin-an .desc a,
.course-plugin-hbp .desc a {
color: #504f4f; }
.summary .hideaccsc {
margin-top: 30px; }
.summary .hideaccsc img {
float: none !important;
display: inline-block; }
.summary .hideaccsc p {
display: inline-block;
margin-left: 15px; }
.summary .hideaccsc p a {
color: #504f4f; }
header {
padding: 80px 0;
background: url(https://maxknowledge-assets.s3.us-west-2.amazonaws.com/sites/maxknowledge/mk-header-bg.jpg) no-repeat;
background-size: cover;
background-position: center center; }
header h1 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 36px;
font-weight: bold;
color: white;
text-align: center; }
header h2 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 26px;
font-weight: bold;
color: white;
text-align: center; }
header h2 a {
color: #bbeffe;
text-decoration: none; }
header p a {
color: #b4e4ff; }
.sub_header .sub_header_content {
padding: 15px 0;
background-color: #0066cc; }
.sub_header .sub_header_content h4 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 22px;
font-weight: bold;
color: #bbeffe;
text-align: center;
margin-bottom: 0; }
.sub_header .sub_header_content h4 a {
color: #bbeffe;
text-decoration: none; }
.sub_header .sub_header_content .label {
font-size: 14px;
text-align: center;
text-transform: uppercase;
font-weight: bold;
color: white; }
.sub_header .sub_header_content_container {
background-color: #eceef4;
padding: 20px 0; }
.sub_header .sub_header_content_container a {
text-align: center; }
.sub_header .sub_header_content_container img {
height: 80px; }
section.platforms {
margin-top: 30px; }
section.platforms h2 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 24px;
font-weight: 700;
color: black;
margin-bottom: 20px;
color: #303755;
text-align: center;
margin-bottom: 30px; }
section.platforms .platforms_platform {
border: 1px solid #e8e8e8;
margin-bottom: 30px;
border-radius: 5px;
padding-top: 15px; }
section.platforms .platforms_platform .images {
padding: 25px;
background-color: #eceef4;
text-align: center;
height: 130px; }
section.platforms .platforms_platform.chep img {
height: 75px; }
section.platforms .platforms_platform.chep li i {
color: #3366ac; }
section.platforms .platforms_platform.cp img {
height: 40px; }
section.platforms .platforms_platform.cp li i {
color: #ff500b; }
section.platforms .platforms_platform .label {
background-color: #3366ac;
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 24px;
font-weight: 600;
color: white;
text-align: center;
padding: 15px; }
section.platforms .platforms_platform .label a {
color: white;
text-decoration: none; }
section.platforms .platforms_platform .content {
padding: 20px; }
section.platforms .platforms_platform .content ul {
margin-bottom: 30px; }
.employee_platform .employee_platform_tools .liquid-slider {
background: none; }
.employee_platform .employee_platform_tools .liquid-slider .slider-info h3 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 24px;
font-weight: 700;
color: #3e4056;
margin-bottom: 20px; }
.employee_platform .employee_platform_tools .liquid-slider .slider-info .silder-info-content {
margin-bottom: 30px; }
.employee_platform .employee_platform_tools .liquid-slider .supported {
background-color: #eceef4;
margin-bottom: 15px;
padding: 20px;
border-radius: 5px;
border: 1px solid #dadce3; }
.employee_platform .employee_platform_tools .liquid-slider .supported .support-title {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 24px;
font-weight: 700;
color: #3e4056;
margin-bottom: 20px;
font-size: 22px;
font-weight: 600; }
.employee_platform .employee_platform_tools .liquid-slider .supported .support-title p {
font-family: "Open Sans", sans-serif;
font-size: 18px;
font-weight: normal; }
.employee_platform .employee_platform_tools .liquid-slider .supported:last-child {
margin-bottom: 0; }
.employee_platform .employee_platform_tools .liquid-slider .supported .excerpt {
margin-top: 15px;
font-size: 16px;
text-align: left; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav {
padding: 10px 0;
padding-bottom: 7px;
text-align: center !important;
background-color: #0066cc;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav .ls-select-box {
display: none !important; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav ul li {
display: inline-block !important; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav ul li a {
color: #bbeffe;
background: none; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav ul li.current a {
border-radius: 5px;
background-color: #0749a9; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav #main-slider-nav-ul,
.employee_platform .employee_platform_tools .ls-wrapper .ls-nav #main-slider1-nav-ul {
display: inline-block !important;
float: none !important;
font-size: 20px; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-panel {
width: 100%; }
.employee_platform .employee_platform_tools .ls-wrapper .ls-panel .panel-wrapper {
position: relative;
padding: 80px 0 !important; }
section.infographic {
padding: 40px 0;
border: 10px solid white;
background: #23b5dd;
background: -moz-radial-gradient(circle, #23b5dd 0%, #1b8ecc 100%);
background: -webkit-radial-gradient(circle, #23b5dd 0%, #1b8ecc 100%);
background: radial-gradient(circle, #23b5dd 0%, #1b8ecc 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#23b5dd",endColorstr="#1b8ecc",GradientType=1); }
section.infographic h3 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 26px;
font-weight: bold;
color: white;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
font-weight: 600; }
section.infographic h3 a {
color: blue;
text-decoration: none; }
section.infographic .traditional {
text-align: center;
border-radius: 5px;
padding: 15px;
background: #f3f5ed;
background: -moz-radial-gradient(circle, #f3f5ed 0%, #ebede6 100%);
background: -webkit-radial-gradient(circle, #f3f5ed 0%, #ebede6 100%);
background: radial-gradient(circle, #f3f5ed 0%, #ebede6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3f5ed",endColorstr="#ebede6",GradientType=1);
box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2); }
section.infographic .traditional > div {
font-size: 20px;
font-weight: bold; }
section.infographic .traditional > p {
font-size: 15px;
padding: 0 45px;
margin-bottom: 0; }
section.infographic .online {
text-align: center;
border-radius: 5px;
padding: 15px;
background: #21b77d;
background: -moz-radial-gradient(circle, #21b77d 0%, #17ad72 100%);
background: -webkit-radial-gradient(circle, #21b77d 0%, #17ad72 100%);
background: radial-gradient(circle, #21b77d 0%, #17ad72 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21b77d",endColorstr="#17ad72",GradientType=1);
color: white;
box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2); }
section.infographic .online > div {
font-size: 20px;
font-weight: bold; }
section.infographic .online > p {
font-size: 15px;
padding: 0 45px;
margin-bottom: 0; }
section.honors {
padding: 30px 0 60px 0; }
section.honors h3 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-size: 26px;
font-weight: bold;
color: white;
text-align: center;
color: black;
font-size: 24px;
font-weight: 600;
margin-bottom: 30px; }
section.honors h3 a {
color: blue;
text-decoration: none; }
section.honors .honor-item {
padding: 30px;
text-align: center;
background-color: #eceef4;
border-radius: 5px;
border: 1px solid #dadce3; }
section.honors .cta, section.honors .modal.info .modal-content .modal-body .lounge, .modal.info .modal-content .modal-body section.honors .lounge {
top: -20px;
position: relative;
text-align: center; }
section.honors .cta .cta-btn, section.honors .modal.info .modal-content .modal-body .lounge .cta-btn, .modal.info .modal-content .modal-body section.honors .lounge .cta-btn {
background-color: #0278cd; }
.client_list {
padding: 60px 0; }
.client_list .nav .nav-item {
border-bottom: 1px solid #eceef4;
margin-right: 15px; }
.client_list .nav .nav-item .nav-link {
display: block;
width: 100%;
border-radius: 5px;
text-align: left;
padding-right: 25px;
color: black; }
.client_list .nav .nav-item .nav-link.active {
position: relative;
color: #6d6f86;
background-color: #eceef4; }
.client_list .nav .nav-item .nav-link.active::after {
position: absolute;
right: 15px; }
.client_list .testimonial {
position: relative; }
.client_list .testimonial p {
padding-left: 30px;
font-style: italic; }
.client_list .testimonial::before {
font-family: "Font Awesome 6 Sharp";
content: "\f10d";
font-weight: 600;
color: #99cc66;
font-size: 30px;
position: absolute;
left: -15px;
top: -5px; }
.client_list .author-container {
padding-left: 45px; }
.client_list .author-info .author {
font-weight: bold; }
.partners .state_regional,
.partners .accreditiing,
.partners .national,
.partners .international {
padding: 60px 0; }
.partners .provider-item {
display: block;
border: 1px solid #dadce3;
padding: 15px;
height: 100%;
text-decoration: none;
border-radius: 5px; }
.partners .provider-item .image {
text-align: center;
display: block;
margin-bottom: 15px; }
.partners .provider-item .title {
padding: 0 15px;
font-size: 15px;
font-weight: 600;
display: block;
text-align: center;
color: #504f4f; }
.partners .international .item,
.partners .accreditiing .item,
.partners .national .item {
margin-bottom: 60px;
padding-bottom: 60px;
border-bottom: 1px solid #dadce3; }
.partners .international .item .quote,
.partners .accreditiing .item .quote,
.partners .national .item .quote {
position: relative;
padding-left: 30px; }
.partners .international .item .quote::before,
.partners .accreditiing .item .quote::before,
.partners .national .item .quote::before {
font-family: "Font Awesome 6 Sharp";
content: "\f10d";
color: #99cc66;
font-size: 30px;
position: absolute;
font-weight: 600;
left: -15px;
top: -5px; }
.partners .international .item .quote.noQuote,
.partners .accreditiing .item .quote.noQuote,
.partners .national .item .quote.noQuote {
padding-left: 0; }
.partners .international .item .quote.noQuote::before,
.partners .accreditiing .item .quote.noQuote::before,
.partners .national .item .quote.noQuote::before {
content: none; }
.partners .international .item:last-child,
.partners .accreditiing .item:last-child,
.partners .national .item:last-child {
border: none;
margin: 0;
padding: 0; }
.partners .international .author-details .name,
.partners .accreditiing .author-details .name,
.partners .national .author-details .name {
color: #0278cd;
font-weight: bold; }
.partners .international .author-details .position,
.partners .accreditiing .author-details .position,
.partners .national .author-details .position {
font-weight: 600; }
.lessons header,
.tutorials header {
padding: 50px 0; }
.lessons section.lesson-items,
.tutorials section.lesson-items {
padding: 60px 0; }
.lessons section.lesson-items .accordion,
.tutorials section.lesson-items .accordion {
margin-bottom: 5px; }
.lessons section.lesson-items .accordion h2 button,
.tutorials section.lesson-items .accordion h2 button {
color: white;
background-color: #0054a6;
font-weight: 600;
font-size: 18px; }
.lessons section.lesson-items .accordion h2 button:after,
.tutorials section.lesson-items .accordion h2 button:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.lessons section.lesson-items .accordion .accordion-item .accordion-header,
.tutorials section.lesson-items .accordion .accordion-item .accordion-header {
position: relative; }
.lessons section.lesson-items .accordion .accordion-item .accordion-header.core button,
.tutorials section.lesson-items .accordion .accordion-item .accordion-header.core button {
background-color: #99cc66; }
.lessons section.lesson-items .accordion .accordion-item .accordion-header.core .core-badge,
.tutorials section.lesson-items .accordion .accordion-item .accordion-header.core .core-badge {
right: 50px;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 9;
font-size: 12px;
background: none;
padding: 7px 12px;
background-color: #5fb24a; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body {
padding: 0; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing {
padding: 0;
margin: 0;
list-style: none; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing .badge,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing .badge {
margin: 8px; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li {
border-bottom: 1px solid #dadce3; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:last-child,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:last-child {
border: none; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a {
display: block;
color: #504f4f;
position: relative;
padding-right: 70px; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .shortname,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .shortname {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 130px;
text-align: center;
display: inline-block;
padding: 7px 12px;
background-color: #f2f4f8; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .badge-new,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .badge-new {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin: 0; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .fullname,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li a .fullname {
display: inline-block;
padding: 7px 12px 7px 145px; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:hover,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:hover {
background-color: #f2f2f2; }
.lessons section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:hover .shortname,
.tutorials section.lesson-items .accordion .accordion-item .accordion-body .course-listing li:hover .shortname {
background-color: #e1e6ef; }
.lessons section.lesson-items .accordion ul,
.tutorials section.lesson-items .accordion ul {
margin-bottom: 0; }
.lessons section.lesson-items .accordion h2 button,
.tutorials section.lesson-items .accordion h2 button {
background-color: #44b9dd; }
.lessons section.tutorial-items,
.tutorials section.tutorial-items {
padding: 60px 0; }
.lessons section.tutorial-items .accordion,
.tutorials section.tutorial-items .accordion {
margin-bottom: 5px; }
.lessons section.tutorial-items .accordion h2 button,
.tutorials section.tutorial-items .accordion h2 button {
color: white;
background-color: #0054a6;
font-weight: 600;
font-size: 18px; }
.lessons section.tutorial-items .accordion h2 button:after,
.tutorials section.tutorial-items .accordion h2 button:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.lessons section.tutorial-items .accordion .accordion-item .accordion-header,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-header {
position: relative; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-header.core button,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-header.core button {
background-color: #99cc66; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-header.core .core-badge,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-header.core .core-badge {
right: 50px;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 9;
font-size: 12px;
background: none;
padding: 7px 12px;
background-color: #5fb24a; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body {
padding: 0; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing {
padding: 0;
margin: 0;
list-style: none; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing .badge,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing .badge {
margin: 8px; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li {
border-bottom: 1px solid #dadce3; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:last-child,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:last-child {
border: none; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a {
display: block;
color: #504f4f;
position: relative;
padding-right: 70px; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .shortname,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .shortname {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 130px;
text-align: center;
display: inline-block;
padding: 7px 12px;
background-color: #f2f4f8; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .badge-new,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .badge-new {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin: 0; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .fullname,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li a .fullname {
display: inline-block;
padding: 7px 12px 7px 145px; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:hover,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:hover {
background-color: #f2f2f2; }
.lessons section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:hover .shortname,
.tutorials section.tutorial-items .accordion .accordion-item .accordion-body .course-listing li:hover .shortname {
background-color: #e1e6ef; }
.lessons section.tutorial-items .accordion ul,
.tutorials section.tutorial-items .accordion ul {
margin-bottom: 0; }
.lessons section.tutorial-items .accordion h2 button,
.tutorials section.tutorial-items .accordion h2 button {
background-color: #45bb94; }
.free-resources header {
padding: 50px 0; }
.free-resources section.resource-items {
padding: 60px 0; }
.free-resources section.resource-items .card {
width: 100%;
margin-bottom: 15px;
position: relative;
padding-bottom: 60px; }
.free-resources section.resource-items .card .title {
font-family: acumin-pro-extra-condensed, sans-serif;
font-size: 26px;
font-weight: 600;
color: white;
margin-bottom: 20px;
text-transform: uppercase;
padding: 15px;
text-align: center;
margin: 15px;
font-size: 22px; }
.free-resources section.resource-items .card.idp {
background: #503625;
background: -moz-linear-gradient(145deg, #503625 0%, #71503a 100%);
background: -webkit-linear-gradient(145deg, #503625 0%, #71503a 100%);
background: linear-gradient(145deg, #503625 0%, #71503a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#503625",endColorstr="#71503a",GradientType=1);
color: white; }
.free-resources section.resource-items .card.idp .title {
background: #71503a;
line-height: 26px; }
.free-resources section.resource-items .card.cel {
background: #1b5992;
background: -moz-linear-gradient(145deg, #1b5992 0%, #2a70b1 100%);
background: -webkit-linear-gradient(145deg, #1b5992 0%, #2a70b1 100%);
background: linear-gradient(145deg, #1b5992 0%, #2a70b1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1b5992",endColorstr="#2a70b1",GradientType=1);
color: white; }
.free-resources section.resource-items .card.cel .title {
background-color: #2a70b1;
line-height: 26px; }
.free-resources section.resource-items .card.hel {
background: #35aace;
background: -moz-linear-gradient(145deg, #35aace 0%, #44b9dd 100%);
background: -webkit-linear-gradient(145deg, #35aace 0%, #44b9dd 100%);
background: linear-gradient(145deg, #35aace 0%, #44b9dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#35aace",endColorstr="#44b9dd",GradientType=1);
color: white; }
.free-resources section.resource-items .card.hel .title {
background-color: #44b9dd;
line-height: 26px; }
.free-resources section.resource-items .card.tut {
background: #319f7a;
background: -moz-linear-gradient(145deg, #319f7a 0%, #45bb94 100%);
background: -webkit-linear-gradient(145deg, #319f7a 0%, #45bb94 100%);
background: linear-gradient(145deg, #319f7a 0%, #45bb94 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#319f7a",endColorstr="#45bb94",GradientType=1);
color: white; }
.free-resources section.resource-items .card.tut .title {
background-color: #45bb94;
line-height: 26px; }
.free-resources section.resource-items .card img {
margin: 15px;
margin-bottom: 0; }
.free-resources section.resource-items .card .content {
font-size: 18px;
margin-bottom: 15px;
padding: 15px;
text-align: center; }
.free-resources section.resource-items .card .cta, .free-resources section.resource-items .card .modal.info .modal-content .modal-body .lounge, .modal.info .modal-content .modal-body .free-resources section.resource-items .card .lounge {
width: 100%;
position: absolute;
bottom: 0;
padding: 15px;
background-color: white;
border-radius: 0 0 5px 5px;
text-align: center; }
.free-resources section.resource-items .card .cta .cta-btn, .free-resources section.resource-items .card .modal.info .modal-content .modal-body .lounge .cta-btn, .modal.info .modal-content .modal-body .free-resources section.resource-items .card .lounge .cta-btn {
padding: 0;
font-size: 16px;
color: #3366ac; }
.free-resources section.resource-items .card .cta .cta-btn:before, .free-resources section.resource-items .card .modal.info .modal-content .modal-body .lounge .cta-btn:before, .modal.info .modal-content .modal-body .free-resources section.resource-items .card .lounge .cta-btn:before {
content: inherit; }
.certified-courses #search {
border-radius: 50px;
font-size: 18px;
padding: 7px 25px;
color: white;
background-color: #1c437a;
border: 1px solid #1c437a; }
.certified-courses #search::placeholder {
color: #5d94e0; }
.certified-courses #search:hover, .certified-courses #search:focus-visible, .certified-courses #search:focus {
outline: none; }
.certified-courses header {
padding: 50px 0; }
.certified-courses.lesson .subheader {
background-color: #239cc1; }
.certified-courses.tutorial .subheader {
background-color: #348f71; }
.certified-courses .ui-menu {
border: none;
font-size: 16px;
background: none;
background-color: #1c437a;
border-radius: 5px;
padding: 15px;
max-height: 400px;
overflow-y: auto; }
.certified-courses .ui-menu .ui-menu-item {
color: white; }
.certified-courses .ui-menu .ui-menu-item .ui-menu-item-wrapper {
padding: 7px;
border-radius: 5px; }
.certified-courses .ui-menu .ui-menu-item .ui-menu-item-wrapper.ul-state-active {
background-color: #1c437a; }
.certified-courses section.certified-course {
padding: 60px 0; }
.certified-courses section.certified-course .enroll-select::-webkit-calendar-picker-indicator {
display: none !important; }
.certified-courses section.certified-course .single-course-item {
border: 1px solid #dadce3;
border-radius: 5px; }
.certified-courses section.certified-course .single-course-item .header-title {
color: white;
font-size: 20px;
font-weight: normal;
background-color: #0054a6;
padding: 20px; }
.certified-courses section.certified-course .single-course-item .summary,
.certified-courses section.certified-course .single-course-item .information {
padding: 20px;
padding-top: 0; }
.certified-courses section.certified-course .single-course-item .summary .list-group .list-group-item,
.certified-courses section.certified-course .single-course-item .information .list-group .list-group-item {
padding: 0;
font-size: 16px;
background-color: #f2f4f8; }
.certified-courses section.certified-course .single-course-item .summary .list-group .list-group-item a,
.certified-courses section.certified-course .single-course-item .information .list-group .list-group-item a {
padding: 12px 12px;
display: block;
color: #504f4f; }
.certified-courses section.certified-course .single-course-item .summary .list-group .list-group-item a i,
.certified-courses section.certified-course .single-course-item .information .list-group .list-group-item a i {
width: 30px;
text-align: center; }
.certified-courses section.certified-course .single-course-item .alert {
display: none;
font-size: 16px; }
.certified-courses section.certified-course .single-course-item .action-bar {
background-color: #f2f4f8;
padding: 12px 12px;
margin: 15px;
border-radius: 50px; }
.certified-courses section.certified-course .single-course-item .action-bar .cmessage {
font-size: 16px; }
.certified-courses section.certified-course .single-course-item .action-bar .btn {
padding: 7px 20px;
border-radius: 50px; }
.certified-courses section.certified-course .single-course-item .action-bar .input-group input {
border-radius: 50px 0 0 50px; }
.certified-courses section.certified-course .single-course-item .action-bar .input-group .btn {
background-color: #3366ac;
border-radius: 0 50px 50px 0; }
.certified-courses section.certified-course .single-course-item.lesson .header-title {
background-color: #44b9dd; }
.certified-courses section.certified-course .single-course-item.tutorial .header-title {
background-color: #45bb94; }
.certified-courses section.category-selected {
padding: 60px 0; }
.certified-courses section.category-selected .list-group li {
background-color: #f9f9fa;
padding-top: 13px;
padding-bottom: 13px; }
.certified-courses section.category-selected .list-group li a {
color: #504f4f;
display: block; }
.certified-courses section.category-selected .list-group li.active {
position: relative;
background-color: #0054a6; }
.certified-courses section.category-selected .list-group li.active a {
color: white; }
.certified-courses section.category-selected .list-group li.active a:after {
font-family: "Font Awesome 6 Pro", sans-serif;
content: "\f0da";
font-weight: 600;
right: 15px;
position: absolute; }
.certified-courses section.category-selected .accordion {
margin-bottom: 5px; }
.certified-courses section.category-selected .accordion h2 button {
color: white;
background-color: #0054a6;
font-weight: 600;
font-size: 18px; }
.certified-courses section.category-selected .accordion h2 button:after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.certified-courses section.category-selected .accordion .accordion-item .accordion-header {
position: relative; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-header.core button {
background-color: #99cc66; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-header.core .core-badge {
right: 50px;
top: 50%;
transform: translateY(-50%);
position: absolute;
z-index: 9;
font-size: 12px;
background: none;
padding: 7px 12px;
background-color: #5fb24a; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body {
padding: 0; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing {
padding: 0;
margin: 0;
list-style: none; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing .badge {
margin: 8px; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li {
border-bottom: 1px solid #dadce3; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li:last-child {
border: none; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li a {
display: block;
color: #504f4f;
position: relative;
padding-right: 70px; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li a .shortname {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 130px;
text-align: center;
display: inline-block;
padding: 7px 12px;
background-color: #f2f4f8; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li a .badge-new {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin: 0; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li a .fullname {
display: inline-block;
padding: 7px 12px 7px 145px; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li:hover {
background-color: #f2f2f2; }
.certified-courses section.category-selected .accordion .accordion-item .accordion-body .course-listing li:hover .shortname {
background-color: #e1e6ef; }
.certified-courses section.category-selected .accordion ul {
margin-bottom: 0; }
.certified-courses section.category {
padding: 60px 0; }
.certified-courses section.category p {
margin-bottom: 60px;
text-align: center; }
.certified-courses section.category .card {
margin-bottom: 15px;
position: relative;
border-radius: 5px;
overflow: hidden; }
.certified-courses section.category .card .title {
background-color: #3366ac;
position: absolute;
bottom: 15px;
font-size: 20px;
margin-left: 50%;
white-space: nowrap;
transform: translateX(-50%);
font-weight: 600;
padding: 12px 20px;
max-width: 290px;
width: 290px;
color: white;
text-align: center;
border-radius: 50px;
transition: background-color .2s;
z-index: 9; }
.certified-courses section.category .card img {
transition: transform .2s; }
.certified-courses section.category .card:hover .title {
background-color: #497fc9; }
.certified-courses section.category .card:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05); }
.interior header {
padding: 50px 0; }
.interior.contact {
background-color: #eceef4; }
.interior .search-container {
padding: 60px 0; }
.interior .search-container .list-group {
top: 215px; }
.interior .search-container .list-group .list-group-item {
border-top: none;
border-left: none;
border-right: none;
padding: 20px; }
.interior .search-container .list-group .list-group-item .badge.courses {
background-color: #0054a6; }
.interior .search-container .list-group .list-group-item .badge.tutorials {
background-color: #45bb94; }
.interior .search-container .list-group .list-group-item .badge.lessons {
background-color: #44b9dd; }
.interior .search-container h3 {
background-color: #0066cc;
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
color: white;
font-weight: 500;
padding: 7px 12px;
font-size: 26px; }
.interior .search-container h3.courses {
background-color: #0054a6; }
.interior .search-container h3.tutorials {
background-color: #45bb94; }
.interior .search-container h3.lessons {
background-color: #44b9dd; }
.interior .search-container .section.search-result {
padding: 15px;
border: 1px solid #dadce3;
margin-bottom: 15px; }
.interior .search-container .section.search-result .title {
color: #3366ac;
font-weight: 600;
display: inline-block;
font-size: 20px;
margin-bottom: 15px; }
.interior .help-center-content {
padding: 60px 0;
position: relative; }
.interior .help-center-content .list-group {
top: 215px; }
.interior .help-center-content .list-group .list-group-item {
border-top: none;
border-left: none;
border-right: none;
padding: 20px; }
.interior .help-center-content .faq-category-content {
margin-top: 30px;
margin-bottom: 5px;
padding: 15px;
border: 1px solid #dadce3;
position: relative;
padding-top: 30px;
border-radius: 5px; }
.interior .help-center-content .faq-category-content h4 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
font-weight: 600;
font-size: 22px;
position: absolute;
top: -30px;
background-color: white;
padding: 15px 0;
margin: 0; }
.interior .help-center-content .faq-category-content .faq-container {
margin-bottom: 15px; }
.interior .help-center-content .faq-category-content .faq-container:last-child {
margin-bottom: 0; }
.interior .help-center-content .faq-category-content .faq-container .faq-answer .faq-answer-cont {
font-size: 16px;
border-radius: 0 5px 5px 0;
border: 1px solid #dadce3;
padding: 15px;
border-top: 0; }
.interior .help-center-content .faq-category-content .faq-container .faq-header {
padding: 15px;
border: 1px solid #dadce3;
padding-right: 50px;
position: relative;
cursor: pointer;
background-color: #dce0eb; }
.interior .help-center-content .faq-category-content .faq-container .faq-header:after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 6 Pro", sans-serif;
content: '\f068'; }
.interior .help-center-content .faq-category-content .faq-container .faq-header.collapsed {
background-color: #eceef4; }
.interior .help-center-content .faq-category-content .faq-container .faq-header.collapsed:after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 6 Pro" , sans-serif;
content: '\f068';
content: '\2b'; }
.interior .about-content {
padding: 60px 0; }
.interior .about-content .card:first-child {
margin-top: 30px; }
.interior .about-content .card.about-honors .title {
font-size: 20px;
color: white;
background-color: #0054a6;
padding: 20px;
text-align: center;
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700; }
.interior .about-content .card.about-honors .title .honor {
font-size: 16px; }
.interior .about-content .card.about-honors .exerpt-container {
background: white;
background: -moz-linear-gradient(49deg, white 27%, #dfdfdf 100%);
background: -webkit-linear-gradient(49deg, white 27%, #dfdfdf 100%);
background: linear-gradient(49deg, white 27%, #dfdfdf 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#dfdfdf",GradientType=1); }
.interior .about-content .card.about-honors .exerpt-container .exerpt {
padding: 15px;
text-align: center;
font-size: 14px; }
.interior .about-content .card.about-honors .headshot-container {
padding: 20px;
background-color: #eceef4; }
.interior .about-content .card.about-honors .headshot-container .image img {
height: 125px;
border: 6px solid #dadce3;
border-radius: 100%; }
.interior .about-content .card.about-honors .headshot-container .awardee {
padding-left: 20px;
padding-right: 0px; }
.interior .about-content .card.about-honors .headshot-container .awardee .name {
color: #0054a6;
line-height: 24px;
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
font-size: 24px;
font-weight: 700; }
.interior .about-content .card.about-honors .headshot-container .awardee .tlabel {
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
font-size: 18px;
font-weight: 700; }
.interior .about-content .card.about-honors .headshot-container .awardee .descr {
font-size: 16px; }
.interior .contact-form {
padding: 60px 0; }
.interior .contact-form .contact-form-container {
background-color: white;
border: 1px solid #dadce3;
padding: 15px;
border-radius: 5px; }
.interior .contact-form .contact-form-container .alert {
margin-bottom: 0; }
.interior .contact-form .contact-form-container input, .interior .contact-form .contact-form-container select, .interior .contact-form .contact-form-container textarea {
padding: 15px; }
.interior .contact-form .contact-form-container .contact-form-input .btn-primary {
border-radius: 50px;
padding: 7px 20px; }
.interior .contact-form .contact-form-container .contact-section {
margin-top: 15px;
padding: 15px;
background-color: #eceef4;
border: 1px solid #dadce3; }
.interior .contact-form .contact-form-container .contact-section p {
margin-bottom: 0; }
body.mysite {
background-color: #eceef4; }
body.mysite.shared .shared-report .btn {
margin: 0; }
body.mysite.shared .shared-report .startblock {
color: #ffffff;
padding: 3px;
background-color: green; }
body.mysite.shared .shared-report .endblock {
color: #ffffff;
padding: 3px;
background-color: maroon; }
body.mysite.shared .shared-report .list-header {
cursor: pointer;
border-radius: 4px 4px 0 0;
background-color: #3E86BF;
padding: 10px;
color: #ffffff;
margin: 15px 0 0 0; }
body.mysite.shared .shared-report .list-header .tag {
text-align: center;
border-radius: 4px;
margin-right: 10px;
width: 24px;
height: 24px;
color: #ffffff;
background-color: #b0cee6; }
body.mysite.shared .shared-report .list-header.shown {
border-radius: 4px 4px 0 0; }
body.mysite.shared .shared-report .list-header.sub {
margin-top: 10px; }
body.mysite.shared .shared-report nav {
background: #ffffff;
border: 1px solid #CCC;
border-top: 0;
border-radius: 0px 0px 4px 4px;
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
overflow: auto;
margin-bottom: 15px; }
body.mysite.shared .shared-report nav > ul {
margin: 0 !important;
padding: 0 !important;
list-style-type: none; }
body.mysite.shared .shared-report nav > ul li {
float: left; }
body.mysite.shared .shared-report nav > ul li a {
padding: 7px 10px;
display: inline-block;
color: #666;
font-size: 14px;
text-decoration: none;
text-shadow: 1px 1px #FFF; }
body.mysite.shared .shared-report nav > ul li a:hover {
background-color: #3e86bf;
text-shadow: none;
color: #FFF; }
body.mysite.shared .shared-report nav > ul li a.active {
background-color: #3e86bf;
text-shadow: none;
color: #FFF; }
body.mysite.shared .shared-report .shared-search {
background-color: #1A65AE;
margin: 0;
padding: 10px 10px 10px 10px;
overflow: auto; }
body.mysite.shared .shared-report .share-listing .list-header {
background-color: #0054a6; }
body.mysite.shared .shared-report .share-listing .startblock {
display: inline-block;
background-color: #5fb24a;
border-radius: 5px; }
body.mysite.shared .shared-report .share-listing .endblock {
display: inline-block;
background-color: #e91e63;
border-radius: 5px; }
body.mysite.shared .shared-report .share-listing .share-listing-table {
display: none;
border-collapse: collapse;
width: 100%;
margin-top: 0;
border-radius: 4px;
background-color: #e8f1f8;
font-size: 14px; }
body.mysite.shared .shared-report .share-listing .share-listing-table.purchase {
display: table; }
body.mysite.shared .shared-report .share-listing .share-listing-table.show-keypanel {
display: table; }
body.mysite.shared .shared-report .share-listing .share-listing-table td, body.mysite.shared .shared-report .share-listing .share-listing-table th {
border: 1px solid #3E86BF;
padding: 0.5rem;
text-align: left; }
body.mysite.shared .shared-report .share-listing .share-listing-table thead {
background-color: #639ecd;
color: #FFF; }
body.mysite.shared .shared-report .share-listing .share-listing-table tbody tr:nth-child(odd) {
background-color: #fdfeff; }
body.mysite.shared .shared-report .share-listing .share-listing-table .form-input.email {
float: left; }
body.mysite.shared .shared-report .share-listing .share-listing-table .form-input.button {
margin-bottom: 0;
float: left;
padding: 10px 15px;
margin-top: 5px;
margin-left: 5px; }
body.mysite.shared h2.int {
margin-bottom: 0;
border-radius: 4px 4px 0 0;
border: 1px solid #CCC;
border-bottom: 0; }
body.mysite.shared .info {
padding: 15px 15px 15px 15px;
border-radius: 4px;
border: 1px solid #CCC;
background-color: #ededed; }
body.mysite #message {
display: none; }
body.mysite .subheader {
font-size: 20px;
text-align: center; }
body.mysite .settings-container {
margin-top: 30px; }
body.mysite .settings-container input[type="submit"] {
padding: 8px 0;
padding-left: 40px;
padding-right: 40px;
border-radius: 50px; }
body.mysite .certificates-container {
margin-top: 30px; }
body.mysite .certificates-container .card {
padding: 15px; }
body.mysite .certificates-container h2 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px; }
body.mysite .certificates-container .info {
background-color: white;
padding: 15px;
border-radius: 5px; }
body.mysite .certificates-container .info p:last-child {
margin-bottom: 0; }
body.mysite .report-subnav {
background-color: #003a73;
margin-bottom: 15px; }
body.mysite .report-subnav ul {
margin: 0;
padding: 0; }
body.mysite .report-subnav ul li {
display: inline-block; }
body.mysite .report-subnav ul li a {
color: white;
display: inline-block;
padding: 9px 12px; }
body.mysite .report-subnav ul li a.active {
background-color: #0054a6; }
body.mysite .enrollments-container {
margin-top: 30px; }
body.mysite .enrollments-container .section {
background-color: white;
border-radius: 5px;
padding: 15px; }
body.mysite .enrollments-container .section .name {
font-size: 22px;
font-weight: 200;
color: #0054a6; }
body.mysite .enrollments-container .section.enrolled-courses p {
padding: 15px;
margin-bottom: 0;
font-size: 16px;
border-bottom: 1px solid #dadce3;
background-color: #eceef4; }
body.mysite .enrollments-container .section.enrolled-courses p:last-child {
border: none; }
body.mysite .enrollments-container .section.enrolled-courses p a {
font-weight: normal;
color: #0054a6; }
body.mysite .enrollments-container .section.enrolled-courses h3.course {
color: white;
padding: 15px;
font-size: 18px;
background-color: #0054a6; }
body.mysite .enrollments-container .section.enrolled-courses h3.lessons {
color: white;
padding: 15px;
font-size: 18px;
background-color: #44b9dd; }
body.mysite .enrollments-container .section.enrolled-courses h3.tutorials {
color: white;
padding: 15px;
font-size: 18px;
background-color: #45bb94; }
body.mysite .course-badges {
padding: 30px 0; }
body.mysite .course-badges .badge-content {
background-color: #f9fcff;
border: 1px solid #c8e2f5;
border-radius: 5px;
box-shadow: 0 0 3px #CCC;
margin-bottom: 15px; }
body.mysite .course-badges .badge-content .badge_info {
background-color: white;
border: 1px solid #dee9f5;
border-radius: 5px;
padding: 15px;
text-align: center; }
body.mysite .course-badges .badge-content .badge_info_content .title {
color: #4283e6;
font-size: 24px;
font-weight: 500; }
body.mysite .course-badges .badge-content .badge_info_content .title .controls {
color: #333;
font-size: 12px; }
body.mysite .course-badges .badge-content .badge_info_content .hours {
color: #35a6dd;
font-size: 14px;
margin-bottom: 15px; }
body.mysite .course-badges .badge-content .date {
margin-top: 10px; }
body.mysite .course-badges .badge-content .share-buttons {
margin-top: 15px; }
body.mysite .course-badges .badge-content .share-buttons #linkedinShareLink {
background-color: #0077b5; }
body.mysite .course-badges .badge-content .share-buttons #facebookShareLink {
background-color: #4267B2; }
body.mysite .course-badges .badge-content .share-buttons #twitterShareLink {
background-color: #1da1f2; }
body.mysite .course-badges .badge-content .share-buttons #linkedinShareLink,
body.mysite .course-badges .badge-content .share-buttons #facebookShareLink,
body.mysite .course-badges .badge-content .share-buttons #twitterShareLink {
padding-top: 7px;
color: white;
font-weight: 500; }
body.mysite .course-badges .badge-content .share-buttons #linkedinShareLink i,
body.mysite .course-badges .badge-content .share-buttons #facebookShareLink i,
body.mysite .course-badges .badge-content .share-buttons #twitterShareLink i {
padding-right: 10px;
border-right: 1px solid white;
margin-right: 10px;
font-size: 18px; }
body.mysite .box-sizing, body.mysite .chep-status-container #chep-status, body.mysite .chep-status-container #chep-status .programGroup, body.mysite .chep-status-container #chep-status .prog-bar, body.mysite .chep-status-container #chep-status .prog-bar .color-bar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body.mysite .chep-status-container {
padding: 30px 0; }
body.mysite .chep-status-container .chep-status-info {
padding: 15px;
border-radius: 5px;
background-color: white; }
body.mysite .chep-status-container .chep-status-info p:last-child {
margin-bottom: 0; }
body.mysite .chep-status-container .chep-intro {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background-color: #f1f1f1;
padding: 15px;
margin-bottom: 15px !important;
border-collapse: separate;
border-spacing: 5px 0; }
body.mysite .chep-status-container .chep-intro .legend {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
width: 33%;
font-size: 12px;
padding: 15px;
display: table-cell;
border: 1px solid #CCC; }
body.mysite .chep-status-container .chep-intro .legend div > span.title {
display: block;
font-size: 14px;
font-weight: bold;
background: #F1F1F1;
padding: 5px 7px;
border: 1px solid #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px; }
body.mysite .chep-status-container .chep-intro .legend div > span.title.green {
background: #a9db80;
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background: -webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background: linear-gradient(to bottom, #a9db80 0%, #96c56f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); }
body.mysite .chep-status-container .chep-intro .legend div > span.title.orange {
background: #ffc578;
background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
background: -webkit-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); }
body.mysite .chep-status-container .chep-intro .legend div > span.title.red {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); }
body.mysite .chep-status-container .chep-intro {
margin-top: 0; }
body.mysite .chep-status-container #chep-status {
line-height: 1.7em; }
body.mysite .chep-status-container #chep-status .programGroup {
padding: 10px;
border: 1px solid #CCC;
border-radius: 5px;
margin-bottom: 5px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
transition: box-shadow .2s linear; }
body.mysite .chep-status-container #chep-status .programGroup h2 {
margin: 0 0 10px 0;
font-size: 16px;
font-weight: 700;
color: #333;
text-shadow: 1px 1px #FFF;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform: none; }
body.mysite .chep-status-container #chep-status .programGroup.open {
border: 1px solid green;
box-shadow: 0px 0px 3px green; }
body.mysite .chep-status-container #chep-status .programGroup .control h2 {
display: inline-block;
line-height: 34px; }
body.mysite .chep-status-container #chep-status .programGroup .control .detail-button {
font-size: 14px; }
body.mysite .chep-status-container #chep-status .programGroup .control .detail-button.button a {
height: 33px;
width: 102px;
display: block;
background: url(/images/chep-info-sprite.png); }
body.mysite .chep-status-container #chep-status .programGroup .control .detail-button.button.off a {
height: 33px;
width: 113px;
background-position: bottom; }
body.mysite .chep-status-container #chep-status .programGroup .control .detail-button a {
color: #333;
text-shadow: 2px 2px #FFF;
padding: 3px 7px;
text-decoration: none; }
body.mysite .chep-status-container #chep-status .programGroup .control .detail-button a:hover {
text-decoration: underline; }
body.mysite .chep-status-container #chep-status .programGroup .details {
display: none;
padding: 5px 5px 0 5px;
margin-top: 15px;
border-radius: 5px; }
body.mysite .chep-status-container #chep-status .programGroup .details p {
font-size: 14px;
margin: 0 0 15px 0; }
body.mysite .chep-status-container #chep-status .programGroup .details p i {
text-align: center; }
body.mysite .chep-status-container #chep-status .programGroup .details .course-list, body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list, body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list {
border: 1px solid #CCC;
border-bottom: 0;
font-size: 14px; }
body.mysite .chep-status-container #chep-status .programGroup .details .course-list div, body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list div, body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div {
color: #333;
overflow: auto;
background-color: #f4f4f4;
border-bottom: 1px solid #e8e5e5;
margin-bottom: 3px; }
body.mysite .chep-status-container #chep-status .programGroup .details .course-list .list-header, body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list .list-header, body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list .list-header {
background-color: #0054a6 !important;
color: #FFF;
height: 40px;
line-height: 37px;
padding-left: 5px; }
body.mysite .chep-status-container #chep-status .programGroup .details .course-list .list-header.green, body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list .list-header.green, body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list .list-header.green {
background-color: green !important; }
body.mysite .chep-status-container #chep-status .programGroup .details .course-list .taken, body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list .taken, body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list .taken {
display: none; }
body.mysite .chep-status-container #chep-status .programGroup .details .completed-course-list {
margin-bottom: 15px; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list {
border: 1px solid #CCC;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
border: 1px solid #CCC;
margin-bottom: 15px; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list.list-primary {
border: 1px solid green; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div:last-child {
border-bottom: 0; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div .completed {
float: right;
padding: 3px 7px; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div .shortname {
padding: 3px 7px;
width: 80px;
transition: background-color 0.2s linear;
background-color: #ededed;
float: left;
font-size: 15px; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div .fullname {
padding: 3px 7px;
display: inline-block;
float: left;
font-size: 15px; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list div.primary {
border-bottom: 1px solid #c3e2cb; }
body.mysite .chep-status-container #chep-status .programGroup .details .available-course-list .chep-core {
border-radius: 10px;
padding: 5px 7px;
background: #5FB24A;
margin-right: 10px; }
body.mysite .chep-status-container #chep-status .prog-bar {
overflow: hidden;
background: #606c88;
background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
background: -webkit-linear-gradient(top, #606c88 0%, #3f4c6b 100%);
background: linear-gradient(to bottom, #606c88 0%, #3f4c6b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 );
border-radius: 5px;
width: 100%; }
body.mysite .chep-status-container #chep-status .prog-bar .color-bar {
width: 0;
color: #333;
border-radius: 5px;
text-align: right;
padding: 1px;
border: 1px solid #333;
font-size: 13px; }
body.mysite .chep-status-container #chep-status .prog-bar .color-bar span {
line-height: 1.7;
padding-right: 10px; }
body.mysite .chep-status-container #chep-status .prog-bar .color-bar.green {
background: #a9db80;
background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background: -webkit-linear-gradient(top, #a9db80 0%, #96c56f 100%);
background: linear-gradient(to bottom, #a9db80 0%, #96c56f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); }
body.mysite .chep-status-container #chep-status .prog-bar .color-bar.orange {
background: #ffc578;
background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
background: -webkit-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
background: linear-gradient(to bottom, #ffc578 0%, #fb9d23 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23',GradientType=0 ); }
body.mysite .chep-status-container #chep-status .prog-bar.expired .color-bar {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
color: #FFF; }
body.mysite .key-panel-info {
margin-top: 30px; }
body.mysite .key-panel-info .key-panel-info-content {
background-color: white;
border-radius: 5px;
padding: 15px; }
body.mysite .key-panel-container .modal-receipt .modal-body {
font-size: 18px; }
body.mysite .key-panel-container .modal-receipt .modal-body h1 {
font-size: 18px; }
body.mysite .key-panel-container .key-group {
margin-bottom: 15px; }
body.mysite .key-panel-container .key-group .key-group-header {
color: white;
padding: 15px;
background-color: #0054a6;
cursor: pointer;
border-radius: 5px;
position: relative;
padding-right: 50px; }
body.mysite .key-panel-container .key-group .key-group-header.howto {
background-color: #3cb125; }
body.mysite .key-panel-container .key-group .key-group-header:after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
font-family: "Font Awesome 6 Pro";
content: "\f077";
font-weight: 600; }
body.mysite .key-panel-container .key-group .key-group-header.collapsed:after {
content: "\f078"; }
body.mysite .key-panel-container .key-group-content-container {
border-radius: 5px;
margin-top: 15px; }
body.mysite .key-panel-container .key-group-content-container .key-group-content {
padding: 15px;
background-color: white; }
body.mysite .key-panel-container .key-group-content-container .key-group-content form {
margin-bottom: 0; }
body.mysite .key-panel-container h2.int {
margin-bottom: 0;
border-radius: 4px 4px 0 0;
border: 1px solid #CCC;
border-bottom: 0; }
body.mysite .key-panel-container .btn {
margin: 0; }
body.mysite .key-panel-container .keypanel {
margin-bottom: 10px; }
body.mysite .key-panel-container .keypanel h2.int {
margin-bottom: 0;
border: 1px solid #CCC;
border-bottom: 0; }
body.mysite .key-panel-container .keypanel nav {
background: #ffffff;
border: 1px solid #CCC;
border-top: 0;
border-radius: 5px;
background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
overflow: auto;
margin-bottom: 15px; }
body.mysite .key-panel-container .keypanel nav > ul {
margin: 0 !important;
padding: 0 !important;
list-style-type: none; }
body.mysite .key-panel-container .keypanel nav > ul li {
float: left; }
body.mysite .key-panel-container .keypanel nav > ul li a {
padding: 7px 10px;
display: inline-block;
color: #666;
text-decoration: none;
text-shadow: 1px 1px #FFF; }
body.mysite .key-panel-container .keypanel nav > ul li a:hover {
background-color: #3e86bf;
text-shadow: none;
color: #FFF; }
body.mysite .key-panel-container .keypanel nav > ul li a.active {
background-color: #3e86bf;
text-shadow: none;
color: #FFF; }
body.mysite .key-panel-container .keypanel .content {
margin-top: 10px;
margin-bottom: 10px;
border-radius: 4px;
padding: 10px 10px 0 10px;
font-size: 15px;
border: 1px solid #CCC;
background-color: #f4f4f4; }
body.mysite .key-panel-container .keypanel .list-header {
cursor: pointer;
border-radius: 4px;
background-color: #3E86BF;
padding: 10px;
color: #ffffff; }
body.mysite .key-panel-container .keypanel .list-header .tag {
text-align: center;
border-radius: 4px;
margin-right: 10px;
width: 24px;
height: 24px;
color: #ffffff;
background-color: #b0cee6; }
body.mysite .key-panel-container .keypanel .list-header.shown {
border-radius: 4px 4px 0 0; }
body.mysite .key-panel-container .keypanel .list-header.sub {
margin-top: 10px; }
body.mysite .key-panel-container .keypanel .table-container {
text-align: left; }
body.mysite .key-panel-container .keypanel .keypanel-table {
display: none;
border-collapse: collapse;
width: 100%;
margin-top: 0;
border-radius: 4px;
background-color: #e8f1f8;
font-size: 14px; }
body.mysite .key-panel-container .keypanel .keypanel-table.purchase {
display: table; }
body.mysite .key-panel-container .keypanel .keypanel-table.show-keypanel {
display: table; }
body.mysite .key-panel-container .keypanel .keypanel-table td {
border: 1px solid #3E86BF;
padding: 0.5rem;
text-align: left; }
body.mysite .key-panel-container .keypanel .keypanel-table th {
border: 1px solid #3E86BF;
padding: 0.5rem;
text-align: left; }
body.mysite .key-panel-container .keypanel .keypanel-table thead {
background-color: #639ecd;
color: #FFF; }
body.mysite .key-panel-container .keypanel .keypanel-table tbody tr:nth-child(odd) {
background-color: #fdfeff; }
body.mysite .key-panel-container .keypanel .keypanel-table .form-input.email {
float: left; }
body.mysite .key-panel-container .keypanel .keypanel-table .form-input.button {
margin-bottom: 0;
float: left;
padding: 10px 15px;
margin-top: 5px;
margin-left: 5px; }
body.mysite .key-panel-container .keypanel .option-text {
display: inline; }
body.mysite .key-panel-container .keypanel .option-form {
display: inline; }
body.mysite .key-panel-container .keypanel .multi-course-select {
display: inline; }
body.mysite .key-panel-container .keypanel .ui-multiselect-menu {
width: auto !important; }
body.mysite .key-panel-container .keypanel .ui-multiselect-menu .ui-helper-reset li {
font-size: 13px; }
body.mysite .key-panel-container .keypanel .ui-multiselect-menu .ui-multiselect-header ul {
font-size: 13px; }
body.mysite .key-panel-container .ui-multiselect {
width: 100% !important;
margin-right: 0;
font-size: 14px;
display: none;
height: 40px;
margin-top: 5px;
padding-left: 10px;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0; }
body.mysite .key-panel-container .email {
background-color: #d7e6f2;
border: 1px solid #3E86BF !important;
margin-top: 0;
font-size: 15px; }
body.mysite .key-panel-container .email::-webkit-input-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .email::-moz-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .email::-ms-input-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .email::-moz-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .input-number {
background-color: #d7e6f2;
border: 1px solid #3E86BF !important;
text-align: center; }
body.mysite .key-panel-container .input-number::-webkit-input-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .input-number::-moz-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .input-number::-ms-input-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .input-number::-moz-placeholder {
color: #3E86BF; }
body.mysite .key-panel-container .btn-number, body.mysite .key-panel-container .btn-number:hover, body.mysite .key-panel-container .btn-number:focus {
background-color: #3E86BF;
border: 1px solid #3E86BF !important;
color: #ffffff; }
body.mysite .key-panel-container .key-overview {
margin-bottom: 15px; }
body.mysite .key-panel-container .key-overview .enroll {
border: 1px solid #8ab6d9;
padding: 10px;
border-radius: 5px;
position: relative;
padding-top: 20px; }
body.mysite .key-panel-container .key-overview .enroll span {
width: 25px;
height: 25px;
margin-right: 5px;
line-height: 15px;
text-align: center;
display: inline-block;
background-color: #3E86BF;
padding: 5px;
border-radius: 3px;
color: #ffffff; }
body.mysite .key-panel-container .key-overview .enroll span.title {
display: inline-block;
position: absolute;
top: -12px;
background-color: #ffffff;
color: #3E86BF;
width: auto; }
body.mysite .key-panel-container .key-overview .enroll div {
margin-bottom: 10px; }
body.mysite .key-panel-container .key-overview .enroll div > div {
display: inline-block;
margin-right: 30px; }
body.mysite .key-panel-container .key-overview .enroll div > div.used span {
background-color: #dae9f3;
color: #3E86BF; }
body.mysite .key-panel-container .key-overview .enroll div:last-child {
margin-bottom: 0; }
body.mysite .key-panel-container .key-overview .master {
border: 1px solid #8ab6d9;
padding: 10px;
border-radius: 5px;
position: relative;
padding-top: 20px; }
body.mysite .key-panel-container .key-overview .master span {
width: 25px;
height: 25px;
margin-right: 5px;
line-height: 15px;
text-align: center;
display: inline-block;
background-color: #3E86BF;
padding: 5px;
border-radius: 3px;
color: #ffffff; }
body.mysite .key-panel-container .key-overview .master span.title {
display: inline-block;
position: absolute;
top: -12px;
background-color: #ffffff;
color: #3E86BF;
width: auto; }
body.mysite .key-panel-container .key-overview .master div {
margin-bottom: 10px; }
body.mysite .key-panel-container .key-overview .master div > div {
display: inline-block;
margin-right: 30px; }
body.mysite .key-panel-container .key-overview .master div > div.used span {
background-color: #dae9f3;
color: #3E86BF; }
body.mysite .key-panel-container .key-overview .master div:last-child {
margin-bottom: 0; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn {
overflow: auto;
position: relative;
padding: 7px 12px; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn::after {
font-family: "Font Awesome 6 Pro";
content: "\f068";
font-weight: 600;
position: absolute;
right: 10px; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn.collapsed::after {
font-family: "Font Awesome 6 Pro";
content: "\2b";
font-weight: 600;
position: absolute;
right: 10px; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .keybtn {
overflow: auto;
position: relative;
padding: 7px 12px; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .keybtn::after {
font-family: "Font Awesome 6 Pro";
content: "\f077";
position: absolute;
font-weight: 600;
right: 10px;
font-size: 16px; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .keybtn.collapsed::after {
font-family: "Font Awesome 6 Pro";
content: "\f078";
position: absolute;
font-weight: 600;
right: 10px;
font-size: 16px; }
body.mysite .key-panel-container .keypanel nav {
margin-bottom: 0; }
body.mysite .key-panel-container .ui-keypanel-holder h1 {
background-color: #0054a6;
padding: 15px;
font-size: 18px;
color: #ffffff;
border-radius: 5px; }
body.mysite .key-panel-container .ui-keypanel-holder h1:first-child {
margin-top: 0; }
body.mysite .key-panel-container .ui-keypanel-holder .item {
border: 1px solid #CCC;
border-top: 0;
color: #006699;
background-color: #fff; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn .kp-info {
display: inline-block;
margin-right: 20px; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn .kp-info div {
background-color: #eceef4;
border-radius: 25px;
padding: 2px 15px;
color: #FFF;
font-size: 16px;
text-align: center;
display: inline-block;
min-width: 200px;
color: #8b97bc; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn .kp-info div:last-child {
margin-right: 15px; }
body.mysite .key-panel-container .ui-keypanel-holder .item .keybtn .kp-info span {
font-weight: bold;
color: #8b97bc; }
body.mysite .key-panel-container .ui-keypanel-holder .item .mkkp-collapse {
margin-bottom: 2px; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub {
margin: 0 2px 4px 2px;
border: none;
background-color: #e6e6e6;
color: #333333;
border: 1px solid #CCC; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .table {
margin-bottom: 0;
border: 1px solid #73a8d2; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .table td {
background: #FFF;
color: #333; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .table thead {
background-color: #73a8d2;
color: #FFF; }
body.mysite .key-panel-container .ui-keypanel-holder .item-sub .table thead th {
border-bottom: 0; }
.navbar-main {
background-color: white;
padding-top: 15px;
padding-bottom: 15px;
background-color: white; }
.navbar-main .nav-item {
font-weight: 500;
border-bottom: 1px solid #e8e8e8; }
.navbar-main .nav-item:last-child {
padding-top: 10px;
border: none; }
.navbar-main.navbar-sub {
padding-top: 7px;
padding-bottom: 7px; }
.navbar-main .navbar-nav {
width: 100%;
position: relative; }
.navbar-main .employee-platform-menu {
margin-top: 30px;
font-size: 16px;
padding: 10px;
border: 2px solid #0054a6;
border-radius: 5px;
position: relative; }
.navbar-main .employee-platform-menu .nav-link {
color: #0054a6; }
.navbar-main .employee-platform-menu .navbar-title {
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
left: 50%;
transform: translateX(-50%);
background-color: white;
top: -12px;
white-space: nowrap;
position: absolute;
text-align: center;
display: inline-block;
color: #0054a6;
font-weight: bold;
text-transform: uppercase; }
.navbar-main .employee-platform-menu .dropdown-menu {
background-color: #eceef4; }
.navbar-main .employee-platform-menu .dropdown-menu li {
border-bottom: 1px solid #dadce3; }
.navbar-main .employee-platform-menu .dropdown-menu li:last-child {
border: none; }
.navbar-main .employee-platform-menu .dropdown-menu li a {
padding: 9px 30px;
transition: background-color .2s; }
.navbar-main .employee-platform-menu .dropdown-menu li a:hover {
background-color: #ccd1e1; }
.navbar-sub {
background-color: #303755 !important; }
.navbar-sub .nav-item {
font-weight: 500; }
.navbar-sub .nav-item a {
color: white; }
.navbar-sub .nav-item a:hover {
color: #b4e4ff; }
.navbar-sub .nav-item a.active {
color: #b4e4ff; }
footer {
font-size: 16px;
padding: 10px 15px;
width: 100%; }
footer.bg-dark {
background-color: #303755 !important; }
footer .information a {
color: white;
text-decoration: none; }
footer .information a::after {
content: "\2022";
margin-left: 7px;
font-size: 18px; }
footer .information a:last-child::after {
content: none; }
footer .text-end a {
color: white;
margin-right: 5px;
font-size: 22px; }
footer .text-end a:last-child {
margin-right: 0; }
body.login {
background-color: #eceef4;
display: flex;
align-items: center; }
body.login main {
margin: auto;
padding-top: 154px; }
body.login .login-container {
font-size: 16px;
max-width: 500px;
background-color: white;
border-radius: 5px;
padding: 20px;
border-color: #dadce3; }
body.login .login-container h2 {
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
font-size: 20px;
margin-bottom: 15px; }
body.login .login-container .form-container {
padding: 15px; }
body.login .login-container .form-floating:last-child {
margin-bottom: 20px; }
body.login .login-container .btn-register {
color: white;
background-color: #ff9c00; }
body.login .login-container input[type="text"] {
margin-bottom: -1px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
body.login .login-container input[type="password"] {
margin-bottom: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0; }
body.login .login-container input[type="submit"] {
width: 100%;
display: block;
font-size: 18px;
border-radius: 5px; }
body.login .login-container .new, body.login .login-container .login {
background-color: #303755;
color: white;
padding: 15px;
margin-bottom: 20px; }
body.login .login-container .login {
color: black;
background: none;
margin-bottom: 0; }
body.login .login-container .info {
background-color: #eceef4;
border-radius: 5px;
padding: 15px;
font-size: 16px; }
body.login .login-container .info form {
text-align: center; }
body.login .login-container .info form input[type="submit"] {
width: auto;
display: inline-block;
padding: 8px 0;
color: white;
background-color: #ff9c00;
padding-left: 40px;
padding-right: 40px;
border-radius: 100px; }
body.register-response {
background-color: #eceef4; }
body.register-response .confirmation {
padding: 60px 0; }
body.register-response .confirmation .confirmation-content {
background-color: white;
border-radius: 5px;
padding: 20px; }
body.register-response .confirmation .confirmation-content .int {
padding: 15px;
background-color: #303755;
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
color: white;
font-size: 20px;
margin-bottom: 15px; }
body.register-response .confirmation .confirmation-content input[type="submit"] {
border-radius: 50px;
padding: 8px 0;
padding-left: 40px;
padding-right: 40px; }
body.register-response .response {
padding: 60px 0; }
body.register {
background-color: #eceef4;
display: flex;
align-items: center; }
body.register main {
margin: auto;
padding-top: 154px; }
body.register .int {
padding: 15px;
background-color: #303755;
font-family: acumin-pro-semi-condensed, sans-serif;
font-weight: 700;
color: white;
font-size: 20px;
margin-bottom: 15px; }
body.register .error-group .form-error .alert {
display: none; }
body.register .selectrequired {
border-color: red; }
body.register .register-container {
background-color: white;
max-width: 1320px;
width: auto;
padding: 30px; }
body.register .register-container .register-container-content .form-floating {
position: relative; }
body.register .register-container .register-container-content .form-floating input.error {
border-color: #e91e63; }
body.register .register-container .register-container-content .form-floating .error-group {
position: absolute;
right: 15px;
font-size: 14px;
top: 50%;
transform: translateY(-50%);
color: #e91e63; }
body.register .register-container .register-container-content input[type="submit"] {
border-radius: 50px;
padding: 8px 0;
padding-left: 40px;
padding-right: 40px; }
@media (min-width: 768px) {
.client_list .nav .nav-item .nav-link.active::after {
font-family: "Font Awesome 6 Pro";
content: "\f0da";
font-weight: 600; } }
@media (min-width: 992px) {
body main {
margin-top: 154px; }
.navbar-main .nav-item {
border: none; }
.navbar-main .nav-item:last-child {
padding-top: inherit; }
.navbar-main .btn-mk-purchase {
margin-left: 8px; }
.client_list .author-container {
display: flex;
justify-content: flex-start;
align-items: center;
padding-left: 30px; }
.client_list .author-info {
margin-left: 30px; }
.client_list .author-info .author {
font-weight: bold; }
.navbar-main .employee-platform-menu {
margin-top: auto; }
.subheader .toggle-courselist input {
width: auto; }
.subheader .breadcrumb {
margin-bottom: 0; } }
@media (min-width: 1200px) {
body.register .register-container {
max-width: 1320px;
width: auto; } }
@media (min-width: 1400px) {
body.register .register-container {
max-width: 1320px;
width: 1320px; } }
/*# sourceMappingURL=base.css.map */