.mp-hide-pw {
position: relative;
}
.button.mp-hide-pw {
position: absolute;
right: 0;
top: 0;
display: flex;
width: auto;
height: 100%;
align-items: center;
background: 0 0;
color: #85929E;
text-decoration: none;
padding: 1em 1.4em;
border: none !important;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button.mp-hide-pw:hover {
background: 0 0;
color: #5D6D7E;
text-decoration: none;
padding: 1em 1.4em;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button.mp-hide-pw:active {
background: 0 0;
color: #5D6D7E;
text-decoration: none;
padding: 1em 1.4em;
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.button.mp-hide-pw .dashicons {
width: 1.25rem;
height: 1.25rem;
position: relative;
}
.button.mp-hide-pw:focus-visible .dashicons {
color: #06429e;
outline: 2px solid #bcbcbc;
}
.mp_login_form input[type=submit] {
padding: 0.8em 1.1em;
background: #949494;
border: 1px solid #949494;
border-radius: 8px;
color: #fff;
cursor: pointer;
font-size: 1rem;
}
.mp_login_form input[type=submit]:hover,
.mp_login_form input[type=submit]:active,
.mp_login_form input[type=submit]:focus-visible {
background: #06429e;
border-color: #06429e;
}
.mp_login_form input[type=submit]:focus-visible {
outline: dashed #06429e;
}html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}
.screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
[x-cloak] {
display: none !important;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
caption-side: bottom;
border-collapse: collapse;
}
table th,
table td {
padding: 0.75rem;
vertical-align: top;
text-align: left;
} a {
color: #06429E;
text-decoration: none;
}
a:visited {
color: #06429E;
}
a:hover, a:focus, a:active {
color: #191970;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
} button,
.mepr-button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #fff;
background: #06429E;
color: #fff;
display: inline-block;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
button:hover,
.mepr-button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
.mepr-button:active,
.mepr-button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
button.btn-link,
.mepr-button.btn-link,
input[type=button].btn-link,
input[type=reset].btn-link,
input[type=submit].btn-link {
font-weight: 400;
color: #007bff;
background-color: transparent;
border: 0;
}
.dropdown {
position: absolute;
z-index: 1;
transform: translate3d(0px, 38px, 0px);
top: 0px;
left: 0px;
will-change: transform;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.dropdown a {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
text-decoration: none;
}
.mepr-button.btn-outline {
background: transparent;
color: #06429E;
border-color: #06429E;
}
.mepr-form .mp-address-group {
position: relative;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mepr-form .mp-address-group .mp-form-row {
margin: 0;
}
.mepr-form .mp-address-group .mepr-form-input,
.mepr-form .mp-address-group input[type=text] {
margin: 0;
box-shadow: none;
border-radius: 0;
height: calc(1.7em + 0.75rem + 2px);
}
.mepr-form .mp-address-group > .mp-form-row + .mp-form-row .mepr-form-input {
margin-top: -1px;
}
.mepr-form .mp-address-group .mp-form-row:first-child .mepr-form-input {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.mepr-form .mp-address-group .mp-form-row:last-child .mepr-form-input {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.mepr-form #mp-address-group-label {
display: none;
}
.mepr-form input[type=text],
.mepr-form input[type=email],
.mepr-form input[type=url],
.mepr-form input[type=password],
.mepr-form input[type=search],
.mepr-form input[type=number],
.mepr-form input[type=tel],
.mepr-form input[type=range],
.mepr-form input[type=date],
.mepr-form input[type=month],
.mepr-form input[type=week],
.mepr-form input[type=time],
.mepr-form input[type=datetime],
.mepr-form input[type=datetime-local],
.mepr-form input[type=color],
.mepr-form textarea {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px); font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mepr-form input[type=text].invalid::placeholder,
.mepr-form input[type=email].invalid::placeholder,
.mepr-form input[type=url].invalid::placeholder,
.mepr-form input[type=password].invalid::placeholder,
.mepr-form input[type=search].invalid::placeholder,
.mepr-form input[type=number].invalid::placeholder,
.mepr-form input[type=tel].invalid::placeholder,
.mepr-form label.invalid,
.mepr-form label.invalid a {
color: #2b3239;
}
.mepr-form input[type=text]:focus,
.mepr-form input[type=email]:focus,
.mepr-form input[type=url]:focus,
.mepr-form input[type=password]:focus,
.mepr-form input[type=search]:focus,
.mepr-form input[type=number]:focus,
.mepr-form input[type=tel]:focus,
.mepr-form input[type=range]:focus,
.mepr-form input[type=date]:focus,
.mepr-form input[type=month]:focus,
.mepr-form input[type=week]:focus,
.mepr-form input[type=time]:focus,
.mepr-form input[type=datetime]:focus,
.mepr-form input[type=datetime-local]:focus,
.mepr-form input[type=color]:focus,
.mepr-form textarea:focus {
color: #111;
}
.mepr-form select {
border: 1px solid #ccc;
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mepr-form select[multiple] {
padding-right: 0.75rem;
background-image: none;
}
.mepr-form textarea {
width: 100%;
padding: 0.375rem 0.75rem;
line-height: 1.5;
resize: vertical;
min-height: 90px;
}
.mepr-form .iti {
width: 100%;
}  .site-header {
display: flex;
position: relative;
z-index: 999;
background-color: #06429E;
justify-content: space-between;
align-items: center;
padding: 0.5rem 1rem;
}
.site-header .site-branding__logo {
display: block;
width: auto;
max-height: 100px;
height: 40px;
}
.mepr-guest-layout .site-branding img.site-logo {
max-height: 100px;
width: 100%;
}
.mepr-guest-layout main{
padding-bottom: 6em;
}
.site-header .profile-menu__dropdown {
transform: translate3d(0px, 58px, 0px) !important;
right: 0;
left: auto;
}
.site-header .profile-menu__button-group {
position: relative;
}
.site-header .profile-menu__button {
background: transparent;
display: none;
padding: 0.5rem;
border: 0;
cursor: pointer;
}
.site-header .profile-menu__button:hover {
background: rgba(0, 0, 0, 0.4);
}
.site-header .profile-menu__avatar {
width: 2.5rem;
height: 2.5rem;
border-radius: 9999px;
margin-right: 0.75rem;
}
.site-header .profile-menu__text {
color: #fff;
display: block;
text-align: left;
margin-right: 1rem;
}
.site-header .profile-menu__text--small {
display: block;
font-size: 12px;
color: rgba(255, 255, 255, 0.7);
margin-top: 0px;
}
.site-header .profile-menu__arrow_down {
width: 1.5rem;
height: 1.5rem;
color: #fff;
}
.site-header .profile-menu__hamburger {
color: #fff;
width: 1.5rem;
height: 1.5rem;
}
.site-header .dropdown__item,
.site-header .dropdown a {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
text-decoration: none;
}
.site-header .dropdown__item:hover,
.site-header .dropdown__item:focus,
.site-header .dropdown a:hover,
.site-header .dropdown a:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
@media (max-width: 839px) {
.site-header .profile-menu__button.--is-mobile {
display: block;
}
}
@media (min-width: 840px) {
.site-header .profile-menu__button.--is-tablet {
display: flex;
align-items: center;
}
}
.guest-layout .site-header {
display: flex;
justify-content: center;
justify-items: center;
padding: 3rem 0;
}
.mepr_pro_error,
.mepr-unauthorized-message {
display: flex;
align-items: center;
margin-top: 2rem;
}
.mepr_pro_error > * + *,
.mepr-unauthorized-message > * + * {
margin-left: 1rem;
}
.mepr_pro_error .mepr_pro_error_content {
flex: 1;
}
.mepr_pro_error ul,
.mepr-unauthorized-message ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
}
.mepr_pro_error p,
.mepr-unauthorized-message p {
margin: 0;
}
.mepr_pro_error svg,
.mepr-unauthorized-message svg {
color: #eb5757;
width: 3rem;
height: 3rem;
}
.mepr-guest-layout .mepr_pro_error {
display: none;
}
.mepr-guest-layout .mepro-login-contents .mepr_pro_error {
display: flex;
}
.mp-form-row.mepr_forgot_password_input label {
display: block !important;
margin-bottom: 7px;
}
.table-responsive{
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.flex-centered{
justify-content: center;
align-items: center; display: flex;
}  .rtl .mp_wrapper form {
text-align: right;
}
.rtl #mepr-template-login .mepro-form button.mp-hide-pw {
right: auto;
left: 0;
}
.rtl #mepr-template-login .mepro-form .mepr_remember_me > * + * {
margin-right: 0.5rem;
margin-left: 0;
} .rtl #mepr-account-nav .mepr-nav-item a {
justify-content: right;
}
.rtl #mepr-account-nav .mepr-nav-item a::before {
margin-right: 0;
margin-left: 10px;
}
.rtl .site-header .profile-menu__dropdown {
right: auto;
left: 0;
text-align: right;
}
.rtl .site-header .profile-menu__text {
text-align: right;
}
.rtl .button.mp-hide-pw {
right: auto;
left: 0;
}
@media (min-width: 840px) {
.rtl #mepr-account-content {
padding-right: 0;
padding-left: 2em;
}
}
@media (min-width: 1024px) {
.rtl .mepr-checkout-container .form-wrapper {
padding-right: 3rem;
padding-left: 0;
border-right: 1px solid #ccc;
border-left: none;
}
.rtl .mepr-checkout-container .invoice-wrapper {
padding-left: 3rem !important;
padding-right: 0;
}
}html,
body {
height: 100%;
}
.mepr-signup-form.alignwide {
margin-left: auto !important;
margin-right: auto !important;
}
.mepr-signup-form,
.mepr-before-signup-form,
.mepr-pro-template #primary {
max-width: 1000px;
margin: 0 auto;
}
.mepr-before-signup-form {
padding: 3em auto;
}
@media screen and (max-width: 1023px) {
.mepr-pro-template #primary > * {
padding-left: 3rem;
padding-right: 3rem;
}
.mepr-pro-template #primary > #mepr_signup_form,
.mepr-pro-template #primary > .mepr-signup-form {
padding-left: 0;
padding-right: 0;
}
}
.mepr-checkout-container {
display: flex;
flex-direction: column-reverse;
height: 100%;
max-width: 70rem;
margin: 0 auto;
}
.mepr-rl-footer-widgets {
padding-right: 3rem;
padding-left: 3rem;
}
@media (min-width: 1024px) {
.mepr-checkout-container {
flex-direction: row-reverse;
min-height: 100vh;
}
.mepr-checkout-container.mepr-is-footer-widget {
min-height: 0;
}
.mepr-checkout-container .invoice-wrapper {
width: 50%;
padding-right: 3rem;
padding-top: 3rem;
padding-left: 0 !important;
border-bottom: 0 !important;
}
.mepr-checkout-container .form-wrapper {
padding-right: 0;
border-left: 1px solid #ccc;
}
.mepr-rl-footer-widgets {
padding: 3rem 0 0;
}
}
@media (max-width: 1024px) {
.mepr-checkout-container.thankyou {
flex-direction: column;
}
}
.mepr-checkout-container img.thankyou-image {
margin: 0 auto;
display: block;
}
.mepr-checkout-container .invoice-wrapper {
flex-shrink: 0;
flex-grow: 1;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
padding-top: 3em;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.mepr-checkout-container .invoice-wrapper .invoice-heading {
font-size: 1rem;
color: rgba(0, 0, 0, 0.56);
margin-top: 0;
margin-bottom: 0.4rem;
font-weight: 500;
}
.mepr-checkout-container .invoice-wrapper .invoice-amount {
font-size: 2rem;
font-weight: normal;
margin-top: 0;
line-height: 1;
}
.mepr-checkout-container .invoice-wrapper .mepr-coupon-code {
padding: 0.375rem 0.75rem;
font-size: 1rem;
height: calc(1.5em + 0.75rem + 2px);
width: 50%;
}
.mepr-checkout-container .invoice-wrapper .mepr_price {
margin-bottom: 2.2rem;
}
.mepr-checkout-container .invoice-wrapper.thankyou {
text-align: center;
border-top: 2px solid rgba(0, 0, 0, 0.1);
border-bottom: 0;
}
.mepr-checkout-container .invoice-wrapper svg {
color: #06429e;
width: 4rem;
height: auto;
}
.mepr-checkout-container .invoice-wrapper p {
color: rgba(0, 0, 0, 0.56);
margin: 0;
}
.mepr-checkout-container .invoice-wrapper .mepr-order-no {
margin: 1rem 0;
}
.mepr-checkout-container .invoice-wrapper.thankyou .mepr-button {
display: inline-flex;
align-items: center;
margin-bottom: 1em;
padding-top: 0.5625rem;
padding-bottom: 0.5625rem;
color: #fff;
}
.mepr-checkout-container .invoice-wrapper .mepr-button svg {
width: 1.4rem;
color: #fff;
margin-right: 5px;
}
.mepr-checkout-container .invoice-wrapper .mp_price_str {
display: none;
}
.mepr-checkout-container .invoice-wrapper table {
table-layout: auto !important;
border: 0;
color: rgba(0, 0, 0, 0.56);
text-align: left;
}
.mepr-checkout-container .invoice-wrapper table tr td {
vertical-align: middle;
line-height: 1.2;
}
.mepr-checkout-container .invoice-wrapper table tr td:first-child {
width: 60px;
}
.mepr-checkout-container .invoice-wrapper table tr td p {
margin: 0;
color: rgba(0, 0, 0, 0.56);
}
.mepr-checkout-container .invoice-wrapper table tr th {
font-weight: normal;
text-transform: capitalize;
}
.mepr-checkout-container .invoice-wrapper table th,
.mepr-checkout-container .invoice-wrapper table td {
border: 0;
color: rgba(0, 0, 0, 0.56);
}
.mepr-checkout-container .invoice-wrapper table .desc {
font-size: 14px;
}
.mepr-checkout-container .invoice-wrapper table .bt {
border-top: 1px solid rgba(0, 0, 0, 0.56);
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.2);
}
.mepr-checkout-container .invoice-wrapper table .bb {
border-bottom: 1px solid rgba(0, 0, 0, 0.56);
border-width: 1px !important;
border-color: rgba(0, 0, 0, 0.2);
}
.mepr-checkout-container .invoice-wrapper table .total_cell {
color: #1d1d1d;
}
.mepr-checkout-container .form-wrapper {
position: relative;
width: 100%;
padding-bottom: 4rem;
}
.mepr-checkout-container .form-wrapper input[type="submit"] {
background: #1d1d1d;
width: 100%;
color: #fff;
border: 0;
padding: 1rem;
cursor: pointer;
border-radius: 6px;
}
.mepr-checkout-container .invoice-wrapper ul.mp-cart-body {
margin: 0;
padding: 0;
list-style: none;
}
.mepr-checkout-container .invoice-wrapper .mp-cart-item {
display: flex;
margin-bottom: 20px;
color: rgba(0, 0, 0, 0.56);
}
.mepr-checkout-container .invoice-wrapper .mp-cart-item-details {
margin-right: auto;
text-align: left;
}
.mepr-checkout-container .invoice-wrapper .mp-cart-item-image {
margin-right: 20px;
}
.mepr-checkout-container .invoice-wrapper .mp-cart-footer > div {
display: flex;
justify-content: space-between;
}
.mepr-checkout-container .invoice-wrapper .mp-cart-footer {
border-top: 1px solid rgba(0, 0, 0, 0.2);
margin-top: 10px;
padding-top: 10px;
margin-left: 60px;
margin-bottom: 24px;
color: rgba(0, 0, 0, 0.56);
}
.mepr-checkout-container .invoice-wrapper .mp-cart-coupon {
display: flex;
justify-content: space-between;
color: rgba(0, 0, 0, 0.56);
}
.mepr-checkout-container .invoice-wrapper .mp-cart-coupon-desc {
margin-left: 60px;
}
.mepr-checkout-container .invoice-wrapper .mp-cart-item-details .desc {
font-size: 14px;
}
.mepr-checkout-container .invoice-wrapper .mp-currency-cell {
margin-left: 10px;
}
.form-wrapper {
padding-top: 3rem;
padding-left: 3rem;
padding-right: 3rem;
}
.form-wrapper > * + * {
margin-top: 1rem;
}
.form-wrapper .mp-form-row input[type="text"],
.form-wrapper .mp-form-row input[type="email"],
.form-wrapper .mp-form-row input[type="url"],
.form-wrapper .mp-form-row input[type="tel"] {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px); font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: 0.25rem;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-wrapper textarea {
border-radius: 0.25rem;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mp-form-row.mp-address-group {
box-shadow: none;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-wrapper .mp-form-row select {
display: block;
width: 100%;
padding: 0.375rem 2.25rem 0.375rem 0.75rem;
padding-right: 2.25rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0.75rem center;
background-size: 16px 12px;
border: 1px solid #ced4da;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-wrapper .mp-form-row select[multiple],
.form-wrapper .mp-form-row select[size]:not([size="1"]) {
padding-right: 0.75rem;
background-image: none;
}
.form-wrapper .mp-form-row input[type="text"]:focus-visible,
.form-wrapper .mp-form-row input[type="email"]:focus-visible,
.form-wrapper .mp-form-row input[type="url"]:focus-visible,
.form-wrapper .mp-form-row input[type="tel"]:focus-visible,
.form-wrapper .mp-form-row select:focus-visible {
border: 2px solid #bcbcbc;
}
.form-wrapper .mp-form-row-group {
position: relative;
display: flex;
align-items: stretch;
width: 100%;
}
.form-wrapper .mp-form-row-group > .mepr-form-input + .mepr-form-input {
margin-left: -1px;
}
.form-wrapper .mp-form-row-group .mepr-form-input {
position: relative;
flex: 1 1 auto;
width: 1%;
}
.form-wrapper .mp-form-row-group .mepr-form-input:focus {
z-index: 3;
}
.form-wrapper .mp-form-row-group .mepr-form-input:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.form-wrapper .mp-form-row-group .mepr-form-input:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.form-wrapper .mp-address-group {
margin-top: 15px;
margin-bottom: 2rem;
}
.form-wrapper .mp-address-group .mepr-form-input,
.form-wrapper .mp-address-group input[type="text"] {
height: calc(1.7em + 0.75rem + 2px);
margin: 0;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.08), 0px 1px 1px rgba(0, 0, 0, 0.04);
border-radius: 0;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-wrapper .mp-address-group > .mp-form-row + .mp-form-row .mepr-form-input {
margin-top: -1px;
}
.form-wrapper .mp-address-group .mp-form-row {
margin: 0 0 15px;
}
.form-wrapper .mp-address-group .mp-form-row:first-child .mepr-form-input {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.form-wrapper .mp-address-group .mp-form-row:last-child .mepr-form-input {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.form-wrapper .mepr-payment-option-label {
display: flex;
align-items: center;
}
.form-wrapper .mepr-payment-option-label svg {
width: 4rem;
height: auto;
margin-left: auto;
}
.form-wrapper .mepr-payment-option-label input[type="radio"] {
position: fixed;
opacity: 0;
}
fieldset.mepr-order-bumps {
padding: 0;
margin-top: 1.3rem;
border: none;
}
.mepr-order-bumps legend {
font-weight: 700;
margin: 21px 0;
}
.mepr-payment-methods-radios {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
margin-bottom: 2em;
}
.mepr-payment-methods-radios label {
padding: 1rem;
padding-right: 60px;
border: 1px solid #ccc;
border-radius: 6px;
cursor: pointer;
margin: 0 !important;
}
.mepr-payment-methods-radios label.checked {
border: 2px solid #06429e;
}
.mepr_error ul {
text-align: center;
}
.mepr-payment-option-label {
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 4rem;
background-size: 50px;
line-height: normal;
}
.mepr_pro_error,
.mepr-unauthorized-message {
display: flex;
align-items: center;
}
.mepr_pro_error > * + *,
.mepr-unauthorized-message > * + * {
margin-left: 1rem;
}
.mepr-account-container .mepr_pro_error ul,
.mepr_pro_error ul,
.mepr-unauthorized-message ul {
list-style-type: none;
padding: 0;
margin-bottom: 0;
margin-left: 1rem;
}
.mepr_pro_error p,
.mepr-unauthorized-message p {
margin: 0;
}
.mepr_pro_error svg,
.mepr-account-container .mepr_pro_error svg,
.mepr-unauthorized-message svg {
color: #eb5757;
width: 3rem;
height: 3rem;
}
.mepr-payment-option-label.payment-option-stripe {
background-image: url(//www.privacybeginner.com/wp-content/plugins/memberpress/images/checkout/stripe.svg);
}
.mepr-payment-option-label.payment-option-paypal,
.mepr-payment-option-label.payment-option-paypalcommerce {
background-image: url(//www.privacybeginner.com/wp-content/plugins/memberpress/images/checkout/paypal.svg);
}
.mepr-payment-option-label.payment-option-authorizeprofile,
.mepr-payment-option-label.payment-option-authorize {
background-image: url(//www.privacybeginner.com/wp-content/plugins/memberpress/images/checkout/authorize.svg);
}
.mepr-payment-option-label.payment-option-square {
background-image: url(//www.privacybeginner.com/wp-content/plugins/memberpress/images/checkout/square.png);
}
.mepr-pro-template .mepr-checkout-container .mepr-order-bump .mepr-custom-price{
display: inline;
}.mpcs-button { color: #363636;
font-size: 14px;
font-weight: bold;
cursor: pointer;
justify-content: center;
text-align: center;
white-space: nowrap;
outline: none;
text-decoration: none; }
.mpcs-button span,
.mpcs-lesson-locked-buttons a {
border: 1px solid #dbdbdb;
border-radius: 5px;
padding-bottom: calc(0.5em - 1px);
padding-left: 1em;
padding-right: 1em;
padding-top: calc(0.5em - 1px); }
.mpcs-button.is-rounded span {
border-radius: 50px; }
.mpcs-button .is-purple,
.mpcs-lesson-locked-buttons a.mpcs-button.is-purple {
background-color: #571879;
border: 1px solid #491466;
color: #fff; }
.mpcs-button .is-green {
background-color: #336a14;
border: 1px solid #28520f;
color: #fff; }
.mpcs-button .is-gray {
background-color: #767676;
border: 1px solid #4d4c4c;
color: #fff; }
.mpcs-button.is-outline {
border: 2px solid #333;
color: #333; } .mp_wrapper .grid {
min-width: inherit;
max-width: inherit; }
.course-progress {
background-color: #ffffff; }
.form-table .course-progress {
width: 250px; }
.course-progress .user-progress {
text-align: center;
white-space: nowrap;
background-color: #4caf50;
height: 100%;
display: block;
width: 0%; } .course-progress-bar-main {
height: 25px !important;
position: relative;
background: #555;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
padding: 7px;
box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
margin: 10px 0; }
.course-progress-bar-main > span {
width: 0%; display: block;
height: 100% !important;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
border-radius: 25px;
background-color: #2bc253;
background-image: linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
position: relative;
overflow: hidden; }
.course-progress-bar-main > span:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
z-index: 1;
background-size: 50px 50px;
animation: move 2s linear infinite;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
overflow: hidden; }
.mpcs-progress-bar-title {
font-weight: bold;
font-size: 18px; }  .mpcs-section {
margin: 25px 0 0 0;
padding: 0;
border: 1px solid #dedede;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: white;
width: 100%; }
.mpcs-section a {
text-decoration: none; }
.mpcs-section-header {
padding: 15px 15px 10px 15px;
background-color: #dedede; }
.mpcs-section-progress {
font-size: 32px;
font-weight: 800;
float: right;
vertical-align: middle;
padding: 0;
margin: 0;
height: 36px; }
.mpcs-section-progress .mpcs-section-complete {
color: #45b154; }
.mpcs-section-progress .mpcs-section-not-complete {
color: #aeaeae; }
.mpcs-section-title {
padding-bottom: 5px; }
.mpcs-section-title-text { font-size: 1.2em;
font-weight: 800; }
.mpcs-section-description {
font-size: 18px;
font-weight: 400;
text-decoration: italic; }
.mpcs-lessons,
.mpcs-lesson {
box-sizing: border-box;
padding: 10px;
width: 100%; }
.mpcs-lesson > .mpcs-lesson-row-link {
display: flex;
align-items: center; }
.mpcs-lesson-button {
margin-left: auto; }
.mpcs-lesson-link {
display: inline-block;
position: relative;
width: 75%;
padding: 5px;
vertical-align: top; }
#bookmark .mpcs-section-header {
display: flex;
align-items: center; }
.mpcs-progress-bar {
width: 50%; }
.mpcs-bookmark {
margin-left: auto; }
.mpcs-lesson-progress {
float: right;
font-size: 16px;
font-weight: 800;
padding-right: 12px; }
.mpcs-lesson-progress .mpcs-lesson-complete {
color: #45b154; }
.mpcs-lesson-progress .mpcs-quiz-failed {
color: #ff0000;
}
.mpcs-lesson-progress i {
font-size: 20px; }
.mpcs-lesson-progress .mpcs-lesson-not-complete {
color: #dedede; }
.mpcs-lesson .mpcs-lesson-locked i.mpcs-circle-regular {
color: #999;
}
.mpcs-lesson-locked-header {
font-weight: bold;
font-size: large;
}
.mpcs-lesson-locked-message {
padding-top: 20px;
padding-bottom: 20px;
}
a.mpcs-bookmark-link,
a.mpcs-bookmark-link .mpcs-bookmark-link-icon,
a.mpcs-bookmark-link .mpcs-bookmark-link-title {   } a.mpcs-bookmark-link:hover,
a.mpcs-bookmark-link:hover .mpcs-bookmark-link-icon,
a.mpcs-bookmark-link:hover .mpcs-bookmark-link-title { }
a.mpcs-bookmark-link:focus-visible .mpcs-bookmark-link-title {
outline: 1px solid #06429e;
outline-offset: 2px;
}
.mpcs-reset-course-progress, .mpcs-quiz-attempt{
text-decoration: none;
}
.mpcs-course-information .progress{
width: 1%;
}
.navigation .alignleft{
display: inline;
float: left;
margin-right: 1.5em;
margin-top: 1.5em;
}
.navigation .alignright{
display: inline;
float: right;
margin-left: 1.5em;
margin-top: 1.5em;
}
.center-block{
margin: 0 auto;
}
.mpcs-lesson-list-quiz-score {
font-style: italic;
}
div.mpca-quiz-progress-title{
margin-left: 10px;
}
a.mpca-course-progress-title, .mpca-quiz-progress-title a{
color: #1d2327;
}
a.mpca-course-sub-account-progress{
display: block;
}
@media handheld, only screen and (max-width: 767px) {
.mpcs-course-list .grid .col-1-2 {
width: 100%;
}
.mpcs-course-list .grid .col-1-2:last-child {
margin: 0;
padding: 0;
}
}
.flex-navigation {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 2rem;
}
.flex-navigation .page-count {
color: #555;
font-size: 14px;
}@font-face {
font-family: 'mp-courses';
src: url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.eot?82237471);
src: url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.eot?82237471#iefix) format('embedded-opentype'),
url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.woff2?82237471) format('woff2'),
url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.woff?82237471) format('woff'),
url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.ttf?82237471) format('truetype'),
url(//www.privacybeginner.com/wp-content/plugins/memberpress-courses/public/fonts/fontello/font/mp-courses.svg?82237471#mp-courses) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="mpcs-"]:before, [class*=" mpcs-"]:before {
font-family: "mp-courses";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.mpcs-cancel-circled:before { content: '\e800'; } .mpcs-check-circle-regular:before { content: '\e801'; } .mpcs-circle-regular:before { content: '\e802'; } .mpcs-info-circled:before { content: '\e803'; } .mpcs-adjust-solid:before { content: '\e804'; } .mpcs-cancel:before { content: '\e805'; } .mpcs-search:before { content: '\e806'; } .mpcs-user:before { content: '\e807'; } .mpcs-list-alt:before { content: '\e808'; } .mpcs-right-big:before { content: '\e809'; } .mpcs-eye:before { content: '\e80a'; } .mpcs-edit:before { content: '\e80b'; } .mpcs-left-big:before { content: '\e80c'; } .mpcs-grip-vertical-solid:before { content: '\e80d'; } .mpcs-down-dir:before { content: '\e80e'; } .mpcs-ok-circled:before { content: '\e80f'; } .mpcs-th-list:before { content: '\e810'; } .mpcs-arrow-narrow-left:before { content: '\e811'; } .mpcs-lock:before { content: '\e812'; } .mpcs-ccw:before { content: '\e813'; } .mpcs-check:before { content: '\e814'; } .mpcs-comment-alt-dots-light:before { content: '\e815'; } .mpcs-comment-alt-minus-light:before { content: '\e816'; } .mpcs-option-check:before { content: '\e817'; } .mpcs-plus:before { content: '\e818'; } .mpcs-correct-answer:before { content: '\e819'; } .mpcs-incorrect-answer:before { content: '\e81a'; } .mpcs-radio-checked:before { content: '\e81b'; } .mpcs-radio-unchecked:before { content: '\e81c'; } .mpcs-award:before { content: '\e81d'; } .mpcs-award-1:before { content: '\e81e'; } .mpcs-print:before { content: '\e81f'; } .mpcs-checkbox-checked:before { content: '\e820'; } .mpcs-checkbox-unchecked:before { content: '\e821'; } .mpcs-download-1:before { content: '\e822'; } .mpcs-link-1:before { content: '\e823'; } .mpcs-assignment-icon:before { content: '\e824'; } .mpcs-chat:before { content: '\e825'; } .mpcs-download:before { content: '\f02e'; } .mpcs-link:before { content: '\f07b'; } .mpcs-menu:before { content: '\f0c9'; } .mpcs-angle-left:before { content: '\f104'; } .mpcs-angle-right:before { content: '\f105'; } .mpcs-angle-down:before { content: '\f107'; } .mpcs-spinner:before { content: '\f110'; } .mpcs-angle-circled-left:before { content: '\f137'; } .mpcs-angle-circled-down:before { content: '\f13a'; } .mpcs-ellipsis:before { content: '\f141'; } .mpcs-ellipsis-vert:before { content: '\f142'; } .mpcs-play-circled:before { content: '\f144'; } .mpcs-quiz-icon:before { content: '\f14a'; } .mpcs-lesson-draft-icon:before { content: '\f15b'; } .mpcs-lesson-icon:before { content: '\f15c'; } .mpcs-youtube:before { content: '\f167'; } .mpcs-dot-circled:before { content: '\f192'; } .mpcs-share:before { content: '\f1e0'; } .mpcs-chart-area:before { content: '\f1fe'; } .mpcs-twitter-squared:before { content: '\f304'; } .mpcs-facebook-squared:before { content: '\f308'; } .mpcs-instagram-1:before { content: '\f32d'; }