@charset "UTF-8";
 :root {
--mpcs-primary-color: var(--bb-primary-color, #385dff);
--mpcs-primary-color-rgb: var(--bb-primary-color-rgb, 56, 93, 255);
--mpcs-body-background-color: var(--bb-body-background-color, #fafbfd);
--mpcs-body-background-color-rgb: var(--bb-body-background-color-rgb, 250, 251, 253);
--mpcs-content-background-color: var(--bb-content-background-color, #fff);
--mpcs-content-alternate-background-color: var(--bb-content-alternate-background-color, #f2f4f5);
--mpcs-content-border-color: var(--bb-content-border-color, #d6d9dd);
--mpcs-content-border-color-rgb: var(--bb-content-border-color-rgb, 214, 217, 221);
--mpcs-cover-image-background-color: var(--bb-cover-image-background-color, #647385);
--mpcs-headings-color: var(--bb-headings-color, #1e2132);
--mpcs-headings-color-rgb: var(--bb-headings-color-rgb, 30, 33, 50);
--mpcs-body-text-color: var(--bb-body-text-color, #5a5a5a);
--mpcs-body-text-color-rgb: var(--bb-body-text-color-rgb, 90, 90, 90);
--mpcs-alternate-text-color: var(--bb-alternate-text-color, #9b9c9f);
--mpcs-alternate-text-color-rgb: var(--bb-alternate-text-color-rgb, 155, 156, 159);
--mpcs-primary-button-background-regular: var(--bb-primary-button-background-regular, #385dff);
--mpcs-primary-button-background-hover: var(--bb-primary-button-background-hover, #1e42dd);
--mpcs-primary-button-border-regular: var(--bb-primary-button-border-regular, #385dff);
--mpcs-primary-button-border-hover: var(--bb-primary-button-border-hover, #1e42dd);
--mpcs-primary-button-text-regular: var(--bb-primary-button-text-regular, #fff);
--mpcs-primary-button-text-regular-rgb: var(--bb-primary-button-text-regular-rgb, 255, 255, 255);
--mpcs-primary-button-text-hover: var(--bb-primary-button-text-hover, #fff);
--mpcs-primary-button-text-hover-rgb: var(--bb-primary-button-text-hover-rgb, 255, 255, 255);
--mpcs-secondary-button-background-regular: var(--bb-secondary-button-background-regular, #f2f4f5);
--mpcs-secondary-button-background-hover: var(--bb-secondary-button-background-hover, #385dff);
--mpcs-secondary-button-border-regular: var(--bb-secondary-button-border-regular, #f2f4f5);
--mpcs-secondary-button-border-hover: var(--bb-secondary-button-border-hover, #385dff);
--mpcs-secondary-button-text-regular: var(--bb-secondary-button-text-regular, #1e2132);
--mpcs-secondary-button-text-hover: var(--bb-secondary-button-text-hover, #fff);
--mpcs-header-background: var(--bb-header-background, #fff);
--mpcs-header-alternate-background: var(--bb-header-alternate-background, #f2f4f5);
--mpcs-header-links: var(--bb-header-links, #1e2132);
--mpcs-header-links-hover: var(--bb-header-links-hover, #385dff);
--mpcs-header-mobile-logo-size: var(--bb-header-mobile-logo-size, 193px);
--mpcs-header-height: var(--bb-header-height, 76px);
--mpcs-sidenav-background: var(--bb-sidenav-background, #fff);
--mpcs-sidenav-text-regular: var(--bb-sidenav-text-regular, #1e2132);
--mpcs-sidenav-text-hover: var(--bb-sidenav-text-hover, #1e2132);
--mpcs-sidenav-text-active: var(--bb-sidenav-text-active, #fff);
--mpcs-sidenav-menu-background-color-regular: var(--bb-sidenav-menu-background-color-regular, #fff);
--mpcs-sidenav-menu-background-color-hover: var(--bb-sidenav-menu-background-color-hover, #f2f4f5);
--mpcs-sidenav-menu-background-color-active: var(--bb-sidenav-menu-background-color-active, #385dff);
--mpcs-sidenav-count-text-color-regular: var(--bb-sidenav-count-text-color-regular, #1e2132);
--mpcs-sidenav-count-text-color-hover: var(--bb-sidenav-count-text-color-hover, #fff);
--mpcs-sidenav-count-text-color-active: var(--bb-sidenav-count-text-color-active, #385dff);
--mpcs-sidenav-count-background-color-regular: var(--bb-sidenav-count-background-color-regular, #f2f4f5);
--mpcs-sidenav-count-background-color-hover: var(--bb-sidenav-count-background-color-hover, #385dff);
--mpcs-sidenav-count-background-color-active: var(--bb-sidenav-count-background-color-active, #fff);
--mpcs-footer-background: var(--bb-footer-background, #fafbfd);
--mpcs-footer-widget-background: var(--bb-footer-widget-background, #fafbfd);
--mpcs-footer-text-color: var(--bb-footer-text-color, #5a5a5a);
--mpcs-footer-menu-link-color-regular: var(--bb-footer-menu-link-color-regular, #5a5a5a);
--mpcs-footer-menu-link-color-hover: var(--bb-footer-menu-link-color-hover, #385dff);
--mpcs-footer-menu-link-color-active: var(--bb-footer-menu-link-color-active, #1e2132);
--mpcs-admin-screen-bgr-color: var(--bb-admin-screen-bgr-color, #fff);
--mpcs-admin-screen-txt-color: var(--bb-admin-screen-txt-color, #1e2132);
--mpcs-login-register-link-color-regular: var(--bb-login-register-link-color-regular, #5a5a5a);
--mpcs-login-register-link-color-hover: var(--bb-login-register-link-color-hover, #1e42dd);
--mpcs-login-register-button-background-color-regular: var(--bb-login-register-button-background-color-regular, #385dff);
--mpcs-login-register-button-background-color-hover: var(--bb-login-register-button-background-color-hover, #1e42dd);
--mpcs-login-register-button-border-color-regular: var(--bb-login-register-button-border-color-regular, #385dff);
--mpcs-login-register-button-border-color-hover: var(--bb-login-register-button-border-color-hover, #1e42dd);
--mpcs-login-register-button-text-color-regular: var(--bb-login-register-button-text-color-regular, #fff);
--mpcs-login-register-button-text-color-hover: var(--bb-login-register-button-text-color-hover, #fff);
--mpcs-label-background-color: var(--bb-label-background-color, #d7dfff);
--mpcs-label-text-color: var(--bb-label-text-color, #385dff);
--mpcs-tooltip-background: var(--bb-tooltip-background, #1e2132);
--mpcs-tooltip-background-rgb: var(--bb-tooltip-background-rgb, 30, 33, 50);
--mpcs-tooltip-color: var(--bb-tooltip-color, #fff);
--mpcs-default-notice-color: var(--bb-default-notice-color, #385dff);
--mpcs-default-notice-color-rgb: var(--bb-default-notice-color-rgb, 56, 93, 255);
--mpcs-success-color: var(--bb-success-color, #14b550);
--mpcs-success-color-rgb: var(--bb-success-color-rgb, 20, 181, 80);
--mpcs-warning-color: var(--bb-warning-color, #ed9615);
--mpcs-warning-color-rgb: var(--bb-warning-color-rgb, 237, 150, 21);
--mpcs-danger-color: var(--bb-danger-color, #db222a);
--mpcs-danger-color-rgb: var(--bb-danger-color-rgb, 219, 34, 42);
--mpcs-login-custom-heading-color: var(--bb-login-custom-heading-color, #fff);
--mpcs-button-radius: var(--bb-button-radius, 6px);
--mpcs-block-radius: var(--bb-block-radius, 10px);
--mpcs-option-radius: var(--bb-option-radius, 5px);
--mpcs-block-radius-inner: var(--bb-block-radius-inner, 6px);
--mpcs-input-radius: var(--bb-input-radius, 6px);
--mpcs-label-type-radius: var(--bb-label-type-radius, 6px);
--mpcs-checkbox-radius: var(--bb-checkbox-radius, 5.4px);
--mpcs-primary-button-focus-shadow: var(--bb-primary-button-focus-shadow, 0 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(0, 0, 0, 0.08));
--mpcs-secondary-button-focus-shadow: var(--bb-secondary-button-focus-shadow, 0 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(0, 0, 0, 0.08));
--mpcs-outline-button-focus-shadow: var(--bb-outline-button-focus-shadow, 0 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 0 0 2px rgba(0, 0, 0, 0.08));
--mpcs-input-focus-shadow: var(--bb-input-focus-shadow, 0 0 0 2px rgba(var(--mpcs-primary-color-rgb), 0.1));
--mpcs-input-focus-border-color: var(--bb-input-focus-border-color, var(--mpcs-primary-color));
--mpcs-widget-title-text-transform: var(--bb-widget-title-text-transform, none);
}
.container {
margin-left: auto;
margin-right: auto;
padding-left: 0.4rem;
padding-right: 0.4rem;
width: 100%;
}
.container.grid-xl {
max-width: 1296px;
}
.container.grid-lg {
max-width: 976px;
}
.container.grid-md {
max-width: 856px;
}
.container.grid-sm {
max-width: 616px;
}
.container.grid-xs {
max-width: 496px;
}
.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
display: none !important;
}
.cols,
.columns {
display: flex;
flex-wrap: wrap;
margin-left: -0.4rem;
margin-right: -0.4rem;
}
.cols.col-gapless,
.columns.col-gapless {
margin-left: 0;
margin-right: 0;
}
.cols.col-gapless > .column,
.columns.col-gapless > .column {
padding-left: 0;
padding-right: 0;
}
.cols.col-oneline,
.columns.col-oneline {
flex-wrap: nowrap;
overflow-x: auto;
}
[class~="col-"],
.column {
flex: 1;
max-width: 100%;
padding-left: 0.4rem;
padding-right: 0.4rem;
box-sizing: border-box;
}
[class~="col-"].col-12, [class~="col-"].col-11, [class~="col-"].col-10, [class~="col-"].col-9, [class~="col-"].col-8, [class~="col-"].col-7, [class~="col-"].col-6, [class~="col-"].col-5, [class~="col-"].col-4, [class~="col-"].col-3, [class~="col-"].col-2, [class~="col-"].col-1, [class~="col-"].col-auto,
.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1,
.column.col-auto {
flex: none;
}
.col-12 {
width: 100%;
}
.col-11 {
width: 91.66666667%;
}
.col-10 {
width: 83.33333333%;
}
.col-9 {
width: 75%;
}
.col-8 {
width: 66.66666667%;
}
.col-7 {
width: 58.33333333%;
}
.col-6 {
width: 50%;
}
.col-5 {
width: 41.66666667%;
}
.col-4 {
width: 33.33333333%;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.66666667%;
}
.col-1 {
width: 8.33333333%;
}
.col-auto {
flex: 0 0 auto;
max-width: none;
width: auto;
}
.col-mx-auto {
margin-left: auto;
margin-right: auto;
}
.col-ml-auto {
margin-left: auto;
}
.col-mr-auto {
margin-right: auto;
}
@media (max-width: 1280px) {
.columns .col-xl-12,
.columns .col-xl-11,
.columns .col-xl-10,
.columns .col-xl-9,
.columns .col-xl-8,
.columns .col-xl-7,
.columns .col-xl-6,
.columns .col-xl-5,
.columns .col-xl-4,
.columns .col-xl-3,
.columns .col-xl-2,
.columns .col-xl-1,
.columns .col-xl-auto {
flex: none;
}
.columns .col-xl-12 {
width: 100%;
}
.columns .col-xl-11 {
width: 91.66666667%;
}
.columns .col-xl-10 {
width: 83.33333333%;
}
.columns .col-xl-9 {
width: 75%;
}
.columns .col-xl-8 {
width: 66.66666667%;
}
.columns .col-xl-7 {
width: 58.33333333%;
}
.columns .col-xl-6 {
width: 50%;
}
.columns .col-xl-5 {
width: 41.66666667%;
}
.columns .col-xl-4 {
width: 33.33333333%;
}
.columns .col-xl-3 {
width: 25%;
}
.columns .col-xl-2 {
width: 16.66666667%;
}
.columns .col-xl-1 {
width: 8.33333333%;
}
.columns .col-xl-auto {
width: auto;
}
.columns .hide-xl {
display: none !important;
}
.columns .show-xl {
display: block !important;
}
}
@media (max-width: 960px) {
.columns .col-lg-12,
.columns .col-lg-11,
.columns .col-lg-10,
.columns .col-lg-9,
.columns .col-lg-8,
.columns .col-lg-7,
.columns .col-lg-6,
.columns .col-lg-5,
.columns .col-lg-4,
.columns .col-lg-3,
.columns .col-lg-2,
.columns .col-lg-1,
.columns .col-lg-auto {
flex: none;
}
.columns .col-lg-12 {
width: 100%;
}
.columns .col-lg-11 {
width: 91.66666667%;
}
.columns .col-lg-10 {
width: 83.33333333%;
}
.columns .col-lg-9 {
width: 75%;
}
.columns .col-lg-8 {
width: 66.66666667%;
}
.columns .col-lg-7 {
width: 58.33333333%;
}
.columns .col-lg-6 {
width: 50%;
}
.columns .col-lg-5 {
width: 41.66666667%;
}
.columns .col-lg-4 {
width: 33.33333333%;
}
.columns .col-lg-3 {
width: 25%;
}
.columns .col-lg-2 {
width: 16.66666667%;
}
.columns .col-lg-1 {
width: 8.33333333%;
}
.columns .col-lg-auto {
width: auto;
}
.columns .hide-lg {
display: none !important;
}
.columns .show-lg {
display: block !important;
}
}
@media (max-width: 840px) {
.columns .col-md-12,
.columns .col-md-11,
.columns .col-md-10,
.columns .col-md-9,
.columns .col-md-8,
.columns .col-md-7,
.columns .col-md-6,
.columns .col-md-5,
.columns .col-md-4,
.columns .col-md-3,
.columns .col-md-2,
.columns .col-md-1,
.columns .col-md-auto {
flex: none;
}
.columns .col-md-12 {
width: 100%;
}
.columns .col-md-11 {
width: 91.66666667%;
}
.columns .col-md-10 {
width: 83.33333333%;
}
.columns .col-md-9 {
width: 75%;
}
.columns .col-md-8 {
width: 66.66666667%;
}
.columns .col-md-7 {
width: 58.33333333%;
}
.columns .col-md-6 {
width: 50%;
}
.columns .col-md-5 {
width: 41.66666667%;
}
.columns .col-md-4 {
width: 33.33333333%;
}
.columns .col-md-3 {
width: 25%;
}
.columns .col-md-2 {
width: 16.66666667%;
}
.columns .col-md-1 {
width: 8.33333333%;
}
.columns .col-md-auto {
width: auto;
}
.columns .hide-md {
display: none !important;
}
.columns .show-md {
display: block !important;
}
}
@media (max-width: 600px) {
.columns .col-sm-12,
.columns .col-sm-11,
.columns .col-sm-10,
.columns .col-sm-9,
.columns .col-sm-8,
.columns .col-sm-7,
.columns .col-sm-6,
.columns .col-sm-5,
.columns .col-sm-4,
.columns .col-sm-3,
.columns .col-sm-2,
.columns .col-sm-1,
.columns .col-sm-auto {
flex: none;
}
.columns .col-sm-12 {
width: 100%;
}
.columns .col-sm-11 {
width: 91.66666667%;
}
.columns .col-sm-10 {
width: 83.33333333%;
}
.columns .col-sm-9 {
width: 75%;
}
.columns .col-sm-8 {
width: 66.66666667%;
}
.columns .col-sm-7 {
width: 58.33333333%;
}
.columns .col-sm-6 {
width: 50%;
}
.columns .col-sm-5 {
width: 41.66666667%;
}
.columns .col-sm-4 {
width: 33.33333333%;
}
.columns .col-sm-3 {
width: 25%;
}
.columns .col-sm-2 {
width: 16.66666667%;
}
.columns .col-sm-1 {
width: 8.33333333%;
}
.columns .col-sm-auto {
width: auto;
}
.columns .hide-sm {
display: none !important;
}
.columns .show-sm {
display: block !important;
}
}
@media (max-width: 480px) {
.columns .col-xs-12,
.columns .col-xs-11,
.columns .col-xs-10,
.columns .col-xs-9,
.columns .col-xs-8,
.columns .col-xs-7,
.columns .col-xs-6,
.columns .col-xs-5,
.columns .col-xs-4,
.columns .col-xs-3,
.columns .col-xs-2,
.columns .col-xs-1,
.columns .col-xs-auto {
flex: none;
}
.columns .col-xs-12 {
width: 100%;
}
.columns .col-xs-11 {
width: 91.66666667%;
}
.columns .col-xs-10 {
width: 83.33333333%;
}
.columns .col-xs-9 {
width: 75%;
}
.columns .col-xs-8 {
width: 66.66666667%;
}
.columns .col-xs-7 {
width: 58.33333333%;
}
.columns .col-xs-6 {
width: 50%;
}
.columns .col-xs-5 {
width: 41.66666667%;
}
.columns .col-xs-4 {
width: 33.33333333%;
}
.columns .col-xs-3 {
width: 25%;
}
.columns .col-xs-2 {
width: 16.66666667%;
}
.columns .col-xs-1 {
width: 8.33333333%;
}
.columns .col-xs-auto {
width: auto;
}
.columns .hide-xs {
display: none !important;
}
.columns .show-xs {
display: block !important;
}
}
.mpcs-btn {
background-color: var(--mpcs-primary-color);
color: var(--mpcs-primary-button-text-regular);
border: 1px solid var(--mpcs-primary-button-border-regular);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
}
.mpcs-btn:hover {
background-color: var(--mpcs-primary-button-background-hover);
color: var(--mpcs-primary-button-text-hover);
border-color: var(--mpcs-primary-button-border-hover);
}
.mpcs-btn-secondary {
background-color: var(--mpcs-content-background-color);
color: var(--mpcs-headings-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
}
.mpcs-btn-secondary:hover {
color: var(--mpcs-headings-color);
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-main .mpcs-submission-display__warning {
background-color: var(--mpcs-content-background-color);
border-color: var(--mpcs-warning-color);
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-main .mpcs-submission-display__warning .mpcs-upload-info {
color: var(--mpcs-headings-color);
font-weight: 500;
margin: 0;
}
.mpcs-main .mpcs-submission-display__warning .mpcs-submission-message {
margin-bottom: 0.5rem;
font-weight: 400;
}
.mpcs-main .mpcs-submission-display__warning .mpcs-submission-message:empty {
display: none;
}
.mpcs-submission {
margin: 20px auto;
}
.mpcs-submission #mpcs-drag-drop-area {
background-color: var(--mpcs-content-alternate-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner) 0 0;
}
.mpcs-submission #mpcs-drag-drop-area .mpcs-drag-drop-buttons input[type="button"] {
color: var(--mpcs-content-background-color);
background-color: var(--mpcs-primary-color);
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-submission #mpcs-drag-drop-area .mpcs-drag-drop-buttons input[type="button"]:hover {
background-color: var(--mpcs-primary-color);
}
.mpcs-submission #mpcs-url-paste-area {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-top: 0;
border-radius: 0 0 var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner);
z-index: 99;
margin-bottom: 35px;
}
.mpcs-submission #mpcs-url-paste-area label {
font-size: 15px;
color: var(--mpcs-body-text-color);
}
.mpcs-submission #mpcs-url-paste-area input#mpcs-upload-url {
border-color: var(--mpcs-content-border-color);
}
.mpcs-submission .mpcs-submission-upload-preview {
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-submission .mpcs-submission-upload-preview .mpcs-submission-upload-preview-error,
.mpcs-submission .mpcs-submission-upload-preview .mpcs-submission-upload-preview-title {
margin-bottom: 0;
}
.mpcs-submission .mpcs-submission-upload-preview .mpcs-submission-upload-preview-title a {
color: var(--mpcs-headings-color);
margin-left: 5px;
}
.mpcs-submission .mpcs-submission-upload-preview #mpcs-submission-upload-delete {
color: var(--mpcs-primary-color);
}
.mpcs-submission .mpcs-submission-upload-info figure img {
border-radius: var(--mpcs-block-radius-inner);
max-width: 70px;
}
.mpcs-submission #plupload-upload-progress-bar {
background-color: var(--mpcs-success-color);
}
#mpcs-assignment-continue-bottom {
background-color: var(--mpcs-primary-color);
color: var(--mpcs-primary-button-text-regular);
border: 1px solid var(--mpcs-primary-button-border-regular);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
padding: 10px 15px;
}
#mpcs-assignment-continue-bottom:hover {
background-color: var(--mpcs-primary-button-background-hover);
color: var(--mpcs-primary-button-text-hover);
border-color: var(--mpcs-primary-button-border-hover);
}
#mpcs-assignment-submit-bottom {
background-color: var(--mpcs-content-background-color);
color: var(--mpcs-headings-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
font-size: 14px;
padding: 10px 15px;
text-decoration: none;
margin-bottom: 35px;
}
#mpcs-assignment-submit-bottom:hover {
color: var(--mpcs-headings-color);
background-color: var(--mpcs-content-alternate-background-color);
}
#mpcs-assignment-submit-bottom.disabled-link-css {
color: var(--mpcs-headings-color) !important;
background-color: var(--mpcs-content-border-color) !important;
opacity: 0.5;
} .mepr-account-container .mepr-account-welcome-message {
color: var(--mpcs-body-text-color);
background-color: rgba(var(--mpcs-success-color-rgb), 0.1);
border-color: var(--mpcs-success-color);
}
.mepr-account-container h1,
.mepr-account-container h2,
.mepr-account-container h3,
.mepr-account-container h4,
.mepr-account-container h5,
.mepr-account-container h6 {
color: var(--mpcs-headings-color);
font-weight: 500;
}
.mepr-account-container #mepr-account-content {
padding-top: 0;
}
.mepr-account-container #mepr-account-content #mepr-profile-details,
.mepr-account-container #mepr-account-content .mepr-account-message {
width: 100%;
}
.mepr-account-container .mepr-profile-wrapper__footer {
border-color: var(--mpcs-content-border-color);
}
.mepr-account-container .mepr-button.btn-outline {
background-color: var(--mpcs-primary-color);
color: var(--mpcs-primary-color);
}
.mepr-account-container .mepr-profile-wrapper > div {
border-color: var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius);
}
.mepr-account-container #mepr-account-nav {
background-color: var(--mpcs-content-background-color) !important;
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius);
}
.mepr-account-container #mepr-account-nav .mepr-nav-item:first-child a {
border-radius: var(--mpcs-block-radius) var(--mpcs-block-radius) 0 0;
}
.mepr-account-container #mepr-account-nav .mepr-nav-item a {
color: var(--mpcs-body-text-color);
}
.mepr-account-container #mepr-account-nav .mepr-nav-item a:before {
color: var(--mpcs-alternate-text-color);
}
.mepr-account-container #mepr-account-nav .mepr-nav-item:hover a,
.mepr-account-container #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a {
color: var(--mpcs-body-text-color);
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-classroom.buddyboss-theme #content .mepr-price-menu {
max-width: 400px !important;
}
.mpcs-classroom.buddyboss-theme #content .mepr-price-menu .mepr-price-box {
padding: 0;
}
body:has(.mepr-checkout-container), body:has(.mepr-account-container) {
height: auto;
}
@media (min-width: 1024px) {
.mepr-checkout-container.mp_wrapper {
min-height: auto;
}
}
.mepr-checkout-container.mp_wrapper .form-wrapper input[type="submit"] {
padding: 0.5rem 1rem;
height: auto;
}
#bb_meprlms_courses_search_form {
display: flex;
justify-content: flex-end;
margin-bottom: 1.3rem;
}
@media screen and (min-width: 768px) {
.bb-item-count + #bb_meprlms_courses_search_form {
margin-top: -50px;
}
}
.user-courses .bb-lms-pagination,
.groups.courses .bb-lms-pagination {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
list-style: none;
margin: 20px 0;
padding: 0;
}
@media (max-width: 840px) {
.mpcs-submission .mpcs-submission-upload-preview {
flex-flow: column;
}
.mpcs-submission .mpcs-submission-upload-preview .mpcs-submission-upload-info {
width: auto;
margin-bottom: 10px;
}
.mpcs-submission .mpcs-submission-upload-preview .plupload-upload-progress {
margin-left: 0;
}
}
@media (max-width: 600px) {
.mpcs-submission #mpcs-url-paste-area {
display: flex;
flex-flow: column;
}
} .mpcs-cards.columns {
row-gap: 20px;
}
.mpcs-cards.columns .card {
display: flex;
flex-direction: column;
height: 100%;
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
padding: 0 20px 20px;
}
.mpcs-cards.columns .card .card-image {
margin-left: -20px;
margin-right: -20px;
position: relative;
}
.mpcs-cards.columns .card .card-image .locked-course-overlay {
display: flex;
align-items: center;
justify-content: center;
height: 32px;
width: 32px;
background-color: rgba(0, 0, 0, 0.2);
border-radius: 50%;
position: absolute;
top: 10px;
right: 10px;
}
.mpcs-cards.columns .card .card-image .locked-course-overlay i:before {
font-family: bb-icons;
content: "\eecc";
font-size: 20px;
font-weight: 400;
color: var(--mpcs-content-background-color);
}
.mpcs-cards.columns .card .card-image img {
height: 180px;
max-width: 100%;
object-fit: cover;
border-radius: var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner) 0 0;
min-width: 100%;
}
.mpcs-cards.columns .card .card-header {
padding-top: 20px;
}
.mpcs-cards.columns .card .card-title h2 {
font-size: 16px;
font-weight: 500;
margin: 0 0 8px;
}
.mpcs-cards.columns .card .card-title a {
color: var(--mpcs-headings-color);
text-decoration: none;
}
.mpcs-cards.columns .card .card-title a:hover {
color: var(--mpcs-primary-color);
}
.mpcs-cards.columns .card .card-categories {
display: flex;
flex-wrap: wrap;
column-gap: 8px;
margin-bottom: 8px;
}
.mpcs-cards.columns .card .card-categories .card-category-name {
color: var(--mpcs-alternate-text-color);
font-size: 14px;
line-height: 1.5;
font-weight: 500;
}
.mpcs-cards.columns .card .card-categories .card-category-name:first-child:last-child .card-category__separator,
.mpcs-cards.columns .card .card-categories .card-category-name:last-child .card-category__separator {
display: none;
}
.mpcs-cards.columns .card .card-body {
flex: 1 1 auto;
margin-bottom: 15px;
}
.mpcs-cards.columns .card .card-body p {
color: var(--mpcs-body-text-color);
font-size: 14px;
line-height: 1.5;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-height: 65px;
margin-top: 0;
}
.mpcs-cards.columns .card .course-author {
display: flex;
align-items: center;
}
.mpcs-cards.columns .card .course-author a {
display: flex;
align-items: center;
color: var(--mpcs-headings-color);
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.mpcs-cards.columns .card .course-author a:hover {
color: var(--mpcs-primary-color);
}
.mpcs-cards.columns .card .course-author img {
width: 32px;
height: 32px;
object-fit: cover;
margin-right: 10px;
border-radius: 50%;
}
.mpcs-cards.columns .card .card-footer {
display: flex;
flex-direction: column;
}
.mpcs-cards.columns .card .card-footer [class*="mpcs-btn"] {
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
margin-top: 20px;
text-decoration: none;
}
.mpcs-cards.columns .card .card-footer [class*="mpcs-btn"] i {
font-size: 20px;
margin-right: 5px;
}
.mpcs-progress-wrap {
width: 100%;
}
.mpcs-progress-data {
display: flex;
justify-content: space-between;
margin-bottom: 8px;
line-height: 1.5;
}
.mpcs-progress-data .mpcs-progress-lessons {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 600;
}
.mpcs-progress-data .mpcs-progress-per {
color: var(--mpcs-alternate-text-color);
font-size: 14px;
font-weight: 400;
}
.mpcs-progress-data .mpcs-progress-per strong {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 600;
}
.mpcs-progress-wrap .mpcs-progress-bar {
background-color: var(--mpcs-content-alternate-background-color);
border-radius: 20px;
height: 5px;
width: 100%;
}
.mpcs-progress-bar-inner {
background-color: var(--mpcs-primary-color);
height: 100%;
border-radius: 20px;
} .post-type-archive-mpcs-course .mpcs-course-filter {
justify-content: space-between;
}
.post-type-archive-mpcs-course .mpcs-course-filter .column {
flex: none;
}
.post-type-archive-mpcs-course .mpcs-course-filter .input-group {
display: flex;
align-items: center;
flex-flow: row-reverse;
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-input-radius);
padding: 0 10px;
}
.post-type-archive-mpcs-course .mpcs-course-filter .input-group input[type="text"].form-input {
display: block;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
height: 35px;
color: var(--mpcs-body-text-color) !important;
background-color: transparent;
border-color: transparent !important;
border: 0;
outline: 0;
box-shadow: none;
padding: 0;
}
.post-type-archive-mpcs-course .mpcs-course-filter .input-group button.btn {
color: var(--mpcs-secondary-button-text-regular) !important;
background-color: transparent;
border-color: transparent !important;
padding: 0;
margin-right: 5px;
}
.post-type-archive-mpcs-course .mpcs-course-filter .input-group i[class*="bb-icon"] {
font-size: 20px;
color: var(--mpcs-body-text-color) !important;
border-color: transparent !important;
opacity: 0.4;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown {
position: relative;
display: inline-block;
box-shadow: none;
overflow: visible;
width: auto;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown + .dropdown {
margin-left: 10px;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown a.dropdown-toggle {
display: inline-block;
font-size: 14px;
line-height: 1.5;
color: var(--mpcs-headings-color) !important;
border: 1px solid var(--mpcs-content-border-color) !important;
border-radius: var(--mpcs-block-radius-inner);
padding: 7px 10px;
text-decoration: none;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown a.dropdown-toggle i,
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown a.dropdown-toggle span {
color: var(--mpcs-headings-color) !important;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown .menu {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
display: none;
position: absolute;
top: 100%;
left: 0;
list-style: none;
margin: 0;
padding: 0;
min-width: 200px;
max-height: 220px;
overflow: auto;
transform: translateY(0.35rem);
z-index: 300;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown .menu input {
font-size: 14px;
border: 0;
height: 35px;
width: auto;
padding: 0 10px;
box-shadow: none;
outline: 0;
background-color: transparent;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown .menu li {
border-bottom: 1px solid var(--mpcs-content-border-color);
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown .menu li:last-child {
border-bottom: 0;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown .menu li a {
color: var(--mpcs-body-text-color) !important;
font-size: 14px;
padding: 8px 10px;
display: block;
text-decoration: none;
}
.post-type-archive-mpcs-course .mpcs-course-filter .dropdown.active .menu {
display: block;
}
.post-type-archive-mpcs-course .mpcs-course-filter .archives-authors-section ul {
margin: 0;
}
@media (max-width: 600px) {
.post-type-archive-mpcs-course .mpcs-course-filter .input-group {
margin-top: 15px;
}
.post-type-archive-mpcs-course .mpcs-course-filter .input-group input[type="text"].form-input {
width: 100%;
}
} .bb-lms-pagination {
margin-top: 25px;
}
body[class*="mpcs-course"] .pagination {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
list-style: none;
margin: 20px 0;
padding: 0;
}
body[class*="mpcs-course"] .pagination li {
display: inline-block;
margin: 0 5px;
}
body[class*="mpcs-course"] .pagination li.active a {
background-color: var(--mpcs-primary-color);
color: var(--mpcs-content-background-color) !important;
}
body[class*="mpcs-course"] .pagination li a {
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 1;
color: var(--mpcs-body-text-color) !important;
padding: 7px 11px;
text-align: center;
border: 0;
border-radius: var(--mpcs-block-radius-inner);
text-decoration: none;
}
body[class*="mpcs-course"] .pagination li a i:before {
color: var(--mpcs-body-text-color) !important;
margin: 0;
}
body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-right), body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-left) {
border: 1px solid var(--mpcs-content-border-color) !important;
background-color: var(--mpcs-content-background-color);
padding: 7px;
}
body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-right):hover, body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-left):hover {
background-color: var(--mpcs-primary-color);
border-color: transparent !important;
}
body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-right):hover i:before, body[class*="mpcs-course"] .pagination li a:has(.mpcs-angle-left):hover i:before {
color: var(--mpcs-content-background-color) !important;
}
.mpcs-classroom.buddyboss-theme:not(.post-type-archive-mpcs-course) .site-content .container {
max-width: initial;
padding: 0;
}
.mpcs-classroom.buddyboss-theme:not(.post-type-archive-mpcs-course) .bb-footer {
display: none;
}
.mpcs-classroom.buddyboss-theme .entry.entry-content {
padding: 0;
max-width: initial;
}
.mpcs-classroom.buddyboss-theme .columns {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.mpcs-classroom.buddyboss-theme.bb-buddypanel .site-content {
padding-left: 0;
padding-right: 0;
}
.mpcs-classroom.buddyboss-theme #mpcs-sidebar {
padding: 0;
width: 370px;
}
.mpcs-classroom.buddyboss-theme #mpcs-sidebar .mpcs-sidebar-wrapper {
background-color: var(--mpcs-body-background-color);
position: fixed;
width: 370px;
height: calc(100vh - var(--mpcs-header-height));
overflow: auto;
z-index: 111;
transition: left 0.2s ease, right 0.2s ease;
padding: 35px 30px;
box-shadow: inset -36px 0 40px -32px rgba(0, 0, 0, 0.05);
}
.mpcs-classroom.buddyboss-theme #mpcs-sidebar .mpcs-sidebar-wrapper .mpcs-section.mpcs-section-lessons {
margin-left: -30px;
margin-right: -30px;
}
.mpcs-classroom.buddyboss-theme.admin-bar #mpcs-sidebar .mpcs-sidebar-wrapper {
height: calc(100vh - var(--mpcs-header-height) - 32px);
}
.mpcs-classroom.buddyboss-theme .mpcs-inner-page-main,
.mpcs-classroom.buddyboss-theme .mpcs-main {
flex: 1;
width: calc(100% - 380px);
margin: 0 auto;
padding: 35px 35px 0;
}
.mpcs-classroom.buddyboss-theme .mpcs-inner-page-main > *,
.mpcs-classroom.buddyboss-theme .mpcs-main > * {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-menu,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-grades,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-resources {
margin: 0 -30px;
}
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-menu a,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-grades a,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-resources a {
padding: 6px 30px;
text-decoration: none;
}
@media screen and (max-width: 840px) {
.mpcs-classroom.buddyboss-theme #mpcs-sidebar {
max-width: initial;
width: 100%;
}
.mpcs-classroom.buddyboss-theme #mpcs-sidebar .mpcs-sidebar-wrapper {
position: static;
height: auto;
width: auto;
padding: 30px 20px 0;
}
.mpcs-classroom.buddyboss-theme.admin-bar #mpcs-sidebar .mpcs-sidebar-wrapper {
height: auto;
}
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-menu,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-grades,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-resources {
margin: 0;
}
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-menu a,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-grades a,
.mpcs-classroom.buddyboss-theme .mpcs-sidebar-wrapper .mpcs-sidebar-resources a {
padding: 6px 10px;
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-classroom.buddyboss-theme .mpcs-inner-page-main,
.mpcs-classroom.buddyboss-theme .mpcs-main {
flex: auto;
padding-top: 25px;
width: 100%;
}
}
.mpcs-classroom .columns {
margin-top: 35px;
}
.mpcs-classroom .entry.entry-content {
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.mpcs-classroom .mpcs-sidebar-wrapper h1 {
color: var(--mpcs-headings-color);
font-size: 26px;
margin-bottom: 0.8em;
}
.mpcs-classroom .mpcs-sidebar-wrapper h1 a {
color: var(--mpcs-headings-color);
text-decoration: none;
}
.mpcs-classroom .mpcs-sidebar-wrapper .figure img {
border-radius: var(--mpcs-block-radius-inner);
margin-bottom: 1em;
width: 100%;
}
.mpcs-classroom .mpcs-sidebar-wrapper .course-progress {
background-color: transparent;
}
.mpcs-classroom .mpcs-sidebar-wrapper .progress-bar {
background-color: var(--mpcs-content-alternate-background-color);
border-radius: 20px;
height: 5px;
width: 100%;
}
.mpcs-classroom .mpcs-sidebar-wrapper .progress-bar .user-progress {
background-color: var(--mpcs-primary-color);
border-radius: 20px;
}
.mpcs-classroom .mpcs-sidebar-wrapper .progress-text {
color: var(--mpcs-alternate-text-color);
font-size: 14px;
font-weight: 400;
text-transform: lowercase;
margin-bottom: 1em;
}
.mpcs-classroom .mpcs-sidebar-wrapper .progress-text span {
color: var(--mpcs-body-text-color);
font-weight: 600;
}
.mpcs-classroom .mpcs-sidebar-wrapper a.tile {
text-decoration: none;
}
.mpcs-classroom .mpcs-sidebar-wrapper a.tile:hover, .mpcs-classroom .mpcs-sidebar-wrapper a.tile.is-active {
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-classroom .tile {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 8px;
border-radius: var(--mpcs-block-radius-inner);
text-decoration: none;
}
.mpcs-classroom .tile .tile-icon {
color: var(--mpcs-alternate-text-color);
font-size: 16px;
}
.mpcs-classroom .tile .tile-title {
color: var(--mpcs-headings-color);
font-size: 15px;
margin: 0;
}
.mpcs-classroom .tile .mpcs-share {
color: var(--mpcs-alternate-text-color);
font-size: 14px;
}
.mpcs-classroom .mpcs-main h2 {
color: var(--mpcs-headings-color);
font-size: 24px;
font-weight: 500;
margin-bottom: 1rem;
margin-top: 0;
}
.mpcs-classroom .mpcs-main p {
color: var(--mpcs-body-text-color);
font-size: 14px;
line-height: 1.5;
margin-bottom: 1rem;
}
.mpcs-classroom #bookmark {
margin-bottom: 25px;
}
.mpcs-main .mpcs-section {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-main .mpcs-section .mpcs-section-header-static {
margin: 10px 15px;
}
.mpcs-main .mpcs-section .mpcs-section-header-static .mpcs-section-title {
padding-bottom: 0;
}
.mpcs-main .mpcs-section .mpcs-section-header-static .mpcs-section-title-text {
color: var(--mpcs-body-text-color);
font-size: 15px;
font-weight: 600;
}
.mpcs-main .mpcs-section .mpcs-section-header-static + .mpcs-lessons {
padding: 0;
}
.mpcs-main .mpcs-section .mpcs-section-header-static + .mpcs-lessons .mp-table {
margin-bottom: 0;
}
.mpcs-main .mpcs-section .mpcs-section-header {
background-color: var(--mpcs-content-alternate-background-color);
border-radius: var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner) 0 0;
}
.mpcs-main .mpcs-section .mpcs-section-header .mpcs-section-title-text {
color: var(--mpcs-headings-color);
font-size: 1.1em;
font-weight: 500;
}
.mpcs-main .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-row-link {
padding: 8px 12px;
border-radius: var(--mpcs-block-radius-inner);
text-decoration: none;
}
.mpcs-main .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-row-link .mpcs-lesson-link {
padding: 0;
}
.mpcs-main .mpcs-section .mpcs-lessons .mpcs-lesson .mpcs-lesson-row-link:hover {
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-main .comments-area {
margin-top: 25px;
}
.mpcs-main .comments-area .comments-title {
color: var(--mpcs-headings-color);
font-size: 20px;
font-weight: 500;
}
table.mp-table {
border: 0;
}
table.mp-table thead {
background-color: var(--mpcs-body-background-color);
}
table.mp-table thead tr th {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 400;
padding: 8px 15px;
border-top: 1px solid var(--mpcs-content-border-color) !important;
border-bottom: 1px solid var(--mpcs-content-border-color);
border-right: 0;
text-transform: capitalize;
}
table.mp-table tbody tr td {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 400;
padding: 10px 15px;
border: 0;
}
table.mp-table tbody tr td .mpcs-lesson-row-link {
padding: 0 !important;
background-color: transparent !important;
}
table.mp-table tbody tr td .mpcs-lesson-row-link .mpcs-lesson-button i {
color: var(--mpcs-alternate-text-color);
}
table.mp-table tbody tr td .mpcs-lesson-row-link:hover .mpcs-lesson-button i {
color: var(--mpcs-primary-color);
}
table.mp-table tbody tr:not(:last-child) td {
border-bottom: 1px solid var(--mpcs-content-border-color);
}
.mpcs-section.mpcs-section-lessons {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-bottom-width: 0;
border-radius: 0;
margin-top: 0;
}
.mpcs-section.mpcs-section-lessons.first_section {
border-radius: var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner) 0 0;
}
.mpcs-section.mpcs-section-lessons.first_section.last_section {
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-section.mpcs-section-lessons.last_section {
border-bottom-width: 1px;
border-radius: 0 0 var(--mpcs-block-radius-inner) var(--mpcs-block-radius-inner);
margin-bottom: 25px;
}
.mpcs-section.mpcs-section-lessons .mpcs-section-header {
background-color: transparent;
padding: 0;
}
.mpcs-section.mpcs-section-lessons .mpcs-section-header.active .mpcs-section-title {
border-bottom: 1px solid var(--mpcs-content-border-color);
}
.mpcs-section.mpcs-section-lessons .mpcs-section-header.active .mpcs-section-title .mpcs-section-title-text:before {
content: "\e826";
}
.mpcs-section.mpcs-section-lessons .mpcs-section-title {
padding: 12px 16px;
margin-bottom: 0;
cursor: pointer;
}
.mpcs-section.mpcs-section-lessons .mpcs-section-title .mpcs-section-title-text {
display: flex;
align-items: center;
color: var(--mpcs-headings-color);
font-size: 16px;
font-weight: 500;
}
.mpcs-section.mpcs-section-lessons .mpcs-section-title .mpcs-section-title-text:before {
content: "\e87c";
color: var(--mpcs-alternate-text-color);
font-size: 24px;
font-family: bb-icons;
margin: 0 8px 0 0;
width: auto;
}
.mpcs-section .mpcs-lessons {
padding: 8px 0;
}
.mpcs-section .mpcs-lessons:has(.mp-table) {
overflow: auto;
}
.mpcs-section .mpcs-lessons:has(.mp-table) .mp-table {
min-width: 600px;
}
.mpcs-section .mpcs-lessons .mpcs-lesson {
padding: 0 8px;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.current {
background-color: transparent;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.current a {
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked {
position: relative;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked .mpcs-lesson-link {
color: var(--mpcs-alternate-text-color);
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked i.mpcs-circle-regular {
color: var(--mpcs-alternate-text-color);
opacity: 0.6;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked .mpcs-lesson-locked-tooltip {
visibility: hidden;
opacity: 0;
position: absolute;
left: 8px;
bottom: calc(100% + 10px);
max-width: 260px;
padding: 12px 15px;
background-color: var(--mpcs-content-alternate-background-color);
color: var(--mpcs-body-text-color);
border-radius: var(--mpcs-block-radius);
font-size: 13px;
line-height: 1.5;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked .mpcs-lesson-locked-tooltip:after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border-width: 10px;
border-style: solid;
border-color: var(--mpcs-content-alternate-background-color) transparent transparent transparent;
}
.mpcs-section .mpcs-lessons .mpcs-lesson.locked:hover .mpcs-lesson-locked-tooltip {
visibility: visible;
opacity: 1;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link {
padding: 8px 12px;
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link:hover {
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-assignment-icon:before,
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-lesson-icon:before,
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-quiz-icon:before {
font-family: bb-icons;
font-size: 19px;
margin: 0 5px 0 2px;
color: var(--mpcs-headings-color);
opacity: 0.7;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-lesson-icon:before {
content: "\ee7a";
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-assignment-icon:before {
content: "\ee74";
}
.mpcs-section .mpcs-lessons .mpcs-lesson-row-link .mpcs-quiz-icon:before {
content: "\eeff";
font-size: 18px;
font-weight: 100;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span {
color: var(--mpcs-primary-button-text-regular);
background-color: var(--mpcs-primary-button-background-regular);
border: 1px solid var(--mpcs-primary-button-border-regular);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
font-weight: 400;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span:hover {
color: var(--mpcs-primary-button-text-hover);
background-color: var(--mpcs-primary-button-background-hover);
border-color: var(--mpcs-primary-button-border-hover);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span.is-outline, .mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span.mpcs-btn-secondary {
color: var(--mpcs-secondary-button-text-regular);
background-color: var(--mpcs-secondary-button-background-regular);
border-color: var(--mpcs-secondary-button-border-regular);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span.is-outline:hover, .mpcs-section .mpcs-lessons .mpcs-lesson-button .mpcs-button > span.mpcs-btn-secondary:hover {
color: var(--mpcs-secondary-button-text-hover);
background-color: var(--mpcs-secondary-button-background-hover);
border-color: var(--mpcs-secondary-button-border-hover);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-progress {
color: var(--mpcs-success-color);
padding-right: 0;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-progress i {
margin: 0 8px 0 0;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-progress i:before {
margin: 0;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-progress i.mpcs-ok-circled:before {
content: "\e876";
font-weight: 200;
font-family: bb-icons;
color: var(--mpcs-success-color);
}
.mpcs-section .mpcs-lessons .mpcs-lesson-link {
color: var(--mpcs-headings-color);
font-size: 14px;
line-height: 1;
font-weight: 400;
padding: 0;
display: flex;
align-items: center;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-link.mpcs-lesson {
display: flex;
align-items: center;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-link.mpcs-lesson:before {
content: "\ee7a";
font-family: bb-icons;
font-size: 18px;
margin: 0 5px 0 2px;
color: var(--mpcs-headings-color);
opacity: 0.7;
}
.mpcs-section .mpcs-lessons .mpcs-lesson-list-quiz-score {
color: var(--mpcs-body-text-color);
font-size: 0.9em;
font-style: normal;
margin-left: 5px;
}
#custom.mpcs-resource-section {
margin-top: 25px;
}
.course-curriculum:has(a) {
color: var(--mpcs-headings-color);
background-color: var(--mpcs-content-background-color) !important;
padding: 0;
border-radius: 25px;
border: 1px solid var(--mpcs-content-border-color);
}
.course-curriculum:has(a) > a {
background-color: var(--mpcs-primary-color);
padding: 5px 15px;
border-radius: 25px;
color: #fff !important;
margin-right: 10px;
display: inline-block;
text-decoration: none;
}
.course-curriculum:has(a) > a i:before {
margin-right: 0;
}
@media screen and (max-width: 840px) {
.course-curriculum:has(a) {
display: inline-block;
}
.course-curriculum:has(a) > a {
margin-right: 0;
}
} .vex.vex-theme-plain .vex-content {
background-color: var(--mpcs-content-background-color);
color: var(--mpcs-body-text-color);
border-radius: var(--mpcs-block-radius-inner);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.vex.vex-theme-plain .vex-content .vex-close {
top: 5px;
right: 5px;
}
.vex.vex-theme-plain .vex-content .vex-close:before {
color: var(--mpcs-headings-color);
opacity: 0.6;
}
.vex.vex-theme-plain .vex-content .vex-close:hover:before {
background-color: transparent;
color: var(--mpcs-headings-color);
}
.vex.vex-theme-plain .vex-dialog-message h4 {
font-weight: 500;
}
@media screen and (max-width: 840px) {
.single-mpcs-course .mpcs-main {
padding-top: 25px;
}
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons {
border-left: 0;
border-right: 0;
width: auto;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-lessons {
padding: 8px 0;
display: block;
overflow: visible;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-lessons .mpcs-lesson.locked .mpcs-lesson-locked-tooltip {
left: 18px;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-lessons .mpcs-lesson-row-link {
padding: 10px 25px;
text-decoration: none;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons.first_section {
margin-top: 25px;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons.first_section, #mpcs-sidebar .mpcs-section.mpcs-section-lessons.last_section {
border-radius: 0;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-lesson {
line-height: 1.2;
padding: 0;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-section-title {
padding: 12px 25px;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-section-title-text {
line-height: 1.2;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-lesson-link {
padding-right: 5px;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-section-header {
border-bottom: 0;
padding: 0;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons .mpcs-section-header:after {
display: none;
}
.mpcs-inner-page-main > .mpcs-lesson-locked {
border: 1px solid var(--mpcs-warning-color);
background-color: rgba(var(--mpcs-warning-color-rgb, 237, 150, 21), 0.2);
padding: 20px;
border-radius: var(--mpcs-block-radius);
margin: 35px auto;
}
.mpcs-inner-page-main > .mpcs-lesson-locked .mpcs-lesson-locked-buttons {
display: flex;
}
.mpcs-inner-page-main > .mpcs-lesson-locked .btn.is-purple {
background-color: var(--mpcs-primary-color);
color: var(--mpcs-primary-button-text-regular);
border: 1px solid var(--mpcs-primary-button-border-regular);
border-radius: var(--mpcs-block-radius-inner);
padding: 5px 15px;
font-size: 14px;
padding: 10px 15px;
text-decoration: none;
}
.mpcs-inner-page-main > .mpcs-lesson-locked .btn.is-purple:hover {
background-color: var(--mpcs-primary-button-background-hover);
color: var(--mpcs-primary-button-text-hover);
border-color: var(--mpcs-primary-button-border-hover);
}
.columns .mpcs-inner-page-main.column {
padding-left: 15px;
padding-right: 15px;
}
.mpcs-classroom.buddyboss-theme .mpcs-inner-page-main {
flex: 1;
width: calc(100% - 380px);
margin: 0 auto;
padding: 35px 35px 0;
}
.mpcs-inner-page-main .mpcs-breadcrumbs {
color: var(--mpcs-headings-color);
font-size: 0.75em;
margin-bottom: 15px;
}
.mpcs-inner-page-main .mpcs-breadcrumbs a {
color: var(--mpcs-headings-color);
text-decoration: none;
}
.mpcs-inner-page-main .entry-title {
color: var(--mpcs-headings-color);
font-size: 2rem;
line-height: 1.2;
margin-bottom: 20px;
font-weight: 600;
}
.mpcs-inner-page-main h1.entry-title {
margin-top: 0;
margin-bottom: 0.4em;
}
.mpcs-inner-page-main h2,
.mpcs-inner-page-main h3,
.mpcs-inner-page-main h4,
.mpcs-inner-page-main h5,
.mpcs-inner-page-main h6 {
color: var(--mpcs-headings-color);
margin-bottom: 0.6em;
}
.mpcs-inner-page-main h2 {
font-size: 24px;
font-weight: 500;
}
.mpcs-inner-page-main h3 {
font-size: 21px;
font-weight: 500;
}
.mpcs-inner-page-main h4 {
font-size: 18px;
font-weight: 500;
}
.mpcs-inner-page-main h5 {
font-size: 14px;
font-weight: 500;
}
.mpcs-inner-page-main h6 {
font-size: 12px;
font-weight: 500;
}
.mpcs-inner-page-main p {
color: var(--mpcs-body-text-color);
font-size: 14px;
line-height: 1.5;
margin-bottom: 1.6em;
}
.mpcs-inner-page-main div#mpcs-lesson-navigation {
margin: 35px 0;
}
.mpcs-inner-page-main .wp-block-image,
.mpcs-inner-page-main .wp-block-embed {
margin: 0 auto 30px;
}
.mpcs-inner-page-main .wp-block-embed iframe {
border-radius: var(--mpcs-block-radius-inner);
}
.mpcs-inner-page-main #mpcs-navbar,
.mpcs-inner-page-main #mpcs-navbar button#mpcs-classroom-previous-lesson-link,
.mpcs-inner-page-main #mpcs-navbar button#mpcs-classroom-previous-lesson-link:hover,
.mpcs-classroom .mpcs-inner-page-main div#mpcs-lesson-navigation button#previous_lesson_link,
.mpcs-classroom .mpcs-inner-page-main div#mpcs-lesson-navigation button#previous_lesson_link:hover,
.mpcs-inner-page-main .course-progress .user-progress,
.mpcs-inner-page-main .btn-green,
.mpcs-inner-page-main #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link),
.mpcs-inner-page-main #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link):hover,
.mpcs-inner-page-main #mpcs-navbar button:not(#mpcs-classroom-previous-lesson-link):focus,
.mpcs-classroom .mpcs-inner-page-main div#mpcs-lesson-navigation button:not(#previous_lesson_link),
.mpcs-classroom .mpcs-inner-page-main div#mpcs-lesson-navigation button:not(#previous_lesson_link):focus,
.mpcs-classroom .mpcs-inner-page-main div#mpcs-lesson-navigation button:not(#previous_lesson_link):hover,
.mpcs-classroom .mpcs-inner-page-main #mpcs-quiz-navigation button:hover {
background-color: var(--mpcs-primary-color);
}
.mpcs-inner-page-main #mpcs-quiz-navigation button,
.mpcs-inner-page-main div#mpcs-lesson-navigation button {
color: var(--mpcs-primary-button-text-regular);
font-size: 15px;
font-weight: 500;
background-color: var(--mpcs-primary-color);
border-radius: var(--mpcs-button-radius);
padding: 10px 20px;
border: 0;
line-height: 1.3;
cursor: pointer;
} .mpcs-main .mpcs-instructor.tile {
background-color: var(--mpcs-content-background-color);
padding: 25px 20px;
border-radius: var(--mpcs-block-radius);
display: flex;
flex-flow: column;
max-width: 440px;
border: 1px solid var(--mpcs-content-border-color);
margin: auto;
gap: 0;
}
.mpcs-main .mpcs-instructor.tile .tile-icon {
text-align: center;
}
.mpcs-main .mpcs-instructor.tile .tile-icon img {
max-width: 90px;
height: auto;
border-radius: 50%;
}
.mpcs-main .mpcs-instructor.tile .tile-socials {
display: flex;
align-items: center;
justify-content: center;
list-style: none;
margin: 10px 0;
padding: 0;
gap: 8px;
}
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-youtube,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-instagram-1,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-twitter-squared,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-facebook-squared {
font-size: 22px;
color: var(--mpcs-body-text-color);
}
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-youtube:before,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-instagram-1:before,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-twitter-squared:before,
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-facebook-squared:before {
font-weight: 100;
font-family: bb-icons;
content: "\e807";
margin: 0;
}
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-twitter-squared:before {
content: "\ea12";
}
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-instagram-1:before {
content: "\eddc";
}
.mpcs-main .mpcs-instructor.tile .tile-socials .mpcs-youtube:before {
content: "\edfc";
}
.mpcs-main .mpcs-instructor.tile .tile-content .tile-subtitle {
font-size: 15px;
color: var(--mpcs-body-text-color);
line-height: 1.5;
text-align: center;
margin-bottom: 15px;
}
.mpcs-main .mpcs-instructor.tile .tile-content .tile-title {
font-size: 22px;
font-weight: 500;
line-height: 1.5;
text-align: center;
margin-top: 10px;
}
.mpcs-main .mpcs-instructor.tile .tile-description {
text-align: center;
}
.mpcs-main .mpcs-instructor.tile .tile-meta {
text-align: center;
}
.mpcs-main .mpcs-instructor.tile .tile-meta a {
text-decoration: none;
}
.mpcs-main .mpcs-instructor.tile .tile-meta p {
margin-bottom: 0;
}
.mpcs-main .mpcs-instructor.tile .tile-meta .mpcs-btn {
margin: 15px auto 5px;
display: table;
}
@media screen and (max-width: 840px) {
.mpcs-classroom.buddyboss-theme .mpcs-inner-page-main {
flex: auto;
padding-top: 25px;
width: 100%;
}
.mpcs-classroom.buddyboss-theme #mpcs-sidebar .mpcs-sidebar-wrapper .mpcs-section.mpcs-section-lessons {
margin-left: -10px;
margin-right: -10px;
}
#mpcs-sidebar .mpcs-section.mpcs-section-lessons {
margin-left: -10px;
margin-right: -10px;
}
}
@media screen and (max-width: 840px) {
.mpcs-instructor {
flex-flow: column;
}
.mpcs-instructor .tile-icon {
margin-bottom: 15px;
}
.mpcs-instructor .tile-content {
padding-left: 0;
}
}
.mpcs-quiz-question {
padding: 0 30px;
}
.buddyboss-theme .mpcs-quiz-question {
padding: 0;
}
.mpcs-quiz-question .mpcs-quiz-question-input {
max-width: 800px;
}
.mpcs-quiz-question .mpcs-quiz-question-label > label {
color: var(--mpcs-headings-color);
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
width: calc(50% - 20px);
padding: 12px 10px;
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option:has(input:checked),
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option:has(input:checked) {
border-color: var(--mpcs-primary-color);
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option label,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option label {
margin-bottom: 0;
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option input,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option input {
visibility: hidden;
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option input + label i.mpcs-radio-unchecked,
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option input + label i.mpcs-checkbox-unchecked,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option input + label i.mpcs-radio-unchecked,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option input + label i.mpcs-checkbox-unchecked {
color: var(--mpcs-content-border-color);
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option input:checked + label i.mpcs-radio-checked,
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option input:checked + label i.mpcs-checkbox-checked,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option input:checked + label i.mpcs-radio-checked,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option input:checked + label i.mpcs-checkbox-checked {
color: var(--mpcs-primary-color);
}
.mpcs-quiz-question.mpcs-quiz-question-true-false .mpcs-quiz-question-options .mpcs-quiz-question-option .mpcs-quiz-question-option-label,
.mpcs-quiz-question.mpcs-quiz-question-multiple-choice .mpcs-quiz-question-options .mpcs-quiz-question-option .mpcs-quiz-question-option-label {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
padding-left: 8px;
}
.mpcs-quiz-question.mpcs-quiz-question-fill-blank .mpcs-fill-blank-field {
border-bottom: 2px dashed var(--mpcs-content-border-color);
padding-bottom: 5px;
}
.mpcs-quiz-question.mpcs-quiz-question-fill-blank .mpcs-fill-blank-field > input[type="text"] {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
color: var(--mpcs-body-text-color);
border-radius: var(--mpcs-input-radius);
height: 35px;
line-height: 1;
padding: 0 8px;
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-options {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option {
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
width: calc(50% - 20px);
padding: 12px 10px;
gap: 0;
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option label {
margin-bottom: 0;
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option:has(input:checked) {
border-color: var(--mpcs-primary-color);
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option input {
visibility: hidden;
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option input + label i {
color: var(--mpcs-content-border-color);
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option input + label i.mpcs-checkbox-unchecked {
color: var(--mpcs-content-border-color);
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option input + label i.mpcs-checkbox-checked {
color: var(--mpcs-primary-color);
}
.mpcs-quiz-question.mpcs-quiz-question-multiple-answer .mpcs-quiz-question-option-label {
color: var(--mpcs-body-text-color);
font-size: 14px;
font-weight: 500;
margin-bottom: 0;
padding-left: 8px;
}
.mpcs-quiz-question.mpcs-quiz-question-essay textarea,
.mpcs-quiz-question.mpcs-quiz-question-short-answer input[type="text"] {
color: var(--mpcs-body-text-color);
background-color: var(--mpcs-content-background-color);
border-color: var(--mpcs-content-border-color);
border-radius: var(--mpcs-input-radius);
font-size: 15px;
height: 41px;
font-family: inherit;
}
.mpcs-quiz-question.mpcs-quiz-question-essay .mpcs-quiz-character-counter {
color: var(--mpcs-body-text-color);
font-size: 16px;
line-height: 1;
margin-top: 5px;
}
.mpcs-quiz-question.mpcs-quiz-question-essay textarea {
height: 150px;
resize: vertical;
}
.mpcs-quiz-question.mpcs-quiz-question-sort-values .mpcs-quiz-question-sort-options .mpcs-quiz-question-sort-list-item-a,
.mpcs-quiz-question.mpcs-quiz-question-sort-values .mpcs-quiz-question-sort-options .mpcs-quiz-question-sort-list-item {
color: var(--mpcs-body-text-color);
background-color: var(--mpcs-content-background-color);
border-color: var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
position: relative;
}
.mpcs-quiz-question.mpcs-quiz-question-sort-values .mpcs-quiz-question-sort-options .mpcs-quiz-question-sort-list-item-a:before,
.mpcs-quiz-question.mpcs-quiz-question-sort-values .mpcs-quiz-question-sort-options .mpcs-quiz-question-sort-list-item:before {
content: "\edb1";
font-family: bb-icons;
font-size: 18px;
color: var(--mpcs-body-text-color);
cursor: move;
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%);
}
.mpcs-quiz-question.mpcs-quiz-question-match-matrix .mpcs-quiz-question-matrix-item > div {
padding: 4px 8px;
}
.mpcs-quiz-question.mpcs-quiz-question-match-matrix .mpcs-quiz-question-match-matrix-option-value > label {
color: var(--mpcs-headings-color);
font-size: 17px;
}
.mpcs-quiz-question.mpcs-quiz-question-match-matrix .mpcs-quiz-question-match-matrix-option-answer select {
-webkit-appearance: auto;
-moz-appearance: auto;
appearance: auto;
font-size: 15px;
background-image: none;
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
height: 41px;
border-radius: var(--mpcs-input-radius);
padding: 0 12px;
color: var(--mpcs-body-text-color);
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-option {
flex-basis: auto;
max-width: 150px;
padding: 0;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options {
display: inline-flex;
background-color: var(--mpcs-content-background-color);
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-input-radius);
padding: 15px 15px 40px;
position: relative;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options label:not(.mpcs-quiz-question-option-label) {
display: none;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options input {
visibility: hidden;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options .mpcs-quiz-question-option-label {
color: var(--mpcs-body-text-color);
font-size: 14px;
padding: 6px 5px;
min-width: 30px;
line-height: 1;
margin: 0;
border: 1px solid var(--mpcs-content-border-color);
border-radius: var(--mpcs-block-radius-inner);
justify-content: center;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options input:checked ~ .mpcs-quiz-question-option-label {
font-weight: 600;
background-color: var(--mpcs-content-alternate-background-color);
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options .mpcs-likert-scale-high-label,
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options .mpcs-likert-scale-low-label {
color: var(--mpcs-body-text-color);
font-size: 14px;
position: absolute;
left: 15px;
bottom: 6px;
max-width: 45%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-options .mpcs-likert-scale-high-label {
left: initial;
right: 15px;
}
.mpcs-quiz-question.mpcs-quiz-question-short-answer .mpcs-quiz-question-input,
.mpcs-quiz-question.mpcs-quiz-question-essay .mpcs-quiz-question-input,
.mpcs-quiz-question.mpcs-quiz-question-fill-blank .mpcs-quiz-question-input,
.mpcs-quiz-question.mpcs-quiz-question-sort-values .mpcs-quiz-question-input,
.mpcs-quiz-question.mpcs-quiz-question-likert-scale .mpcs-quiz-question-input {
margin-left: 0;
}
.mpcs-quiz-question .mpcs-quiz-question-error {
margin: 10px 0;
padding: 0;
}
.mpcs-quiz-question .mpcs-quiz-question-error-inner {
color: var(--mpcs-danger-color);
font-size: 15px;
font-weight: 500;
border: 0;
background-color: transparent;
padding: 0;
}
.mpcs-classroom .mpcs-main .mpcs-quiz-submission-dark-inner {
background-color: transparent;
}
.mpcs-classroom .mpcs-main .mpcs-retake-container a {
color: var(--mpcs-primary-color);
}
.mpcs-classroom .mpcs-main .mpcs-retake-container .mpcs-retake-limit {
color: var(--mpcs-body-text-color);
}
.mpcs-classroom .mpcs-main .mpcs-quiz-correct-answer,
.mpcs-classroom .mpcs-main .mpcs-quiz-question-correct .mpcs-quiz-question-label > label {
color: var(--mpcs-success-color);
}
.mpcs-classroom .mpcs-main .mpcs-quiz-incorrect-answer,
.mpcs-classroom .mpcs-main .mpcs-quiz-question-incorrect .mpcs-quiz-question-label > label {
color: var(--mpcs-danger-color);
}
.mpcs-classroom .mpcs-main .mpcs-quiz-question-matrix-item.mpcs-quiz-question-matrix-item-correct {
background-color: transparent;
}
.mpcs-classroom .mpcs-main .mpcs-quiz-question-matrix-item.mpcs-quiz-question-matrix-item-correct i.mpcs-incorrect-answer,
.mpcs-classroom .mpcs-main .mpcs-quiz-question-matrix-item.mpcs-quiz-question-matrix-item-correct i.mpcs-correct-answer {
font-size: 24px;
}
.mpcs-classroom .mpcs-main .mpcs-quiz-question-label > label > .mpcs-quiz-correct-answer,
.mpcs-classroom .mpcs-main .mpcs-quiz-question-label > label > .mpcs-quiz-incorrect-answer {
font-size: 28px;
top: 0;
left: -33px;
}
.mpcs-classroom .mpcs-main .mpcs-quiz-correct-answer,
.mpcs-classroom .mpcs-main .mpcs-quiz-incorrect-answer {
font-size: 24px;
}
.mpcs-classroom .mpcs-main .mpcs-correct-answer:before {
content: "\e876";
font-family: bb-icons;
font-weight: 400;
}
.mpcs-classroom .mpcs-main .mpcs-incorrect-answer:before {
content: "\e828";
font-family: bb-icons;
font-weight: 400;
}
.mpcs-classroom .mpcs-main .mpcs-quiz-question-correct-answer-box {
background-color: rgba(var(--mpcs-success-color-rgb, 20, 181, 80), 0.5);
border-radius: var(--mpcs-block-radius-inner);
padding: 10px 15px 15px;
max-width: 780px;
}
.mpcs-classroom .mpcs-main #mpcs-quiz-navigation {
margin-bottom: 30px;
}
.mpcs-classroom .mpcs-main #mpcs-quiz-navigation button,
.mpcs-classroom .mpcs-main #mpcs-quiz-navigation button:focus,
.mpcs-classroom .mpcs-main #mpcs-quiz-navigation button:hover {
background-color: var(--mpcs-primary-color);
}